@charset "utf-8";


/* breadcrumb
-----------------------------------*/
.breadcrumb{
	margin-bottom: 85px;
}



/* page_title
-----------------------------------*/
h2.page_title{
	width: 100%;
	height: 120px;
	background: #e7e7e7 url("../img/bg_page_title_01.png") no-repeat center 0;
	position: relative;
}

h2.page_title img{
	position: absolute;
	top: -87px;
	left: 50%;
	margin-left: -500px;
}

/* media_unit
-----------------------------------*/
#media_unit{
	width: 100%;
	margin-bottom: 60px;
}

#media_unit section.box{
	font-size: 116%;
	width: 1000px;
	margin: 0 auto 125px;
	position: relative;
}

#media_unit section.box h3{
	width: 720px;
	color: #323232;
	font-weight: bold;
	font-size: 116%;
	border-bottom: 1px solid #414b32;
	padding: 10px 0 3px 1px;
	margin: 0 0 45px 10px;
	position: relative;
}

#media_unit section.box h3:after{
	display: block;
	content: "";
	background: url("../img/bg_media_01.png") no-repeat 0 0;
	width: 62px;
	height: 55px;
	position: absolute;
	top: 7px;
	right: -29px;
}

#media_unit section.box > ul{
	margin-left: 10px;
}

#media_unit section.box > ul > li{
	list-style: none;
	background: #f5f5f5;
	padding: 15px 0;
	margin-bottom:50px;
	position:relative;
	float: left;
}

#media_unit section.box > ul > li:nth-child(4n+2){
	background: #f5f5e6;
}

#media_unit section.box > ul > li:nth-child(4n+3){
	background: #f5f5e6;
}

#media_unit section.box > ul > li:after{
	display: block;
	content: "";
	border-bottom: 2px dotted #646464;
	width: 460px;
	height: 2px;
	position: absolute;
	bottom: -25px;
	left: 0;
}

#media_unit section.box > ul > li h4{
	color: #587235;
	font-weight: bold;
	font-size: 153.9%;
	padding: 40px 29px 53px 29px;
	margin: 0 0 10px 15px;
}

#media_unit section.box > ul > li h4:before{
	display: block;
	content: "";
	background: #587235;
	width: 5px;
	height: 85%;
	position: absolute;
	top: 14px;
	left: 15px;
}

#media_unit section.box > ul > li p.date{
	position: absolute;
	top: 29px;
	left: 45px;
}

#media_unit section.box > ul > li p.comment{
	width: 380px;
	margin: -58px 0 0 42px;
}

#media_unit section.box > ul > li:nth-child(odd){
	width: 488px;
	border-right: 2px dotted #646464;
}

#media_unit section.box > ul > li:nth-child(even){
	width: 460px;
	margin-left: 30px;
}

#media_unit section.box > ul > li:nth-child(odd) h4:after{
	display: block;
	content: "";
	background: #ffffff;
	width: 30px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}

#media_unit section.box > ul > li:nth-child(even):after{
	display: block;
	content: "";
	border-bottom: 2px dotted #646464;
	width: 460px;
	height: 2px;
	position: absolute;
	bottom: -25px;
	left: 0;
}

#media_unit section.box > ul > li:nth-child(even) h4{
	margin: 0 0 10px 15px;
}



/* media_unit layout_r01
-----------------------------------*/
.layout_r01 section.box > ul > li:before{
	display: block;
	content: "";
	width: 100px;
	height: 100px;
	position: absolute;
	z-index:2;
}

.layout_r01 section.box > ul > li.obj01:before{
	background: url("../img/bg_media_03.png") no-repeat 0 0;
	bottom: -30px;
	right: 10px;
}



/* media_unit layout_h30
-----------------------------------*/
.layout_h30 section.box > ul > li:before{
	display: block;
	content: "";
	width: 100px;
	height: 100px;
	position: absolute;
	z-index:2;
}

