@charset "UTF-8";
@import url(common.css);
@import url(textsettings.css);

/* ================================================================ *
	Web Designing 2007/10
	テンプレート A：1 カラム縦積み型
	カスタマイズ CSS
	
	この CSS を書き換えることで，テンプレートをカスタマイズ
	できます。本文記事およびコメントを参考に変更し，活用して
	ください。
 * ================================================================ */

/* ---------------------------------------------------------------- *
	ドキュメント全体に関する設定です
 * ---------------------------------------------------------------- */

body {
	color: #333333;
	background-image:url(../img/bg10-585.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	background-color:#ffffff;
	}

div#container {
	width: 820px;
	background-image:url(../img/bg820-560.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	/*margin: 0 auto;*/
	}
div#body-inner	{
	width:820px;
	background-image:url(../img/bg820-10.jpg);
	background-position:0 0;
	background-repeat:repeat-y;
	margin: 0 auto;
	}

div#container div#content-inner	{
	margin:0 auto;
	width:800px;
	/*background-color:#ffffff;*/
	}

/* ---------------------------------------------------------------- *
	ヘッダ部分の設定です
 * ---------------------------------------------------------------- */

div#header	{
	padding-top:20px;
	padding-bottom:10px;
	width:800px;
	border-bottom:solid 1px #666666;
	}

div#header div#header-inner	{
	/*margin-top:30px;*/
	margin-left:50px;
	width:710px;
	height:20px;
	}

div#header ul#subnavi {
	margin-left:635px;
	margin-bottom:10px;
	font-size:0.8em;
	}

*html div#header ul#subnavi {
	font-size:0.7em;
	margin-left:630px;
	}

*+html div#header ul#subnavi	{
	font-size:0.7em;
	margin-left:630px;
	}

div#header ul#subnavi li	{
	float:left;
	width:6em;
	}
/*IE6対策*/
*html div#header ul#subnavi li	{
	width:7em;
	}
/*IE7対策*/
*+html div#header ul#subnavi li	{
	width:7em;
	}

/* ---------------------------------------------------------------- *
	ナビゲーション部分の設定です
 * ---------------------------------------------------------------- */


h1#logo,
p#logo	{
	float:left;
	width:95px;
	height:20px;
	}

ul#glovalnavi	{
	float:right;
	width:490px;/*560px*/
	height:20px;
	overflow:hidden;
	}


ul#glovalnavi li	{
	float:left;
	width:70px;
	}

ul#glovalnavi li a	{
	height:20px;
	display:block;
	}

ul#glovalnavi li#gl01 a	{
	background-image:url(../img/glovalnavi_01.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	}
	
ul#glovalnavi li#gl01 a:hover	{
	background-image:url(../img/glovalnavi_01.gif);
	background-position:0 -20px;
	background-repeat:no-repeat;
	}

ul#glovalnavi li#gl02 a	{
	display:block;
	background-image:url(../img/glovalnavi_02.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	}
	
ul#glovalnavi li#gl02 a:hover	{
	background-image:url(../img/glovalnavi_02.gif);
	background-position:0 -20px;
	background-repeat:no-repeat;
	}

body.classgl02 ul#glovalnavi li#gl02 a	{
	background-image:url(../img/glovalnavi_02.gif);
	background-position:0 -40px;
	background-repeat:no-repeat;
	}

ul#glovalnavi li#gl03 a	{
	display:block;
	background-image:url(../img/glovalnavi_03.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	}
	
ul#glovalnavi li#gl03 a:hover	{
	background-image:url(../img/glovalnavi_03.gif);
	background-position:0 -20px;
	background-repeat:no-repeat;
	}

body.classgl03 ul#glovalnavi li#gl03 a	{
	background-image:url(../img/glovalnavi_03.gif);
	background-position:0 -40px;
	background-repeat:no-repeat;
	}

ul#glovalnavi li#gl04 a	{
	display:block;
	background-image:url(../img/glovalnavi_04.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	}
	
ul#glovalnavi li#gl04 a:hover	{
	background-image:url(../img/glovalnavi_04.gif);
	background-position:0 -20px;
	background-repeat:no-repeat;
	}

