/*CRec*/

@import url(/css/index2.css);

#maincontents{
	width:690px;
	padding: 0 0 0 0;
}

/* flash and links */
.fla_area{
	width:672px;
	height:273px;
	margin-bottom:10px;
	padding: 0 0 0 0;
}
h2#cmn_logo_new{
	float: left;
	width:238px;
	height:34px;
	text-indent: -9999px;
}
h2#cmn_logo_new a{
	display: block;
	width:238px;
	height:34px;
	text-indent: -9999px;
	background: url(/common/images/logo-kochare01-index.gif) no-repeat 0px 0px;
}

/* 5year */
.five_year_area{
	width:690px;
	margin-bottom:10px;
	background:url(../images/5year_bg.gif) no-repeat bottom;
}
.five_year_area:after{
	clear:right;
	content:"";
	display:block;
	margin-bottom:10px;
}
.five_year_area h2{
	height:36px;
	margin-bottom:10px;
	font-size:12px;
	line-height:1em;
	text-indent:-9999px;
	background:url(../images/5year_ttl.gif) no-repeat;
}

.wht_boxes{
	min-height:100px;
	padding:0 11px 15px;
	background:url(../images/wht_boxes_bg.gif) no-repeat bottom;
}
.wht_boxes:after{
	clear:both;
	content:"";
	display:block;
}
.wht_boxes div.beginner_box{
	float:left;
	width:215px;
	padding:12px 0 0;
	background:url(../images/wht_bgnr_bg.gif) no-repeat top;
}
.wht_boxes div.material_box{
	float:left;
	width:215px;
	margin-left:12px;
	padding:12px 0 0;
	background:url(../images/wht_mtrl_bg.gif) no-repeat top;
}
.wht_boxes div.movie_box{
	float:left;
	width:215px;
	margin-left:11px;
	padding:12px 0 0;
	background:url(../images/wht_movie_bg.gif) no-repeat top;
}
.wht_boxes div h3{
	width:auto;
	height:15px;
	margin-left:12px;
	font-size:10px;
	line-height:1em;
	text-indent:-9999px;
}
.wht_boxes div.beginner_box h3{
	background:url(../images/wht_bgnr_h3.gif) no-repeat left;
}
.wht_boxes div.material_box h3{
	background:url(../images/wht_mtrl_h3.gif) no-repeat left;
}
.wht_boxes div.movie_box h3{
	background:url(../images/wht_movie_h3.gif) no-repeat left;
}
.wht_boxes div p{
	width:100px;
	margin:5px 0 0 12px;
	font-size:10px;
	line-height:1.3em;
	color:#514131;
}
.wht_boxes div ul{
	margin-top:8px;
} 
.wht_boxes div ul li{
	margin:2px 0 0 12px;
	padding-left:14px;
	font-size:12px;
	line-height:1.2em;
	background:url(../images/wht_list_arw.gif) no-repeat left center;
} 

