@charset "utf-8";
/*-------------------
1. common　（全ページ）
2. .under 下層のみ
3. #top
4. #sitemap
5. #privacy
6. #english ※別テンプレート
7. #equipment
8. #recruit
9. #aboutus
10. #staff
11. #inquiry
12. #items
13. #privacy
14. #landing_a
15. #landing_b 
16. #landing_c
17. #landing_d

-------------------*/


/* 1. common　（全ページ）
----------------------------------------------- */
.inner{
	width:960px;
	margin:0 auto;}

#header h1{padding-top:27px;}

#header #right{
	padding:15px 0 20px 0;
	width:560px;
	float:right;}

#header #right ul{width:172px;}

#header #right ul li{padding-left:1px;}

#gnavi{
	background: url(../img/bg_gnavi.jpg) repeat-x;
	border-top:solid #B5B5B5 1px;
	border-bottom:solid #fff 1px;}

#gnavi li{float:left;}

#container{padding-bottom:50px;}

#main{
	width:670px;
	float:left;}

#side{
	width:250px;
	float:right;}

/*-footer-*/
#footer{
	background:url(../img/bg_footer.gif) repeat-x #ededed;
	border-bottom:solid #fff 1px;
	padding:37px 0 30px 0}

#footer div{min-height:200px;}

#footer #footer_part01{
	float:left;
	width:377px;
	padding:0 10px 0 0;
	border-right:solid #D7D6D6 1px;}
	
#footer #footer_part02{
	float:left;
	width:148px;
	padding:0 10px;
	border-right:solid #D7D6D6 1px;
	border-left:solid #fbfbfb 1px;}

#footer #footer_part03{
	float:left;
	width:148px;
	padding:0 10px;
	border-right:solid #fbfbfb 1px;
	border-left:solid #fbfbfb 1px;
	background:url(../img/bg_footer_part03.gif) repeat-y right;}

#footer #footer_part04{
	float:right;
	margin: 0px -3px 0 0;}

#footer #footer_part04 dl{
	background:url(../img/bg_footer_p4_dl_03.jpg) no-repeat;
	width:177px;
	padding:20px 14px 14px 14px;
	min-height:140px;}
#footer #footer_part04 dt{border-bottom:solid #ccc 1px; padding-bottom:10px;}
#footer #footer_part04 dd{border-top:solid #e5e5e5 1px; padding-top:10px;}

#footer ul.fnavi li{
	background:url(../img/bg_fnavi.jpg) no-repeat left 5px;
	padding-left:12px;
	font-size:12px;font-size:1.2rem;
	margin-bottom:10px;}

#footer ul.fnavi li ul{padding:5px 0 10px 10px;}

#footer ul.fnavi li ul li{
	background: url(../img/bg_li_fnavi_nest.gif) no-repeat top left;
	margin:0;
	padding-bottom:10px;}

#footer ul.fnavi li ul li.last{
	background-position:0 -1462px;
	padding-bottom:0;}

#copyright{
	border-top:solid #ededed 1px;
	padding:8px 0;}

#btn-gotop{position:fixed; right:10px; bottom:10px;}
	
/*-見出しのスタイル-*/
.style01{
	border-top:solid #dedede 1px;
	border-bottom:solid #dedede 3px;
	background:url(../img/bg_style01.jpg) repeat-x left bottom #fff;
	padding:10px 10px 7px 12px;
	margin-bottom:20px;}

.style01 span{
	padding-left:15px;
	background:url(../img/bg_style01_span.gif) repeat-y;
	font-weight:bold;
	display:block;
	font-size:18px;font-size:1.8rem;}

.style02{
	font-size:16px;font-size:1.6rem;
	font-weight:bolder;
	background:url(../img/bg_style02.jpg) repeat-x bottom #f5f4f4;
	padding:10px 10px 10px 15px;
	margin-bottom:20px;}

.btn-gray{
	border:solid #fff 1px;
	background:#ccc;
	font-weight:bold;
	padding:8px 15px;
	text-align:center;
	box-shadow:2px 2px 5px rgba(0,0,0,0.2);
	border-radius:5px;
	text-decoration:none;
	color:#000 !important;
	display:inline-block;}