body.classgl04 ul#glovalnavi li#gl04 a	{
	background-image:url(../img/glovalnavi_04.gif);
	background-position:0 -40px;
	background-repeat:no-repeat;
	}

ul#glovalnavi li#gl05 a	{
	display:block;
	background-image:url(../img/glovalnavi_05.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	}
	
ul#glovalnavi li#gl05 a:hover	{
	background-image:url(../img/glovalnavi_05.gif);
	background-position:0 -20px;
	background-repeat:no-repeat;
	}

body.classgl05 ul#glovalnavi li#gl05 a	{
	background-image:url(../img/glovalnavi_05.gif);
	background-position:0 -40px;
	background-repeat:no-repeat;
	}


ul#glovalnavi li#gl06 a	{
	display:block;
	background-image:url(../img/glovalnavi_06.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	}
	
ul#glovalnavi li#gl06 a:hover	{
	background-image:url(../img/glovalnavi_06.gif);
	background-position:0 -20px;
	background-repeat:no-repeat;
	}

body.classgl06 ul#glovalnavi li#gl06 a	{
	background-image:url(../img/glovalnavi_06.gif);
	background-position:0 -40px;
	background-repeat:no-repeat;
	}

ul#glovalnavi li#gl07 a	{
	display:block;
	background-image:url(../img/glovalnavi_07.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	}
	
ul#glovalnavi li#gl07 a:hover	{
	background-image:url(../img/glovalnavi_07.gif);
	background-position:0 -20px;
	background-repeat:no-repeat;
	}

ul#glovalnavi li#gl08 a	{
	display:block;
	background-image:url(../img/glovalnavi_08.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	}
	
ul#glovalnavi li#gl08 a:hover	{
	background-image:url(../img/glovalnavi_08.gif);
	background-position:0 -20px;
	background-repeat:no-repeat;
	}

ul#glovalnavi li#gl09 a	{
	display:block;
	background-image:url(../img/glovalnavi_09.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	}
	
ul#glovalnavi li#gl09 a:hover	{
	background-image:url(../img/glovalnavi_09.gif);
	background-position:0 -20px;
	background-repeat:no-repeat;
	}

body.classgl09 ul#glovalnavi li#gl09 a	{
	background-image:url(../img/glovalnavi_09.gif);
	background-position:0 -40px;
	background-repeat:no-repeat;
	}

/* ---------------------------------------------------------------- *
	コンテンツコンテナの設定です
 * ---------------------------------------------------------------- */

div#main {
	width:800px;
	}

div#main div#mainvisual	{
	margin-bottom:15px;
	width:800px;
	height:360px;
	border-bottom:solid 1px #666666;
	}
body.workindex div#main div#mainvisual	{
	height:326px;
	}

body#colum1 div#main div#mainvisual	{
	margin-bottom:15px;
	width:800px;
	}


/* ---------------------------------------------------------------- *
	サブメニュー部分の設定です
 * ---------------------------------------------------------------- */
div#submenuwrap	{
	width:800px;
	margin-bottom:5px;
	}

div#submenuwrap div#submenu-inner	{
	margin-left:50px;
	width:710px;
	height:36px;
	background-image:url(../img/titleline.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	}

div#submenu-inner h1	{
	float:left;
	width:109px;
	height:28px;
	}

/*後で有効化*/
ul#submenu	{
	float:right;
	width:560px;
	height:31px;
	overflow:hidden;
	}

ul#submenu li	{
	float:left;
	width:80px;
	}

ul#submenu li a	{
	height:31px;
	display:block;
	}
ul#submenu li#gyoumu a	{
	background-image:url(../img/submenu01.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	}

ul#submenu li#gyoumu a:hover,
body.gyoumu ul#submenu li#gyoumu a	{
	background-image:url(../img/submenu01.gif);
	background-position:0 -31px;
	background-repeat:no-repeat;
	}

ul#submenu li#buppan a	{
	background-image:url(../img/submenu02.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	}

ul#submenu li#buppan a:hover,
body.buppan ul#submenu li#buppan a	{
	background-image:url(../img/submenu02.gif);
	background-position:0 -31px;
	background-repeat:no-repeat;
	}

