@charset "utf-8";
/* ================================================
	style reset
=================================================== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

html{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

body {
	color:#393939
	width:100%;
	height:100%;
	background-color:#fff;
  font-size:14px;
	line-height:2;
 	text-align:left;
 /*font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Meiryo, Verdana, Arial, sans-serif;*/
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro",sans-serif;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { 
	border:0;
  vertical-align:bottom;
}

address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
	list-style-position: outside;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

strong,em {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}

abbr,acronym { 
border:0;
}

.txt_bold {
font-weight:bold;
}

.txt_bold_red {
font-weight:bold;
color:#ff0000;
}

.txt_bg_yellow {
background-color:#fdff72;
}

.txt_bg_red {
background-color:#ff0000;
}

.txt_bg_orange {
background-color:#e94c0c;
}



.txt_red {
color:#ff0000;
}

.txt_blue {
color:#005ccb;
}

.txt_white{
color:#ffffff;
}

.txt_yellow{
color:#fdff72;
}

.txt_i {
font-style:italic;
}

.txt_small {
font-size:13px;
}

.txt_xsmall {
font-size:12px;
}

.txt_large15 {
font-size:15px;
}

.txt_large16 {
font-size:16px;
}

.txt_large17 {
font-size:17px;
}

.txt_large18 {
font-size:18px;
}

.txt_large19 {
font-size:19px;
}

.txt_large20 {
font-size:20px;
}

.txt_large22 {
font-size:22px;
}

.txt_large25 {
font-size:25px;
}

.txt_large28 {
font-size:28px;
}

.txt_large30 {
font-size:30px;
}

.padding_b50 {
	padding:0 0 50px 0;
}

.lh13 {
	line-height:1.3;
}

.lh17 {
	line-height:1.7;
}

.underline {
	text-decoration:underline;
}



/*-------------------------------------------------
 linkcolor
---------------------------------------------------*/
a:link {
  color: #318259;
	text-decoration:underline;
}

a:visited {
  color: #318259;
	text-decoration:underline;
}

a:hover {
  color: #ef610c;
	text-decoration:underline;
}

/*===================================================
 #wrapper
===================================================*/
#wrapper{width:100%;}

/*===================================================
 header
===================================================*/
header {
	width:100%;
	height:100px;
	background:url("../image/header_bg.png") top left repeat-x;
	border-bottom:dotted 1px #fc6177;
}

header .h_box{
	width:940px;
	margin:0 auto;
	position:relative;
}

header .h_box h1{
	width:410px;
	position:absolute;
	top:24px;
	left:0;
}

header .h_box p{
	width:510px;
	position:absolute;
	top:24px;
	right:0;
	line-height:1.5;
}

article{
	width:940px;
	margin:20px auto;
	overflow:hidden;
	}

/*===================================================
 contentsLeft
===================================================*/
.contentsLeft{
	width:250px;
	float:left;
	}

.contentsLeft .left_bn{
	margin:0 0 20px 0px;
	}	
		
.contentsLeft aside ul{
	margin:10px 0 20px 10px;
	}	
	
.contentsLeft aside li{
	background:url("../image/left_list_mark.png") center left no-repeat;
	padding:0 0 0 30px;
	}		

.contentsLeft .leftBox{
	overflow:hidden;
	border-bottom:dotted 1px #6fd491;
	padding:3px 0;
	margin:10px 0 0 0;
	}	
	
.contentsLeft .leftRank_item{
	width:80px;
	float:left;
	}			

.contentsLeft .leftRank_name{
	width:170px;
	float:right;
	font-size:18px;
	font-weight:bold;
	margin:18px 0 0px 0px;
	line-height:1.3;
	color:#333;
	}		
	
.contentsLeft .leftRank_name_b{
	width:170px;
	float:right;
	font-size:18px;
	font-weight:bold;
	margin:4px 0 0px 0px;
	line-height:1.3;
	color:#333;
	}	
	
		
