@charset "utf-8";

/******************************
base
******************************/
body{
	background: #fff;
	color: #333;
}
/******************************
header
******************************/
#header{
	background: url(img/header_bg.png) repeat-x 0px 0px;
	height: 106px;
}

#h1area{
	background: rgb(196,228,239);
	background: -moz-linear-gradient(top,  rgba(196,228,239,1) 0%, rgba(151,207,225,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(196,228,239,1)), color-stop(100%,rgba(151,207,225,1)));
	background: -webkit-linear-gradient(top,  rgba(196,228,239,1) 0%,rgba(151,207,225,1) 100%);
	background: -o-linear-gradient(top,  rgba(196,228,239,1) 0%,rgba(151,207,225,1) 100%);
	background: -ms-linear-gradient(top,  rgba(196,228,239,1) 0%,rgba(151,207,225,1) 100%);
	background: linear-gradient(to bottom,  rgba(196,228,239,1) 0%,rgba(151,207,225,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4e4ef', endColorstr='#97cfe1',GradientType=0 );
	height: 20px;
	padding: 3px 0 0 0;
	margin-bottom: 10px;
}

#h1area h1{
	color: #1a7a9d;
	float: left;
	font-size: 12px;
}

#h1area .sitemap{
	float: right;
	font-size: 13px;
}
#h1area .sitemap a:hover{
	color: #006bb6 !important;
}
.logo.font{
	font-size: 32px;
	line-height:1.2em;
	font-weight: bold;
	vertical-align: middle;
	background:url(img/logomark.png) no-repeat 0px 0px;
	padding:0 0 0 100px;
	text-align:center;
	margin-left:0px;
	/*
	text-shadow:
		0px 0px 0px #498100,
		0px 0px 0px #498100,
		0px 0px 0px #498100,
		0px 0px 0px #498100,
		0px 0px 0px rgba(95, 206, 47, 0.5);
	*/
}
.logo.font span{
	font-size:20px;
	line-height:1.5em;
	font-weight:bold;
	/*
	text-shadow:
		0px 0px 0px #498100,
		0px 0px 0px #498100,
		0px 0px 0px #498100,
		0px 0px 0px #498100,
		0px 0px 0px rgba(95, 206, 47, 1.0);
	*/
}

.logo a{
	color:#2b8baf;
}
.logo a:hover{
}
/******************************
navigation
******************************/
#navi{
	background: url(img/gnavi_bg.png) repeat-x 0px 0px;
	height: 47px;
}
.menubtn {
	background: url(img/gnavi_bg.png) repeat-x 0px 0px;
	color: #525252;
	height: 47px;
	padding: 16px 0 0 0;
}
#menu li a {
	background: url(img/gnavi_line.png) no-repeat left center;
	color: #525252;
	height: 47px;
}
#menu li:last-child a{
	background: url(img/gnavi_line.png) no-repeat left center,url(../img/gnavi_line.png) no-repeat right center;
}
#menu li a:hover{
	color: #006bb6 !important;
}
/******************************
bread
******************************/
#breadcrumbs ul li{
	border-top: #9DD2E3 solid 1px;
	border-bottom: #9DD2E3 solid 1px;
}
#breadcrumbs ul li:first-child{
	border-top: #9DD2E3 solid 1px;
	border-bottom: #9DD2E3 solid 1px;
	border-left: #9DD2E3 solid 1px;
}
#breadcrumbs ul li:last-child{
	border-top: #9DD2E3 solid 1px;
	border-bottom: #9DD2E3 solid 1px;
	border-right: #9DD2E3 solid 1px;
}
/******************************
main column
******************************/
/**************
mainimage
**************/
.mainimg{
	background: url(img/mainimg_bg.jpg) no-repeat 0px 0px;
	width: 680px;
	height: 350px;
	position: relative;
	margin-bottom: 10px;
}

.mainimg a{
	color: #3a707c;
	}