.kocha_course{
	margin:0 0px 5px 0px;
	background:url(../images/kcrs_list_bg.gif) no-repeat bottom;
}
.kocha_course:after{
	clear:both;
	content:"";
	display:block;
}
.kocha_course h3{
	width:672px;
	height:46px;
	margin-left:9px;
	font-size:10px;
	line-height:1em;
	text-indent:-9999px;
	background:url(../images/kocha_course_ttl.gif) no-repeat;
}
.kocha_course ul.kcrse_list{
	height:81px;
}
.kocha_course ul.kcrse_list li{
	float:left;
	padding-left:10px;
}
.kocha_course ul.kcrse_list li a{
	display:block;
	width:87px;
	height:69px;
	text-indent:-9999px;
}
.kocha_course ul.kcrse_list li a.kcrse_btn01{
	background:url(../images/kcrse_btn01.gif) no-repeat 0 0;
}
.kocha_course ul.kcrse_list li a.kcrse_btn01:hover{
	background:url(../images/kcrse_btn01.gif) no-repeat 0 -69px;
}
.kocha_course ul.kcrse_list li a.kcrse_btn02{
	background:url(../images/kcrse_btn02.gif) no-repeat 0 0;
}
.kocha_course ul.kcrse_list li a.kcrse_btn02:hover{
	background:url(../images/kcrse_btn02.gif) no-repeat 0 -69px;
}
.kocha_course ul.kcrse_list li a.kcrse_btn03{
	background:url(../images/kcrse_btn03.gif) no-repeat 0 0;
}
.kocha_course ul.kcrse_list li a.kcrse_btn03:hover{
	background:url(../images/kcrse_btn03.gif) no-repeat 0 -69px;
}
.kocha_course ul.kcrse_list li a.kcrse_btn04{
	background:url(../images/kcrse_btn04.gif) no-repeat 0 0;
}
.kocha_course ul.kcrse_list li a.kcrse_btn04:hover{
	background:url(../images/kcrse_btn04.gif) no-repeat 0 -69px;
}
.kocha_course ul.kcrse_list li a.kcrse_btn05{
	background:url(../images/kcrse_btn05.gif) no-repeat 0 0;
}
.kocha_course ul.kcrse_list li a.kcrse_btn05:hover{
	background:url(../images/kcrse_btn05.gif) no-repeat 0 -69px;
}
.kocha_course ul.kcrse_list li a.kcrse_btn06{
	background:url(../images/kcrse_btn06.gif) no-repeat 0 0;
}
.kocha_course ul.kcrse_list li a.kcrse_btn06:hover{
	background:url(../images/kcrse_btn06.gif) no-repeat 0 -69px;
}
.kocha_course ul.kcrse_list li a.kcrse_btn07{
	background:url(../images/kcrse_btn07.gif) no-repeat 0 0;
}
.kocha_course ul.kcrse_list li a.kcrse_btn07:hover{
	background:url(../images/kcrse_btn07.gif) no-repeat 0 -69px;
}

/*
.kocha_option{
	margin:0 9px 3px;
	padding-bottom:5px;
}
.kocha_option:after{
	clear:both;
	content:"";
	display:block;
}

.koption{
	float:left;
	width:auto;
}
.koption h3{
	width:auto;
	height:32px;
	text-indent:-9999px;
	background:url(../images/koption_h3.gif) no-repeat;
}
.koption ul.koption_list{
	margin-left:2px;
}
.koption ul.koption_list li{
	float:left;
}
.koption ul.koption_list li.last_list{
	margin-left:12px;
}
.koption ul.koption_list li a{
	display:block;
	width:87px;
	height:69px;
	text-indent:-9999px;
}
.koption ul.koption_list li a.koption_btn01{
	background:url(../images/koption_btn01.gif) no-repeat 0 0;
}
.koption ul.koption_list li a.koption_btn01:hover{
	background:url(../images/koption_btn01.gif) no-repeat 0 -69px;
}
.koption ul.koption_list li a.koption_btn02{
	background:url(../images/koption_btn02.gif) no-repeat 0 0;
}
.koption ul.koption_list li a.koption_btn02:hover{
	background:url(../images/koption_btn02.gif) no-repeat 0 -69px;
}
.koption ul.koption_list li div{
	width:97px;
	height:28px;
	margin-left:3px;
	text-indent:-9999px;
}
.koption ul.koption_list li div.koption_btn01_text{
	background:url(../images/koption_btn01_text.gif) no-repeat;
}
.koption ul.koption_list li div.koption_btn02_text{
	background:url(../images/koption_btn02_text.gif) no-repeat;
}
*/

