@charset "shift_jis";
/*======================================
Font-size Adjustment
77% = 10px	|	122% = 16px	|	167% = 22px
85% = 11px	|	129% = 17px	|	174% = 23px
92% = 12px	|	136% = 18px	|	182% = 24px
100% = 13px	|	144% = 19px	|	189% = 25px
107% = 14px	|	152% = 20px	|	197% = 26px
114% = 15px	|	159% = 21px	|
=======================================*/
* {
	margin: 0;
	padding: 0;
}
form, input {
	margin: 0;
	padding: 0;
	line-height: 21px;
}

/**************************************************************************************************
CLEARFIX CLASS
**************************************************************************************************/
/* クリア
------------------------------------------------ */
.clear {
	clear:both;
	font-size:0;
	height:0;
	line-height:0;
	margin:0;
	padding:0;
}
.clear hr {
	border:0 none;
	display:none;
	font-size:0;
	height:0;
	line-height:0;
}
.clearfix:after {
	display			: block;
	clear			: both;
	height			: 0;
	visibility		: hidden;
	content			: ".";
	line-height		: 0;
}
.clearfix {
	display			: inline-table;
	min-height		: 1%;
}
/* FOR MAC IE \*/
* html .clearfix {
	height			: 1%;
}
.clearfix {
	display			: block;
}
/* END OF FOR MAC IE */




.clear {
  clear: both;/*floatの影響をクリアします*/
  font-size: 0;/*以下は<br />を隠します*/
  line-height: 0;
  height: 0px;
  visibility: hidden;
}


* html .clear {
	height			: 1%;
}
.clear {
	display			: block;
}





html {

}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka−等幅", Osaka, Helvetica, Arial, sans-serif;
font-size:17px;}
#backyard {
	margin: 0 auto;
	width: 945px;
}


/**************************************************************************************************
トップ
**************************************************************************************************/
.top {
	margin-top: 20px;
	width: 945px;
}
.rogo {
	width: 197px;
	height: 31px;
	float: left;
}
.top_text {
	margin: 4px 0 0 15px;
	float: left;
}
.top_text h1,
.top_text p {
	font-size: 70%;
	font-weight: bold;
}

#top_waku {
	padding-bottom: 15px;
	}
#top_waku dl:after {
content:".";
display:block;
height:0.1px;
clear:both;
visibility:hidden;
overflow:hidden;
}

#top_waku dl {
zoom:1;
}
	


/**************************************************************************************************
トップ-ナビ
**************************************************************************************************/

.subclass {
	float: right;
	width: 280px;
	text-align: right;
}
.sub_rogo {
	width: 116px;
	height: 19px;
}
.sub_navi {
	font-size: 70%;
	font-weight: bold;
	float:right;
	margin-left: 33px;
}
.sub_navi:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
.sub_navi ul *{
	list-style-type:none;
	display:block;
	}	
.sub_navi ul li{
	position:relative;
	float:left;
	background-image: url(../img/top_navi_bg.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
	margin-left: 10px;
	}
.sub_navi ul li a{
	text-align:center;
	text-decoration:none;
	color: #000000;
	}
.sub_navi ul li a:hover{
	color:#fb6900;
	text-decoration:none;
	}
.sub_navi ul li.off{
	overflow:hidden;
	}
.sub_navi ul li.off ol.sub{
	left:0px; top:-999px;
	}
.sub_navi ul ol.sub{
	position:absolute;
	}
.sub_navi ul li.on{
	}
.sub_navi ul>li.on{
	overflow:visible;/*×*/
	}
.sub_navi ul ol.sub li{
	float:none;
	filter:alpha(opacity=85); /*IE*/
	-moz-opacity:0.85; /*FF*/
	}
.sub_navi ul ol.sub li a{
	background:none;
	background-color:#FFFFFF;
	text-decoration:none;
	color:#000000;
	vertical-align:middle;
	}
/**************************************************************************************************
トップ-メニュー
**************************************************************************************************/
#menu-sample ul { /*リスト全体*/
  list-style: none;
  margin: 0;
  padding: 0;
}

#menu-sample li { /*リストの1段目*/
  float: left;
  min-width: 185px;
  white-space: nowrap;
}

#menu-sample ul ul { /*2段目以降*/
  display: none;
  position: absolute;
  z-index: 10;
}

#menu-sample li li { /*2段目以降のリスト項目*/
  clear: left;
  position:relative;
  width: 100%;
}

#menu-sample ul ul ul { /*3段目以降*/
  top: 0;
  left: 100%;
}