.btn-gray:hover{background:#bbb}

.btn-mini{
	background:#D9E7F0;
	padding:5px 10px;
	font-weight:bold;
	border-radius:10px;
	text-decoration:none;}

.btn-mini:hover{background:#E4EEF4}

.d-block{display:block;}

.w-460{width:460px;}
.w-600{width:600px;}

/*基本のテーブル（20161020追加）*/
table.basic-table th,
table.basic-table td{
	padding:15px;
	border:solid #ccc 1px;}
	
table.basic-table th{
	font-weight:bold;
	background:#e5e5e5;}


/* 2. .under 下層のみ
----------------------------------------------- */
.under #billboard{
	background:url(../img/bg_billboard.jpg) repeat-x;
	padding:20px 0;
	overflow:hidden;}

.under #billboard h3{
	width:914px;
	height:74px;
	padding:50px 10px 10px 40px;
	margin:0 auto 10px auto;
	font-size:30px;font-size:3.0rem;
	color:#fff;}

.under #billboard #topicpath:after{/*clearfix*/
		content: "";
    clear: both;
    display: block;}

.under #billboard #topicpath li{
	float:left;
	font-size:12px;font-size:1.2rem;}

.under #billboard #topicpath li a:after{
	content:"";
	background:url(../img/topicpath.gif) no-repeat center center;
	height:7px;
	width:4px;
	padding:5px 10px;}
	
.under #side dl#snavi{
	border-right:solid #c3c2c2 1px;
	border-left:solid #c3c2c2 1px;
	border-bottom:solid #c3c2c2 1px;
	margin-bottom:15px;}

.under #side dl#snavi dt{
	background:url(../img/bg_dt_snavi.jpg) no-repeat bottom center;
	padding:10px 10px 8px 17px;
	border-bottom:solid #c3c2c2 1px;}

.under #side dl#snavi dt span{
	background: url(../img/bg_dt_snavi_span.png) no-repeat left center;
	font-size:14px;font-size:1.4rem;
	font-weight:bold;
	padding-left:15px;}

.under #side dl#snavi dd{
	background:url(../img/bg_dd_snavi.jpg) no-repeat top center;
	padding:0 10px;}

.under #side dl#snavi dd ul li{
	background:url(../img/bg_li_snavi.png) no-repeat 10px 50%;
	padding:15px 0 13px 30px;
	border-bottom:solid #c3c3c3 1px;}

.under #side dl#snavi dd ul li a{display:block;}

.under #side #bn_area img{margin-bottom:15px;}

/*-table.basic-*/
.under table.basic,
.under table.basic th,
.under table.basic td{border:solid #ccc 1px;}

.under table.basic th,
.under table.basic td{padding:8px 10px;}

.under table.basic tr.thead th{background:#ebeaea;}

.under table.basic th.gray{background:#F7F3F3;}

/*-table.stripe（script.jsで追加）-*/
.under table.stripe tr{background-color:#EFF6FC;}
.under table.stripe tr.even { background-color: #fff; }

/*-吹き出し-*/
.tooltip{
	position: relative;
	cursor: help;
	display: inline-block;
	text-decoration: underline;
	outline: none;}

.tooltip span{
	visibility: hidden;
	position: absolute; 
	bottom: 30px;
	left: 50%;
	z-index: 999;
	width: 230px;
	margin-left: -127px;
	padding: 10px;
	border: 2px solid #ccc;
	opacity: .9;
	background-color: #ddd; 
	background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
	box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
	text-shadow: 0 1px 0 rgba(255,255,255,.4);}

.tooltip:hover span{visibility: visible;}

.tooltip span:before,
.tooltip span:after{
	content: "";
	position: absolute;
	z-index: 1000;
	bottom: -7px;
	left: 50%;
	margin-left: -8px;
	border-top: 8px solid #ddd;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 0;}

.tooltip span:before{
	border-top-color: #ccc;
	bottom: -8px;}


/* 3. #top
----------------------------------------------- */
#top #billboard{
	background: url(../img/top/bg_top_billboard3.jpg) no-repeat center top;}

#top #billboard #top_img{min-height:350px;}

#top #billboard h3{padding-top:122px;}

#top #billboard .inner #items{
	background:url(../img/top/bg_items2.jpg) repeat-y;
	border-top:solid #ddd 1px;
	margin-bottom:20px;
	min-height:200px;
	box-shadow: 2px 1px 3px #ccc;
	-moz-box-shadow: 2px 1px 3px #ccc;　/* Firefox用 */
	-webkit-box-shadow: 2px 1px 3px #ccc;　/* Safari,Google Chrome用 */
	behavior: url(/PIE.htc);}

#top #billboard .inner #items .itemBox{
	width:220px;
	padding:20px 10px 10px 10px;
	cursor: pointer;
	position:relative}

#top #section02{padding:0 15px; background:url(../img/top/bg_section02.gif) repeat-y; margin-bottom:30px;}

#top #section02 dl{	width:304px;}

#top #section02 dt{
	background:#eee;
	border:solid #cfcfcf 1px;
	padding:5px 10px 5px 94px;
	margin-bottom:20px;
	font-weight:bold;
	color:#014470;}

#top #section02 dd{	position:relative; padding:0 15px 15px 15px;}

#top #section02 dd p a{background:url(../img/top/arrow_double.gif) no-repeat left center; font-weight:bold; padding-left:13px;}

#top #section02 img.icon{
	position:absolute;
	top:-55px;
	left:5px;}

#top #section04{
	padding:20px 20px 10px 20px;
	border:solid #cecccc 1px;}

#top #section04 table th,
#top #section04 table td{
	border-bottom:dotted #B2B2B2 1px;
	padding:10px 0;}

#top #side #tw_head{
	margin-bottom:2px;}

