@charset "Shift-JIS";
/*----------------------------------------------------------------------------------------
ページタイトル
----------------------------------------------------------------------------------------*/
/*--------------------------------------
フリーページ
--------------------------------------*/
.midashi_bg{
height:30px;
background:url(images/midashi_bg2.gif) no-repeat;
font-size:12pt;
font-weight:bold;
padding:4px 0px 0px 30px;
margin-bottom:10px;
color: #FFFFFF;
}
/*--------------------------------------
フローチャート
--------------------------------------*/
.midashi_bg2{
height:25px;
font-size:12pt;
font-weight:bold;
padding:6px 0px 0px 10px;
margin-bottom:10px;
background-image: url(images/flow_bg.gif);
background-repeat: no-repeat;
background-position: bottom;
}
/*--------------------------------------
フリーページ
--------------------------------------*/
#title_bg {
background:transparent url(images/title_bg.gif) no-repeat left top;
height:30px;
margin:2px 0px 15px 10px;
font-size:14pt;
line-height:16pt;
font-weight:bold;
padding-left:23px;
color:#FFFFFF;
padding-top: 5px;
}
*+html #title_bg {
width:540px;
margin-right:0;
}
/*----------------------------------------------------------------------------------------
見出し
----------------------------------------------------------------------------------------*/
.midashi {
background:#fff url(http://sk.skmeijin.jp/hs/admin/templates/variation/hs_28_5/00/images/midashi.gif) no-repeat left top;
padding:5px 11px 0 11px;
margin-bottom:10px;
height:30px;
font-size:12pt;
line-height:16pt;
font-weight:bold;
}
/*----------------------------------------------------------------------------------------
汎用レイアウト
----------------------------------------------------------------------------------------*/
.contents_under_01{width:560px; margin-left:10px;}
.contents_under_01 p{margin-bottom:10px;}
.contents_01_text{width:260px;margin-left:4px;margin-right:8px;float:left;}
.contents_01_text2{padding:0 10px 0px 10px;}
.contents_01_text3{padding:0 10px 0px 10px;}
.contents_01_text4{width:355px;margin-left:4px;margin-right:10px;float:left;}
.contents_01_text5{width:320px;margin-left:10px;margin-right:8px;float:left;}
.contents_01_text6{width:320px;margin-left:5px;margin-right:8px;float:left;}
.contents_01_photo{border:1px solid #8D8D8D;float:left;}/* ---画像枠線---*/
.contents_01_photo2{border:1px solid #8D8D8D;margin-bottom:5px;}/* ---画像枠線---*/
.contents_01_photo3{border:1px solid #8D8D8D;margin:auto;width:175px;}/* ---画像枠線---*/
.contents_01_photo4{border:1px solid #8D8D8D;margin:auto;width:270px;}/* ---画像枠線---*/
.con_photo {width:560px;}
.con_photo_waku01{width:177px;float:left;margin-right:10px;}
.con_photo_waku02{width:177px;float:left;}
.con_photo_waku03{width:270px;margin:auto;}
.con_photo_waku04{width:222px;float:left;}
.con_photo_waku01 img{border:1px solid #8D8D8D;}/* ---画像枠線---*/
.con_photo_waku02 img{border:1px solid #8D8D8D;}/* ---画像枠線---*/
.con_photo_waku03 img{border:1px solid #8D8D8D;}/* ---画像枠線---*/
.con_photo_text{width:160px;text-align:left;margin:auto;}
.con_photo_text2{width:210px;text-align:left;margin-left:auto; margin-right:auto;margin-top:3px;}
.con_photo img{margin-bottom:5px;}
.page_top {padding:0 10px 0px 10px;font-size:8pt;text-align:right;}
.page_top a:link {color: #333333;text-decoration:underline;}/* ---リンク色---*/
.page_top a:visited {color: #333333;text-decoration:underline;}/* ---リンク色---*/
.page_top a:hover {color: #7D7D7D;text-decoration:none;}/* ---リンク色---*/
.page_top a:active {color: #7D7D7D;text-decoration:none;}/* ---リンク色---*/
/*-----------------------
お問い合わせはこちら
-----------------------*/
.text_contact{width:360px;margin-right:10px;float:left; padding:5px;
background-color:#EBEAED; border:solid 1px #D5D4DA;}/* ---テーブル---*/
.img_contact{float:left}
/*----------------------------------------------------------------------------------------
汎用レイアウト（画像中央寄せ）
----------------------------------------------------------------------------------------*/
.img_center {text-align:center; margin-bottom:15px;}
.img_center img{margin:auto;}
.contact_btn a{width:150px;height:30px;background: url(images/contact_btn.gif);
text-decoration:none;
text-indent: -999em;
display:block;}
/*----------------------------------------------------------------------------------------
汎用レイアウト（テーブル）
----------------------------------------------------------------------------------------*/
.table_contents {
table-layout:auto;
width:558px;
border-collapse:collapse;
border:1px solid #D5D4DA;/* ---表枠線---*/
margin:0 auto 10px auto;
}
.table_contents caption{
text-align:right;
margin:0 auto 5px auto;
}
.tdcolor_left{width:150px;background-color:#EBEAED;}/* ---表枠線---*/
/*.td_color_right{background-color:}*/
.table_contents th{border-collapse:collapse; border:1px solid #91AFC8; padding:3px 5px;}/* ---表枠線---*/
.table_contents td{border-collapse:collapse; border:1px solid #D5D4DA; padding:3px 5px;}/* ---表枠線---*/
/*----------------------------------------------------------------------------------------
スタッフ紹介
----------------------------------------------------------------------------------------*/
.staff_top {
height:1px;
background-color: #D5D4DA;
}
.staff_bottom {
height:1px;
background-color: #D5D4DA;
}
.staff_text {
padding:5px 10px 5px 10px;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #D5D4DA;
border-left-color: #D5D4DA;
}
.staff_bg {
width:320px;
margin-left:14px;
float:left;
background-color: #EBEAED;
}
.staff2_top {height:2px;background: url(images/mail_top.gif);}
.staff2_bottom {height:2px;background: url(images/form_bottom.gif);}
.staff2_text {padding:5px 10px 5px 10px;}
.staff2_bg {width:560px;background: url(images/info_bg.gif) repeat-y;float:left;}
.staff_waku_left{width:270px;float:left;margin-right:20px;}
.staff_waku_right{width:270px;float:left;}
.staff_waku_left img{border:1px solid #8D8D8D;float:left;}/* ---画像枠線---*/
.staff_waku_right img{border:1px solid #8D8D8D;float:left;}/* ---画像枠線---*/
.staff_waku_text {width:128px;float:left;margin-left:8px;}
/*----------------------------------------------------------------------------------------
こだわり
----------------------------------------------------------------------------------------*/
.concept_bg {
width:320px;
margin-right:12px;
float:left;
background-color: #EBEAED;
}
/*----------------------------------------------------------------------------------------
施工事例ご紹介
----------------------------------------------------------------------------------------*/
.case_photo {width:560px;}
.case_photo2 {width:370px;margin:auto;}
.case_photo3 {width:177px;margin:auto;}
.case_photo img{border:1px solid #8D8D8D;}/* ---画像枠線---*/
.case_photo01 {float:left;margin-right:7px;}
.case_photo02 {float:left;}
.case_photo_text{text-align:center;width:85px;}
.case_textbox1 {border:1px solid #D5D4DA;background-color:#EBEAED;margin-top:10px;padding:5px;}/* ---テーブル---*/
/*----------------------------------------------------------------------------------------
Q&A
----------------------------------------------------------------------------------------*/
.font_q {color:#990000;font-size:12pt;}
.font_a {color:#000066;font-weight:bold;}
/*----------------------------------------------------------------------------------------
お問い合わせページ
----------------------------------------------------------------------------------------*/
#inquiry{width:560px;background: url(images/info_bg.gif) repeat-y;margin-bottom:10px;}
#inquiry_top{
width:560px;
height:2px;
background: url(images/mail_top.gif);
margin-bottom: 10px;
}
#inquiry_bottom{
width:560px;
height:2px;
background: url(images/form_bottom.gif);
clear:both;
margin-top: 10px;
}
.inquiry_textbox{width:200px;display:block;float:left;margin-left:5px;}
.inquiry_textbox_02{width:545px;display:block;float:left;margin-left:5px;margin-bottom:5px;}
.inquiry_textbox_03{width:560px;margin-bottom:5px;}
.inquiry_textbox_04{width:560px;text-align:center;margin-top:10px;}
.inquiry_line{width:560px;height:1px;background: url(http://sk.skmeijin.jp/hs/admin/templates/variation/hs_28_5/00/images/inquiry_line.gif) ;margin:5px 0px 5px 0px;clear:both;}
.inquiry_input_01{width:230px;}
.inquiry_input_02{width:350px;height:80px;margin-right:100px;}
.inquiry_input_03{width:560px;text-align:right;clear:both;}
.inquiry_input_04{width:130px;}
/*----------------------------------------------------------------------------------------
リンク
----------------------------------------------------------------------------------------*/
.link{width:550px;padding-left:10px;}
.link_line{width:560px;height:2px;background: url(images/link_line.gif) ;margin:5px 0px 5px 0px;}
.link_text{width:540px;padding:0px 10px 0px 10px;margin-bottom:20px;}