.mainimg.entry{
	background: url(img/mainheadline_bg.jpg) no-repeat 0px 0px;
	width: 680px;
	height: 350px;
	position: relative;
	margin-bottom: 20px;
}

.mainimg .catch{
	color: #3a707c;
	font-size: 32px;
	font-weight: bold;
	line-height: 40px;
	 position: absolute;
	 top: 50px;
	 left: 15px;
}

.mainimg.entry .catch{
	font-size: 32px;
	font-weight: bold;
	line-height: 40px;
	 position: absolute;
	 top: 50px;
	 left: 15px;
	 width: 600px;
}
.mainimg .catch span{
	height: 80px;
}
.mainimg .txt{
	color: #000;
	font-size: 15px;
	line-height: 24px;
	width: 410px;
	position: absolute;
	top: 155px;
	padding: 0 10px
}
.mainimg.entry .txt{
	width: 620px;
}

.mainimg_situp{
	background: url(img/mainimg_bg_situp.jpg) no-repeat 0px 0px;
	width: 680px;
	height: 350px;
	position: relative;
	margin-bottom: 10px;
}

.mainimg_situp a{
	color: #3a707c;
	}

.mainimg_situp.entry{
	background: url(img/mainheadline_bg.jpg) no-repeat 0px 0px;
	width: 680px;
	height: 350px;
	position: relative;
	margin-bottom: 20px;
}

.mainimg_situp .catch{
	color: #3a707c;
	font-size: 32px;
	font-weight: bold;
	line-height: 40px;
	 position: absolute;
	 top: 50px;
	 left: 15px;
}

.mainimg_situp.entry .catch{
	font-size: 32px;
	font-weight: bold;
	line-height: 40px;
	 position: absolute;
	 top: 50px;
	 left: 15px;
	 width: 600px;
}
.mainimg_situp .catch span{
	height: 80px;
}
.mainimg_situp .txt{
	color: #000;
	font-size: 15px;
	line-height: 24px;
	width: 410px;
	position: absolute;
	top: 155px;
	padding: 0 10px
}
.mainimg_situp.entry .txt{
	width: 620px;
}

.mainimg_dumbbell{
	background:url(img/mainimg_bg_dumbbell.jpg) no-repeat 0px 0px;
	width: 680px;
	height: 350px;
	position: relative;
	margin-bottom: 10px;
}

.mainimg_dumbbell a{
	color: #3a707c;
	}

.mainimg_dumbbell.entry{
	background: url(img/mainheadline_bg.jpg) no-repeat 0px 0px;
	width: 680px;
	height: 350px;
	position: relative;
	margin-bottom: 20px;
}

.mainimg_dumbbell .catch{
	color: #3a707c;
	font-size: 32px;
	font-weight: bold;
	line-height: 40px;
	 position: absolute;
	 top: 50px;
	 left: 15px;
}

.mainimg_dumbbell.entry .catch{
	font-size: 32px;
	font-weight: bold;
	line-height: 40px;
	 position: absolute;
	 top: 50px;
	 left: 15px;
	 width: 600px;
}
.mainimg_dumbbell .catch span{
	height: 80px;
}
.mainimg_dumbbell .txt{
	color: #000;
	font-size: 15px;
	line-height: 24px;
	width: 410px;
	position: absolute;
	top: 155px;
	padding: 0 10px
}
.mainimg_dumbbell.entry .txt{
	width: 620px;
}

.mainimg_keana{
	background: url(img/mainimg_bg_keana.jpg) no-repeat 0px 0px;
	width: 680px;
	height: 350px;
	position: relative;
	margin-bottom: 10px;
}

.mainimg_keana a{
	color: #6F3677;
	}

.mainimg_keana.entry{
	background: url(img/mainheadline_bg.jpg) no-repeat 0px 0px;
	width: 680px;
	height: 350px;
	position: relative;
	margin-bottom: 20px;
}