.kselect{
	float:left;
	width:372px;
	margin-left:14px;
	background:url(../images/kselect_bg.gif) no-repeat bottom;
}
.kselect h3{
	width:auto;
	height:32px;
	margin-bottom:12px;
	text-indent:-9999px;
	background:url(../images/kselect_h3.gif) no-repeat;
}
.kselect div.select_area{
	float:left;
	width:150px;
	margin-top:5px;
	margin-left:20px !important;
	margin-left:10px;
}
.kselect div.select_area form{
	margin:0;
	padding:0;
}
.kselect div.select_area select.b_year{
	float:left;
	width:120px;
	margin-bottom:5px;
}
.kselect div.select_area select.b_month{
	float:left;
	width:45px;
}
.kselect div.select_area select.b_day{
	float:left;
	width:45px;
	margin-left:10px;
}
.kselect div.select_area span{
	float:left;
	display:block;
	width:16px;
	height:16px;
	margin:2px;
	text-indent:-9999px;
}
.kselect div.select_area span.b_year_txt{
	margin-bottom:3px;
	background:url(../images/kselect_year.gif) no-repeat;
}
.kselect div.select_area span.b_month_txt{
	background:url(../images/kselect_month.gif) no-repeat;
}
.kselect div.select_area span.b_day_txt{
	background:url(../images/kselect_day.gif) no-repeat;
}
.kselect div.btn_area{
	float:left;
	width:188px;
	height:62px;
	padding-bottom:10px !important;
	padding-bottom:0px;
}
.kselect div.btn_area input.submit_btn{
	background:url(../images/kselect_btn.gif) no-repeat 0 0;
	width:185px;
	height:62px;
	margin-bottom:0px;
	border:0px;
	cursor:pointer;
	line-height:1em;
	color:#FFFFFF;
}
.kselect div.btn_area input.submit_btn:hover{
	background:url(../images/kselect_btn.gif) no-repeat 0 -62px;
}

.large_btn{
	height:95px;
	margin-bottom:15px;
}
.large_btn:after{
	clear:both;
	content:"";
	display:block;
}
/*
.large_btn ul.l_btn_list li{
	float:left;
	width:329px;
	margin:0 5px 0;
}
.large_btn ul.l_btn_list li a{
	display:block;
	width:329px;
	height:61px;
	text-indent:-9999px;
}
.large_btn ul.l_btn_list li a.l_btn_list01{
	background:url(../images/large_btn01.gif) no-repeat 0 0;
}
.large_btn ul.l_btn_list li a.l_btn_list01:hover{
	background:url(../images/large_btn01.gif) no-repeat 0 -61px;
}
.large_btn ul.l_btn_list li a.l_btn_list02{
	background:url(../images/large_btn02.gif) no-repeat 0 0;
}
.large_btn ul.l_btn_list li a.l_btn_list02:hover{
	background:url(../images/large_btn02.gif) no-repeat 0 -61px;
}

*/

.related_link{
	margin:10px 9px 20px;
}
.related_link h2{
	width:195px;
	height:15px;
	margin-bottom:7px;
	text-indent:-9999px;
	background:url(../images/related_link_ttl.gif) no-repeat;
}
.rl_boxes{
	min-height:100px;
	padding-bottom:15px !important;
	padding-bottom:5px;
	background:url(../images/related_link_bg.gif) no-repeat bottom;
}
.rl_boxes:after{
	clear:both;
	content:"";
	display:block;
}
.rl_boxes div{
	float:left;
	width:166px;
	font-size:11px;
	line-height:1.3em;
	color:#656565;
}
.rl_boxes div a{
	display:block;
	width:146px;
	margin:14px 0 0 10px;
	font-weight:bold;
}
.rl_boxes div a img{
	display:block;
}
.rl_boxes div p{
	width:146px;
	margin: 3px 0 0 10px;
	padding-bottom:0px;
}
.rl_boxes div.zero_baby{
	background:url(../images/rl_zero_baby_bar.gif) no-repeat top;
}
.rl_boxes div.child_info{
	margin-left:3px;
	background:url(../images/rl_child_info_bar.gif) no-repeat top;
}
.rl_boxes div.shimajiro{
	margin-left:3px;
	background:url(../images/rl_shimajiro_bar.gif) no-repeat top;
}
.rl_boxes div.child_news{
	width:165px;
	margin-left:3px;
	background:url(../images/rl_child_news_bar.gif) no-repeat top;
}


