@charset "utf-8";

/* contents */

#contents{
	width:100%;
	font-size:14px;
	background:#fff;
	line-height: 1.4;
}
#contents .forPC{
	display:		block;
}

#contents .forSP{
	display:		none;
}

@media screen and (max-width: 640px) {
	#contents .forPC{
		display:		none;
	}
	
	#contents .forSP{
		display:		block;
	}
}



/* line
------------------------*/

.line-top{
	background: url("/japan/campaign/20141023/img/line_top.gif") repeat-x top left;
}

.line-bottom{
	background: url("/japan/campaign/20141023/img/line_bottom.gif") repeat-x bottom left;
}



/*  .head-wrap
------------------------*/

.head-wrap{
	padding: 47px 2.040816326530612% 35px; /* 20/980 */
	line-height: 1.4;
}

.head-wrap h1{
	width: 53.19148936170213%;/* 500/940 */
	margin: 0 auto;
	padding: 25px 0;
}

.head-wrap .cap-top {
	color: #337292;
	font-size: 24px;
	text-align: center;
}

.head-wrap .cap-bottom{
	font-size: 16px;
	text-align: center;
}



/*  .period-wrap
------------------------*/
.period-wrap{
	padding: 0 2.040816326530612% 35px; /* 20/980 */
}
.period-wrap .period-wrap-inner {
	background: #E6EFF3;
	width: 94%;
	padding: 20px 3%;
	text-align: center;
}
.period-wrap h3{
	font-size: 24px;
	font-weight: bold;
	color: #347292;
	padding-bottom:11px;
}
.period-wrap .text1{
	font-size: 18px;
	color: #347292;
	padding-bottom: 6px;
	line-height: 1.2;
}

.period-wrap .text1 span{
	font-size: 22px;
}

.period-wrap .text2{
	font-size: 14px;
	color: #347292;
	line-height: 1.4;
}



/*  .visual-wrap
------------------------*/
.visual-wrap{
	padding-bottom: 60px;
}

.visual-wrap p{
	text-align: right;
	font-size: 10px;
	line-height: 1.4;
} 



/*  .color-wrap
------------------------*/
.color-wrap{
	text-align: center;
	font-size: 10px;
	padding-bottom: 40px;
}

.color-wrap h2{
	color: #5992B1;
	font-size: 24px;
	padding-bottom: 28px;
}



/*  .feature-wrap
------------------------*/
.feature-wrap{
	width: 100%;
	padding-bottom: 30px;
}

.feature-wrap .block{
	background-color: #5A93B1;
	width: 34.18367346938776%;/* 335/980 */
	padding-left: 0.5102040816326531%;/* 5/980 */
	float: left;
}

.feature-wrap .block .block-inner{
	background-color: #fff;
}

.feature-wrap .block.blo3{
	width: 30.10204081632653%;/* 295/980 */
}

.feature-wrap .block .text-box{
	margin-bottom: 15px;
}

.feature-wrap .block h3{
	font-size: 18px;
	color: #5A93B1;
	padding-bottom: 15px;
}

.feature-wrap .block h3 span{
	font-size: 24px;
	font-weight: bold;
}

.feature-wrap .blo3 h3 span{
	font-size: 18px;
	font-weight: bold;
}

.feature-wrap .blo1 h3,
.feature-wrap .blo2 h3{
	padding-left: 2.985074626865672%;/* 10/335 */
	padding-right:11.94029850746269%; /* 40/335 */
}

.feature-wrap .block .txt{
	font-size: 14px;
}

.feature-wrap .blo1 .txt,
.feature-wrap .blo2 .txt{
	padding-left: 2.985074626865672%;/* 10/335 */
	padding-right:11.94029850746269%; /* 40/335 */
}

.feature-wrap .blo1 .blo-img,
.feature-wrap .blo2 .blo-img{
	padding-left: 2.985074626865672%;/* 10/335 */
	padding-right:11.94029850746269%; /* 40/335 */
}

.feature-wrap .blo3 h3,
.feature-wrap .blo3 .txt,
.feature-wrap .blo3 .blo-img{
	padding-left: 3.389830508474576%;/* 10/295 */
}

.feature-wrap .blo3 .txt span{
	text-align: right;
	display: block;
	font-size: 10px;
}

