@charset "EUC-JP";

/* common */
body{font-family:"Meiryo","Hiragino Kaku Gothic Pro","MS PGothic",Sans-Serif;}
#contents{
	/*padding-top: 300px;*/
	/*background: url(../img/bg_main.jpg) no-repeat 0 0;*/
    display: block;
}
.topicpath{
	font-size: 13.6px;;
}
.img-center{
	display:inline-block;
	text-align: center;
	width:100%;
}
.img-center img{
	display: inline !important;
}
#box{
	box-sizing: border-box;
	padding: 0;
	width: 100%;
}
#box .inside{
	padding: 20px 40px 40px;
}
#box .bg-w{
	background-color: #fff;
	padding: 40px 80px;
}
#box h3{
	border: none;
	padding-left: 0;
}
.lnavi-box{
	border: 1px solid #ccc;
	margin: 20px auto 10px;
	padding: 20px;
	width: 904px;
}
.lnavi-box .lnavi{
	padding-top: 10px;
}
.lnavi-box .lnavi li{
	border-bottom: 2px solid #888;
	margin-top: 2px;
}
.lnavi-box .lnavi li a{
	background: url(../img/bg_bevel.png) no-repeat 100% 0;
	background-size: auto 30%;
	color: #fff;
	display: block;
	opacity: 1;
	padding: 5px 10px;
	text-decoration: none;
}
.lnavi-box .lnavi li a.active,
.lnavi-box .lnavi li:hover a{
	opacity: 1;
}
.lnavi-box .lnavi li:hover{
	border-bottom: 0;
	margin-top: 4px;
}
.lnavi-box .lnavi li:nth-of-type(1){
	background-color: #81C4B8;
}
.lnavi-box .lnavi li:nth-of-type(2){
	background-color: #ECBB88;
}
.lnavi-box .lnavi li:nth-of-type(3){
	background-color: #BBD47F;
}
.lnavi-box .lnavi li:nth-of-type(4){
	background-color: #E4A9BD;
}
.lnavi-box .lnavi li:nth-of-type(5){
	background-color: #686D71;
}
#box .img-left{
	float: left;
	height: auto;
	margin: 0 15px 15px 0;
	width: 50%;
}
#box .img-right{
	float: right;
	height: auto;
	margin: 0 0 15px 15px;
	width: 50%;
}
#box .column{
	overflow: hidden;
}
#box .column img{
	display: block;
	margin-top: 15px;
}

/* index */
#box.box-index{
	background: url(../img/bg_index.png) no-repeat 100% 100%;
	background-size: 100% auto;
	background-color:#BBDAEE;
}
#box.box-index .inside{
	padding: 20px 80px;
}
#box .inside p{
	letter-spacing: 1px;
	line-height: 1.6;
	margin: 20px 0 0;
}
#box .txt-index{
	padding-bottom: 400px;
}
#box .name{
	display: block;
	margin-top: 10px;
	text-align: right;
}

/* 01 */
#box.box01{
	background-color:#81C4B8;
}
.list01-01{
	background: url(../img/img_01_01.png) no-repeat 0 100%;
	margin-top: 20px;
	padding-bottom: 200px;
}
.list01-01 li{
	margin-top: 5px;
}
.list01-01 li img{
	margin-right: 5px;
	vertical-align: middle;
}
#box .num{
	background-color: #81C4B8;
	border-radius: 12px;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	width: 24px;
}
.list01-02{
	margin-top: -1.5em;
}
.list01-02 li{
	margin-top: 15px;
}
.list01-02 b{
	display: inline-block;
	padding-left: 5px;
	vertical-align: top
}

/* 02 */
#box.box02{
	background-color:#ECBB88;
}
/* 03 */
#box.box03{
	background-color:#BBD47F;
}
/* 04 */
#box.box04{
	background-color:#E4A9BD;
}
#box.box04 dl{
	border-bottom: 1px solid #555;
	border-top: 1px solid #555;
	margin: 20px 0;
	padding: 10px 0;
}
#box.box04 dt{
	font-size: 125%;
	font-weight: bold;
}
#box.box04 dd li{
	font-size: 87%;
	margin-top: 5px;
	padding-left: 2em;
	text-indent: -3em;
}
#box.box04 dd span{
	display: inline-block;
	margin-right: .5em;
	text-align: right;
	width: 2.5em;
}

/* 05 */
.box-outside05{
	background: url(../img/bg_05.png) no-repeat 0 100%;
	background-size: 100% auto;
	padding-bottom: 450px;
}
#box.box05{
	background-color:#686D71;
}
#box.box05 .inside{
	padding-top: 30px;
}
#box.box05 .inside h4{
	font-size: 125%;
}
#box.box05 .inside{
	color: #fff;
	padding: 80px;
}
#box.box05 .inside img{
	height: auto;
	width: 30%;
}
#box.box05 .left{
	float: left;
	width: 70%;
}
#box.box05 .right{
	overflow: hidden;
	width: 35%;
}
#box.box05 dl{
	clear: both;
	font-size:87%;
	overflow:hidden;
	padding-top: 20px;
}
#main img {
    width: 100%;
}