@charset "utf-8";

/*======================================================
	1: 汎用スタイル
	2: common
	3: top
	4: business
	5: proposal
	6: engineering
	7: consulting-bousai
	8: consulting-bouhan
	9: aboutus
	10: faq
	11:contact
	12: privacy policy
	13: sitemap
======================================================*/

/*======================================================
	1: 汎用スタイル
======================================================*/
.container980{
	width:980px;
	margin-left:auto;
	margin-right:auto}

.basic-section{
	background:url(../img/bg-section.jpg) repeat-x center bottom #fff;
	border:solid #fff 2px;
	border-radius:5px;
	box-shadow:0 0px 8px 1px #ebebeb;
	padding:13px;
	position:relative;
	behavior: url(http://jihoki.com/PIE.php)}

.deco{/*バナーなど*/
	border:solid #fff 2px;
	border-radius:5px;
	box-shadow:0 0px 8px 1px #ebebeb;
	position:relative;
	behavior: url(http://jihoki.com/PIE.php)}

.sprite{
	background:url(../img/bg-sprite.png) no-repeat;
	display:inline-block;} 

.lead01{/*左はみだし*/
	border-top:solid #e3e3e3 1px;
	border-bottom:solid #e3e3e3 1px;
	border-left:solid #e3e3e3 1px;
	background:url(../img/bg-lead01.jpg) repeat-y left top;
	font-size:158%; /*22px*/
	font-weight:bold;
	position:relative;
	padding:10px;
	margin:0 0 20px -31px;}
.lead01 > span.sprite{
	background-position: 0 -106px;
	width: 15px;
	height: 10px;
	position:absolute;
	bottom:-10px;
	left:0;}

.lead02{/*アイコン*/
	border-top:solid #ccc 1px;
	border-bottom:solid #ccc 1px;
	background:#f9f9f9;
	font-size:115%; /*16px*/
	font-weight:bold;
	position:relative;
	padding:10px 10px 10px 40px;
	margin-bottom:20px;}
.lead02 > span.sprite{
	background-position: 0 -156px;
	width: 20px;
	height: 20px;
	position:absolute;
	top:12px;
	left:10px;}
.lead02 > span.q{background-position:  0 -126px !important;}

ul.fire > li{/*リストマークが火*/
	position:relative;
	padding-left:20px;}

ul.fire > li + li{margin-top:10px;}

ul.fire > li span.sprite{
	position:absolute;
	top:-2px;
	left:0;
	background-position: 0 -51px;
	width: 12px;
	height:21px;}

.tel{/*電話番号*/
	font-weight:bold;
	font-size:158%; /*22px*/
	padding-left:30px;
	background:url(../img/recruit/icon-tel.png) no-repeat left center}

.fumi{font-family:"ふみゴシック","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif !important;}

table.basic-table{
	border-top:solid #e3e3e3 1px;
	background:#fff;}
table.basic-table th{background:url(../img/bg-th.jpg) repeat-y right top;}
table.basic-table th,
table.basic-table td{
	padding:10px;
	border-bottom:solid #e3e3e3 1px}

a.link-btn01{/*一行*/
	display:block;
	padding:10px 10px 10px 25px;
	border-radius:5px;
	background:#E6EDF5;
	color:#333;
	text-decoration:none;
	position:relative;
	behavior: url(http://jihoki.com/PIE.php)} 
a.link-btn01 > span.sprite{
	 background-position: 0 0;
	 width: 4px;
	 height: 7px;
	 position:absolute;
	 left:10px;
	 top:17px}
a.green{background:#E6F4ED;}

a.link-btn02,input.link-btn02{/*黒*/
	display:block;
	background:rgba(0,0,0,0.6);
	border-radius:5px;
	color:#fff;
	text-decoration:none;
	width:180px;
	margin:0 auto;
	padding:10px;
	-pie-background:rgba(0,0,0,0.6);
	position:relative;
	behavior: url(http://jihoki.com/PIE.php)}

a.link-btn02:hover,
input.link-btn02:hover{
	background:rgba(0,0,0,0.8);
	position:relative;
	behavior: url(http://jihoki.com/PIE.php)}

a.link-btn03{/*白*/
	display:inline-block;
	background:#fff;
	border:solid #0B509B 1px;
	border-radius:5px;
	font-weight:bold;
	text-decoration:none;
	padding:7px 10px;
	position:relative;
	behavior: url(http://jihoki.com/PIE.php)} 
a.link-btn03 > span.sprite{
	background-position: 0 -17px;
	width: 4px;
	height: 7px;
	margin-right:10px;}

a.link-btn01:hover,
a.link-btn02:hover,
a.link-btn03:hover{
	zoom: 1;
	filter: alpha(opacity=70); /* IE6/7 */
	-ms-filter: "alpha(opacity=70)"; /* IE8 */
	-moz-opacity: 0.70; /* Firefox */
	opacity: 0.70;}

.localnav > li{width:210px;}

/*======================================================
	2: common
======================================================*/
header > div.f-l{width:600px;}

header > div.f-l > p + p{
	width:380px;
	font-size:93%; /*13px*/}

header > div.f-r > ul{
	border-left:solid #333 1px;
	padding:7px 0 0 10px;
	margin-left:10px;}

/*gnav*/
nav#gnav{
	border-top:solid #fff 1px;
	border-bottom:solid #0B509B 3px;
	background: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0.9)); /* Firefox用 */  
	background: -o-linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0.9)); /* Opera */
	background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.5)),to(rgba(255,255,255,0.9))); /* Safari,Google Chrome用 */
	background: linear-gradient(to bottom,rgba(255,255,255,0.5),rgba(255,255,255,0.9));/* IE10用 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccffffff', endColorstr='#ffffffff', GradientType=0)"; /* IE8-9用 */
	background: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0.9));/*ベンダープレフィックスなし*/}

nav#gnav > ul > li{float:left;}

nav#gnav > ul > li > a{
	display:block;
	width:181px;
	text-align:center;
	padding:15px 0;
	border-right:solid #fff 1px;}

nav#gnav > ul > li:first-child a{
	width:68px;
	border-left:solid #fff 1px;}

nav#gnav > ul > li > a:hover{background:#fff}

/*footer*/
footer{padding-top:50px;}

footer > div:first-child ul li{
	float:left;
	border-left:solid #A2AEB7 1px;
	padding:5px 15px;}
	
footer > div:first-child ul li:first-child{
	border:none;
	padding-left:0;}

footer > div + div{
	padding:20px 0;
	background:#ebebeb;/*ie8*/
	background:rgba(0,0,0,0.2);}

footer > div + div > .container980 > .f-l{width:590px;}

footer > div + div > .container980 > .f-l h5{border-bottom:solid #333 1px;}

footer > div + div > .container980 span.sprite-mark{
	 background-position: 0 -186px;
	 width: 16px;
	 height: 16px;}
	
footer > div + div > .container980 > .f-r{width:360px;}

footer > div + div > .container980 span.sprite-tel{
	background-position: 0 -297px;
	width: 14px;
	height: 14px;}

#page_top{
	position:fixed;
	right:10px;
	bottom:10px;}
	
/* ----------under------------*/
.under .wrapper{background:url(../img/bg-wrapper.jpg) no-repeat center top }

/*billboard*/
.under .wrapper #billboard{
	background:url(../img/bg-billboard.png) repeat-x left bottom;
	padding:25px 0 20px 0}

/*breadcrumb*/
.under .wrapper #breadcrumb li{
	float:left;
	padding-right:8px;}

.under .wrapper #breadcrumb li span.sprite-arrow-black{
	background-position: 0 0;
	width: 10px;
	height: 7px;}

.under .wrapper #breadcrumb span.sprite-home{
	background-position: 0 -82px;
	width: 13px;
	height: 14px;}

/*article*/
.under > .wrapper > div > article{
	float:left;
	width:700px;}

.under > .wrapper > div > article > section + section{margin-top:30px;}

.under > .wrapper > div > article > section p + p{margin-top:10px;}

/*aside*/
.under > .wrapper > div > aside{
	float:right;
	width:250px;}
.under > .wrapper > div > aside > #side{width:250px;}

.under > .wrapper > div > aside dt{
	background:url(../img/bg-aside-dt.jpg) repeat-x left top #0B509B;
	padding:20px 20px 20px 25px;
	color:#fff;
	font-size:115%; /*16px*/
	position:relative}
.under > .wrapper > div > aside dt span.sprite{
	background-position: 0 -247px;
	width: 3px;
	0 -247px; width: 3px; height: 40px;height: 40px;
	position:absolute;
	left:10px;
	top:10px}

.under > .wrapper > div > aside dd{	border-right:solid #e6e6e6 1px; border-left:solid #e6e6e6 1px;}

.under > .wrapper > div > aside dd li a{
	display:block;
	background:url(../img/bg-aside-li.png) repeat-x left bottom;
	padding:10px 10px 10px 20px;
	text-decoration:none;
	position:relative;
	border-bottom:solid #e6e6e6 1px;}
.under > .wrapper > div > aside dd li a:hover{background:#fff;}
.under > .wrapper > div > aside dd li a span.sprite,
.under > .wrapper > div > aside dl + ul > li a span.sprite{
	background-position: 0 0;
	width: 4px;
	height: 7px;
	position:absolute;
	top:15px;
	left:10px;}

.under > .wrapper > div > aside dl + ul{/*ページ内ナビ*/padding-left:20px;}
.under > .wrapper > div > aside dl + ul > li a{
	display:block;
	padding:10px 10px 10px 20px;
	text-decoration:none;
	position:relative;
	border-bottom:solid #e6e6e6 1px;}
.under > .wrapper > div > aside dl + ul > li a:hover{text-decoration:underline}
	
/*======================================================
	3: top
======================================================*/
body.top > div:first-child{
	background:url(../img/top/bg-top.jpg) no-repeat center top;
	height:710px;}

body.top div > header + section > h1{margin:120px 0 60px 0}

body.top div header + section > div > dl{
	width:306px;
	border:solid #fff 2px;
	border-radius:5px;
	background:#fff;
	position:relative;
	behavior: url(http://jihoki.com/PIE.php)}

body.top div header + section > h1{min-height:138px;}
body.top div header + section > h1 > img{display:none}

body.top div header + section dd{padding:20px;}

body.top div > nav#gnav{
	position:absolute;
	bottom:0;
	width:100%;}

/*top-content left*/
body.top #top-content > div.f-l{width:590px;}

body.top #top-content > div.f-l > #section01 #feed,
body.top #top-content > div.f-l > #section02 > div{	padding:10px;}
	
body.top #top-content > div.f-l #section01 #feed li{
	padding:10px 10px 10px 120px;
	border-top:solid #ECF0F2 1px;
	position:relative;}
body.top #top-content > div.f-l #section01 #feed li > div{
	position:absolute;
	top:10px;
	left:10px}

body.top #top-content > div.f-l #section01 #feed > div > ul > li:first-child{border:none;}

body.top #top-content > div.f-l #section02 > div{background:url(../img/top/bg-section02.jpg) no-repeat center bottom}

body.top #top-content > div.f-l #section02 > div > dl{	display:table;}

body.top #top-content > div.f-l #section02 > div > dl > dt{
	display:table-cell;
	width:80px;
	padding-right:20px;
	text-align:right;
	vertical-align: middle;}

body.top #top-content > div.f-l #section02 > div > dl > dd{
	display:table-cell;
	width:380px;
	padding:10px 20px;
	border-left:solid #000 1px;}

body.top #top-content > div.f-l span.sprite-ribbon{
	position:absolute;
	top:20px;
	left:-17px;
	background-position:0 -212px;
	width: 15px;
	height: 25px;}

body.top #top-content > div.f-l #section04 > div{
	background:url(../img/top/pic06.png) no-repeat right bottom;
	padding:10px 10px 100px 10px;
	min-height:270px;}

/*top-content right*/	
body.top #top-content > div.f-r{width:360px;}

body.top #top-content > div.f-r #section03{background:url(../img/top/bg-partner.jpg) no-repeat center top #fff;}

body.top #top-content > div.f-r #section03 h3 + p{padding:0 120px 0 0}

body.top #top-content > div.f-r #section04 > ul{
	background:url(../img/top/pic05.png) no-repeat left top;
	padding-left:135px;
	min-height:108px;}
	
/*======================================================
	4: business
======================================================*/
#business #section02 > h5{margin-top:20px;}

#business #section02 hr + div li{width:210px;}

/*======================================================
	5: proposal
======================================================*/
#proposal section > dl dd + dt{margin-top:30px;} 

/*======================================================
	6: engineering
======================================================*/
#engineering #section01 > div > ul{
	width:185px;
	float:left;}

