@charset "utf-8";

/*indexページ用*/
#index_wrap{
	background-image:url(../img/index_bg.jpg);
    background-repeat:repeat-x;
	background-position:top;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:230px;
}
#index_wrap .gnavi{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding:70px 0px 0px 130px;
}
#index_wrap .gnavi li{
	float:left;
}
#index_wrap .footer_index{
	width:450px;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
}
#index_wrap .footer_index p.copy{
	float:left;
	padding:25px 10px 0px 0px;
}
/*contentsページ用*/
#wrap{
	width:952px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}
/*ヘッダー*/
#header{
	width:952px;
}
#header h1{
	float:left;
	padding-top:10px;
	padding-left:20px;
	padding-right:570px;
}
#header p.natura{
	text-align:right;
	padding-right:10px;
}
/*コンテンツ*/
#contents{
	width:892px;
	height:400px;/*450-50*/
	background-image:url(../img/bg_contents.jpg);
	background-repeat:no-repeat;
	text-align:left;
	padding-top:50px;
	padding-left:60px;
}
/*グローバルメニュー*/
#co_gnavi{
	width:533px;
	float:left;
	padding-top:10px;
	margin-left:-3.45em;
}
#co_gnavi li{
	float:left;
}
/*コンセプトページ*/
#concept{
	width:892px;
	text-align:left;
}
#concept .title_area{
	width:80px;
	float:left;
}
#concept .detail_area{
	width:600px;
	background-image:url(../img/pause_line.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:35px;
	float:left;
}
#concept .detail_area h3{
	padding-bottom:20px;
}
#concept .detail_area p{
	line-height:2.0em;
}
/*aboutページ*/
#about{
	width:892px;
	text-align:left;
}
#about .title_area{
	width:70px;
	float:left;
}
#about .detail_area{
	width:400px;
	background-image:url(../img/pause_line.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:35px;
	float:left;
}
#about .detail_area h3{
	padding-bottom:20px;
}
#about .detail_area h4{
	padding-top:30px;
	padding-bottom:10px;
	font-size:110%;
	color:#6596a1;
	text-align:left;
}
#about .detail_area p{
	line-height:2.0em;
}
#about .flow{
	width:272px;
	float:left;
}
/*worksページ*/
#works{
	width:892px;
	text-align:left;
}
#works .title_area{
	width:70px;
	float:left;
}
#works .detail_area{
	width:680px;
	background-image:url(../img/pause_line.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:35px;
	float:left;
}
#works .detail_area h3{
	padding-bottom:10px;
}
#works .detail_area h3.self_promo{
	padding-bottom:10px;
	padding-top:30px;
}
#works .detail_area p{
	padding-bottom:10px;
}
/*accessページ*/
#access{
	width:892px;
	text-align:left;
}
#access .title_area{
	width:70px;
	float:left;
}
#access .detail_area{
	width:435px;
	float:left;
}
#access .address p{
	padding-bottom:10px;
	line-height:1.6em;
}
#access .address h4{
	padding-bottom:10px;
	font-size:110%;
	color:#6596a1;
}
/*companyinfoページ*/
#info{
	width:892px;
	text-align:left;
}
#info .title_area{
	width:120px;
	float:left;
}
#info .detail_area{
	width:600px;
	background-image:url(../img/pause_line.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:35px;
	float:left;
}
#info .detail_area h3{
	padding-bottom:20px;
}
#info .detail_area h4{
	padding-top:30px;
	padding-bottom:10px;
	font-size:110%;
	color:#6596a1;
	text-align:left;
}
#info .detail_area p{
	line-height:2.0em;
}
#info dt{
	float:left;
	width:60px;
}
#info dt.long{
	float:left;
	width:85px;
}
#info dd{
	width:500px;
	padding-bottom:0.5em;
	text-align:left;
}
#info dd.telfax{
	width:500px;
	padding-bottom:0.5em;
	text-align:left;
	padding-left:60px;
}
/*works詳細ページ*/
#works_detail{
	width:800px;
	margin:0px 0px 0px 60px;
	padding-top:50px;
}
/*フッター*/
#footer{
	width:952px;
	margin-bottom:20px;
	padding-top:20px;
}
#footer .copy{
	text-align:right;
	padding-right:10px;
}