/******************************** 基本定義 *******************************/
*{margin:0;padding:0px;}
BODY {font-size:12px;font-family:"ＭＳ Ｐゴシック", Osaka;}
a,p,div,td,th,span{font-size:12px;}
.mark{padding-left:1em;text-indent:-1em;line-height:1.2em;}
.link_oange:link {text-decoration:underline;color:#FF6600;}
.link_oange:visited {text-decoration:underline;color:#FF6600;}
.link_oange:hover {text-decoration:none;color:#FF6600;}
.link_oange:active {text-decoration:none;color:#FF6600;}

.link_white:link {text-decoration:underline;color:#FFFFFF;}
.link_white:visited {text-decoration:none;color:#FFFFFF;}
.link_white:hover {text-decoration:none;color:#FFFFFF;}
.link_white:active {text-decoration:none;color:#FFFFFF;}

.link_blue:link {text-decoration:underline;color:#0072BC;}
.link_blue:visited {text-decoration:underline;color:#0072BC;}
.link_blue:hover {text-decoration:none;color:#0072BC;}
.link_blue:active {text-decoration:none;color:#0072BC;}

.link_yellow:link {text-decoration:underline;color:#FFCC00;}
.link_yellow:visited {text-decoration:underline;color:#FFCC00;}
.link_yellow:hover {text-decoration:none;color:#FFCC00;}
.link_yellow:active {text-decoration:none;color:#FFCC00;}

.link_gray:link {text-decoration:underline;color:#666666;}
.link_gray:visited {text-decoration:underline;color:#666666;}
.link_gray:hover {text-decoration:none;color:#666666;}
.link_gray:active {text-decoration:none;color:#666666;}

.textbold{font-weight:bold;}
.center{text-align:center;}
.textright{text-align:right;}
.textleft{text-align:left;}
.hidden{display:none;}
.away{text-indent:-9999px;}

.color_gray{color:#666666; font-weight:normal;}
.color_orange{color:#ff6600;}
.color_blue{color:#003399;}
.color_red{color:#DC110C;}
.bold_red{font-weight:bold;color:#DC110C;}

.clearR{clear:right;visibility:hidden;padding:auto 0 0 0;}
.clearL{clear:left;visibility:hidden;padding:auto 0 0 0;}
.clearB{clear:both;visibility:hidden;padding:0;margin:0;}
.TclearB{clear:both;}
div.hr{background-color:#999999;height:1px;padding:0;margin:0 0 10px 0;overflow:hidden;}

#contents #marginbreak #formbox{margin:0 0 5px 0;padding:0;}
#contents #marginbreak #formbox .textbox{margin:0 0 5px 0;padding:0;}
#contents #marginbreak #formbox .hr{margin:0 0 5px 0;padding:0;}

#contents h3{text-indent:-9999px;padding:0px;line-height:normal;margin:0 0 10px 0;}
/************************************   CONTENTS  ***************************************************************/	
/*ALL*/
/*#all{width:720px;padding:0 auto 0 auto;margin:0;}*/

/*header*/
#header{height:95px;background:url(../share/head_back.gif) repeat-x;color:#FFFFFF;}
#header .box{padding:14px 32px 0 32px;}
#header div.close{width:100px;}
#header .close a{
display:block;
font-size:12px;
color:#FFFFFF;text-decoration:none;
padding:8px 0 0 8px;
background:url(../share/white_arrow_off.gif) 0px 12px no-repeat;
}

#header h1{
width:454px;
padding:8px 0 8px 0;
margin:0px;
font-size:16px;
line-height:normal;
background:url(../share/title_back.gif) bottom repeat-x;}

#header .close a:hover{color:#003399;
background:url(../share/white_arrow_on.gif) 0px 12px no-repeat;
}

#header h1 span{font-size:14px;}

#header .headtext{font-size:14px;font-weight:bold;margin:0 0 0 43px;padding:0;line-height:10px;}

/*logo*/
#logo{position:absolute;width:187px;height:97px;left:497px;background:url(../share/logo.png) no-repeat;}
#logo .box .left{float:left;width:93px;height:91px;}
#logo .box .right{float:right;width:93px;height:91px;}

/** FOOTER **/
#footer{height:56px;border-top:1px solid #003399;clear:both;}
#footer .box{text-align:left;padding:18px 0;}
#footer .close{margin:auto auto auto 242px;width:140px;height:20px;display:block;cursor:pointer;background:url(../share/close_bt_off.gif) no-repeat;}
#footer a:hover div.close{background:url(../share/close_bt_on.gif) no-repeat;}

/**BODY**/
#contents.thanks h3{background:url(../share/thanks.gif) no-repeat;height:47px;}
#contents{width:720px;height:620px;overflow-y:scroll;text-align:center;}
#contents .box{width:625px;margin:0 auto 0 auto;text-align:left;font-size:12px;color:#000000;}
#contents div.paragraph{padding:10px 0 0 0;}
#contents .paragraph .head{padding:0 0 10px 0;}
#contents .attend{padding:0 0 10px 12px;font-size:10px;color:#666666;}
#contents div.paragraph .attend{font-size:12px;padding:0 0 0 12px;}
#contents #formbox{padding:0 0 10px 12px;}
#contents #formbox table.textbox{margin:0 0 10px 12px;}
#contents #formbox table th{font-weight:normal;width:120px;text-align:left;}
#contents #formbox table.textbox .attend{padding:2px 0 0 5px;}
#contents #formbox table.radio td{width:150px;}
#contents #formbox table.radio td.text{width:300px;}
#contents #formbox table.name th{width:170px;}
#contents #check #formbox table.name th{width:192px;}
#contents #formbox table.day th{width:192px;}
#contents #formbox table.sex th{width:192px;}
#contents #formbox table.sex td{width:100px;}
#contents #formbox table.zip th{width:132px;}
#contents #formbox table.zip td.text{width:60px;}
#contents #formbox table.address th{width:132px;}
#contents.service #formbox table.address td.text{width:30px;}
#contents #formbox table.address td{width:60px;}
#contents #formbox table.mansion th{width:75px;}
#contents #formbox table.mansion td{width:117px;}
#contents #formbox table.tell th{width:170px;}
#contents #formbox table.if th{width:300px;}
#contents #formbox table.inspection th{width:102px;}
#contents #formbox table.inspection td.text{width:90px;}
#contents #formbox table.contact th{width:192px;}
#contents #formbox table.contact td{width:100px;}
#contents #formbox table.contact td.text{width:80px;}
#contents #check  #formbox table.contact td.text{width:300px;}
#contents #formbox table.privacy th{width:480px;}
#contents #formbox table.privacy td{width:80px;text-align:center;}
#contents #formbox table.privacy td.text{width:auto;text-align:left;}
#contents #formbox table.privacy td textarea{margin:10px auto 10px auto}
#contents #formbox table.privacy .border{border:3px solid #0033CC;width:13px;height:13px;margin:0 auto 0 auto;}
#contents #formbox table.privacy a:link,a:visited{color:#555555;}
#contents #formbox table.privacy a:hover{color:#003399;}
#contents #check #formbox table td{width:auto;font-size:14px;}
#contents #check #formbox table td.text{width:60px;font-size:12px;}
#contents #check #formbox table.mansion td.text{width:117px;}
#contents #check #formbox table.inspection th{width:132px;}
#contents #check #formbox table.inspection th.text{width:100px;}
#contents #check #formbox table.inspection td.text{width:90px;}
#contents #formbox .button{float:right;width:300px;margin:0 0 20px 0;}
.testdrive #input h3{background:url(../img/testdrive_01.gif) no-repeat;}
.estimate #input h3{background:url(../img/estimate_01.gif) no-repeat;}
.catalog #input h3{background:url(../img/catalog_01.gif) no-repeat;}
.contact #input h3{background:url(../img/contact_01.gif) no-repeat;}
.service #input h3{background:url(../img/service_01.gif) no-repeat;}
.service #input h3.present{background:url(../img/service_present.gif) no-repeat;}
.mailmag #input h3{background:url(../img/mailmag_01.gif) no-repeat;}
.s_mailmag #input h3{background:url(../img/s_mailmag_01.gif) no-repeat;}
#contents #input #formbox .reset{float:left;margin:auto;width:140px;height:20px;display:block;cursor:pointer;background:url(../share/reset_bt_off.gif) no-repeat;}
#contents #input #formbox a:hover div.reset{background:url(../share/reset_bt_on.gif) no-repeat;}
#contents #input #formbox .send{float:left;margin:auto;width:140px;height:20px;margin:0 0 0 10px;display:block;cursor:pointer;background:url(../share/send_bt_off.gif) no-repeat;}
#contents #input #formbox a:hover div.send{background:url(../share/send_bt_on.gif) no-repeat;}
.testdrive #check h3{background:url(../img/testdrive_02.gif) no-repeat;}
.estimate #check h3{background:url(../img/estimate_02.gif) no-repeat;}
.catalog #check h3{background:url(../img/catalog_02.gif) no-repeat;}
.contact #check h3{background:url(../img/contact_02.gif) no-repeat;}
.service #check h3{background:url(../img/service_02.gif) no-repeat;}
.mailmag #check h3{background:url(../img/mailmag_02.gif) no-repeat;}
.s_mailmag #check h3{background:url(../img/s_mailmag_02.gif) no-repeat;}
#contents #check #formbox .reset{float:left;margin:auto;width:140px;height:20px;display:block;cursor:pointer;background:url(../share/back_bt_off.gif) no-repeat;}
#contents #check #formbox  a:hover div.reset{background:url(../share/back_bt_on.gif) no-repeat;}
#contents #check #formbox  .send{float:left;margin:auto;width:140px;height:20px;margin:0 0 0 10px;display:block;cursor:pointer;background:url(../share/ok_bt_off.gif) no-repeat;}
#contents #check #formbox  a:hover div.send{background:url(../share/ok_bt_on.gif) no-repeat;}

/**MAILMAGAZINE**/
#mailhead{margin:0 0 10px 0;}
#mailhead .attend{margin:0 0 10px 0;}
#mailhead .photobox{width:180px;float:left;color:#666666;margin:0 10px 10px 10px;}
#mailhead .photos{width:180px;height:77px;position:relative;}
#mailhead .photobox .photo01{width:77px;height:77px;background:url(../img/mail_img01.jpg) no-repeat left top;float:left;text-indent:-9999px;}
#mailhead .photobox .photo02{width:77px;height:77px;background:url(../img/mail_img02.jpg) no-repeat left top;float:left;text-indent:-9999px;}
#mailhead .photobox .photo03{width:77px;height:77px;background:url(../img/mail_img03.jpg) no-repeat left top;float:left;text-indent:-9999px;}
#mailhead .photobox .name{width:100px;float:left;font-weight:bold;font-size:10px;v-align:bottom;position:absolute;bottom:0;right:0;}
#mailhead .photobox .name span{font-weight:normal;font-size:10px;v-align:bottom;}
#mailhead .photobox .profile{clear:both;width:180px;font-size:10px;}
#contents #input  #mailhead h3.backnumber{background:url(../img/mail_subtit.gif) no-repeat;display:block;cursor:pointer;width:383px;height:12px;}
#contents #input  #mailhead h1.netmile{margin:0 auto 0 auto;height:44px;width:425px;background:url(../img/netmile.gif) no-repeat;text-indent:-9999px;padding:0px;line-height:normal;display:block;cursor:pointer;}


/**MAILMAGAZINE 金子さん追加レイアウト（vol.124以降）**/
#mailhead02{margin:0 0 10px 0;}
#mailhead02 .attend{margin:0 0 10px 0;}
#mailhead02 .photobox{width:290px;float:left;color:#666666;margin:0 10px 10px 10px; height:150px;}
#mailhead02 .photos{width:180px;height:77px;position:relative;}
#mailhead02 .photobox .photo01{width:77px;height:77px;background:url(../img/mail_img01.jpg) no-repeat left top;float:left;text-indent:-9999px;}
#mailhead02 .photobox .photo02{width:77px;height:77px;background:url(../img/mail_img02.jpg) no-repeat left top;float:left;text-indent:-9999px;}
#mailhead02 .photobox .photo03{width:77px;height:77px;background:url(../img/mail_img03.jpg) no-repeat left top;float:left;text-indent:-9999px;}
#mailhead02 .photobox .photo04{width:77px;height:77px;background:url(../img/mail_img04.jpg) no-repeat left top;float:left;text-indent:-9999px;}
#mailhead02 .photobox .name{width:100px;float:left;font-weight:bold;font-size:10px;v-align:bottom;position:absolute;bottom:0;right:0;}
#mailhead02 .photobox .name span{font-weight:normal;font-size:10px;v-align:bottom;}
#mailhead02 .photobox .profile{clear:both;width:290px;font-size:10px;}