#engineering #section01 > div > ul > li > a[target="_blank"]:after{
	content:"";
	display:inline-block;
	width:14px;
	height:9px;
	background:url(../img/link.gif) no-repeat right center}

#engineering #section01 > div + h3{margin-top:30px;}

/*======================================================
	7: consulting-bousai
======================================================*/
#consulting-bousai #section01 li + li{margin-top:10px;}

#consulting-bousai ul.fire{ margin-left:30px;}

#consulting-bousai ul.fire + h5{margin-top:30px;}

/*======================================================
	8: consulting-bouhan
======================================================*/
#consulting-bouhan #section01 > table > tbody > tr >td:first-child{
	background:#ccc;
	text-align:center;
	color:#fff;}

#consulting-bouhan #section01 > #result{
	padding:0 0 0 180px;
	min-height:212px}

#consulting-bouhan #section01 > #result > img{
	position:absolute;
	top:0;
	left:0}

#consulting-bouhan #section01 > #result > div > dl{
	background:#f9f9f9;
	padding:20px;}

#consulting-bouhan #section01 > #result > div > dl > dt{
	font-weight:bold;
	font-size:143%;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:solid #ccc 1px;}

/*======================================================
	9: aboutus
======================================================*/
#aboutus #section02 > div{
	background:url(../img/aboutus/pic-aboutus04.jpg) no-repeat right bottom;
	padding:0 20px 100px 20px}