/* news and topics */

div.news_area{
	clear:both;
	width:680px;
	padding-top:10px !important;
	padding-top:25px;
}
div.news_area h2.news-topics-ttl {
	background:url("../images/index_news_ttl.gif") no-repeat;
	width:672px;
	margin:0 0 4px 10px;
	padding:0 0 4px 0;
	text-indent:-9999px;
	border-bottom:1px solid #CCCCCC;
}

ul.news_list{
	margin-left:10px;
}
ul.news_list li{
	margin:0px;
	padding:7px 0 7px 45px;
	border-bottom:1px dashed #999999;
}
ul.news_list li div.news_date{
	float:left;
	width:65px;
	font-size:10px;
	line-height:1.4em;
	color:#666666;
}
ul.news_list li div.news_link{
	margin-left:65px;
}
ul.news_list li.icon_baby{
	background:url(../images/index_icon01.gif) no-repeat;
}
ul.news_list li.icon_petit{
	background:url(../images/index_icon02.gif) no-repeat;
}
ul.news_list li.icon_pocket{
	background:url(../images/index_icon03.gif) no-repeat;
}
ul.news_list li.icon_hop{
	background:url(../images/index_icon04.gif) no-repeat;
}
ul.news_list li.icon_step{
	background:url(../images/index_icon05.gif) no-repeat;
}
ul.news_list li.icon_j{
	background:url(../images/index_icon06.gif) no-repeat;
}
ul.news_list li.icon_s{
	background:url(../images/index_icon07.gif) no-repeat;
}
ul.news_list li.icon_petit_f{
	background:url(../images/index_icon08.gif) no-repeat;
}


/* center bottom banner */

#maincontents ul.bannerback{
margin-top:10px;
margin-left:10px;
padding:10px 0 0 0;
}

#maincontents ul li.banner{
	float:left;
}

#maincontents ul li.banner-non{
	float:left;
}

#maincontents ul li.banner a {
	margin: 5px 6px 0 0;
	padding: 0px;
}

#maincontents ul li.banner-none a {
	margin: 5px 6px 0 0;
	padding: 0px;
}


#maincontents ul li.banner a img {
	border: #898174 1px solid;
	height: 36px;
	width: 159px;
}

#maincontents ul li.banner-none a img {
	height: 38px;
	width: 161px;
}

#maincontents ul li.banner-last{
	float:left;
}

#maincontents ul li.banner-last a {
	display:block;
	width:142px;
	height:40px;
	margin:5px 5px 20px 0;
	padding:0px;
	text-indent:-9999px;
	text-decoration:none;
}

#maincontents ul li.banner a.banner01 {
	background:url("../images/index_banner01.gif") no-repeat;
}

#maincontents ul li.banner a.banner01:hover {
	background:url("../images/index_banner01.gif") no-repeat;
}

#maincontents ul li.banner a.banner02 {
	background:url("../images/index_banner02.gif") no-repeat;
}

#maincontents ul li.banner a.banner02:hover {
	background:url("../images/index_banner02.gif") no-repeat;
}

#maincontents ul li.banner a.banner03 {
	background:url("../images/index_banner03.gif") no-repeat;
}

#maincontents ul li.banner a.banner03:hover {
	background:url("../images/index_banner03.gif") no-repeat;
}

#maincontents ul li.banner a.banner04 {
	background:url("../images/index_banner04.gif") no-repeat;
}

#maincontents ul li.banner a.banner04:hover {
	background:url("../images/index_banner04.gif") no-repeat;
}

#maincontents ul li.banner a.banner05 {
	background:url("../images/index_banner05.gif") no-repeat;
}

#maincontents ul li.banner a.banner05:hover {
	background:url("../images/index_banner05.gif") no-repeat;
}

#maincontents ul li.banner a.banner06 {
	background:url("../images/index_banner06.gif") no-repeat;
}