.layout_h30 section.box > ul > li.obj01:before{
	background: url("../img/bg_media_02.png") no-repeat 0 0;
	bottom: -30px;
	right: 10px;
}

.layout_h30 section.box > ul > li.obj02:before{
	background: url("../img/bg_media_03.png") no-repeat 0 0;
	top: 5px;
	right: 10px;
}

.layout_h30 section.box > ul > li.obj03:before{
	background: url("../img/bg_media_03.png") no-repeat 0 0;
	bottom: -25px;
	right: 10px;
}
.layout_h30 section.box > ul > li.obj04:before{
	background: url("../img/bg_media_02.png") no-repeat 0 0;
	bottom: -30px;
	right: 10px;
}
.layout_h30 section.box > ul > li.obj05:before{
	background: url("../img/bg_media_02.png") no-repeat 0 0;
	bottom: 40px;
	right: -10px;
}
.layout_h30 section.box > ul > li.obj06:before{
	background: url("../img/bg_media_02.png") no-repeat 0 0;
	top: -40px;
	right: 60px;
}
.layout_h30 section.box > ul > li.obj07:before{
	background: url("../img/bg_media_02.png") no-repeat 0 0;
	top: -10px;
	right: 40px;
}

.layout_h30 section.box > ul > li.obj08:before{
	background: url("../img/bg_media_04.png") no-repeat 0 0;
	top: -40px;
	right: 80px;
}
.layout_h30 section.box > ul > li.obj09:before{
	background: url("../img/bg_media_03.png") no-repeat 0 0;
	bottom: -25px;
	right: 10px;
}
.layout_h30 section.box > ul > li.obj10:before{
	background: url("../img/bg_media_03.png") no-repeat 0 0;
	bottom: -25px;
	right: 10px;
}
.layout_h30 section.box > ul > li.obj11:before{
	background: url("../img/bg_media_02.png") no-repeat 0 0;
	top: -30px;
	right: 100px;
}
.layout_h30 section.box > ul > li.obj12:before{
	background: url("../img/bg_media_02.png") no-repeat 0 0;
	top: -30px;
	right: 20px;
}


/* media_unit layout_h29
-----------------------------------*/
.layout_h29 section.box > ul > li:before{
	display: block;
	content: "";
	width: 100px;
	height: 100px;
	position: absolute;
	z-index:2;
}

.layout_h29 section.box > ul > li.obj01:before{
	background: url("../img/bg_media_03.png") no-repeat 0 0;
	bottom: -30px;
	right: 40px;
}

.layout_h29 section.box > ul > li.obj02:before{
	background: url("../img/bg_media_03.png") no-repeat 0 0;
	bottom: -20px;
	right: -10px;
}

.layout_h29 section.box > ul > li.obj03:before{
	background: url("../img/bg_media_02.png") no-repeat 0 0;
	top: -30px;
	right: 30px;
}

.layout_h29 section.box > ul > li.obj04:before{
	background: url("../img/bg_media_02.png") no-repeat 0 0;
	top: -10px;
	right: 50px;
}

.layout_h29 section.box > ul > li.obj05:before{
	background: url("../img/bg_media_04.png") no-repeat 0 0;
	top: 0;
	right: 10px;
}

.layout_h29 section.box > ul > li.obj06:before{
	background: url("../img/bg_media_04.png") no-repeat 0 0;
	top: -20px;
	right: 80px;
}

.layout_h29 section.box > ul > li.obj07:before{
	background: url("../img/bg_media_02.png") no-repeat 0 0;
	top: 30px;
	right: -40px;
}



/* media_unit layout_h28
-----------------------------------*/
.layout_h28 section.box > ul > li:before{
	display: block;
	content: "";
	width: 100px;
	height: 100px;
	position: absolute;
	z-index:2;
}