#menu-sample ul li:hover > ul {
  display: block;
}



*+html #menu-sample ul ul a { /*IE用*/
width: 72px; /*（94-10-10-1-1）パディングとボーダーの分を引いた値*/
white-space: normal; /*幅に応じて改行*/
}




#menu-sample ul { /*リスト全体*/
  list-style: none;
  margin: 0;
  padding: 0;
}

#menu-sample li { /*リストの1段目*/
  float: left;
  min-width: 94px;
  white-space: nowrap;
}

#menu-sample ul ul { /*2段目以降*/
  display: none;
  position: absolute;
  z-index: 10;
}

#menu-sample li li { /*2段目以降のリスト項目*/
  clear: left;
  position:relative;
  width: 100%;
}

#menu-sample ul ul ul { /*3段目以降*/
  top: 0;
  left: 100%;
}

#menu-sample ul li:hover > ul {
  display: block;
}



*+html #menu-sample ul ul a { /*IE用*/
width: 72px; /*（94-10-10-1-1）パディングとボーダーの分を引いた値*/
white-space: normal; /*幅に応じて改行*/
}






















.top_menu {
width:945px;
}
.top_menu:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
.top_menu ul *{
	list-style-type:none;
	display:block;
	}	
.top_menu ul li{
	position:relative;
	float:left;
	}
.top_menu ul li a{
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	}
.top_menu ul li a:hover{
	color:#FFFFFF;
	text-decoration:none;
	}
.top_menu ul li.off{
	overflow:hidden;
	}
.top_menu ul li.off ol.sub{
	left:0px; top:-999px;
	}
.top_menu ul ol.sub{
	position:absolute;
	}
.top_menu ul li.on{
	}
.top_menu ul>li.on{
	overflow:visible;/*×*/
	}
.top_menu ul ol.sub li{
	float:none;
	filter:alpha(opacity=85); /*IE*/
	-moz-opacity:0.85; /*FF*/
	}
.top_menu ul ol.sub li a{
	background:none;
	background-color:#FFFFFF;
	text-decoration:none;
	color:#000000;
	vertical-align:middle;

	}
.top_menu ul ol.sub li a:hover{
	color:#000000;
	background:none;
	background-color:#009999;
	}
.topimg01 {
	margin-left: 3px;
}
.topimg02 {
	margin-left: 4px;
}
/**************************************************************************************************
メイン画像
**************************************************************************************************/
.top_main_img {
	width: 940px;
	height: 387px;
	margin-top: 20px;
	float:left;
}
/**************************************************************************************************
左-メインコンテンツ
**************************************************************************************************/
.main_left {
	width: 660px;
	float: left;
	margin-top: 20px;
}
.text_in {
	margin-top: 20px;
	line-height: 20px;
}
.text_in a {
color:#15A3E3;
text-decoration:none;
}
.text_in a:hover {
	color: #ff0000;
}
.text_in a:visited {
color:#15A3E3;
text-decoration:none;
}

.text_in p {
	font-size: 80%;
	line-height: 20px;
}
.main_cat {
	width: 660px;
	height: 63px;
	margin-top: 20px;
}
.main_cat01 {
	width: 660px;
	height: 63px;
}
.main_2menu {
	margin: 20px 0;
}
.topimg03 {
	margin-left: 10px;
}
/**************************************************************************************************
施工実例
**************************************************************************************************/
.sekowaku {
	margin-top: 10px;
	width: 660px;
}


.sekou_00 {
	width: 213px;
	border: 1px solid #d8d8d8;
	float: left;
	margin-top: 10px;
	height: 150px;
}
.sekou_00 img {
	width: 196px;
	height: 95px;
	margin: 8px;
}
.sekou_01 {
	width: 213px;
	border: 1px solid #d8d8d8;
	float: left;
	margin: 10px 0 0 6px;
	height: 150px;
}
.sekou_01 img {
	width: 196px;
	height: 95px;
	margin: 8px;
}







.setumei {
	margin: 8px;
	font-size: 80%;
}
.setumei a {
	margin: 8px 0;
	font-size: 80%;
	color:#15A3E3;
	text-decoration:none;
}