.ymd {
font-size:13px;
text-align:center;
margin:20px 0;
}	
/*===================================================
 contentsRight
===================================================*/
.contentsRight{
	width:660px;
	float:right;
	}
	
.contentsRight .m_bn{
	margin:20px auto;
width:620px;
	}


/*ご注意*/	
.contentsRight .caution{
	margin:20px 0;

	font-size:15px;
	}

.contentsRight .cautionBox{
	border-radius:0 0 10px 10px / 0 0 10px 10px;
	border-left:solid 1px #7a7a7a;
	border-right:solid 1px #7a7a7a;
	border-bottom:solid 1px #7a7a7a;
	padding:10px 10px 0 10px;
	}	
	
.contentsRight .caution_inner{
	width:640px;
	margin:0px auto 20px auto;
	overflow:hidden;
	}	
		
.contentsRight .caution_inner p{
	margin:0px 0 12px 0;
	}		
	
.contentsRight .caution_inner .img_fr01{
	float:right;
	width:170px;
	}	

.contentsRight .caution_inner .img_fl01{
	float:left;
	width:80px;
	
	}
	
.contentsRight .caution_gimu{
	width:640px;
	margin:20px auto;
	}				
	
/*ポップアップ*/

/*ご注意*/	
.contents_pop {
	width:660px;
	margin:0 auto;
	}

.contents_pop .caution{
	margin:20px 0;
	font-size:15px;
	}

.contents_pop .cautionBox{
	border-radius:0 0 10px 10px / 0 0 10px 10px;
	border-left:solid 1px #7a7a7a;
	border-right:solid 1px #7a7a7a;
	border-bottom:solid 1px #7a7a7a;
	padding:10px 0px 0 10px;
	}	
	
.contents_pop .caution_inner{
	width:640px;
	margin:0px auto 0px auto;
	overflow:hidden;
	}	
		
.contents_pop .caution_inner p{
	margin:0px 0 12px 0;
	}		
	
.contents_pop .caution_inner .img_fr01{
	float:right;
	width:170px;
	}	

.contents_pop .caution_inner .img_fl01{
	float:left;
	width:80px;
	
	}
	
.contents_pop .caution_gimu{
	width:640px;
	margin:20px auto;
	}		

/*タップで開く*/
label {
  display: block;
	margin: 0;
}
input[type="checkbox"].on-off {
	display: none;
}

.menu .acrBox {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin: 0;
	padding: 0;
	list-style: none;
}

input[type="checkbox"].on-off + .acrBox {
	height: 0;
	overflow: hidden;
}
input[type="checkbox"].on-off:checked + .acrBox {
	height: auto;
}/*----------------------------------------------------
ランキング一覧表
-----------------------------------------------------*/
.contentsRight .rankTbl{
margin:30px 0 ;
	}	

.contentsRight .hikaku_tbl{

	}	

.contentsRight .hikaku_tbl table{
border-right:solid 1px #939393;
	}	
	
.contentsRight .hikaku_tbl table th{
width:110px;
text-align:center;
border-left:solid 1px #939393;
border-bottom:solid 1px #939393;
padding:5px;
	}	
	
.contentsRight .hikaku_tbl .bg_th{
background-color:#eaffe6
	}		

.contentsRight .hikaku_tbl table td{
border-left:solid 1px #939393;
border-bottom:solid 1px #939393;
text-align:center;
padding:5px;
line-height:1.5;
	}
	
	
.contentsRight .hikaku_tbl table td.mark {
	vertical-align:top;

	}
	
.contentsRight .hikaku_tbl table td.mark_top {
	vertical-align:top;

	}			
/*----------------------------------------------------
ランキングメインエリア
-----------------------------------------------------*/	
.rankMain{
margin:20px 0 0 0;	
}

.rankMain .rankBox{
	width:658px;
	margin:0 auto 30px;
	border-radius:10px;
	border:solid 1px #a6a6a6;
}

