﻿@charset "utf-8";

#pMenu {
	position: relative;
}
#pMenu p#flow {
	padding: 15px 0 30px 0;
}
#pMenu li { float: left; width: 144px; }
#pMenu li.promise4 { width: 124px; }
#pMenu li.promise5 { float: right; width: 124px; }

#pMenu li p {
	width: 124px;
	line-height: 1.3;
}
#pMenu li .pimg { position: absolute; }
#pMenu li.promise1 .pimg { top: 16px; left: 202px; }
#pMenu li.promise2 .pimg { top: 136px; left: 202px; }
#pMenu li.promise3 .pimg { top: 36px; left: 311px; }
#pMenu li.promise4 .pimg { top: 16px; left: 460px; }
#pMenu li.promise5 .pimg { top: 136px; left: 460px; }

dl.challenge { padding: 18px 0 25px 0; }
.challenge dt { padding-bottom: 5px; }
.challenge dd {
	padding: 5px 0 0 17px;
	background: url(../../../common/img/contentsh3.gif) no-repeat 0 4px;
}

/* 05 */
.stBox-b:after, .popCol-L:after {content: ".";display:block;clear:both;height:0;visibility:hidden;}
* html .stBox-b, * html .popCol-L {height:1%;}
.stBox-b, .popCol-L {zoom:1;}
.stBox-b { border:1px solid #C7C8C3; padding: 10px; }
.stBox-b p { padding-top: 0; line-height: 1.4; }
.leftf { float: left; width: 336px; }
.rightf { float: right; width: 332px; }
ul.stLink1 li { line-height: 1.5; }
ul.stLink1 li {
	padding: 0 0 0 15px;
	background: url(../img/icon-arrow.gif) no-repeat 0 0.35em;
}


.contents .promise_topics {
	margin-top: 20px;
	padding: 19px 19px 19px 19px;
	border: 5px solid #cccccc;
}
.contents .promise_topics .con .mark {
	width:65px;
	float:left;
}

.contents .promise_topics .con .text {
	float:right;
	width: 570px;
	line-height: 1.5;

}

.contents .promise_topics .image {
	clear:both;
	width: 150px;
}

.contents .promise_topics .con .box{
	position:relative;
	height:834px;
	margin-left:80px;
}

.contents .promise_topics .con .box a:hover img{
filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}

.contents .promise_topics .con .box .tit01{
	position:absolute;
	top:15px; left:-20px;
}
.contents .promise_topics .con .box .tit02{
	position:absolute;
	top:237px; left:-20px;
}
.contents .promise_topics .con .box .tit03{
	position:absolute;
	top:433px; left:-20px;
}
.contents .promise_topics .con .box .tit04{
	position:absolute;
	top:630px; left:-20px;
}
.contents .promise_topics .con .box .item01{
	position:absolute;
	top:42px; left:-22px;
}
.contents .promise_topics .con .box .item02{
	position:absolute;
	top:41px; right:-14px;
}

.contents .promise_topics .con .box .item03{
	position:absolute;
	top:270px; right:-15px;
}
.contents .promise_topics .con .box .item04{
	position:absolute;
	top:463px; left:-30px;
}
.contents .promise_topics .con .box .item05{
	position:absolute;
	top:667px; right:-15px;
}






.contents .promise_topics .con .box .right_box_outer{ position:absolute; top:60px; left:70px;}
.contents .promise_topics .con .box .right_box_outer2{ position:absolute; top:284px; left:-27px;}
.right_box {
	position: relative;
	background: #ffffff;
	border: 3px solid #ED8859;
	width:400px;
	padding:5px 10px;
	line-height:1.4;
}
.border02{border: 3px solid #A6C966;}
.right_box:after, .right_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.right_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 15px;
	margin-top: -15px;
}
.right_box:before {
	border-color: rgba(166, 201, 102, 0);
	border-left-color: #ED8859;
	border-width: 19px;
	margin-top: -19px;
}

.right_box .icon01{position:absolute;bottom:-25px; left:129px; display:block;}
.right_box .icon02{position:absolute;bottom:-27px; left:-3px; display:block;}
	
	





.contents .promise_topics .con .box .left_box_outer{ position:absolute; top:487px; left:148px;}
.contents .promise_topics .con .box .left_box_outer2{ position:absolute; top:677px; left:-19px;}
.left_box {
	position: relative;
	background: #ffffff;
	border: 3px solid #3B589E;
	width:400px;
	padding:10px;
	padding:5px 10px;
	line-height:1.4;
}
.left_box:after, .left_box:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.left_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 15px;
	margin-top: -15px;
}
.left_box:before {
	border-color: rgba(166, 201, 102, 0);
	border-right-color: #3B589E;
	border-width: 19px;
	margin-top: -19px;
}


.left_box2 {
	position: relative;
	background: #ffffff;
	border: 3px solid #168155;
	width:400px;
	padding:10px;
	padding:5px 10px;
	line-height:1.4;
}
.left_box2:after, .left_box2:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.left_box2:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 15px;
	margin-top: -15px;
}
.left_box2:before {
	border-color: rgba(166, 201, 102, 0);
	border-left-color: #168155;
	border-width: 19px;
	margin-top: -19px;
}


.left_box .icon03{position:absolute;bottom:-26px; right:-3px;}

.left_box2 .icon04{position:absolute;bottom:-26px; left:-3px;}





/* 02 */
.contents .pro-m li { padding-right: 25px; }
.contents .pro-m .pr0 { padding-right: 0; }
.contents .promise_topics .fsize {font-size: 15px; text-align: center; font-weight: bold;}
.contents .promise_topics .box1808{ margin-top: 20px;}
.contents .promise_topics .box1808 .left{width: 420px; float: left; margin-right: 20px;}
.contents .promise_topics .box1808 .right{width: 212px; float: left; padding-top: 20px;}
.contents .promise_topics .box1808 .right img{ width: 100%;}
.contents .promise_topics .box1808 span{ font-weight: bold;}


.contents h2.promise_5_smidashi {
	padding-top: 10px;
}
.promise_5_anchor {
	margin-top: 30px;
	font-size: 1.8rem;
}