@media screen and (max-width: 640px) {
	.feature-wrap{
		padding: 0 2.04082% 35px;
		width: auto;
	}
	.feature-wrap .block{
		float: none;
		width: 100%;
		padding-left: 0;
		padding-top: 1px;
	}
	.feature-wrap .block .block-inner{
		padding-top: 20px;
	}
	.feature-wrap .block .text-box{
		width: 50.33333333333333%;/* 302/600*/
		float: left;
	}
	.feature-wrap .block .blo-img{
		width: 46.66666666666667%;/* 280/600*/
		float: right;
		padding: 0;
	}
	.feature-wrap .block.blo3{
		width: 100%;
	}
	.feature-wrap .blo3 .txt span{
		text-align: left;
	}
}



/*  .other-wrap
------------------------*/
.other-wrap{
	width: 100%;
	padding-bottom: 30px;
}

.other-wrap .left-block{
	display: table;
	width: 47.55102040816327%;/* 466/980 */
	float: left;
}

.other-wrap .left-block h3{
	display: table-cell;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	background-color: #5A93B1;
	color: #FFF;
	font-size: 18px;
	width: 120px;
	padding: 10px 0;
}
.other-wrap .left-block h3 span{
	display: block;
}

.other-wrap .left-block ul{
	display: table-cell;
	vertical-align: middle;
	padding: 15px 0 0 15px;
}

.other-wrap .left-block ul li{
	padding-left: 10px;
	background: url("/japan/campaign/20141023/img/bk_dot.gif") no-repeat left 5px;
	padding-bottom: 10px;
}

.other-wrap .right-block{
	width: 52.44897959183673%;/* 514/980 */
	float: left;
	display: table;
}

.other-wrap .right-block ul{
	display: table-cell;
	width: 50%;
	padding: 15px 0 0 15px;
}

.other-wrap .right-block ul li{
	padding-left: 10px;
	background: url("/japan/campaign/20141023/img/bk_dot_02.gif") no-repeat left 5px;
	padding-bottom: 10px;
}

@media screen and (max-width: 640px) {
	.other-wrap{
		width: auto;
		padding: 0 2.04082% 35px;
	}
	.other-wrap .left-block{
		width: 100%;
		display: block;
	}
	.other-wrap .left-block h3{
		display: block;
		width: 100%;
	}
	.other-wrap .left-block h3 span{
		display: inline;
	}
	.other-wrap .left-block ul{
		border-bottom: 1px dotted #5A93B1;
	}
	.other-wrap .left-block ul li{
		display: inline-block;
		float: left;
		padding-right: 30px;
	}
	.other-wrap .right-block{
		width: 100%;
	}
}


/*  .overview-wrap 
------------------------*/
.overview-wrap{
}

.overview-wrap .top-block{}

.overview-wrap .top-block .block-l{
	width: 26.53061224489796%; /* 260/980 */
	float: left;
}

.overview-wrap .top-block .block-r{
	width: 70.40816326530612%; /* 690/980 */
	float: right;
}

.overview-wrap .top-block .block-r dl{
	display: table;
	width: 100%;
	margin-bottom: 14px;
}

.overview-wrap .top-block .block-r dl dt{
	display: table-cell;
	width: 113px;
	border-right: 1px solid #000000;
	font-size: 24px;
	vertical-align: middle;
	line-height: 1;
}

.overview-wrap .top-block .block-r dl dd{
	display: table-cell;
	line-height: 1.2;
	font-size: 14px;
	padding-left: 10px;
}

.overview-wrap .top-block .block-r dl dd span{
	font-size: 18px;
}

.overview-wrap .top-block .block-r dl dd span.note{
	font-size: 10px;
	text-align: 1em;
}

.overview-wrap .top-block .block-r h3{
	font-size: 20px;
	color: #5A93B1;
	border-bottom: 1px solid #5A93B1;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.overview-wrap .top-block .block-r h3 .color-name{
	font-size: 14px;
	
}

.overview-wrap .top-block .block-r h3 .open{
	display: inline-block;
	border: 1px solid #5A93B1;
	padding: 3px;
	font-size: 12px;
	margin-left: 10px;
}