/*1位の商品*/
.rankMain .rankBox .rankTop_bg{
	width:640px;
	height:70px;
	margin:10px auto;
	background:url("../image/rank_main_ttl_01.png") top left no-repeat;
  background:url("../image/rank_main_ttl_n.png") top left no-repeat;
	position:relative;
}

.rankMain .rankBox .rankTop_bg h1{
	position:absolute;
	top:0px;
	left:110px;
  left:20px;
	font-size:36px;
}

.rankMain .rankBox .rankTop_bg_b{
	width:640px;
	height:70px;
	margin:10px auto;
	background:url("../image/rank_main_ttl.png") top left no-repeat;
	position:relative;
}

.rankMain .rankBox .rankTop_bg_b h1{
	position:absolute;
	top:20px;
	left:20px;
	font-size:36px;
}

/*2位の商品*/
.rankMain .rankBox .rankSecond_bg{
	width:640px;
	height:70px;
	margin:10px auto;
	background:url("../image/rank_main_ttl_02.png") top left no-repeat;
  background:url("../image/rank_main_ttl_n.png") top left no-repeat;
	position:relative;
}

.rankMain .rankBox .rankSecond_bg h1{
	position:absolute;
	top:0px;
	left:110px;
  left:30px;
  
	font-size:36px;
}

.rankMain .rankBox .rankSecond_bg_b{
	width:640px;
	height:70px;
	margin:10px auto;
	background:url("../image/rank_main_ttl.png") top left no-repeat;
	position:relative;
}

.rankMain .rankBox .rankSecond_bg_b h1{
	position:absolute;
	top:20px;
	left:20px;
	font-size:36px;
}

/*3位の商品*/
.rankMain .rankBox .rankThird_bg{
	width:640px;
	height:70px;
	margin:10px auto;
	background:url("../image/rank_main_ttl_03.png") top left no-repeat;
  background:url("../image/rank_main_ttl_n.png") top left no-repeat;
  position:relative;
}

.rankMain .rankBox .rankThird_bg h1{
	position:absolute;
	top:0px;
	left:110px;
  left:30px;
	font-size:36px;
}

.rankMain .rankBox .rankThird_bg_b{
	width:640px;
	height:70px;
	margin:10px auto;
	background:url("../image/rank_main_ttl.png") top left no-repeat;
	position:relative;
}

.rankMain .rankBox .rankThird_bg_b h1{
	position:absolute;
	top:20px;
	left:20px;
	font-size:36px;
}

/*4位の商品*/
.rankMain .rankBox .rankFourth_bg{
	width:640px;
	height:70px;
	margin:10px auto;
	background:url("../image/rank_main_ttl_04.png") top left no-repeat;
  background:url("../image/rank_main_ttl_n.png") top left no-repeat;
	position:relative;
}

.rankMain .rankBox .rankFourth_bg h1{
	position:absolute;
	top:8px;
	left:30px;
	font-size:36px;
}

/*5位の商品*/
.rankMain .rankBox .rankFifth_bg{
	width:640px;
	height:70px;
	margin:10px auto;
	background:url("../image/rank_main_ttl_05.png") top left no-repeat;
  background:url("../image/rank_main_ttl_n.png") top left no-repeat;
	position:relative;
}

.rankMain .rankBox .rankFifth_bg h1{
	position:absolute;
	top:8px;
	left:110px;
  left:30px;
  
	font-size:36px;
}

/*6位の商品*/
.rankMain .rankBox .rankSixth_bg{
	width:640px;
	height:70px;
	margin:10px auto;
	background:url("../image/rank_main_ttl_06.png") top left no-repeat;
	position:relative;
}

.rankMain .rankBox .rankSixth_bg h1{
	position:absolute;
	top:8px;
	left:110px;
	font-size:36px;
}

/*7位の商品*/
.rankMain .rankBox .rankSeventh_bg{
	width:640px;
	height:70px;
	margin:10px auto;
	background:url("../image/rank_main_ttl_07.png") top left no-repeat;
	position:relative;
}

