@charset "UTF-8";

* {font-family:"メイリオ","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Osaka; font-size:100%;}

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, 
table, caption, th, td, address, form {margin:0; padding:0;}

table {border-collapse:collapse;}
a img {border:none;}
p {margin:1em 0; line-height:1.5; font-size:93%;}
.clr {clear:both;}
.red {color:#f00;}

body {margin:0 auto; width:793px; background:#fff url(../data/jpg/back_blue_01.jpg) left top repeat-x; text-align:center;}
#wrap {background:#fff url(../data/gif/main_back_01.gif) center top repeat-y; text-align:left;}
#pad {margin:0 6px 0 7px;}
#head {margin-bottom:1px;}
#main {margin:15px;}

#go {margin:10px; font-size:69%; text-align:right;}
#go a {color:#666666; text-decoration:none;}
#go a:hover {text-decoration:underline;}

a {color:#0000CC; text-decoration:underline;}
a:visited {color:#009900;}
a:hover {color:#FF9900;}

h1.red {background:#fff url(../data/jpg/h1/red.jpg) left top no-repeat; height:50px; line-height:50px; color:#000; padding-left:70px; font-size:160%;}
h1.yellow {background:#fff url(../data/jpg/h1/yellow.jpg) left top no-repeat; height:50px; line-height:50px; color:#000; padding-left:70px; font-size:160%;}
h1.green {background:#fff url(../data/jpg/h1/green.jpg) left top no-repeat; height:50px; line-height:50px; color:#000; padding-left:70px; font-size:160%;}
h1.blue {background:#fff url(../data/jpg/h1/blue.jpg) left top no-repeat; height:50px; line-height:50px; color:#000; padding-left:70px; font-size:160%;}


/* フッター */
#footer {margin:10px auto 0; text-align:center; padding:10px; font-size:79%; border-top:1px solid #999;}
#footer #b_menu {margin-bottom:20px;}
#footer #b_menu a {color:#0066FF; text-decoration:none;}
#footer #b_menu a:visited {color:#0066FF;}
#footer #b_menu a:hover {color:#FF9900; text-decoration:underline;}
#footer p {margin:5px 0;}
#footer p strong {color:#CC0000;}

/* トップページ */
#aisatsu {background:#fff url(../data/gif/top_house.gif) right top no-repeat; margin-bottom:15px;}
#aisatsu h1 {margin:10px 180px 0 0; font-size:100%; line-height:1.5;}
#aisatsu p {font-size:100%; font-weight:bold; margin:0 180px 0 0;}

#shoujo table td#table_back {background:#fff url(../data/gif/top_shoujo_back.gif) center top repeat-y;}
#shoujo ul {margin:0 0 10px 60px; list-style-type:circle; font-size:90%;}
#shoujo ul li {padding:2px 0; line-height:1.2;}
#shoujo p {margin:10px 0 10px 30px; line-height:1.2;}
#shoujo p.parts {text-align:center; font-weight:bold; margin:5px 0 10px; line-height:1.5;}

#after {margin:5px;}
#after h2 {background:#fff url(../data/gif/top_afterservice_title.gif) 15px 3px no-repeat; height:50px; line-height:50px;}
#after img {margin:10px 10px 5px 5px;}
#after h3 {color:#f00; margin:10px;}
#after p {font-size:83%; line-height:1.3; margin:0 5px 5px 10px;}
#after p.cmnt {font-size:69%; margin-left:80px;}
#after .box {width:355px; float:left; margin:5px 25px 10px 0; background:#fff url(../data/jpg/top_afterservice.jpg) left top no-repeat; border:1px solid #999;}
#after .box_r {width:355px; float:left; margin:5px 0 10px 0; background:#fff url(../data/jpg/top_afterservice.jpg) left top no-repeat; border:1px solid #999;}

/* 施工例 */
#sekou h2 {font-size:90%; font-weight:normal; margin:20px 0 10px;}
#sekou .box_l {width:350px; float:left; margin:0 50px 30px 0;}
#sekou .box_r {width:350px; float:left; margin:0 0 30px 0;}

#sekou #list {margin:20px 30px;}
#sekou #list h2 {margin:15px 0 5px 0; font-size:100%; color:#009900; font-weight:bold;}
#sekou #list p {margin:10px 0;}
#sekou #list p.komoku {font-size:83%; margin:5px 15px;}
#sekou hr {height:1px; color:#999;}

/* よくある質問 */
#faq dl {margin:10px 50px;}
#faq dt {font-weight:bold; color:#000099; padding:10px 0; background-color:#ffdf66; border:1px solid #999; border-bottom:1px dotted #999; }
#faq dd {font-size:83%; line-height:1.5; padding:5px 10px; border:1px solid #999; border-top:none; margin-bottom:20px; background-color:#FFFFCC;}
#faq dt .q {background-color:#66CCFF; padding:10px; color:#fff; border-right:1px dotted #999;}

#faq ol {font-size:90%; margin:10px 80px 30px;}
#faq li {padding:5px 0; list-style-position:inside;}
#faq li a {color:#0033CC; text-decoration:none;}
#faq li a:visited {color:#009900;}
#faq li a:hover {color:#FF9900; text-decoration:underline;}

/* 事業所案内 */
#annai table {border-collapse:separate; border:3px double #999; font-size:83%; line-height:1.3; margin:20px auto;}
#annai th {padding:10px; background-color:#ffdf66; border-bottom:1px solid #999; border-right:1px dotted #666; }
#annai td {padding:10px; background-color:#f8f8f8; border-bottom:1px solid #999;}
#annai td h2 {margin:10px 0 5px 10px;}
#annai td ul {margin:5px 0 10px 35px; list-style-type:circle;}
#annai .none {border-bottom:none;}

#jigyou p {margin:5px 15px;}

/* お問い合わせ */
#contact h2 {border-left:5px solid #f90; border-bottom:1px solid #999; padding:4px; margin:20px 30px;}
#contact h3 {margin:10px 40px;}
/*#contact p.tel {font-size:140%; font-weight:bold; color:#f00; margin:10px 40px; line-height:1;}
#contact p.fax {font-size:100%; font-weight:bold; color:#009; margin:10px 42px; line-height:1;}*/

#contact ul {margin:30px 0 10px 40px; text-align:left; font-size:83%;}
#contact li {line-height:1.5; text-align:left; color:#f00;}

table#contact_form {margin:15px auto; border-collapse:collapse; align:center;}
table#contact_form th {font-size:83%; padding:4px; border:1px solid #999;
	vertical-align:top; text-align:left; background-color:#ffdf66; width:165px;}
table#contact_form td {font-size:83%; padding:4px; border:1px solid #999;
	vertical-align:top; text-align:left;}

#contact input {width:180px;}
#contact p input {width:120px; font-size:83%; background-color:#FFFFCC; line-height:1.5;}
.font-red,.red_small {color:#f00; font-size:10px;}
#complete {padding:100px; margin:0 auto;}
#complete h1 {font-size:100%;}

/* メニュー */
#menu ul {color:#fff; text-indent:-9999px; font-size:1px; margin:0 auto; list-style:none; margin:0; padding:0;}
#menu ul li {float:left;}
#menu ul li a {display:block; width:156px; height:42px;}
#menu ul li a.mHome {background:#fff url(../data/jpg/menu.jpg) 0 0 no-repeat;}
#menu ul li a.mHome:hover {background:#fff url(../data/jpg/menu.jpg) 0 -42px no-repeat;}
#menu ul li a.mSekou {background:#fff url(../data/jpg/menu.jpg) -156px 0 no-repeat;}
#menu ul li a.mSekou:hover {background:#fff url(../data/jpg/menu.jpg) -156px -42px no-repeat;}
#menu ul li a.mFaq {background:#fff url(../data/jpg/menu.jpg) -312px 0 no-repeat;}
#menu ul li a.mFaq:hover {background:#fff url(../data/jpg/menu.jpg) -312px -42px no-repeat;}
#menu ul li a.mAnnai {background:#fff url(../data/jpg/menu.jpg) -468px 0 no-repeat;}
#menu ul li a.mAnnai:hover {background:#fff url(../data/jpg/menu.jpg) -468px -42px no-repeat;}
#menu ul li a.mContact {background:#fff url(../data/jpg/menu.jpg) -624px 0 no-repeat;;}
#menu ul li a.mContact:hover {background:#fff url(../data/jpg/menu.jpg) -624px -42px no-repeat; }

body#pHome #menu ul li a.mHome {background:#fff url(../data/jpg/menu.jpg) 0 -42px no-repeat;}
body#pSekou #menu ul li a.mSekou {background:#fff url(../data/jpg/menu.jpg) -156px -42px no-repeat;}
body#pFaq #menu ul li a.mFaq {background:#fff url(../data/jpg/menu.jpg) -312px -42px no-repeat;}
body#pAnnai #menu ul li a.mAnnai {background:#fff url(../data/jpg/menu.jpg)  -468px -42px no-repeat;}
body#pContact #menu ul li a.mContact {background:#fff url(../data/jpg/menu.jpg) -624px -42px no-repeat;}