.overview-wrap .top-block .block-r-bottom ul{
	padding-bottom: 18px;
}

.overview-wrap .top-block .block-r-bottom ul li{
	font-size: 12px;
	display: inline-block;
	float: left;
	
}


.overview-wrap{
	padding-top: 28px;
}

.overview-wrap .bottom-block{
	padding-bottom: 30px;
}

.overview-wrap .bottom-block .block-r{
	float: right;
	width: 70.40816326530612%; /* 690/980 */
}

.overview-wrap .bottom-block .block-r .pic{
	float: left;
	width: 14.49275362318841%;/* 100/690 */
}

.overview-wrap .bottom-block .block-r .text{
	float: right;
	width: 83.04347826086957%;/* 573/690 */
}

.overview-wrap .bottom-block .block-l{
	width: 26.53061224489796%; /* 260/980 */
	float: left;
}

.overview-wrap .bottom-block .block-l ul{
	font-size: 12px;
}

.overview-wrap .bottom-block .block-l ul li{
	margin-bottom: 14px;
	width: 100%;
	display: block;
}

.overview-wrap .bottom-block .block-l ul li span{
	display: inline-block;
}

.overview-wrap .bottom-block .block-l ul li .c-name{
	float: left;
}

.overview-wrap .bottom-block .block-l ul li.c1{
	border-bottom: 2px solid #E75574;
}

.overview-wrap .bottom-block .block-l ul li.c2{
	border-bottom: 2px solid #6BA4D5;
}

.overview-wrap .bottom-block .block-l ul li.c3{
	border-bottom: 2px solid #89C033;
}

.overview-wrap .bottom-block .block-l ul li .j-code{
	float: right;
}

.notes{
	font-size: 10px;
	margin-top: 5px;
	margin-bottom: 80px;
}

@media screen and (max-width: 640px) {
	.overview-wrap{
		width: auto;
		padding: 0 2.04082% 35px;
	}
	.overview-wrap .top-block .block-l{
		float: none;
		width: 100%;
		padding: 26px 0;
	}
	.overview-wrap .top-block .block-r{
		float: none;
		width: 100%;
	}
	.overview-wrap .top-block .block-r .block-r-bottom{
		border-bottom: 1px solid #5a93b1;
	}
	
	.overview-wrap .bottom-block .block-r{
		float: none;
		width: 100%;
		padding-top: 25px;
		padding-bottom: 25px;
		border-bottom: 1px solid #5a93b1;
	}
	.overview-wrap .bottom-block .block-r .pic{
		width: 33.33333333333333%; /* 200/600 */
	}
	.overview-wrap .bottom-block .block-r .text{
		width: 63.33333333333333%; /* 380/600 */
	}
	.overview-wrap .bottom-block .block-l{
		width: 100%;
		padding-top: 20px;
	}
	.notes{
		padding: 0 2.04082%;
		margin-bottom: 70px;
		line-height: 1.2;
	}
	.notes span{
		display: block;
	}
}



/*  #btn-block
------------------------*/
#btn-block {
    margin: 0 auto;
    padding: 0px 0 50px;
    width: 74.5918%;
}
#btn-block p {
    text-align: center;
    width: 48.5636%;
}
#btn-block p.btn-red {
    float: right;
}
#btn-block p.btn-gray {
    margin: 0 auto;
}
#btn-block a {
    border-radius: 5px;
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 50px;
}
#btn-block .btn-gray a {
    background: url("/japan/campaign/20140403/img/btn-bg-gray.jpg") repeat-x scroll 0 0;
    color: #000;
}
#btn-block .btn-red a {
    background: url("/japan/campaign/20140403/img/btn-bg-red.jpg") repeat-x scroll 0 0;
    color: #fff;
}
@media screen and (max-width: 640px) {
	#btn-block {
	    padding: 30px 10px 50px;
	    width: auto;
	}
	#btn-block p {
	    text-align: center;
	    width: 100%;
	}
	#btn-block p.btn-red {
	    float: none;
	    margin: 0 0 20px;
	}
	#btn-block p.btn-gray {
	    float: none;
	}
	#btn-block a {
	    font-size: 20px;
	    font-weight: bold;
	}
}


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.mb10{
	margin-bottom:10px;	
}