.mainimg_keana .catch{
	color: #6F3677;
	font-size: 32px;
	font-weight: bold;
	line-height: 40px;
	 position: absolute;
	 top: 50px;
	 left: 15px;
}

.mainimg_keana.entry .catch{
	font-size: 32px;
	font-weight: bold;
	line-height: 40px;
	 position: absolute;
	 top: 50px;
	 left: 15px;
	 width: 600px;
}
.mainimg_keana .catch span{
	height: 80px;
}
.mainimg_keana .txt{
	color: #000;
	font-size: 15px;
	line-height: 24px;
	width: 410px;
	position: absolute;
	top: 155px;
	padding: 0 10px
}
.mainimg_keana.entry .txt{
	width: 620px;
}

.mainimg_watercolor{
	background: url(img/mainimg_bg_watercolor.jpg) no-repeat 0px 0px;
	width: 680px;
	height: 350px;
	position: relative;
	margin-bottom: 10px;
}

.mainimg_watercolor a{
	color: #3a707c;
	}

.mainimg_watercolor.entry{
	background: url(img/mainheadline_bg.jpg) no-repeat 0px 0px;
	width: 680px;
	height: 350px;
	position: relative;
	margin-bottom: 20px;
}

.mainimg_watercolor .catch{
	color: #3a707c;
	font-size: 32px;
	font-weight: bold;
	line-height: 40px;
	 position: absolute;
	 top: 50px;
	 left: 15px;
}

.mainimg_watercolor.entry .catch{
	font-size: 32px;
	font-weight: bold;
	line-height: 40px;
	 position: absolute;
	 top: 50px;
	 left: 15px;
	 width: 600px;
}
.mainimg_watercolor .catch span{
	height: 80px;
}
.mainimg_watercolor .txt{
	color: #000;
	font-size: 15px;
	line-height: 24px;
	width: 500px;
	position: absolute;
	top: 155px;
	padding: 0 10px
}
.mainimg_watercolor.entry .txt{
	width: 620px;
}


/**************
textbox
**************/
.textbox {
	padding: 10px 0;
	margin-bottom: 10px;
}
.textbox h3{
	color: #666;
	background: url(img/main_h3_icon.png) no-repeat 0% 50%;
	font-size: 22px;
	line-height: 26px;
	font-weight: bold;
	height: 30px;
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 60px;
}