#maincontents ul li.banner a.banner06:hover {
	background:url("../images/index_banner06.gif") no-repeat;
}

#maincontents ul li.banner a.banner07 {
	background:url("../images/index_banner07.gif") no-repeat;
}

#maincontents ul li.banner a.banner07:hover {
	background:url("../images/index_banner07.gif") no-repeat;
}

#maincontents ul li.banner a.banner08 {
	background:url("../images/index_banner08.gif") no-repeat;
}

#maincontents ul li.banner a.banner08:hover {
	background:url("../images/index_banner08.gif") no-repeat;
}

#maincontents ul li.banner a.banner09 {
	background:url("../images/index_banner09.gif") no-repeat;
}
#maincontents ul li.banner a.banner09:hover {
	background:url("../images/index_banner09.gif") no-repeat;
}

#maincontents ul li.banner a.banner10 {
	background:url("../images/index_banner10.gif") no-repeat;
}

#maincontents ul li.banner a.banner10:hover {
	background:url("../images/index_banner10.gif") no-repeat;
}


#maincontents ul li.banner-none{
	float:left;
}


/* right area */

.spot_banner{
	margin:-5px 0 10px;
}
.spot_banner a.cm_banner{
	display:block;
	width:190px;
	height:49px;
	text-indent:-9999px;
	background:url(../images/cm_banner.gif) no-repeat 0 0;
}
.spot_banner a.cm_banner:hover{
	background:url(../images/cm_banner.gif) no-repeat 0 -49px;
}

.border_box{
	width:190px;
	margin-bottom:15px;
	padding-bottom:2px;
	background:url(../images/border_box_bg.gif) no-repeat bottom;
}
.border_box ul.cmpgn_list{
	margin:0 5px;
}
.border_box ul.cmpgn_list li{
	margin:0 0 2px;
}
.border_box h3.cmpgn_ttl{
	width:190px;
	height:25px;
	margin-bottom:5px;
	text-indent:-9999px;
	background:url(../images/cmpgn_ttl.gif) no-repeat;
}
.border_box h3.ranking_ttl{
	/*width:190px;*/
	/*height:25px;*/
	margin-bottom:0px;
	text-indent:-9999px;
	font-size:0px;
	/*background:url(../images/ranking_ttl.gif) no-repeat;*/
}
.border_box h4.ranking_subt{
	display:block;
	width:190px;
	height:110px;
	margin-bottom:5px;
	text-indent:-9999px;
	background:url(../images/ranking_subt.gif) no-repeat;
}
.border_box h4.ranking_subt a{
	display:block;
	width:190px;
	height:110px;
}


ul.ranking_list{
	width:171px;
}
ul.ranking_list li{
	width:171px;
	min-height:50px;
	border-bottom:1px dotted #B2B2B2;
	margin:0 9px 10px 10px;
	padding-bottom:5px;
}
ul.ranking_list li a{
	display:block;
	padding-top:20px;
	font-size:12px;
	line-height:1.1em;
}
ul.ranking_list li a img{
	float:left;
	margin:-20px 10px 12px 0;
}
ul.ranking_list li.ranking1{
	background:url(../images/ranking01_bg.gif) no-repeat 60px 0;
}
ul.ranking_list li.ranking2{
	background:url(../images/ranking02_bg.gif) no-repeat 60px 0;
}
ul.ranking_list li.ranking3{
	background:url(../images/ranking03_bg.gif) no-repeat 60px 0;
}
ul.ranking_list li.ranking4{
	background:url(../images/ranking04_bg.gif) no-repeat 60px 0;
}
ul.ranking_list li.ranking5{
	background:url(../images/ranking05_bg.gif) no-repeat 60px 0;
	border-bottom:1px solid #B2B2B2;
}
ul.ranking_list li.rcmnd{
	background:url(../images/rankingrec_bg.gif) no-repeat 60px 0;
	border-bottom:none;
}

