﻿@charset "utf-8";


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 Reset CSS
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
	}
ul,ol,li{
	list-style:none;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym {
	border:0;font-variant:normal;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
hr {
	display:none;
	}
a {
	color:#4d4d4d; 
	text-decoration: none;
	
}
a:hover {
	text-decoration: underline;
}

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
img{
	vertical-align: bottom;
}



/* clearfix
----------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}/*IE7用*/

/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/* End hide from IE-mac */

/* Androidでpタグの横幅が狭まるバグ対策 */
p {background-image:url(image);}



/* フルードイメージ */
img{	
	max-width:100%;
	height:auto;
}
.ie8 img{width:auto;}





/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 全般設定
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
body {
	padding : 0 0 0 0;
	font-family : "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic","MS P Gothic",sans-serif, Arial,Helvetica;
	font-size:17px;
	line-height: 1.8em;
	color:#4d4d4d;
	-webkit-text-size-adjust: 100%;
}

#wrapper {
	width : 100%;
	margin:auto;
	overflow:hidden;
}


/*　ヘッダー　*
----------------------------------------------------------*/
#header{
	width:100%;
	padding-top:5px;
	background-image:url(img/common/back_head.png);
	background-position:center top;
	background-repeat:no-repeat;
}
#header h1{
	text-align:right;
	font-size:12px;
	line-height:1.5em;
	padding-top:3px;
}

.header_inner{
	width:1050px;
	height:95px;
	margin:auto;
}
ul.h_info{
	float:right;
	margin-top:10px;
}
ul.h_info li{
	float:left;
}
.tdbcode{
	width:160px;
	text-align:center;
	font-size:10px;
	line-height:1.2em;
}
.office_back{
	width:100%;
	background-color:#f1f1f1;
}
.office_list{
	width:1050px;
	margin:auto;
}
.office_list li a{
	float:left;
	display:block;
	font-size:14px;
	line-height:1.5em;
}
.office_list li a:hover{
	background-color:#cdcdcd;
	text-decoration:none;
}
.office_list li.n_toi{
	float:right;
	padding-top:5px;
}



/*　メニュー　*
----------------------------------------------------------*/
#navi{
	width:100%;
	background:url(img/common/navi_line.png) top repeat-x;
}
#navi ul{
	width:1110px;
	margin:auto;
}
#navi li{
	float:left;
/*	display:inline; */
}
#navi li.mail{
	float:right;
	padding-top:5px;
}



/*　コンテンツ　*
----------------------------------------------------------*/

#contents{
	width:1050px;
	margin:40px auto 60px;
}



/*  ページトップへ */
#pageTop{
	position:fixed;
	bottom:20px;
	right:20px;
	}

/*　フッター　*
----------------------------------------------------------*/
#footer{
	width:100%;
	border-top:solid 1px #cdcdcd;
	background-image:url(img/common/back_fotter.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#f1f1f1;
	padding-top:50px;
	font-size:13px;
	line-height:1.5em;
}
.footer_inner{
	width:1050px;
	margin:0 auto 50px;;
}
ul.f_navi{
	text-align:center;
	margin-bottom:15px;
}
ul.f_navi li{
	display:inline;
	padding:0 20px;
	border-right:solid 1px #888888;
	font-size:14px;
	line-height:1em;
}
ul.f_navi li.end{
	border-right:none;
}
ul.f_info{
	text-align:center;
}
ul.f_info li{
	display:inline;
	padding:0 15px;
}



.copy{
	background-color:#333333;
	text-align:center;
	font-size:12px;
	color:#ffffff;
	padding:10px;
}





/*　事業実績　*
----------------------------------------------------------*/
.img_bar_jisseki{
	width:100%;
	background-image:url(img/jisseki/jisseki_back.png);
	background-position:center top;
	background-repeat:no-repeat;
	text-align:center;
}

#main{
	width:850px;
	float:right;
}
#main_post{
	width:800px;
	float:right;
}
#side{
	width:185px;
	float:left;
}

ul.work li{
	float:left;
}

.jisseki_list{
	width:267px;
	height:320px;
	padding:3px;
	margin:0 4px 30px 4px;
	border:solid 1px #999999;
	font-size:15px;
	line-height:1.3em;
	overflow:hidden;
}
.kiji_img{
	text-align:center;
	margin-bottom:12px;
	height:185px;
	background-color:#dddddd;
}
.kiji_img img{
	max-width:267px;
	max-height:185px;
}
.jisseki_list dl{
	width:267px;
}
.jisseki_list dt{
	float:left;
	clear:left;
	width:65px;
	background-color:#989898;
	color:#ffffff;
	text-align:center;
	padding:5px 0;
	margin-bottom:8px;
}
.jisseki_list dd{
	margin-left:65px;
	width:190px;
	padding:5px 5px;
	background-color:#e5e5e5;
	margin-bottom:8px;
}


.ttl_side{
	width:100%;
	background-color: #989898;
	background-image:url(img/jisseki/side_back.png);
	background-position: left top;
	background-repeat: no-repeat;
	border:solid 1px #989898;
	color:#ffffff;
	text-align: center;
	margin-bottom:10px;
}
#side ul{
	font-size:15px;
	margin-left:5px;
	margin-bottom:40px;
}
ul.cate li{
	background:url(img/jisseki/arrow_blue_top.png) center left no-repeat;
	padding-left:12px;
	line-height:1.2em;
	margin-bottom:10px;
}

.pager{
	text-align:center;
}
a.page-numbers,
.pager .current{
	background:rgba(0,0,0,0.02);
	border:solid 1px rgba(0,0,0,0.1);
	border-radius:5px;
	padding:5px 8px;
	margin:0 2px;
}
.pager .current{
	background:#989898;
	border:solid 1px rgba(178,178,178,1);
	color:rgba(255,255,255,1);
}

.pager .next,
.pager .prev
{
	float:none;
}

/* 実績一覧 */

table.kouji_list{
	width:100%;
	font-size:12px;
}
table.kouji_list th,
table.kouji_list td{
	border: solid 1px #b4b4b4;
}
table.kouji_list th{
	background-color:#e5e5e5;
	text-align:center;
	line-height:1.2em;
	padding:2px 0;
}
table.kouji_list td{
	padding:0 5px;
}


/*   シングルページ   *
----------------------------------------------------------*/

.waku_gazo01{
	width:100%;
	text-align:center;
	margin-bottom:15px;
	border:solid 1px #dddddd;
}
.waku_gazo01 img{
	max-width:850px;
	max-height:430px;
}

ul.sub_img{
	margin-bottom:15px;
}

ul.sub_img li{
	float:left;
	width:415px;
	text-align:center;
	border:solid 1px #dddddd;
}
ul.sub_img li img{
	max-width:415px;
	max-height:275px;
}
ul.sub_img li.gazo02{
	margin-right:15px;
}




table.kaisya{
	width:100%;
	margin-bottom:40px;
}
table.kaisya th,
table.kaisya td{
	border: solid 1px #b4b4b4;
	padding:10px 10px;
	vertical-align:top;
}
table.kaisya th{
	width:200px;
	background-color:#e5e5e5;
	font-weight:bold;
}
table.kaisya td li{
	float:left;
	padding-right:30px;
}


















@media print{
#wrapper {
	overflow:visible;
}
}