.textbox  p{
	border: #80EBFA solid 1px;
	padding: 10px;
	font-size: 14px;
}
/**************
ranking
**************/
.ranking h5 a{
	color: #225181;
}
.ranking .rankin{
	border: #D0D0D0 solid 1px;
	background: rgb(244,251,251);
	background: -moz-linear-gradient(top,  rgba(244,251,251,1) 0%, rgba(202,235,237,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,251,251,1)), color-stop(100%,rgba(202,235,237,1)));
	background: -webkit-linear-gradient(top,  rgba(244,251,251,1) 0%,rgba(202,235,237,1) 100%);
	background: -o-linear-gradient(top,  rgba(244,251,251,1) 0%,rgba(202,235,237,1) 100%);
	background: -ms-linear-gradient(top,  rgba(244,251,251,1) 0%,rgba(202,235,237,1) 100%);
	background: linear-gradient(to bottom,  rgba(244,251,251,1) 0%,rgba(202,235,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4fbfb', endColorstr='#caebed',GradientType=0 );
}
.ranking .no04 h5 {
	background: url(img/ranking_no04_title_bg.png) no-repeat 0px 0px;
}
.ranking .no05 h5 {
	background: url(img/ranking_no05_title_bg.png) no-repeat 0px 0px;
}
.ranking .no06 h5 {
	background: url(img/ranking_no06_title_bg.png) no-repeat 0px 0px;
}
.ranking .no07 h5 {
	background: url(img/ranking_no07_title_bg.png) no-repeat 0px 0px;
}
.ranking .no08 h5 {
	background: url(img/ranking_no08_title_bg.png) no-repeat 0px 0px;
}
.ranking .no09 h5 {
	background: url(img/ranking_no09_title_bg.png) no-repeat 0px 0px;
}
.ranking .no10 h5 {
	background: url(img/ranking_no10_title_bg.png) no-repeat 0px 0px;
}
.ranking .btn a{
	background: url(img/btnimg_01.png) no-repeat 0px 0px;
	color: #fff;
}
/**************
faq
**************/
.faq{
	padding: 10px 0;
}
.faq h4{
	background: url(img/qa_title_bg.png) no-repeat 0px 0px;
	color: #2e7d98;
	display: table-cell;
	width: 680px;
	height: 100px;
	vertical-align: bottom;
}
.faq h4 span{
	font-size: 26px;
	font-weight: bold;
	line-height: 30px;
	display: table-cell;
	height: 72px;
	vertical-align: middle;
	padding-left: 240px;
}
.faq dl{
	border:#80EBFA solid 1px;
	margin: 10px 0 0 0;
	padding: 10px;
}
.faq dl dt{
	background: url(img/qa_qicon.png) no-repeat 0% 50%;
	font-weight: bold;
	height: 32px;
	display: table-cell;
	vertical-align: middle;
	line-height: 18px;
	padding: 0 0 0 37px;
}
.faq dl dd{
	background: url(img/qa_aicon.png) no-repeat 0px 10px, url(img/qa_line.png) repeat-x left bottom;
	line-height: 20px;
	padding: 15px 0 20px 37px;
	margin: 0 0 15px 0;
}
/**************
step
**************/
.step{
	padding: 0px 0;
}
.stepbox{
	background: #CBEAF4;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 5px;
	margin: 0 0 10px 0;
}
.stepbox_inner{
	background: #fff;
	border: #7AC2DB solid 5px;
	padding: 10px;
}
.stepbox_inner .left{
	width: 405px;
	float: left;
}
.stepbox_inner .left .stepno{
	border-bottom: #7AC2DB solid 1px;
	color: #2c7892;
	font-size: 23px;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}
.stepbox_inner .left .stepno span{
	margin: 0 10px 0 0;
}
.stepbox_inner .right{
	width: 235px;
	float: right;
}
.stepbox_inner .right p img{
	border: #999 solid 1px;
}
/**************
sideway table
**************/
.sidewaytable_box{
	border: #9CCADA solid 1px;
}
.sidewaytable_box h5 span{
	background: url(img/table_icon.png) no-repeat 0% 50%;
}
.sidewaytable_box h5{
	background: rgb(196,228,239);
	background: -moz-linear-gradient(top,  rgba(196,228,239,1) 0%, rgba(151,207,225,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(196,228,239,1)), color-stop(100%,rgba(151,207,225,1)));
	background: -webkit-linear-gradient(top,  rgba(196,228,239,1) 0%,rgba(151,207,225,1) 100%);
	background: -o-linear-gradient(top,  rgba(196,228,239,1) 0%,rgba(151,207,225,1) 100%);
	background: -ms-linear-gradient(top,  rgba(196,228,239,1) 0%,rgba(151,207,225,1) 100%);
	background: linear-gradient(to bottom,  rgba(196,228,239,1) 0%,rgba(151,207,225,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4e4ef', endColorstr='#97cfe1',GradientType=0 );
}
/**************
categorylist
**************/
.categorylist{
	padding: 10px 0;
}

.categorylist_box{
	margin-bottom: 25px;
}

.categorylist_box h3{
	border-bottom: #B1DBE9 solid 2px;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
}

.categorylist_box h3 a{
	color: #3a707c;
}
.categorylist_box h3 a:hover{
	color: #006bb6;
}
.categorylist_box .more a{
	background: rgb(25,157,184);
	background: -moz-linear-gradient(top,  rgba(25,157,184,1) 1%, rgba(19,121,142,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(25,157,184,1)), color-stop(100%,rgba(19,121,142,1)));
	background: -webkit-linear-gradient(top,  rgba(25,157,184,1) 1%,rgba(19,121,142,1) 100%);
	background: -o-linear-gradient(top,  rgba(25,157,184,1) 1%,rgba(19,121,142,1) 100%);
	background: -ms-linear-gradient(top,  rgba(25,157,184,1) 1%,rgba(19,121,142,1) 100%);
	background: linear-gradient(to bottom,  rgba(25,157,184,1) 1%,rgba(19,121,142,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#199db8', endColorstr='#13798e',GradientType=0 );
	color: #fff;
	display: block;
	font-size: 13px;
	float: right;
	padding: 0 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 10px;
}
.categorylist_box .more a:hover{
	background: rgb(19,121,142);
	background: -moz-linear-gradient(top,  rgba(19,121,142,1) 0%, rgba(25,157,184,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(19,121,142,1)), color-stop(100%,rgba(25,157,184,1)));
	background: -webkit-linear-gradient(top,  rgba(19,121,142,1) 0%,rgba(25,157,184,1) 100%);
	background: -o-linear-gradient(top,  rgba(19,121,142,1) 0%,rgba(25,157,184,1) 100%);
	background: -ms-linear-gradient(top,  rgba(19,121,142,1) 0%,rgba(25,157,184,1) 100%);
	background: linear-gradient(to bottom,  rgba(19,121,142,1) 0%,rgba(25,157,184,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13798e', endColorstr='#199db8',GradientType=0 );
}
.crop{
	margin-bottom: 15px;
}

/******************************
side
******************************/
/**************
headline
**************/
#side h4{
	background: rgb(196,228,239);
	background: -moz-linear-gradient(top,  rgba(196,228,239,1) 0%, rgba(151,207,225,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(196,228,239,1)), color-stop(100%,rgba(151,207,225,1)));
	background: -webkit-linear-gradient(top,  rgba(196,228,239,1) 0%,rgba(151,207,225,1) 100%);
	background: -o-linear-gradient(top,  rgba(196,228,239,1) 0%,rgba(151,207,225,1) 100%);
	background: -ms-linear-gradient(top,  rgba(196,228,239,1) 0%,rgba(151,207,225,1) 100%);
	background: linear-gradient(to bottom,  rgba(196,228,239,1) 0%,rgba(151,207,225,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4e4ef', endColorstr='#97cfe1',GradientType=0 );
	color: #1a7a9d;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0 7px;
	margin:0 0 5px 0;
	min-height: 35px;
}

#side h4 span{
	background: url(img/side_h4_icon.png) no-repeat 1% 50%;
	padding:0 0 0 40px;
}
/**************
freespace
**************/
.freespace p{
	background: rgb(196,228,239);
	background: -moz-linear-gradient(top,  rgba(196,228,239,1) 0%, rgba(151,207,225,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(196,228,239,1)), color-stop(100%,rgba(151,207,225,1)));
	background: -webkit-linear-gradient(top,  rgba(196,228,239,1) 0%,rgba(151,207,225,1) 100%);
	background: -o-linear-gradient(top,  rgba(196,228,239,1) 0%,rgba(151,207,225,1) 100%);
	background: -ms-linear-gradient(top,  rgba(196,228,239,1) 0%,rgba(151,207,225,1) 100%);
	background: linear-gradient(to bottom,  rgba(196,228,239,1) 0%,rgba(151,207,225,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4e4ef', endColorstr='#97cfe1',GradientType=0 );
	color: #1a7a9d;	
	text-align: center;
	font-weight: bold;
}
/**************
sidebox
**************/
.side_ul{
	border: #B1DBE9 solid 2px;
	padding: 10px 3px;
	margin: 0 0 15px 0;
}
.side_ul li{
	font-size: 15px;
	line-height: 30px;
}
.side_ul li a{
	display: block;
	padding: 3px 4px;
}
.side_ul li a:hover{
	background: #C8EBF6;
	color: #006bb6;
}

.side_ul02{
	border: #B1DBE9 solid 2px;
	padding: 10px 3px;
	margin: 0 0 15px 0;
}
.side_ul02 li{
	font-size: 15px;
	line-height: 30px;
}
.side_ul02 li a{
	display: block;
	padding: 3px 4px;
}
.side_ul02 li a:hover{
	background: #C8EBF6;
	color: #006bb6;
}

/******************************
footer
******************************/
#footer{
	background: #DBF2F7;
}
#footer .container{
	padding: 15px 0;
}

#footer ul{
	text-align: center;
}

#footer ul li{
	display: inline-block;
	margin: 0 10px;
}
/**************
copyright
**************/
.copyarea{
	background: #fff;
	margin-bottom:30px;
}
/******************************
mediaqueries
******************************/
/**************
768px under
**************/
@media only screen and (max-width: 768px) {
.menubtn span{
	padding: 0 5px 0 10px;
	font-size: 26px;
	color: #999;
}	
#menu li a {
	color: #525252;
	border-top: #B1DBE9 solid 1px;
	border-right: #B1DBE9 solid 1px;
	border-left: #B1DBE9 solid 1px;
}
#menu li:last-child a{
	border: #B1DBE9 solid 1px;
}
#menu li a:hover{
	color: #006bb6 !important;
	background: #E6F6FA;
}
.mainimg{
	background-size: 520px;
	height: 230px;
}
.mainimg .catch{
	font-size: 26px;
	line-height: 33px;
	 top: 35px;
	 left: 10px;
}
.mainimg .catch span{
	display: table-cell;
	vertical-align: middle;
	height: 50px;
}
.mainimg .txt{
	font-size: 12px;
	line-height: 19px;
	width: 380px;
	position: absolute;
	top: 115px;
	padding: 0 10px
}
.mainimg.entry{
	background-size: 520px;
	height: 200px;
}
.mainimg.entry .catch{
	font-size: 24px;
	line-height: 30px;
	 top: 38px;
	 left: 10px;
	 width: 470px;
}
.mainimg.entry .txt{
	font-size: 12px;
	line-height: 19px;
	width: 480px;
	position: absolute;
	top: 115px;
	padding: 0 10px
}

.mainimg_situp{
	background-size: 520px;
}
.mainimg_situp .catch{
	font-size: 26px;
	line-height: 33px;
	 top: 35px;
	 left: 10px;
}
.mainimg_situp .catch span{
	display: table-cell;
	vertical-align: middle;
	height: 50px;
}
.mainimg_situp .txt{
	font-size: 12px;
	line-height: 19px;
	width: 380px;
	position: absolute;
	top: 115px;
	padding: 0 10px
}


.mainimg_dumbbell{
	background-size: 520px;
}
.mainimg_dumbbell .catch{
	font-size: 26px;
	line-height: 33px;
	 top: 35px;
	 left: 10px;
}
.mainimg_dumbbell .catch span{
	display: table-cell;
	vertical-align: middle;
	height: 50px;
}
.mainimg_dumbbell .txt{
	font-size: 12px;
	line-height: 19px;
	width: 380px;
	position: absolute;
	top: 115px;
	padding: 0 10px
}

.mainimg_keana{
	background-size: 520px;
}
.mainimg_keana .catch{
	font-size: 26px;
	line-height: 33px;
	 top: 35px;
	 left: 10px;
}
.mainimg_keana .catch span{
	display: table-cell;
	vertical-align: middle;
	height: 50px;
}
.mainimg_keana .txt{
	font-size: 12px;
	line-height: 19px;
	width: 380px;
	position: absolute;
	top: 115px;
	padding: 0 10px
}

.mainimg_watercolor{
	background-size: 520px;
}
.mainimg_watercolor .catch{
	font-size: 26px;
	line-height: 33px;
	 top: 35px;
	 left: 10px;
}
.mainimg_watercolor .catch span{
	display: table-cell;
	vertical-align: middle;
	height: 50px;
}
.mainimg_watercolor .txt{
	font-size: 12px;
	line-height: 19px;
	width: 380px;
	position: absolute;
	top: 115px;
	padding: 0 10px
}

.textbox h3{
	color: #666;
}
.textbox p{
	border: #80EBFA solid 1px;
}
.ranking h4{
	background: url(img/ranking_header_bg.png) no-repeat 0px 0px;
}
.ranking h4 span{
	color: #f00;
	text-shadow:
		-2px -2px 0px #fff,
		2px -2px 0px #fff,
		2px 2px 0px #fff,
		-2px 2px 0px #fff,
		2px 3px 4px rgba(0, 0, 0, 0.6);
}
.ranking h5 a{
	color: #225181;
}
.ranking .thumbnail p img{
	border: #aaa solid 1px;
}
.ranking .btn a{
	background: url(img/btnimg_01.png) no-repeat 0px 0px;
	color: #fff;
}
.faq h4{
	-moz-background-size:contain;
	background-size:contain;
	height: 80px;
}
.faq h4 span{
	font-size: 18px;
	line-height: 22px;
	padding-left: 190px;
	height: 60px;
}
.faq dl{
	border:#80EBFA solid 1px;
	padding: 10px;
}
.faq dl dt{
	background: url(img/qa_qicon.png) no-repeat 0% 50%;
	font-weight: bold;
	height: 32px;
	display: table-cell;
	vertical-align: middle;
	line-height: 18px;
	padding: 0 0 0 37px;
}
.faq dl dd{
	background: url(img/qa_aicon.png) no-repeat 0px 10px, url(img/qa_line.png) repeat-x left bottom;
	line-height: 20px;
	padding: 15px 0 20px 37px;
	margin: 0 0 15px 0;
}
.stepbox_inner .left{
	width: 100%;
	float: none;
	margin-bottom: 10px;
}
.stepbox_inner .left .stepno{
	border-bottom: #7AC2DB solid 1px;
	color: #2c7892;
	font-size: 23px;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}
.stepbox_inner .left .stepno span{
	margin: 0 10px 0 0;
}
.stepbox_inner .right{
	width: 100%;
	float: none;
	text-align: center;
}
.sidewaytable_box{
	border: #9CCADA solid 1px;
}
}
/**************
480px under
**************/
@media only screen and (max-width: 480px) {
#h1area{
	height: 15px;
	margin-bottom: 0px;
}
#h1area h1{
	font-size: 10px;
	line-height: 1em;
}
#header{
	height: 70px !important;
	width: auto;
}
#header .logo{
	margin: 10px 0;
	font-size: 23px !important;
	line-height: 1.3em;
}
.logo.font{
	font-size:27px !important;
	font-weight:bold;
	background-size:25%;
	padding-left:65px !important;
	background-position:0px 10px;
	height:50px !important;
	background-position:0px 0px;
}
.logo.font span{
	font-size:13px;
}