/**************************************************************************************************
右-サブコンテンツ
**************************************************************************************************/
.sub_right {
	width: 263px;
	float: right;
	margin-top: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.sub_right img {
	margin-bottom: 5px;
	border: none;
}
/**************************************************************************************************
フッター
**************************************************************************************************/
.foot {
	background-image: url(../img/foot/up_bg.gif);
	height: 52px;
}
.foot_up {
	width: 940px;
	margin: 0 auto;
}
.foot_under {
background-color:#F9D01E;
height:100px;
}
.foot_word {
	width: 940px;
	margin: 0 auto;
	padding-top: 15px;
}
.foot_word a {
	color: #000;
	text-decoration: none;
}
.foot_word a:hover {
	color: #FF0000;
}
.foot_word a:visited {
	color: #000;
}
.foot_word p {
	color: #000;
	font-size: 85%;
	text-align: center;
}
/**************************************************************************************************
ページ紹介-トップナビ
**************************************************************************************************/
.navi_word_top {
	font-size: 80%;
	margin: 5px 0 5px 0;
}

.navi_word_top a {
	color: #15a3e3;
}
/**************************************************************************************************
ページ別-メイン画像
**************************************************************************************************/
.cat_main_img {
	width: 940px;
}
/**************************************************************************************************
ページトップへ
**************************************************************************************************/
.top_navi_uper {
	width: 660px;
	height: 18px;
	margin: 40px 0 40px 0;
}
/**************************************************************************************************
ページ別
**************************************************************************************************/
.sbox table {
	margin:0 auto;
	text-align:center;
}

.sbox table a {
	text-decoration:none;
	color: inherit;
}

.main_cat02 {
	width: 660px;
}
.set_img {
	margin-top: 20px;
}
.text_in02 {
	font-size: 80%;
	margin: 20px 0 0 45px;
	line-height: 20px;
}
.text_in02 p {
	line-height: 20px;
}
.text_in03 {
	font-size: 80%;
	margin: 20px 5px 0 0;
	line-height: 20px;
}
.text_in03 p {
	font-size: 80%;
	line-height: 20px;
}
.s_left {
	width: 315px;
	margin-top: 20px;
	float: left;
}
.s_right {
	width: 295px;
	margin-top: 20px;
	float: right;
	border-left-color: #c9c9c9;
	border-left-style: solid;
	border-left-width: 1px;
	padding-left: 20px;
}
.bordered {
	border:1px solid #aaa;
	width: 96px;
	height: 96px;
}
.text_in04 {
	font-size: 80%;
	margin: 20px 5px 0 0;
	line-height: 20px;
}
.text_in04 p {
	font-size: 80%;
	line-height: 20px;
}

/**************************************************************************************************
ライトボックス　
**************************************************************************************************/
.s_left02 {
	width: 390px;
	margin-top: 20px;
	float: left;
}
.text_in05 {
	margin: 20px 5px 0 0;
	font-size:95%;
	line-height: 25px;
	color: #15a3e3;
	font-weight: bold;
}
.text_in05 p {
	line-height: 25px;
}
.text_in06 {
	font-size: 80%;
	margin: 5px 5px 0 0;
	line-height: 20px;
}
.text_in06 p {
	font-size: 80%;
	line-height: 20px;
}
.s_right02 {
	width: 260px;
	margin-top: 80px;
	float: left;
}
/**************************************************************************************************
会社案内
**************************************************************************************************/

.ceo_img {
	float: left;
	width: 220px;
	margin-top: 30px;
}
.prof {
	float: left;
	width: 400px;
	margin-top: 30px;
}
.prof p {
	font-size: 80%;
	line-height: 200%;
}
.infoceo {
	margin-top: 40px;
}
.infoceo img {
	margin: 10px 0;
}
.inword {
	font-size: 100%;
	line-height: 200%;
	font-weight: bold;
}
.outword {
	font-size: 80%;
	line-height: 200%;
}
/**************************************************************************************************
施工事例
**************************************************************************************************/
.jire {
	margin-top: 20px;
	font-size: 80%;
}
.jire p {
	line-height: 200%;
}

.leftphoto {
	width: 301px;
	float: left;
	margin-top: 20px;	
}
.centerphoto {
	float: left;
	margin: 20px 10px 0 10px;
}
.rightphoto {
	width: 301px;
	float: left;
	margin-top: 20px;
}
.najik {
	width: 630px;
	border: #15A3E3 solid 1px;
	padding: 13px;
	line-height: 200%;
}
.leftphoto01 {
	width: 301px;
	float: left;
}
.centerphoto01 {
	float: left;
	margin: 0 10px 0 10px;
}
.rightphoto01 {
	width: 301px;
	float: left;
}
/**************************************************************************************************
概要
**************************************************************************************************/
.comhyo {
	margin-top: 20px;
	font-size: 80%;
}
.comhyo p {
	margin: 10px;
	line-height: 200%;
}



#menu224 {
	margin-top: 10px;
}
.img47 {
}
.img48 {
	margin-left: 1px;
	width: 185px;
	height: 55px;
}
.img49 {
	padding-left: 6px;
}
.img50 {
	padding-left: 10px;
}
.img51 {
	padding-left: 14px;
}
.img52 {
	margin: 1px 0 0 3px;
	height: 29px;
}
.img521 {
	margin: 1px 0 0 0;
	height: 29px;
}
.img53 {
	margin: 1px 0 0 6px;
	height: 29px;
}
.img54 {
	margin: 1px 0 0 10px;
	height: 29px;
}
.img55 {
	margin: 1px 0 0 14px;
	height: 29px;
}