/* 4. #sitemap
----------------------------------------------- */
#sitemap #billboard h3{background:url(../img/sitemap/bg_billboard_sitemap.png) no-repeat top center;}

#sitemap #main div{
	border-left:dotted #ccc 1px;
	margin-left:170px;}

#sitemap #main ul{
	border-bottom:dotted #ccc 1px;
	padding:10px 10px 10px 25px;}

#sitemap #main ul li{
	background:url(../img/lm_bluearrow.jpg) no-repeat center left;
	padding-left:15px;
	margin-bottom:10px}

#sitemap #main ul li.nest{
	background-position:0 5px;
	margin-bottom:0;}

#sitemap #main ul li ul{
	border:none;
	list-style:inside url(../img/lm_bluearrow.jpg);}

#sitemap #main ul li ul li{
	background: url(../img/bg_li_fnavi_nest.gif) no-repeat top left;
	margin:0;
	padding-bottom:10px;}

#sitemap #main ul li ul li.last{
	background-position:0 -1459px;
	padding-bottom:0;}
	
/* 5. #privacy
----------------------------------------------- */
#privacy #billboard h3{background:url(../img/privacy/bg_billboard_privacy.png) no-repeat top center;}

#privacy #main dl dt{
	background:url(../img/lm_navyarrow.gif) no-repeat left center;
	padding:8px 8px 5px 23px;
	color:#03416B;
	font-size:15px;font-size:1.5rem;
	border-bottom:dotted #000 1px;
	font-weight:bold;
	margin-bottom:20px;}

#privacy #main dl dd{margin-bottom:35px;}

/* 6. #english
----------------------------------------------- */
#english #billboard h3{background:url(../img/english/bg_billboard_english.png) no-repeat top center;}

#english #section01 table{	width:670px;}

#english #section03 ul li:first-child{margin-right:30px;}

#english #section05{
	background:url(../img/english/bg_mail.jpg) no-repeat;
	height:82px;
	padding:55px 10px 0 290px;}

/* 7. #equipment
----------------------------------------------- */
#equipment #billboard h3{background:url(../img/equipment/bg_billboard_equipment.png) no-repeat top center;}

#equipment #main dt{
	background:#E8F4FD;
	padding:8px 10px;
	font-size:14px;font-size:1.4rem;
	margin-bottom:13px;}

#equipment #main dl.machine{width:210px;}

/* 8. #recruit
----------------------------------------------- */
#recruit #billboard h3,
#naishoku #billboard h3{background:url(../img/recruit/bg_billboard_recruit.png) no-repeat top center;}

/* 8-2. #naishoku
----------------------------------------------- */
#naishoku #main p + p,
#naishoku #side p + p{margin-top:10px;}

#naishoku #main div.staff{
	padding:0 0 30px 100px;
	margin-left:30px;
	min-height:80px;}

#naishoku #main div.staff-a{background:url(../img/recruit/naishoku/pic-naishoku02.jpg) no-repeat left top;}
#naishoku #main div.staff-b{background:url(../img/recruit/naishoku/pic-naishoku03.jpg) no-repeat left top;}

#naishoku #main div.staff + div.staff{
	border-top:solid #eee 1px;
	padding-top:30px;
	background-position:left 30px;} 

#naishoku #side > dl{border:solid #ccc 1px;}

#naishoku #side > dl > dt{
	font-weight:bold;
	background:#EFF6FC;
	padding:10px;
	border-bottom:solid #ccc 1px;}