.rankMain .rankBox .rankSeventh_bg h1{
	position:absolute;
	top:8px;
	left:110px;
	font-size:36px;
}

/*8位の商品*/
.rankMain .rankBox .rankEighth_bg{
	width:640px;
	height:70px;
	margin:10px auto;
	background:url("../image/rank_main_ttl_08.png") top left no-repeat;
	position:relative;
}

.rankMain .rankBox .rankEighth_bg h1{
	position:absolute;
	top:12px;
	left:109px;
	font-size:36px;
}

/*9位の商品*/
.rankMain .rankBox .rankNinth_bg{
	width:640px;
	height:70px;
	margin:10px auto;
	background:url("../image/rank_main_ttl_09.png") top left no-repeat;
	position:relative;
}

.rankMain .rankBox .rankNinth_bg h1{
	position:absolute;
	top:8px;
	left:110px;
	font-size:36px;
}

/*10位の商品*/
.rankMain .rankBox .rankTenth_bg{
	width:640px;
	height:70px;
	margin:10px auto;
	background:url("../image/rank_main_ttl_10.png") top left no-repeat;
	position:relative;
}

.rankMain .rankBox .rankTenth_bg h1{
	position:absolute;
	top:8px;
	left:110px;
	font-size:36px;
}


.rankMain .rankBox .rankInner{
	width:620px;
	margin:0 auto;
}

.rankMain .rankBox .rankItem{
	overflow:hidden;
}
.rankMain .rankBox .rankItem .rank_img{
	width:190px;
	float:left;
}
.rankMain .rankBox .rankItem .rank_txt{
	width:402px;
	float:right;
}
.rankMain .rankBox .rankItem .rank_txt p{
	color:#00836d;
	font-size:18px;
	line-height:1.5;
	font-weight:bold;
	margin:10px 0 0 0;
}

.rankMain .rankBox .rankItem .btnSet{
	overflow:hidden;
	margin:30px 0 0 0;
}
.rankMain .rankBox .rankItem .btnSet_l{
	width:192px;
	float:left;
}
.rankMain .rankBox .rankItem .btnSet_r{
	width:192px;
	float:right;
}

.rankMain .rankBox .btnSet_b{
	overflow:hidden;
	margin:20px auto;
	width:402px;
}
.rankMain .rankBox .btnSet_b .btnSet_l{
	width:192px;
	float:left;
}
.rankMain .rankBox .btnSet_b .btnSet_r{
	width:192px;
	float:right;
}


.rankMain .rankBox .detailTbl{
	margin:10px 0;
	}
	
.rankMain .rankBox .detailTbl table{
	border-top:solid 1px #848484;
	border-right:solid 1px #848484;
	width:620px;
	font-size:14px;
	}
.rankMain .rankBox .detailTbl table th{
	background-color:#fffcb2;
	border-left:solid 1px #848484;
	border-bottom:solid 1px #848484;
	text-align:center;
	padding:3px;
	font-weight:bold;
	}	
.rankMain .rankBox .detailTbl table td{
	border-left:solid 1px #848484;
	border-bottom:solid 1px #848484;
	padding:3px;
	text-align:center;
	}	
/*ポイント*/	
.rankMain .rankBox .point{
margin:20px 0;
padding:10px;
border-radius:10px;
background:url("../image/point_box_bg.png") top left repeat;

}

.rankMain .rankBox .point_inner{
width:580px;
background-color:#FFF;
padding:10px;
margin:0 0 10px 0;
}

.rankMain .rankBox .point_inner_end{
width:580px;
background-color:#FFF;
padding:10px;
margin:0 0 0px 0;
}

.rankMain .rankBox .point_inner .ttl_point,
.rankMain .rankBox .point_inner_end .ttl_point{
width:580px;
margin:0 auto;
border-radius:30px;
background-color:#ff8f4b;
}