ul#submenu li#insyoku a	{
	background-image:url(../img/submenu03.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	}

ul#submenu li#insyoku a:hover,
body.insyoku ul#submenu li#insyoku a	{
	background-image:url(../img/submenu03.gif);
	background-position:0 -31px;
	background-repeat:no-repeat;
	}

ul#submenu li#biyou a	{
	background-image:url(../img/submenu04.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	}

ul#submenu li#biyou a:hover,
body.biyou ul#submenu li#biyou a	{
	background-image:url(../img/submenu04.gif);
	background-position:0 -31px;
	background-repeat:no-repeat;
	}

ul#submenu li#iryou a	{
	background-image:url(../img/submenu05.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	}

ul#submenu li#iryou a:hover,
body.iryou ul#submenu li#iryou a	{
	background-image:url(../img/submenu05.gif);
	background-position:0 -31px;
	background-repeat:no-repeat;
	}

ul#submenu li#kikaku a	{
	background-image:url(../img/submenu07.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	}

ul#submenu li#kikaku a:hover,
body.kikaku ul#submenu li#kikaku a	{
	background-image:url(../img/submenu07.gif);
	background-position:0 -31px;
	background-repeat:no-repeat;
	}

ul#submenu li#sonota a	{
	background-image:url(../img/submenu06.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	}

ul#submenu li#sonota a:hover,
body.sonota ul#submenu li#sonota a	{
	background-image:url(../img/submenu06.gif);
	background-position:0 -31px;
	background-repeat:no-repeat;
	}


/* ---------------------------------------------------------------- *
	コンテンツ部分の設定です
 * ---------------------------------------------------------------- */
div#main div#contents-area	{
	min-height:450px;
	_height:450px;
	width:710px;/*700px*/
	margin-left:50px;
	padding-bottom:20px;
	}

body#top-page div#main div#contents-area,
body#concept-page div#main div#contents-area	{
	min-height:130px;
	_height:130px;
	}

.contents {
	background: #ffffff;
	}

div#news-menu	{
	width:170px;
	min-height:450px;
	_height:455px;
	background-image:url(../img/menubg.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	}

ul#news-menu-cate li,
ul#news-menu-archiv li	{
	padding:10px 0 7px 15px;
	border-bottom:1px solid #cccccc;
	}

ul#news-menu-cate,
ul#news-menu-archiv	{
	border-top:4px solid #cccccc;
	}

ul#news-menu-archiv	{
	margin-top:20px;
	}

p#newsheader	{
	/*height:70px;*/
	margin-bottom:1em;
	}

p.koumoku	{
	font-size:1.4em;
	font-weight:bold;
	}

div.post h2.posttitle	{
	font-size:1.2em;
	margin-bottom:0.2em;
	/*padding-left:0.5em;*/
	}

div.post	{
	margin-bottom:2em;
	padding-left:0.5em;
	width:520px;/*525px*/
	min-height:65px;
	_height:65px;
	background-image:url(../img/entrybg.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	}

div.post p	{
	margin-bottom:0.5em;
	}

div.post p.postmetadata	{
	padding-top:0.5em;
	/*padding-left:0.5em;*/
	font-size:1em;
	}

div.post img	{
	margin-right:1em;
	}

div.bloack	{
	margin-bottom:50px;
	padding-left:0.5em;
	width:520px;
	}

div.bloack p	{
	width:500px;
	margin-bottom:20px;
	}

div.bloack h2	{
	margin-bottom:15px;
	}

div.bloack h3	{
	margin-bottom:5px;
	}

table#tel	{
	width:520px;
	text-align:left;
	}

table#tel th	{
	width:265px;
	font-weight:normal;
	}

table#tel th,
table#tel td	{
	padding:10px 0;
	}

/*レイアウトの設定*/
ul#thumbslist {
	width:520px;
	}

ul#thumbslist li {
	float: left;
	overflow: hidden;
	display: block;
	text-align: center;
	margin-right: 9px;
	margin-bottom: 15px;
	width: 95px;
	height: 63px;
	}

div.pagetop	{
	margin-bottom:30px;
	font-size:0.85em;
	text-align:right;
	}