#naishoku #side > dl > dd{padding:10px;}

#naishoku #side > dl > dd > dl > dd + dt{
	border-top:solid #ccc 1px;
	margin-top:15px;
	padding-top:15px;
	position:relative}

#naishoku #side > dl > dd > dl > dd + dt:before{
	display:block;
	content:"";
	background:url(../img/recruit/naishoku/arrow-naishoku1.png) no-repeat;
	width:40px;
	height:15px;
	position:absolute; 
	top:-7px;
	left:95px;}

#naishoku #naishoku-tel{
	border:solid #ccc 10px;
	display:table;
	clear:both;
	width:940px;}

#naishoku #naishoku-tel > div{
	display:table-cell;
	padding:10px;
	vertical-align:middle}

#naishoku #naishoku-tel > div:first-child{
	background:url(../img/recruit/naishoku/pic-naishoku09.jpg) no-repeat 10px 10px;
	padding:10px 10px 20px 80px;
	border-right:solid #ccc 10px;}

/* 9. #aboutus
----------------------------------------------- */
#aboutus #billboard h3{background:url(../img/aboutus/bg_billboard_aboutus.png) no-repeat top center;}

#aboutus #section01{
	background:url(../img/aboutus/pic_aboutus01.jpg) no-repeat top left;
	padding-left:175px;}
	
#aboutus #section01 p{margin-top:10px; text-indent:1em;}

/* 10. #staff
----------------------------------------------- */
#staff #billboard h3{background:url(../img/staff/bg_billboard_staff.png) no-repeat top center;}

#staff #main dl{
	width:180px;
	padding-left:140px;
	min-height:120px;
	position:relative;}

#staff #main dl span.staff_pic{
	display:block;
	width:120px;
	height:120px;
	position:absolute;
	top:0;
	left:0;
	background-position:left top;
	background-repeat:no-repeat}

#staff #main dl span.staff_pic:hover{background-position:left bottom}

#staff #main dl span#staff_pic01{background-image:url(../img/staff/pic-staff01.jpg)}
#staff #main dl span#staff_pic02{background-image:url(../img/staff/pic-staff02.jpg)}
#staff #main dl span#staff_pic03{background-image:url(../img/staff/pic-staff03.jpg)}
#staff #main dl span#staff_pic04{background-image:url(../img/staff/pic-staff04.jpg)}
#staff #main dl span#staff_pic05{background-image:url(../img/staff/pic-staff05.jpg)}
#staff #main dl span#staff_pic06{background-image:url(../img/staff/pic-staff06.jpg)}
#staff #main dl span#staff_pic08{background-image:url(../img/staff/pic-staff08.jpg)}

#staff #main dt{margin-bottom:10px;}

/* 11. #inquiry
----------------------------------------------- */
#inquiry #billboard h3{background:url(../img/inquiry/bg_billboard_inquiry.png) no-repeat top center;}

#inquiry #main #tel{
	background:url(../img/inquiry/bg_tel.jpg) no-repeat top left;
	width:594px;
	padding:11px 10px 10px 66px;
	min-height:116px;}

#inquiry #main #tel dd p{color:#17668D}

#inquiry #main table.basic th{background:#EFF6FC;}

#inquiry #main table.basic input{padding:3px;}

#inquiry #main table.basic input.long{width:430px;}

#inquiry #main table.basic input.short{width:200px;}

#inquiry #main table.basic textarea{
	width:430px;
	height:300px;}

p#submit input{padding:7px 15px;}

/*確認画面*/
#inquiry_confirm #billboard h3{background:url(../img/inquiry/bg_billboard_inquiry.png) no-repeat top center;}

#inquiry_confirm #main th{width:120px;}

#inquiry_confirm #main ul#submit { text-align: center; margin-top:10px;}

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


/* 12. #items
----------------------------------------------- */
#items #billboard h3{background:url(../img/items/bg_billboard_items.png) no-repeat top center;}

#items #sec01{
	background:url(../img/items/items-pic01.jpg) no-repeat center top;
	padding:70px 30px 0 30px;}

#items #sec01 .f_l{width:280px;}

#items #sec01 dl.f_r dt,
#items #sec01 dl.f_r dd{
	width:258px;
	padding:20px;border:solid #ccc 1px;}

#items #sec01 dl.f_r dd{margin-top:-1px;}