.rankMain .rankBox .point_inner h2,
.rankMain .rankBox .point_inner_end h2{
text-align:center;
color:#fff;
font-size:16px;
}

.rankMain .rankBox .point_inner p,
.rankMain .rankBox .point_inner_end p{
font-size:13px;
margin:10px 10px 0 10px;
}

.rankMain .rankBox .point_sub_a{
background-color:#edfff3;
border:solid 2px #2fa75e;
padding:10px;
margin:0 0 10px 0;
}

.rankMain .rankBox .point_sub_b{
background-color:#edfff3;
border:solid 2px #2fa75e;
padding:10px;
margin:0 0 0px 0;
}
.rankMain .rankBox .point_sub_a ul,
.rankMain .rankBox .point_sub_b ul{
margin:10px;
}

.rankMain .rankBox .point_sub_a ul li,
.rankMain .rankBox .point_sub_b ul li{
background:url("../image/point_box_check.png") center left no-repeat;
padding:0 0 0 40px;
}

.rankMain .rankBox .point_sub_a ul li.chk_b,
.rankMain .rankBox .point_sub_b ul li.chk_b{
background:url("../image/point_box_check.png") top left no-repeat;
padding:0 0 0 40px;
}

/*声*/	
.rankMain .rankBox .voice{
margin:20px 0;
}

.rankMain .rankBox .voice .ttl_voice_bg{
width:620px;
height:40px;
background:url("../image/voice_box_ttl.png") top left no-repeat;
position:relative;
}

.rankMain .rankBox .voice .ttl_voice_bg h2{ 
color:#fff;
font-size:18px;
position:absolute;
top:3px;
left:60px;
}

.rankMain .rankBox .voice .voiceBox{ 
border-left:solid 1px #f05f6c;
border-right:solid 1px #f05f6c;
border-bottom:solid 1px #f05f6c;
padding:10px 0 ;
overflow:scroll;
height:460px;
}

.rankMain .rankBox .voice .voice_inner{ 
background-color:#ffcdd1;
width:560px;
margin:0px auto 10px ;
padding:10px;
overflow:hidden;
}

.rankMain .rankBox .voice .voice_inner_end{ 
background-color:#ffcdd1;
width:560px;
margin:0px auto;
padding:10px;
overflow:hidden;
}

.rankMain .rankBox .voice .voice_img{ 
float:left;
width:90px;
}

.rankMain .rankBox .voice .voice_txt{ 
float:right;
width:460px;
background:#fff;
}

.rankMain .rankBox .voice .voice_txt h3{ 
margin:10px;
font-weight:bold;
}

.rankMain .rankBox .voice .voice_txt p{ 
margin:10px;
}

.rankMain .rankBox .voice .item_btn{ 
margin:20px auto;
width:402px;
}

.top_btn{ 
margin:20px 0 20px auto;
width:130px;
}

/*----------------------------------------------------
成長について
-----------------------------------------------------*/	
.column{
margin:10px 0 0 0;	
}

.column .aboutInner{
border-radius:0 0 10px 10px / 0 0 10px 10px;
width:658px;
border-left:solid 1px #a6a6a6;
border-right:solid 1px #a6a6a6;
border-bottom:solid 1px #a6a6a6;
padding:10px 0;
}

.column .about_bg{
background:url("../image/ttl_about_sub.png") top left no-repeat;
height:50px;
width:640px;
margin:0px auto;
position:relative;
}

.column .about_bg h2{
color:#fff;
font-size:18px;
position:absolute;
top:8px;
left:10px;
}

.column .aboutNode{
width:640px;
margin:10px auto 0;
}
.column .aboutNode h3{
border-bottom:dotted 1px #65c65b;
font-size:18px;
margin:10px;
color:#F60;
/*font-weight:bold;*/
}

.column .aboutNode p{
margin:10px 20px ;
}

/*日常生活で気をつける事*/
.column .aboutNode .sleep{

}