div.pagetop span	{
	margin:0 3px;
	}
span.guidance	{
	width:900px;
	position:absolute;
	left:-999px;
	}

h2#kanren	{
	font-weight:bold;
	font-size:120%;
	font-weight:normal;
	border-top:1px #333333 solid;
	margin-top:10px;
	margin-bottom:10px;
	}

/* ---------------------------------------------------------------- *
	top
 * ---------------------------------------------------------------- */

div#contents-area div#sidebar	{
	float:left;
	width:260px;
	}

body#colum2 div#contents-area div#sidebar	{
	float:left;
	width:170px;
	padding-top:10px;
	}

h2.toph2	{
	margin-bottom:20px;
	}

div#contents-area div#shortnews	{
	float:right;
	width:415px;
	}

div#shortnews div#index-h3title	{
	width:415px;
	}

div#shortnews div#index-h3title h3#indextitle	{
	float:left;
	width:90px;
	}

div#shortnews div#index-h3title p#indexichiran	{
	float:right;
	width:120px;
	text-align:right;
	}

div#contents-area div#right-area{
	float:right;
	width:415px;
	}

body#colum2 div#contents-area div#right-area{
	float:right;
	width:525px;/*515px*/
	padding-top:10px;
	}

div#contents-area div#shortnews h3	{
	margin-bottom:5px;
	}

div#contents-area div#shortnews ul	{
	border:solid 1px #888888;
	height:150px;
	overflow:auto;
	}

div#contents-area div#shortnews ul li	{
	margin:10px 10px 10px 24px;
	}

div#contents-area div#shortnews ul li.page_item	{
	text-align:right;
	padding-right:0.5em;
	}

div#contents-area div#shortnews ul li span	{
	margin-right:1em;
	}

/* ---------------------------------------------------------------- *
	会社案内の設定です
 * ---------------------------------------------------------------- */
table.officetable	{
	width:525px;/*515px*/
	margin-bottom:10px;
	}

table.officetable th {
	height:22px;
	line-height: 22px;
	color: #fdfdfd;
	background-color: rgb(146,146,146);
	text-align: left;
	text-indent: 10px;
	border-right: 312px solid rgb(193,193,193);
}

table.officetable td {
	line-height: 18px;
	padding-top: 3px;
	padding-bottom: 6px;
}

table.officetable td.office3 {
	width:417px;
	line-height: 18px;
	padding-top: 5px;
	padding-bottom: 10px;
	vertical-align:top;
}

table.officetable td.office4 {
	width:120px;
	padding-top: 5px;
	padding-bottom:10px;
	text-align:right;
}

/* ---------------------------------------------------------------- *
	沿革の設定です
 * ---------------------------------------------------------------- */
table.histrytable	{
	width:525px;/*515px*/
	}

table.histrytable th{
	width:90px;
	text-align: left;
	vertical-align:top;
	}

table.histrytable th p	{
	width:90px;
	background-color: rgb(146,146,146);
	border-bottom:solid 9px rgb(146,146,146);
	border-top:solid 3px rgb(146,146,146);
	color:#ffffff;
	font-weight:normal;
	padding-left:12px;
	}
	
table.histrytable td	{
	width:100%;
	text-align: left;
	line-height:21px;
	text-align:left;
	padding-left:20px;
	vertical-align:top;
	padding-bottom: 10px;
	}

div#right-area div#recruit h3	{
	margin-top:30px;
	height:22px;
	line-height: 22px;
	color: #fdfdfd;
	background-color: rgb(146,146,146);
	text-align: left;
	text-indent: 10px;
	border-right: 280px solid rgb(193,193,193);
	}

div#right-area div#recruit dl	{
	width:width:525px;/*515px*/
	margin-top:5px;
	margin-bottom:15px;
	}

div#right-area div#recruit dt	{
	padding-top:1em;
	padding-bottom:0.5em;
	height:16px;
	font-weight:bold;
	border-bottom:solid 1px rgb(146,146,146);
	}

div#right-area div#recruit dd	{
	padding-top:5px;
	}
	
/* ---------------------------------------------------------------- *
	施工実績ブログ部分の設定です
 * ---------------------------------------------------------------- */