ul#pulldown-menu a {
        color: #333333;
        text-decoration: none;
}
ul#pulldown-menu a:link,
ul#pulldown-menu a:visited {

}
ul#pulldown-menu a:hover,
ul#pulldown-menu a:active {

}

ul#pulldown-menu li {
	float: left;
	position: relative;
	width: 185px;
	font-weight: bold;
	list-style-type: none;
}
ul#pulldown-menu li a {
        display: block;
        width: 185px;
        text-align: center;
}

/* 下層のメニューを不可視に */
ul#pulldown-menu li ul {
        display: none;
}

/* 疑似要素 :hover で下層のメニューを可視に */
ul#pulldown-menu li:hover ul {
        display: block;
        position: absolute;
        z-index: 100;
}

ul#pulldown-menu li ul li {
        float: none;
        margin: 0;
        font-weight: normal;
}






.topimg87 {
	margin-left: -5px;
}



#form {
width:530px;
}





.tenpomei {
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 15px;
}







/**************************************************************************************************
リスト-ナビ
**************************************************************************************************/
.photolist {
	margin-top: 20px;
}
.photolist img {
	margin-left: 2px;
}
.sekougogo {
	font-size: 12px;
	color: #F00;
	padding-top: 10px;
}

.j_top {
	margin: 10px 0;
	font-weight: normal;
	font-size: 14px;
}








.sitemap {
	font-size: 15px;
	font-weight: bold;
	color: #00F;
	text-decoration: none;
}
.sitemap a {
	font-size: 15px;
	font-weight: bold;
	color: #00F;
	text-decoration: none;
}







/*======================================
店舗別ページ　写真スペース
=======================================*/
li {
	list-style: none;

}
#shop_photo {
	margin-top:10px;
	text-align:center;
	width:659px;

}
.list_photo {
	width: 68px;
	height: 50px;
	float: left;
}
.galleria {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	width:659px;
}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
.caption {
	color:#333333;
	font-size:15px;
	font-weight: bold;
}
.demo {
	position:relative;

}
.gallery_demo {
	margin:0;
	width:659px;
}
.gallery_demo li{width:68px;height:50px;border:3px double #111;margin: 2px 2px;background:#000;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
#main_image {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:black none repeat scroll 0 0;
	font-size:18px;
	height:400px;
	margin:0 0 40px;
	text-align:left;
	width:659px;
}
#main_image img{
}
.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
.info{text-align:left;width:659px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
.info p{margin-top:1.6em;}
.galleria_wrapper {
margin-bottom:10px;
}
.biggg000000g {
font-size:30px;
font-weight:bold;
line-height:50px;
}
.bigggg{
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
}
.bigjgj {
	font-size: 15px;
	line-height: 20px;
}







/*======================================
メニュープルダウン　実装済み
=======================================*/

ul#pulldown-menu a {
        color: #FFFFFF;
        text-decoration: none;
}
ul#pulldown-menu a:link,
ul#pulldown-menu a:visited {
}
ul#pulldown-menu a:hover,
ul#pulldown-menu a:active {
}

ul#pulldown-menu li {
	float: left;
	position: relative;
	font-weight: bold;
	margin-right: 3px;	
}
ul#pulldown-menu li a {
        display: block;
        min-width:94px;
        text-align: center;
}

/* 下層のメニューを不可視に */
ul#pulldown-menu li ul {
        display: none;
}

/* 疑似要素 :hover で下層のメニューを可視に */
ul#pulldown-menu li:hover ul {
        display: block;
        position: absolute;
        z-index: 10;
}

ul#pulldown-menu li ul li {
        float: none;
        margin: 0;
        font-weight: normal;
}





#recruit h3 {
	border-left:3px #ffd634 solid;
	padding-left:15px;
	margin-bottom:10px;
}