#items #sec01 dl.f_r dd li{
	background:url(../img/items/items-pic02.png) no-repeat left top;
	padding:0 0 0 30px;
	min-height:18px;}

/*.items*/
.items dl.items-detail-list dt,
.items dl.items-detail-list dd{
	border:solid #ccc 1px;
	padding:15px;}
	
.items dl.items-detail-list dt{
	background:#e5e5e5;
	margin-bottom:-1px;}

.items .slides{
	 width:600px;
	 margin:0 auto;}

#items01 #billboard h3{background:url(../img/items/items01/bg_billboard_items01.png) no-repeat top center;}
#items02 #billboard h3{background:url(../img/items/items02/bg_billboard_items02.png) no-repeat top center;}
#items03 #billboard h3{background:url(../img/items/items03/bg_billboard_items03.png) no-repeat top center;}
#items04 #billboard h3{background:url(../img/items/items04/bg_billboard_items04.png) no-repeat top center;}
#items05 #billboard h3{background:url(../img/items/items05/bg_billboard_items05.png) no-repeat top center;}

/* 13. #privacy
----------------------------------------------- */
#privacy #billboard h3{background:url(../img/privacy/bg_billboard_privacy.png) no-repeat top center;}


/* 14. #landing_a
----------------------------------------------- */
#landing_a #container{
	width:960px;
	padding:0 30px 50px 30px;
	margin:0 auto;
	background: url(../img/landing_a/bg_container.jpg) repeat-y center;}

#landing_a #container #billboard{
	width:960px;
	height:488px;
	padding-bottom:15px;
	background:url(../img/landing_a/bg_billboard.jpg) no-repeat;
	position:relative;}

#landing_a #container #billboard h3{padding:80px 0 0 40px}

#landing_a #container #billboard p#merit{
	position:absolute;
	top:277px;
	left:-15px;}

#landing_a #container #billboard p#btn{
	position:absolute;
	top:332px;
	right:0;}

#landing_a #container #billboard p#btn:hover{top:334px;}

#landing_a #container #lnavi {margin:10px 0 30px 0; text-align:center}
#landing_a #container #lnavi li{
	display:inline-block;
	*display:inline;
	*zoom: 1;}

#landing_a #container div.section{padding:0 15px 60px 15px;}

#landing_a #container div.section h4{margin-bottom:40px;}

/*--section01--*/
#landing_a #container #section01 > div > p{	margin-left:65px;}

#landing_a #container #section01 #slider{ margin:0 auto; width:890px; height:401px;}

/*--section02--*/
#landing_a #container #section02 > div{
	width:838px;
	padding:15px 25px;
	margin:0 auto;
	border:solid #c7c6c6 1px;
	background:#FEFEF7;}

#landing_a #container #section02 div h5{margin:-24px 0 12px -15px;}

#landing_a #container #section02 div dl.f_l{width:280px;}
#landing_a #container #section02 div div.f_r{width:520px;}

#landing_a #container #section02 div div.f_r li{float:left; margin:0 20px 0 0;}

#landing_a #container #section02 div div.f_r dl{background:#FBF7BA; padding:10px;}
	
/*--section03--*/
#landing_a #container #section03 div{
	width:671px;
	padding:100px 0 10px 228px;
	margin:0 auto;
	min-height:166px;
	position:relative;}
	
#landing_a #container #section03 div#voice01{ background:url(../img/landing_a/bg_voice01.jpg) no-repeat;}
#landing_a #container #section03 div#voice02{ background:url(../img/landing_a/bg_voice02.jpg) no-repeat;}

#landing_a #container #section03 div > p{
	background:#F2FAFE;
	border:solid #BEDEEE 1px;
	width:604px;
	padding:15px 20px;}

#landing_a #container #section03 div > img{
	position:absolute;
	top:115px;
	left:201px;}

#landing_a #container #section03 > hr{
	height:1px;
	background:url(../img/landing_a/bg_hr.gif) repeat-x;
	margin:25px 0;}	

/*--section04--*/
#landing_a #container #section04 > dl{
	width:880px;
	padding:5px;
	margin-right:auto; margin-left:auto;
	-webkit-box-shadow: 0 0 5px 0 #999; /* Safari, Chrome用 */
	-moz-box-shadow:0 0 5px 0 #999; /* Firefox用 */
	box-shadow: 0 0 5px 0 #999;
	background:#fff;
	behavior: url(/PIE.htc);}
	