p#bread	{
	margin-bottom:20px;
	font-size:0.8em;
	}

div#photomain-out	{
	margin:0 auto;
	padding-bottom:30px;
	width:630px;
	min-height:450px;
	_height:450px;
	}

div.jisseki div.contener	{
	width:685px;
	margin-bottom:40px;
	}

div.jisseki div.contener div	{
	width:310px;
	}

div.jisseki div.contener div.posta,
div.jisseki div.contener div.postc	{
	float:left;
	}

div.jisseki div.contener div.postb	{
	float:right;
	}

div.jisseki div.contener div dl	{
	width:280px;
	margin-top:20px;
	margin-left:15px;
	}

div.jisseki div.contener div dl dt	{
	font-weight:bold;
	}

div.posta dt	{
	color:#8d9bb3;
	}

div.postb dt	{
	color:#649eb2;
	}

div.postc dt	{
	color:#9bbb84;
	}

table#photomain	{
	width:385px;
	height:167px;
	/*margin-left:35px;*/
	}

table#photomain	td,
table.photosub td	{
	vertical-align:top;
	}

table#photomain	td	{
	width:180px;
	height:167px;
	background-image:url(../img/worktit-bg1.jpg);
	background-position:left bottom;
	background-repeat:repeat-x;
	}

table#photomain	td.width25px	{
	width:25px;
	background-image:none;
	}

table.photosub	{
	width:630px;
	height:134px;
	}

table.photosub td	{
	width:144px;
	height:134px;
	background-image:url(../img/worktit-bg2.jpg);
	background-position:left bottom;
	background-repeat:repeat-x;
	}

table.photosub td.thumbg	{
	/*width:170px;144px*/
	height:134px;
	background-image:url(../../works/samplethum/thumb.jpg);
	background-position:left bottom;
	background-repeat:repeat;
	}

/*IE6対策*
*html table.photosub td.thumbg	{
	width:180px;
	}/
/*IE7対策
*+html table.photosub td.thumbg	{
	width:180px;
	}*/

table.photosub td p	{
	font-size:0.8em;
	line-height:1.4em;
	color:#666666;
	padding-top:0.25em;
	padding-left:0.5em;
	}

table.photosub td.width30px	{
	width:30px;
	background-image:none;
	}

/* ---------------------------------------------------------------- *
	プロセスの設定です
 * ---------------------------------------------------------------- */
body.classgl04 div.contener	{
	margin-top:20px;
	margin-left:48px;
 	width:624px;
	}
body.classgl04 div.contener div.cate	{
 	margin-right:10px;
 	float:left;
 	width:146px;
	height:426px;
	}
body.classgl04 div.contener div.cate div	{
	width:146px;
	height:426px;
	padding-top:170px;
	background-position:0 0;
	background-repeat:no-repeat;
	}

body.classgl04 div.contener div.cate div#cate1	{
	background-image:url(../img/pro_catebg1.jpg);
	}

body.classgl04 div.contener div.cate div#cate2	{
	background-image:url(../img/pro_catebg2.jpg);
	}

body.classgl04 div.contener div.cate div#cate3	{
	background-image:url(../img/pro_catebg3.jpg);
	}

body.classgl04 div.contener div.cate div#cate4	{
	background-image:url(../img/pro_catebg4.jpg);
	}

body.classgl04 div.contener div.cate p	{
 	width:126px;
	margin-left:10px;
	}

 
 
 
 

/* ---------------------------------------------------------------- *
	フッタ部分の設定です
 * ---------------------------------------------------------------- */

div#footer {
	width:820px;
	height:60px;
	background-image:url(../img/footerbg820-14.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	}

div#footer div#footer-innner {
	margin-left:10px;
	width:800px;
	border-top:solid 1px #666666;
	}

div#footer div#footer-innner address	{
	margin:10px 0 30px 50px;
	}


div#bigviolin	{
	background:url(../img/bigviolin.png) no-repeat;
	width:180px;
	height:220px;
	position:absolute;
	top:150px;
	left:-50px;
	text-indent:-5000px;
	z-index:50;
	}
.top_banner_box{
    margin:10px 0;
}