#aboutus #section05 > dl{
	background:url(../img/aboutus/pic-aboutus03.jpg) no-repeat left top #fff;
	padding:100px 50px 35px 50px;}

/*======================================================
	10: faq
======================================================*/
#faq #section01 li +li{margin-top:10px;}

#faq #section01 ul + h3,
#faq section.basic-section > dl + h5{margin-top:20px;}

#faq #section01 ul + h2,
#faq section.basic-section > dl + dl{margin-top:30px;}

#faq section.basic-section > dl > dt{
	padding-right:120px;
	min-height:32px;}
#faq section.basic-section > dl > dt > a{
	position:absolute;
	top:10px;
	right:10px;}

#faq section.basic-section > dl > dd{padding-left:30px;}

#faq section.basic-section > dl > dd > ul.list-disc{
	border-left:solid #ccc 2px;
	padding-left:30px}

/*======================================================
	11:contact
======================================================*/
#contact #section01 table.basic-table th > span{
	font-weight:bold;
	color:#0B509B}

#contact #section01 input[type="text"],
#contact #section01 textarea{
	padding:5px;
	border:solid #ccc 1px;
	background:#fafafa;
	width:480px;}
#contact #section01 input.short{width:180px;}

#contact #section01 textarea{height:200px;}

#contact #section01 input[type="submit"]{
	border:none;
	cursor:pointer}

/*-------------contact_confirm-------------*/
#contact_confirm table th label,
#contact_confirm table td span {padding:0 15px;}

#contact_confirm td{ width:70%;}

#contact_confirm ul#submit { text-align: center;}

#contact_confirm  ul#submit li {
	display: inline;
	padding-left: 10px;
	padding-right: 10px;}

#contact_confirm div.box { padding: 10px;}

/*======================================================
	12: privacy policy
======================================================*/
#policy #section01 dd{padding-left:30px;}

#policy #section01 dd + dt{margin-top:30px;}

/*======================================================
	13: sitemap
======================================================*/
#sitemap #section01 li + li{margin-top:10px;}