#landing_a #container #section04 > dl > dt{
	background: url(../img/landing_a/bg_dt01.gif) no-repeat 25px 9px #eee;
	padding:20px 10px 17px 80px;
	font-weight:bolder;
	font-size:15px; font-size:1.5rem;
	border-bottom:solid 1px #fff;}

#landing_a #container #section04 > dl > dd{
	border-top:solid #cfcfcf 1px;
	background: url(../img/landing_a/bg_dd01.gif) no-repeat 25px 9px;
	padding:20px 10px 17px 80px;}
	
/* 15. #landing_b
----------------------------------------------- */
#landing_b #container{
	width:960px;
	padding:0 64px 50px 64px;
	margin:0 auto;
	background: url(../img/landing_b/bg_container.jpg) repeat-y center;}

#landing_b #container > ul{margin-bottom:83px;}

#landing_b #container .section{border:solid #d3d3d3 3px;}

#landing_b #container .section h4{text-align:center;}
	
/*--section01--*/
#landing_b #container #section01{
	position:relative;
	height:487px;
	width:960px;
	background:url(../img/landing_b/bg_landing_b01.jpg) no-repeat top left;
	margin-bottom:30px;
	padding:0;
	border:none;}

#landing_b #container #section01 h3{
	position:absolute;
	top:66px;
	left:52px;}

#landing_b #container #section01 h3 + p{
	position:absolute;
	top:50px;
	right:15px;}

#landing_b #container #section01 p + p{
	position:absolute;
	bottom:65px;
	right:47px;}
	
/*--section02--*/
#landing_b #container #section02{padding:20px;}

#landing_b #container #section02 h4{margin:-63px 0 24px 0;}

#landing_b #container #section02 dl{
	background:url(../img/landing_b/bg_landing_b01.jpg) no-repeat left top;
	height:172px;
	padding:38px 230px 10px 38px;}

#landing_b #container #section02 #point01{background-position:0 -487px;}
#landing_b #container #section02 #point02{background-position:0 -707px;}
#landing_b #container #section02 #point03{background-position:0 -927px;}
#landing_b #container #section02 #point04{background-position:0 -1147px;}

#landing_b #container #section02 dl dt{
	border-bottom:dotted #6e6e6e 1px;
	padding-bottom:15px;
	margin-bottom:12px;}

#landing_b #container #section02 > div{
	background:url(../img/landing_b/bg_landing_b02.jpg) left bottom repeat-x #fff;
	height:314px;
	padding:53px 27px 33px 445px;
	margin-top:135px;
	position:relative;
	-webkit-box-shadow: 0 0 5px 0 #999; /* Safari, Chrome用 */
	-moz-box-shadow:0 0 5px 0 #999; /* Firefox用 */
	box-shadow: 0 0 5px 0 #999;
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	border-radius: 5px; 
	behavior: url(/PIE.htc);}

#landing_b #container #section02 > div > h5{
	position:absolute;
	top:-116px;
	left:6px;}

#landing_b #container #section02 > div > div{
	position:absolute;
	top:46px;
	left:18px;
	width:366px;
	height:272px;
	padding:18px 16px;
	background:url(../img/landing_b/bg_landing_b03.png) no-repeat;}

#landing_b #container #section02 > div > div > iframe{ border:solid #ccc 2px;}

/*--section03--*/
#landing_b #container #section03{padding:20px 0px 0 0px;}
#landing_b #container #section03 h4{margin:-77px 0 24px 0;}

/*--section04--*/
#landing_b #container #section04{padding:0 17px 20px 17px;}
#landing_b #container #section04 h4{margin:-44px 0 24px 0;}

#landing_b #container #section04 ul{
	width:920px;
	padding:32px 0 0 0;
	background:url(../img/landing_b/bg_landing_b05.gif) repeat-y #eee;}

#landing_b #container #section04 ul li{
	background:url(../img/landing_b/bg_landing_b04.jpg) no-repeat;
	width:190px;
	height:207px;
	text-indent:-9999px;
	float:left;
	margin:0 0 20px 32px;}
#landing_b #container #section04 ul li#item01{background-position:0px 0px;}
#landing_b #container #section04 ul li#item02{background-position:-190px 0;}
#landing_b #container #section04 ul li#item03{background-position:-380px 0;}
#landing_b #container #section04 ul li#item04{background-position:-570px 0;}
#landing_b #container #section04 ul li#item05{background-position:0px -207px;}
#landing_b #container #section04 ul li#item06{background-position:-190px -207px;}
#landing_b #container #section04 ul li#item07{background-position:-380px -207px;}
#landing_b #container #section04 ul li#item08{background-position:-570px -207px;}
#landing_b #container #section04 ul li#item09{background-position:0px -414px;}
#landing_b #container #section04 ul li#item10{background-position:-190px -414px;}
#landing_b #container #section04 ul li#item11{background-position:-380px -414px;}
#landing_b #container #section04 ul li#item12{background-position:-570px -414px;}