ul.text_link{
	margin:0 0 5px;
} 
ul.text_link li{
	margin:0 0 5px 12px;
	padding-left:14px;
	font-size:12px;
	line-height:1.2em;
	background:url(../images/wht_list_arw.gif) no-repeat left center;
} 

ul.top_link{
	margin-bottom: 15px;
} 
ul.top_link li{
	margin:2px 50px 2px 0;
	float: left;
	padding-left:14px;
	font-size:12px;
	line-height:1.2em;
	background:url(../images/wht_list_arw.gif) no-repeat left center;
} 

ul.other_link{
	margin:8px 0;
} 
ul.other_link li{
	margin:2px 0 2px 0;
	padding-left:14px;
	font-size:12px;
	line-height:1.2em;
	background:url(../images/wht_list_arw.gif) no-repeat left center;
} 

ul.privacy_link{
	margin:0 0 5px;
} 
ul.privacy_link li{
	margin:2px 0 2px 0;
	padding-left:14px;
	font-size:11px;
	line-height:1.2em;
	background:url(../common/images/icn-arrow-blue.gif) no-repeat left center;
} 

.privacy{
	width:auto;
	padding:5px;
	margin-top:40px;
}

.privacy p{
	padding-left:10px ;
	width:auto;
	font-size:10px;
	color:#666666;
	line-height:1.4em;
}



.clear {
	height: 20px;
	clear: both;
}




/* baby.html */

/* 5year */
.baby-select_area{
	position: relative;
	width:690px;
	height: 230px;
	margin: 10px 0 10px 0;
	background:url(/images/baby-select_bg.gif) bottom no-repeat !important;
	text-align: center;
}

.baby-select{
	position: relative;
	width:690px;
	height: 230px;
	margin:0;
	padding: 0;
	text-align: center;
}
.baby-select h3{
	width:690px;
	height:40px;
	text-indent:-9999px;
	background:url(/images/baby-select_h3.gif) no-repeat;
}
.baby-select div.select_area{
	width:440px;
	height:16px;
	padding: 10px 0 10px 150px;
}
.baby-select div.select_area form{
	margin:0 auto;
	padding:0;
}
.baby-select div.select_area select.b_year{
	float:left;
	width:160px;
	font-size:18px;
	letter-spacing: 0.06em;
	line-height: 18px;
	margin-bottom:2px;
}
.baby-select div.select_area select.b_month{
	float:left;
	width:45px;
	font-size:18px;
	letter-spacing: 0.06em;
	line-height: 18px;
	margin-left:1px;
}
.baby-select div.select_area select.b_day{
	float:left;
	width:45px;
	font-size:18px;
	letter-spacing: 0.06em;
	line-height: 18px;
	margin-left:9px;
}
.baby-select div.select_area span{
	float:left;
	display:block;
	width:18px;
	height:19px;
	margin:2px 12px;;
	text-indent:-9999px;
}
.baby-select div.select_area span.b_year_txt{
	margin-bottom:3px;
	background:url(/images/baby-select_year.gif) no-repeat;
}
.baby-select div.select_area span.b_month_txt{
	margin-bottom:3px;
	background:url(/images/baby-select_month.gif) no-repeat;
}
.baby-select div.select_area span.b_day_txt{
	margin-bottom:3px;
	background:url(/images/baby-select_day.gif) no-repeat;
}
.baby-select div.btn_area{
	clear: both;
	text-align: center;
	width:420px;
	height:62px;
	padding: 10px 0 20px 130px !important;
	padding-bottom: 10px;
}
.baby-select div.btn_area input.submit_btn{
	background:url(/images/baby-select_btn.gif) no-repeat 0 0;
	width:420px;
	height:62px;
	margin-bottom:0px;
	border:0px;
	cursor:pointer;
	line-height:1em;
	color:#FFFFFF;
}
.baby-select div.btn_area input.submit_btn:hover{
	background:url(/images/baby-select_btn.gif) no-repeat 0 -62px;
}


.lock	{
	position:static;
}
.yure	{
	position:static;
}