@charset "Shift_JIS";

*
{
margin:0;
padding:0;
}

a:link    {color:#0000ff;}
a:visited {color:#0000ff;}
a:active  {color:#ff0000;}
a:hover   {color:#ff0000;}

body
{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
font-size:12px;
font-style:normal;
line-height:16px;
font-weight:normal;
font-variant:normal;
color:#333333;
background-color:#eaebdb;
text-align:center;
}

td,th
{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
font-size:12px;
font-style:normal;
line-height:16px;
font-weight:normal;
font-variant:normal;
color:#333333;
}

p
{
margin-bottom:12px;
}

img
{
vertical-align:bottom;
}

/*基本エリア設定 start*/
#wrapper
{
width:790px;
height:auto;
text-align:left;
margin-left:auto;
margin-right:auto;
background-image:url(../images/common/wrapper_bg.jpg);
background-repeat:repeat-y;
}

#h1area
{
width:760px;
height:25px;
background-image:url(../images/common/h1area_bg.jpg);
background-repeat:no-repeat;
margin:0 15px;
}

#header
{
width:760px;
height:75px;
margin:0 15px;
}

#pagebody
{
width:760px;
height:auto;
margin:0 15px;
clear:both;
}

#navigation
{
width:760px;
height:35px;
margin:2px 15px;
}

#navigation span
{
display:none;
}

#content
{
margin:20px 30px;
}

#textlink
{
width:760px;
clear:both;
margin:0 15px;
text-align:center;
}

#info
{
width:760px;
clear:both;
margin:0 15px 10px 15px;
text-align:center;
}

#footer
{
width:760px;
height:80px;
background-image:url(../images/common/footer_bg.jpg);
background-repeat:no-repeat;
clear:both;
margin:0 15px;
}

address
{
font-style:normal;
clear:both;
}

#FooterStep
{
width:720px;
height:auto;
margin:0 20px;
padding-top:20px;
}

#FooterStepLeft
{
width:630px;
height:auto;
float:left;
color:#ffffff;
}

#FooterStepRight
{
width:90px;
height:auto;
float:right;
text-align:right;
}

#FooterStepRight a
{
color:#ffffff;
text-decoration:none;
}

#FooterStepRight a:hover
{
color:#ffffff;
text-decoration:underline;
}
/*基本エリア設定 end*/

/*ナビゲーション設定 start*/
#navigation li
{
list-style:none;
float:left;
}

.menu1 a
{
display:block;
width:127px;
height:35px;
background-image:url(../images/common/menu1_off.jpg);
background-repeat:no-repeat;
}

.menu1 a:hover
{
width:127px;
height:35px;
background-image:url(../images/common/menu1_on.jpg);
background-repeat:no-repeat;
}

.select1
{
width:127px;
height:35px;
background-image:url(../images/common/menu1_on.jpg);
background-repeat:no-repeat;
}

.menu2 a
{
display:block;
width:127px;
height:35px;
background-image:url(../images/common/menu2_off.jpg);
background-repeat:no-repeat;
}

.menu2 a:hover
{
width:127px;
height:35px;
background-image:url(../images/common/menu2_on.jpg);
background-repeat:no-repeat;
}

.select2
{
width:127px;
height:35px;
background-image:url(../images/common/menu2_on.jpg);
background-repeat:no-repeat;
}

.menu3 a
{
display:block;
width:127px;
height:35px;
background-image:url(../images/common/menu3_off.jpg);
background-repeat:no-repeat;
}

.menu3 a:hover
{
width:127px;
height:35px;
background-image:url(../images/common/menu3_on.jpg);
background-repeat:no-repeat;
}

.select3
{
width:127px;
height:35px;
background-image:url(../images/common/menu3_on.jpg);
background-repeat:no-repeat;
}

.menu4 a
{
display:block;
width:127px;
height:35px;
background-image:url(../images/common/menu4_off.jpg);
background-repeat:no-repeat;
}

.menu4 a:hover
{
width:127px;
height:35px;
background-image:url(../images/common/menu4_on.jpg);
background-repeat:no-repeat;
}

.select4
{
width:127px;
height:35px;
background-image:url(../images/common/menu4_on.jpg);
background-repeat:no-repeat;
}

.menu5 a
{
display:block;
width:127px;
height:35px;
background-image:url(../images/common/menu5_off.jpg);
background-repeat:no-repeat;
}

.menu5 a:hover
{
width:127px;
height:35px;
background-image:url(../images/common/menu5_on.jpg);
background-repeat:no-repeat;
}

.select5
{
width:127px;
height:35px;
background-image:url(../images/common/menu5_on.jpg);
background-repeat:no-repeat;
}

.menu6 a
{
display:block;
width:125px;
height:35px;
background-image:url(../images/common/menu6_off.jpg);
background-repeat:no-repeat;
}

.menu6 a:hover
{
width:125px;
height:35px;
background-image:url(../images/common/menu6_on.jpg);
background-repeat:no-repeat;
}

.select6
{
width:125px;
height:35px;
background-image:url(../images/common/menu6_on.jpg);
background-repeat:no-repeat;
}
/*ナビゲーション設定 end*/

/*フッターサイトマップ設定 start*/
#textlink ul
{
border-top:3px solid #ffac06;
padding:10px 0;
}

#textlink li
{
list-style:none;
display:inline;
color:#333333;
}

#textlink a
{
color:#333333;
text-decoration:none;
padding:0 5px;
}

#textlink a:hover
{
color:#eb0000;
text-decoration:underline;
}
/*フッターサイトマップ設定 end*/

/*見出しタグ設定 start*/
h1
{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
font-size:12px;
font-style:normal;
font-weight:normal;
font-variant:normal;
color:#333333;
padding-top:6px;
}

#CatchL h2
{
background-image:url(../images/top/copy.jpg);
background-repeat:no-repeat;
width:515px;
height:82px;
margin-bottom:5px;
}

h2 span
{
display:none;
}

h3 span
{
display:none;
}

h3
{
clear:both;
}

.ptitle1
{
width:700px;
height:100px;
background-image:url(../images/event/pagetitle.jpg);
background-repeat:no-repeat;
margin-bottom:30px;
}

.ptitle2
{
width:700px;
height:100px;
background-image:url(../images/business/pagetitle.jpg);
background-repeat:no-repeat;
margin-bottom:30px;
}

.ptitle3
{
width:700px;
height:100px;
background-image:url(../images/project/pagetitle.jpg);
background-repeat:no-repeat;
margin-bottom:30px;
}

.ptitle4
{
width:700px;
height:100px;
background-image:url(../images/company/pagetitle.jpg);
background-repeat:no-repeat;
margin-bottom:30px;
}

.ptitle5
{
width:700px;
height:100px;
background-image:url(../images/contact/pagetitle.jpg);
background-repeat:no-repeat;
margin-bottom:30px;
}

.ptitle6
{
width:700px;
height:100px;
background-image:url(../images/staff/pagetitle.jpg);
background-repeat:no-repeat;
margin-bottom:30px;
}

.stitle1
{
width:700px;
height:30px;
background-image:url(../images/event/subtitle.gif);
background-repeat:no-repeat;
margin-bottom:15px;
}

.stitle2
{
width:700px;
height:30px;
background-image:url(../images/business/subtitle.gif);
background-repeat:no-repeat;
margin-bottom:15px;
}

.stitle3
{
width:700px;
height:30px;
background-image:url(../images/project/subtitle.gif);
background-repeat:no-repeat;
margin-bottom:15px;
}

.stitle4
{
width:700px;
height:30px;
background-image:url(../images/company/subtitle.gif);
background-repeat:no-repeat;
margin-bottom:15px;
}

.stitle5
{
width:700px;
height:30px;
background-image:url(../images/company/subtitle2.gif);
background-repeat:no-repeat;
margin-bottom:15px;
}

.stitle6
{
width:700px;
height:30px;
background-image:url(../images/company/subtitle3.gif);
background-repeat:no-repeat;
margin-bottom:15px;
}
/*見出しタグ設定 end*/

.red
{
color:#eb0000;
text-decoration:underline;
}

.red2
{
color:#eb0000;
}

.orange
{
color:#ffb900;
}

.font10
{
font-size:10px;
}

.mb
{
margin-bottom:10px;
}

.mb2
{
margin-bottom:5px;
}

.right
{
text-align:right;
}

.clear
{
clear:both;
}

.underline
{
text-decoration:underline;
}

/*TOP*/

#Catch
{
width:760px;
}

#CatchL
{
width:515px;
margin-right:15px;
float:left;
padding-bottom:20px;
}

#CatchR
{
width:230px;
float:right;
clear:right;
padding-bottom:20px;
}

.bg
{
width:210px;
border:1px solid #ffac06;
padding:9px;
margin-bottom:10px;
background-color:#ffffd7;
}

/*イベント*/
.Event
{
width:700px;
height:auto;
clear:both;
}

.EventL
{
width:194px;
height:auto;
margin-right:26px;
float:left;
padding-bottom:25px;
}

.EventR
{
width:480px;
height:auto;
float:right;
clear:right;
padding-bottom:25px;
}

.EventL img
{
padding:6px;
border:1px solid #cfcfcf;
}

.EventTitle
{
padding:9px 10px 7px 10px;
background-image:url(../images/common/pattern.gif);
font-size:16px;
font-weight:bold;
letter-spacing:1px;
color:#ffffff;
}

.banner
{
text-align:center;
clear:both;
}

/*施工事例*/
.Case
{
width:700px;
height:auto;
clear:both;
}

.CaseL
{
width:194px;
height:auto;
margin-right:26px;
float:left;
padding-bottom:25px;
}

.CaseR
{
width:480px;
height:auto;
float:right;
clear:right;
padding-bottom:25px;
}

.CaseL img
{
padding:6px;
border:1px solid #cfcfcf;
}

.CaseTitle
{
padding:9px 10px 7px 10px;
background-image:url(../images/common/pattern.gif);
font-size:16px;
font-weight:bold;
letter-spacing:1px;
color:#ffffff;
}

/*特別企画*/
#project li
{
list-style:none;
margin-bottom:10px;
}

.photo1
{
width:214px;
margin-right:29px;
float:left;
}

.photo2
{
width:214px;
float:left;
}

.photo1 img
{
padding:6px;
border:1px solid #cfcfcf;
}

.photo2 img
{
padding:6px;
border:1px solid #cfcfcf;
}

#project table
{
width:699px;
margin-bottom:10px;
border-left:1px solid #333333;
border-bottom:1px solid #333333;
}

#project th
{
width:128px;
padding:7px 10px;
border-right:1px solid #333333;
border-top:1px solid #333333;
background-image:url(../images/common/pattern2.gif);
font-weight:normal;
text-align:left;
vertical-align:top;
color:#ffffff;
}

#project td
{
width:529px;
padding:7px 10px;
border-right:1px solid #333333;
border-top:1px solid #333333;
text-align:left;
vertical-align:top;
}

/*会社概要*/
#Gaiyou
{
width:700px;
height:auto;
}

#GaiyouL
{
width:350px;
height:auto;
float:left;
text-align:left;
padding-bottom:15px;
}

#GaiyouR
{
width:350px;
height:auto;
float:right;
text-align:right;
padding-bottom:15px;
}

#GaiyouL img
{
padding:6px;
border:1px solid #cfcfcf;
}

#GaiyouR img
{
padding:6px;
border:1px solid #cfcfcf;
}

#Gaiyou table
{
width:699px;
margin-bottom:25px;
border-left:1px solid #333333;
border-bottom:1px solid #333333;
clear:both;
}

#Gaiyou th
{
width:128px;
padding:7px 10px;
border-right:1px solid #333333;
border-top:1px solid #333333;
background-image:url(../images/common/pattern2.gif);
font-weight:normal;
text-align:left;
vertical-align:top;
color:#ffffff;
}

#Gaiyou td
{
width:529px;
padding:7px 10px;
border-right:1px solid #333333;
border-top:1px solid #333333;
text-align:left;
vertical-align:top;
}

.Staff
{
width:700px;
height:auto;
clear:both;
}

.StaffL
{
width:214px;
height:auto;
float:left;
margin-right:26px;
padding-bottom:20px;
}

.StaffR
{
width:460px;
height:auto;
float:right;
clear:right;
padding-bottom:20px;
}

.StaffL img
{
padding:6px;
border:1px solid #cfcfcf;
}

/*問い合わせ*/
.yohaku
{
margin:0 0 7px 0;
}

#FormTable table
{
width:700px;
}

#FormTable th
{
width:125px;
padding:7px 10px;
border-bottom:3px solid #ffffff;
border-right:5px solid #ffffff;
text-align:left;
vertical-align:top;
font-weight:normal;
background-image:url(../images/common/pattern2.gif);
color:#ffffff;
}

#FormTable td
{
width:530px;
padding:7px 10px;
border-bottom:3px solid #ffffff;
text-align:left;
vertical-align:top;
background-color:#f1f1f1;
}

#FormTable textarea
{
width:480px;
height:auto;
margin:0;
}

#FormTable input
{
height:auto;
margin:0;
}

#SubmitButton
{
text-align:center;
margin:20px 0;
}
.input-w input{ width:300px;}


/*　20090909追加　*/
.top-bg{
width:495px;
border:1px solid #ffac06;
padding:9px 9px 0px 9px;
margin-bottom:10px;
background-color:#ffffd7;
}

.topbtn-l{ width:242px; float:left;}
.topbtn-r{ width:243px; float:right;}

.f-left{ float:left;}

.top-bg2{
width:495px;
border:1px solid #ffac06;
padding:9px;
margin-bottom:10px;
background-color:#ffffd7;
}
.top-bg2 img{ width:150px; float:left;}
.top-bg2-text{ width:335px; float:right;} 

.top-info{
	font-size:120%;
	padding:5px 0px;
	margin-bottom:10px;
	border-top:1px solid #55bd00;
	border-bottom:2px solid #55bd00;
}
.top-info-table{
	width:515px;
	margin-bottom:10px;
}
.top-info-table th{
	width:80px;
	padding:5px 20px 5px 0px;
	border-bottom:1px dotted #ccc;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
}
.top-info-table td{
	width:100%;
	padding:5px 0px;
	border-bottom:1px dotted #ccc;
}

.detail-img{
	width:700px;
	margin-bottom:10px;
}
.detail-img img{
	width:211px;
	padding:5px;
	border:1px solid #ccc;
	margin-right:5px;
	display:inline;
}
.detail-text{
	padding:10px 5px;
	border-bottom:1px dotted #ccc;
	border-top:1px dotted #ccc;
}

.contact-present{ width:530px; border-bottom:1px dotted #aaa; margin-bottom:10px;}
.contact-present img{
	width:80px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.contact-present p{
	width:370px;
	float:left;
	margin-right:10px;
	padding-top:20px;
}
.contact-present div{
	float:left;
	text-align:center;
	padding-top:40px;
}

.contact-present2{ width:530px; border-bottom:1px dotted #aaa; margin-bottom:10px;}
.contact-present2 img{
	width:160px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.contact-present2 p{
	width:290px;
	float:left;
	margin-right:10px;
	padding-top:20px;
}
.contact-present2 div{
	float:left;
	text-align:center;
	padding-top:40px;
}

img{ border:0;}