/*--section05--*/
#landing_b #container #section05 h4{margin:-43px 0 24px 0;}

/* 16. #landing_c
----------------------------------------------- */
#landing_c #container p,
#landing_c #container dd{font-size:16px;font-size:1.6rem;}
#landing_c #container{background:url(../img/landing_c/bg_container.gif);}

#landing_c #container h3{
	width:960px;
	margin:37px auto 20px auto;}

#landing_c #container > ul{
	width:980px;
	height:72px;
	padding:0 0 8px 20px;
	margin:0 auto 45px auto;}

#landing_c #container > ul > li{
	float:left;
	-webkit-box-shadow: 5px 5px 5px 0 #999; /* Safari, Chrome用 */
	-moz-box-shadow:5px 5px 5px 0 #999; /* Firefox用 */
	box-shadow: 5px 5px 5px 0 #999;
	behavior: url(/PIE.htc);}

#landing_c #container > ul > li:hover{padding-top:2px;}

#landing_c #container > p{width:960px; margin:0 auto;}

#landing_c #container p.gotop{
	font-size:13px; font-size:1.3rem;
	text-align:right;
	width:960px;
	margin:30px auto 25px auto;}

#landing_c #container .section{/*-section idで上書き-*/
	width:960px;
	margin:0 auto 35px auto;
	position:relative;}

#landing_c #container .section h4{margin-bottom:25px;}

/*-section01-*/
#landing_c #container #section01 > div{min-height:375px; padding-bottom:30px;}

#landing_c #container #section01 > div > dl{
	position:absolute;
	top:90px;
	right:0;
	background:#fff;
	width:574px;
	border:solid #707070 3px;
	padding:20px;
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
	border-radius: 10px; 
	behavior: url(/PIE.htc);}
	
#landing_c #container #section01 > div > img{
	position:absolute;
	top:80px;
	left:3px;}

/*-section02-*/
#landing_c #container #section02 > p{
	height:197px;
	padding:110px 40px 0 275px;
	background:url(../img/landing_c/bg_section02_1.png) no-repeat;}
#landing_c #container #section02 > p#point01{background-position:0 0;}
#landing_c #container #section02 > p#point02{background-position:0 -307px;}
#landing_c #container #section02 > p#point03{background-position:0 -614px;}

/*-section03-*/
#landing_c #container #section03{width:980px;}

#landing_c #container #section03 > ul{
	background:url(../img/landing_c/txt_landing_c04.png) no-repeat;
	min-height:280px;
	padding:250px 120px 0 340px;}
	
#landing_c #container #section03 > ul > li{
	float:left;
	margin-right:20px;
	font-weight:bolder;
	font-size:20px; font-size:2.0rem;}

/*-section04-*/
#landing_c #container #section04 p{
	height:121px;
	padding:312px 0 0 213px;
	background: url(../img/landing_c/bg_section04_1.png) no-repeat;}

/* 17. #landing_d
----------------------------------------------- */
#landing_d #container .section{width:960px; margin-right:auto; margin-left:auto;}

#landing_d #container p.gotop{
	text-align:right;
	width:960px;
	margin:30px auto 25px auto;}

/*-section01-*/
#landing_d #container #section01{ position:relative;}

#landing_d #container #section01 > p{
	text-align:right;
	margin:-300px -15px 0 0;
	min-height:310px;}

/*-section03-*/
#landing_d #container #section03{
	width:940px;
	padding:10px;
	margin-bottom:90px;
	background:url(../img/landing_d/bg_section03_01.jpg) repeat-x;
	-webkit-box-shadow: 0 0 5px 0 #999; /* Safari, Chrome用 */
	-moz-box-shadow:0 0 5px 0 #999; /* Firefox用 */
	box-shadow: 0 0 5px 0 #999;
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	border-radius: 5px; 
	background:#fff;
	position:relative;
	min-height:535px;
	behavior: url(/PIE.htc);}

#landing_d #container #section03 > div{padding:25px 480px 25px 25px}
	
#landing_d #container #section03 > div + img{
	position:absolute;
	top:95px;
	right:-35px;}