#header .logo a img{
	max-width: 200px;
}
.mainimg .catch{
	background: rgb(221,244,251);
	background: -moz-linear-gradient(top,  rgba(221,244,251,1) 0%, rgba(177,219,233,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,244,251,1)), color-stop(100%,rgba(177,219,233,1)));
	background: -webkit-linear-gradient(top,  rgba(221,244,251,1) 0%,rgba(177,219,233,1) 100%);
	background: -o-linear-gradient(top,  rgba(221,244,251,1) 0%,rgba(177,219,233,1) 100%);
	background: -ms-linear-gradient(top,  rgba(221,244,251,1) 0%,rgba(177,219,233,1) 100%);
	background: linear-gradient(to bottom,  rgba(221,244,251,1) 0%,rgba(177,219,233,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddf4fb', endColorstr='#b1dbe9',GradientType=0 );
	color: #3a707c;
}
.mainimg .catch span{
	border-bottom: #fff solid 2px;
}
.mainimg .txt{
	border: #80EBFA solid 1px;
}
.textbox h3{
	color: #666;
}
.textbox p{
	border: #80EBFA solid 1px;
}
.ranking h4{
	background: url(img/ranking_header_bg.png) no-repeat 0px 0px;
}
.ranking h4 span{
	color: #f00;
	text-shadow:
		-2px -2px 0px #fff,
		2px -2px 0px #fff,
		2px 2px 0px #fff,
		-2px 2px 0px #fff,
		2px 3px 4px rgba(0, 0, 0, 0.6);
}
.ranking .btn a{
	background: rgb(25,157,184);
	background: -moz-linear-gradient(top,  rgba(25,157,184,1) 1%, rgba(19,121,142,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(25,157,184,1)), color-stop(100%,rgba(19,121,142,1)));
	background: -webkit-linear-gradient(top,  rgba(25,157,184,1) 1%,rgba(19,121,142,1) 100%);
	background: -o-linear-gradient(top,  rgba(25,157,184,1) 1%,rgba(19,121,142,1) 100%);
	background: -ms-linear-gradient(top,  rgba(25,157,184,1) 1%,rgba(19,121,142,1) 100%);
	background: linear-gradient(to bottom,  rgba(25,157,184,1) 1%,rgba(19,121,142,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#199db8', endColorstr='#13798e',GradientType=0 );
	color: #fff;
	display: block;
	width: 100% !important;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.ranking .btn a:hover{
	background: rgb(19,121,142);
	background: -moz-linear-gradient(top,  rgba(19,121,142,1) 0%, rgba(25,157,184,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(19,121,142,1)), color-stop(100%,rgba(25,157,184,1)));
	background: -webkit-linear-gradient(top,  rgba(19,121,142,1) 0%,rgba(25,157,184,1) 100%);
	background: -o-linear-gradient(top,  rgba(19,121,142,1) 0%,rgba(25,157,184,1) 100%);
	background: -ms-linear-gradient(top,  rgba(19,121,142,1) 0%,rgba(25,157,184,1) 100%);
	background: linear-gradient(to bottom,  rgba(19,121,142,1) 0%,rgba(25,157,184,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13798e', endColorstr='#199db8',GradientType=0 );
}
.faq h4{
	border-bottom: #199AB5 solid 2px;
}
.faq h4 span{
	font-size: 17px;
	line-height: 20px;
	padding-left: 0;
	height: auto;
}
.faq dl{
	border:#80EBFA solid 1px;
	padding: 10px;
}
.faq dl dt{
	background: url(img/qa_qicon.png) no-repeat 0% 50%;
	font-weight: bold;
	height: 32px;
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
	line-height: 16px;
	padding: 0 0 0 37px;
}
.faq dl dd{
	background: url(img/qa_aicon.png) no-repeat 0px 10px, url(../img/qa_line.png) repeat-x left bottom;
	font-size: 13px;
	line-height: 17px;
	padding: 15px 0 20px 37px;
	margin: 0 0 15px 0;
}
.stepbox_inner .left{
	width: 100%;
	float: none;
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 20px;
}
.stepbox_inner .left .stepno{
	border-bottom: #7AC2DB solid 1px;
	color: #2c7892;
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}
.stepbox_inner .left .stepno span{
	margin: 0 10px 0 0;
}
.stepbox_inner .right{
	width: 100%;
	float: none;
	text-align: center;
}
#footer ul li a:hover{
	color: #006bb6 !important;
}
}
/**************
320px under
**************/
@media only screen and (max-width: 320px) {
.ranking h4{
	border-bottom: #EAD187 solid 2px;
}
.ranking .no01 h5 {
	background: url(img/ranking_no01_title_icon.png) no-repeat 0px 0px;
}

.checkpointbox ul li{
	background: url(img/checkbox_01.png) no-repeat 0px 0px;
	border-bottom: #E5E5E5 solid 1px;
}