.column .aboutNode .sleep table{
width:620px;
margin:0 auto;
border-top:solid 1px #066;
border-right:solid 1px #066;

}
.column .aboutNode .sleep table th{
border-left:solid 1px #066;
border-bottom:solid 1px #066;
padding:5px;
font-weight:bold;
text-align:center;
}

.column .aboutNode .sleep table td{
border-left:solid 1px #066;
border-bottom:solid 1px #066;
padding:5px;
}


/*平均身長*/
.column .about_tbl {
margin:0px 0 40px 0;
}

.column .about_tbl .male h3{
	text-align:center;
background-color:#558ABB;
color:#fff;
border-bottom:none;
}

.column .about_tbl .female h3{
	text-align:center;
background-color:#ef9c98;
color:#fff;
border-bottom:none ;
}

.column .about_tbl table{
border-right:solid 1px #4f4f4f;
border-bottom:solid 1px #4f4f4f;
width:620px;
margin:20px auto 0 auto;
}

.column .about_tbl table th{
width:50%;
border-left:solid 1px #4f4f4f;
border-top:solid 1px #4f4f4f;
padding:5px;
text-align:center;
}

.column .about_tbl table td{
width:50%;
border-left:solid 1px #4f4f4f;
border-top:solid 1px #4f4f4f;
padding:5px;
text-align:center;
}

.column .subtxt{
margin:-20px 0 0 0 ;
}

.column .subtxt p{
font-size:12px;
margin:10px;
line-height:1.8;
}

/*世界の平均身長*/
.column .about_tbl_world {
margin:0px 0 40px 0;
}

.column .about_tbl_world .male h3{
	text-align:center;
background-color:#558ABB;
color:#fff;
border-bottom:none;
}

.column .about_tbl_world .female h3{
	text-align:center;
background-color:#ef9c98;
color:#fff;
border-bottom:none;
}

.column .about_tbl_world table{
border-right:solid 1px #4f4f4f;
border-bottom:solid 1px #4f4f4f;
width:620px;
margin:20px auto 0 auto;
}

.column .about_tbl_world table th{
width:200px;
border-left:solid 1px #4f4f4f;
border-top:solid 1px #4f4f4f;
padding:5px;
text-align:center;
font-weight:bold;
}

.column .about_tbl_world table td{
width:200px;
border-left:solid 1px #4f4f4f;
border-top:solid 1px #4f4f4f;
padding:5px;
text-align:center;
}

.column .riyu{
margin:-20px 10px 0 10px !important;
}

.page{
text-align:right;
margin:10px 0 0 0;
}

/*----------------------------------------------------
運営者情報・調査概要
-----------------------------------------------------*/	
.info{
margin:10px 0 0 0;	
width:658px;
border:solid 1px #a6a6a6;
border-radius:10px;

}

.infoInner_a{
width:640px;
margin:10px auto 40px;

}

.infoInner_b{
width:640px;
margin:10px auto;

}
.info .info_bg{
height:50px;
background:url("../image/ttl_about_sub.png") top left no-repeat;
}

.info .info_bg h1{
color:#fff;
font-size:18px;
text-align:center;
padding:8px 0 0 0;
}

.infoInner_a table,
.infoInner_b table{
width:640px;
margin:10px 0 0 0;
border-top:solid 1px #066;
border-right:solid 1px #066;

}
.infoInner_a table th,
.infoInner_b table th{
width:200px;
padding:5px;
border-left:solid 1px #066;
border-bottom:solid 1px #066;
background-color:#f4ffe8;
text-align:center;
font-weight:bold;
}
.infoInner_a table td,
.infoInner_b table td{
padding:5px;
border-left:solid 1px #066;
border-bottom:solid 1px #066;

}
/*===================================================
 footer
===================================================*/
footer{
	width:100%;
	background-color:#f4f4f4;
	border-top:solid 5px #5ba0d3;
	padding:10px 0;
}	


footer p{
text-align:center;
}