#landing_d #container #section03 > img + img{
	position:absolute;
	bottom:-80px;
	left:80px;}
	
/*-section04-*/
#landing_d #container #section04{background:url(../img/landing_d/bg_section04_01.gif) repeat-y;}

#landing_d #container #section04 h4{ margin:-50px 0 25px -10px}

#landing_d #container #section04 > div{
	-webkit-box-shadow: 5px 5px 5px 0 #cfcfcf; /* Safari, Chrome用 */
	-moz-box-shadow:5px 5px 5px 0 #cfcfcf; /* Firefox用 */
	box-shadow: 5px 5px 5px 0 #cfcfcf;
	width:598px;
	padding:40px 25px 40px 295px;
	margin:0 20px 50px 20px;
	border:solid #cfcfcf 1px;
	min-height:182px;
	background: url(../img/landing_d/bg_section04_01.jpg) no-repeat 26px 30px #fff;
	behavior: url(/PIE.htc);}
	
#landing_d #container #section04 > div > h5{
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:dotted #7f7f7f 1px;}

/*-section05-*/
#landing_d #container #section05{
	background:#FEECD2;
	padding:20px 0;}

/*-section06-*/
#landing_d #container #section06{
	position:relative;
	margin-top:50px;}

#landing_d #container #section06 > img{
	position:absolute;
	top:0;
	left:-27px;}

/*-section07-*/
#landing_d #container #section07{
	background:#fff;
	-webkit-box-shadow: 0 0 5px 0 #999; /* Safari, Chrome用 */
	-moz-box-shadow:0 0 5px 0 #999; /* Firefox用 */
	box-shadow: 0 0 5px 0 #999;
	behavior: url(/PIE.htc);}

#landing_d #container #section07 > div{
	width:770px;
	padding:30px 95px 40px 95px;}

#landing_d #container #section07 > div > form > table{}

#landing_d #container #section07 > div > form > table th,
#landing_d #container #section07 > div > form > table td{vertical-align:middle;}

#landing_d #container #section07 > div > form > table th{
	padding:18px 15px 15px 15px;
	background:url(../img/landing_d/bg_section07_01.gif) repeat-x #f0eeee;}

#landing_d #container #section07 > div > form > table td{
	padding:15px;
	background:url(../img/landing_d/bg_section07_01.gif) repeat-x;}

#landing_d #container #section07 > div > form input[type="text"],
#landing_d #container #section07 > div > form textarea{
	width:430px;
	padding:3px;
	border:solid #ABADB3 1px;}

#landing_d #container #section07 > div > form textarea{height:400px;}

#landing_d #container #section07 > div > form > p{
	background:url(../img/landing_d/bg_section07_01.gif) repeat-x top left;
	padding-top:30px;}

/* #idea 理念のページ
----------------------------------------------- */
#idea #billboard h3{background:url(../img/sitemap/bg_billboard_sitemap.png) no-repeat top center;}

#idea div + h4{margin-top:50px;}

#idea #section01{
	background:url(../img/idea/img01.jpg) no-repeat center bottom #d3f6ff;
	min-height:230px;
	padding:60px 0 400px 0;
	border:solid #ddd 1px;}

#idea #section04 dl{width:210px;}

/* #works 製作事例のページ
----------------------------------------------- */
#works #billboard h3{background:url(../img/equipment/bg_billboard_equipment.png) no-repeat top center;}

#works .works-info{
	background:#3E80B2;
	padding:20px;
	color:#fff;}

#works .works-info h5{
	padding:10px 0 5px 0;
	border-top:solid #fff 1px;
	border-bottom:solid #fff 1px;}

#works .works-info table th,
#works .works-info table td{
	border:solid #fff 1px;
	padding:10px;}

#works .works-popup{
	background:#EDEDED;
	position:relative;
	padding:20px;}

#works h4 + .works-popup:before{
	content: '';
	position: absolute;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 10px solid #EDEDED;
	top: -10px;
	left: 155px;}

#works .works-popup ul.clearfix{margin-right:-10px;}

#works .works-popup li{
	width:300px;
	float:left;
	margin:20px 10px 0 0}
	
#works .works-popup li a{
	display:block;
	margin-bottom:5px}

#works .works-popup li img{width:300px;}

#works .works-case h5{
	border-top:solid #333 1px;
	border-bottom:solid #333 1px;
	padding:15px 0 12px 0;}

#works .works-case h5 span{display:block;}