@charset "UTF-8";
/*----------------------------------------

	- header
	+ article
		- main

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

/*----------------------------------------
	header
-----------------------------------------*/

#header_bg {
	top: 0;
}

/*----------------------------------------
	article
-----------------------------------------*/

article {
	min-width: 100%;
	margin-top: 161px;
	background: url(../../img/common_bg01.gif) repeat left top;
}

@media screen and (max-device-width:500px) {
	article {
		margin-top: 332px;
	}
}

/*----------------------------------------
	nav 現在位置表示用
----------------------------------------*/
header nav ul li#nav06 {
	background: url(../../img/common_nav_pc_bg01.png) no-repeat 2px 77px;
}

@media screen and (max-device-width:500px) {
	header nav ul li#nav06 {
		background: url(../../img/common_nav_sp_bg03.png) no-repeat 20px 77px;
	}
}

/*----------------------------------------
	lnav
----------------------------------------*/

#lnav {
	width: 100%;
	margin-top: 161px;
	border-top: 10px solid #fde07a;
	background-color: #fde07a;
}

@media screen and (max-device-width:500px) {
	#lnav {
		width: 100%;
		margin-top: 332px;
	}
}

#lnav #slnav {
	width: 100%;
	padding: 16px 0;
	background-color: #ffffff;
}

#lnav #slnav > ul {
	text-align: center;
}

#lnav #slnav > ul li {
	display: inline-block;
	padding: 0 35px;
	background: url(../../img/lnav01_sub_bg01.gif) no-repeat right 3px;
}

#lnav #slnav > ul li:first-child {
	padding-left: 0;
}

#lnav #slnav > ul li:last-child {
	padding-right: 0;
	background: none;
}

/*----------------------------------------
	main
-----------------------------------------*/
#main {
	width:1000px;
	margin:0 auto;
}
#main .section_wrap {
	margin-bottom:30px;
	padding:30px 0 25px;
	background:#ffffff;
}
#main .section_wrap section {
	width:860px;
	margin:0 auto;
}
/*-----   common   -------------------------------*/
#main section .text dt {
	font-weight:bold;
}
#main section .text dd {
	margin-bottom:27px;
}
#main section .text dd:last-child {
	margin-bottom:0;
}
#main section .tit01 {
	margin-bottom:30px;
	padding:0 0 12px;
	background:url(../img/cmn_dotline01.gif) repeat-x left bottom;
}
#main section .box_pic_l ,
#main section .box_pic_r {
	width:860px;
	overflow:hidden;
}
#main section .box_pic_l .text {
	width:375px;
	float:right;
}
#main section .box_pic_l .pic {
	width:460px;
	float:left;
}

#main section .box_pic_r .text {
	width:375px;
	float:left;
}
#main section .box_pic_r .pic {
	width:460px;
	float:right;
}

#main section .box_pic_r .text dl dd p + p {
	margin-top: 10px;
}

/*------------------------------------*/
#main #main_section > h1 {
	margin:28px 20px 27px;
}
#main #quarity_section > h1 {
	margin:52px 0 50px;
	text-align:center;
}

/*---   00   ---------------------------------------*/
#main #sec00 {
	background:#fcefc2;
	border:solid 5px #ffffff;
	overflow:hidden;
}
#main #sec00 .text {
	width:473px;
	float:left;
	padding-bottom:20px;
}
#main #sec00 .text h1 {
	margin:36px 0 0 50px;
}
#main #sec00 .text h1 span {
	letter-spacing:-22px;
	letter-spacing:normal\9; /* IE8 */
}
#main #sec00 .text h1 span.p01 {
	letter-spacing:-11px;
	letter-spacing:normal\9; /* IE8 */
}

#main #sec00 .text p {
	margin-top:25px;
	margin-left:65px;
}
#main #sec00 .pic {
	width:495px;
	float:right;
}
/*---   01   ---------------------------------------*/
#main #sec01 {
}
#main #sec01 .box_pic_r {
	margin-bottom:50px;
}

/*---   03   ---------------------------------------*/
#main #sec03 {
}

#main #sec03 > section > dl {
	margin-top: 30px;
}

#main #sec03 > section > dl dt {
	margin-bottom: 5px;
}

#main #sec03 .text {
	width:470px;
}
#main #sec03 .pic {
	width:370px;
}
#main #sec03 .text > p {
	margin-bottom:45px;
}
#main #sec03 .text dl p {
	text-indent:-5.5em;
	margin-left:5.5em;
}
#main #sec03 .text > p.text {
	margin: 45px 0 0;
}
#main #sec03 .text dl p span {
	display:inline-block;
	width:5.5em;
	text-indent:0;
}

/*---   04   ---------------------------------------*/
#main #sec04 {
	margin-bottom:40px;
}
#main #sec04 a {
	position: relative;
	display:block;
	width:990px;
	background:#fde07a;
	border:solid 5px #ffffff;
	overflow:hidden;
}
#main #sec04 .pic {
	position: absolute;
	/*float:right;*/
	right: 0;
	bottom: 0;
	width:295px;
}
#main #sec04 .text {
	width:695px;
	height:126px;
	float:left;
	display:table;
	background:url(../img/cmn_ar01.gif) no-repeat 33px 33px;
}
#main #sec04 .text div {
	padding:15px 0 15px 97px;
	display:table-cell;
	vertical-align:middle;
}


@media screen and (max-device-width:500px) {
body {
width: 100%;
min-width:inherit;
}




#main {
	width:95%;
}
#main .section_wrap {
	padding:20px 30px;
	background:#ffffff;
}

#main .section_wrap section ,
#main section .box_pic_l ,
#main section .box_pic_r {
	width:auto;
}
#main section .box_pic_l .pic ,
#main section .box_pic_l .text ,
#main section .box_pic_r .pic ,
#main section .box_pic_r .text ,
#main #sec00 .pic ,
#main #sec00 .text ,
#main #sec03 .text ,
#main #sec03 .pic ,
#main #sec04 .text {
	width:auto;
	float:none;
}
#main #sec04 .pic {
	position: static;
	width:auto;
}
#main section .tit01 {
margin: 0 5px 30px;
}
#main section .box_pic_l .text ,
#main section .box_pic_r .text {
	margin:0 5px 30px;
}
/*-----   00   -----*/
#main #sec00 .text {
	margin:0 30px 30px;
}
#main #sec00 .text h1 {
margin: 36px 0 0 0;
}
#main #sec00 .text p {
margin: 36px 0 0 0;
}
#main #sec01 .text dd {
margin-bottom: 50px;
}
#main #sec01 .text dd:last-child {
margin-bottom: 0px;
}

#main #sec04 a {
	width:auto;
}
#main #sec04 .text div {
padding:10px 10px 20px 97px;
}
}