.layout_h28 section.box > ul > li.obj04:before{
	background: url("../img/bg_media_02.png") no-repeat 0 0;
	top: -30px;
	right: 30px;
}

.layout_h28 section.box > ul > li.obj03:before{
	background: url("../img/bg_media_03.png") no-repeat 0 0;
	bottom: -30px;
	right: 10px;
}

.layout_h28 section.box > ul > li.obj02:before{
	background: url("../img/bg_media_02.png") no-repeat 0 0;
	top: -30px;
	right: 60px;
}

.layout_h28 section.box > ul > li.obj01:before{
	background: url("../img/bg_media_03.png") no-repeat 0 0;
	top: -43px;
	right: 5px;
}


/* media_unit layout_h27
-----------------------------------*/
.layout_h27 section.box > ul > li:before{
	display: block;
	content: "";
	width: 100px;
	height: 100px;
	position: absolute;
	z-index:2;
}

.layout_h27 section.box > ul > li.obj13:before{
	background: url("../img/bg_media_02.png") no-repeat 0 0;
	top: -30px;
	right: 60px;
}

.layout_h27 section.box > ul > li.obj12:before{
	background: url("../img/bg_media_02.png") no-repeat 0 0;
	bottom: -30px;
	right: 0;
}

.layout_h27 section.box > ul > li.obj11:before{
	background: url("../img/bg_media_02.png") no-repeat 0 0;
	top: -30px;
	right: 20px;
}

.layout_h27 section.box > ul > li.obj10:before{
	background: url("../img/bg_media_03.png") no-repeat 0 0;
	bottom: -30px;
	right: 40px;
}

.layout_h27 section.box > ul > li.obj09:before{
	background: url("../img/bg_media_03.png") no-repeat 0 0;
	top: -40px;
	right: 15px;
}

.layout_h27 section.box > ul > li.obj08:before{
	background: url("../img/bg_media_03.png") no-repeat 0 0;
	top: -35px;
	right: 100px;
}

.layout_h27 section.box > ul > li.obj07:before{
	background: url("../img/bg_media_04.png") no-repeat 0 0;
	top: 0;
	right: 10px;
}

.layout_h27 section.box > ul > li.obj06:before{
	background: url("../img/bg_media_04.png") no-repeat 0 0;
	bottom: -30px;
	right: 0;
}

.layout_h27 section.box > ul > li.obj05:before{
	background: url("../img/bg_media_02.png") no-repeat 0 0;
	top: -30px;
	right: 110px;
}

.layout_h27 section.box > ul > li.obj04:before{
	background: url("../img/bg_media_03.png") no-repeat 0 0;
	top: -40px;
	right: 10px;
}

.layout_h27 section.box > ul > li.obj03:before{
	background: url("../img/bg_media_03.png") no-repeat 0 0;
	bottom: -30px;
	right: 40px;
}

.layout_h27 section.box > ul > li.obj02:before{
	background: url("../img/bg_media_03.png") no-repeat 0 0;
	bottom: -30px;
	right: 60px;
}

.layout_h27 section.box > ul > li.obj01:before{
	background: url("../img/bg_media_03.png") no-repeat 0 0;
	bottom: -30px;
	right: 40px;
}



/* media_unit layout_h26
-----------------------------------*/
.layout_h26 section.box > ul > li:before{
	display: block;
	content: "";
	width: 100px;
	height: 100px;
	position: absolute;
	z-index:2;
}

.layout_h26 section.box > ul > li.obj03:before{
	background: url("../img/bg_media_02.png") no-repeat 0 0;
	top: -30px;
	right: 90px;
}

.layout_h26 section.box > ul > li.obj02:before{
	background: url("../img/bg_media_02.png") no-repeat 0 0;
	top: -30px;
	right: 120px;
}

.layout_h26 section.box > ul > li.obj01:before{
	background: url("../img/bg_media_02.png") no-repeat 0 0;
	top: -25px;
	right: 15px;
}