﻿@charset "utf-8";

/*------------------------------------------------
	/kids/ styles
--------------------------------------------------*/
#global_menu{
	background: url(/resource/ki_gm_bg01.gif) left bottom repeat-x;
}
#global_menu div{
	background: url(/resource/ki_gm_bg02.gif) center bottom no-repeat;
}
#global_menu div ul li#gm_kids a:link,
#global_menu div ul li#gm_kids a:visited{
	background: url(/resource/gm_kids.gif) left -70px no-repeat;
}
#global_menu div ul li#gm_kids a:hover,
#global_menu div ul li#gm_kids a:active{
	background: url(/resource/gm_kids.gif) left -70px no-repeat;
}
#contents_area{
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(/resource/ki_bg_main.gif) center top repeat-x;
}
@media print {
	#contents_area{
		background: none;
		border-top: 4px solid #abcd03;
	}
}
#left_menu ul li a.lm_act:link,
#left_menu ul li a.lm_act:visited,
#left_menu ul li a.lm_act:hover,
#left_menu ul li a.lm_act:active{
	background: #6e8632;
}
#left_menu ul li  ul li a.lm_act:link,
#left_menu ul li  ul li a.lm_act:visited,
#left_menu ul li  ul li a.lm_act:hover,
#left_menu ul li  ul li a.lm_act:active{
	background: #6e8632;
}
#navi_block .page_navi li span.pn_act{
	background: #6e8632;
}
.subhead01_1 span{
	border-left: 7px solid #abcd03;
}
.subhead01_2{
	clear: both;
	margin: 0px 0px 15px 0px;
	font-weight: bold;
	font-size: 140%;
	background: url(/resource/ki_fra_subhead01_2_foot.gif) left bottom no-repeat;
}
.subhead01_2 span{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 27px;
	line-height: 1.3em;
	font-size: 110%;
	background: url(/resource/ki_fra_subhead01_2_head.gif) left top no-repeat;
}
.subhead01_2 span img{
	margin: 0px 5px 0px 0px;
	vertical-align: bottom;
}
.subhead02_1{
	clear: both;
	margin: 15px 0px 10px 0px;
	padding: 0px 0px 6px 6px;
	border-bottom: 1px solid #cccccc;
}
.subhead02_1 span{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	line-height: 1.3em;
	font-weight: bold;
	font-size: 130%;
	border-left: 6px solid #ff9900;
}
#lead_block p.text01{
	font-size: 120%;
}
div.news_block02 .news_subhead_block{
	background: url(/resource/ki_bg_main.gif) left top repeat-x;
}



/*------------------------------------------------
	/kids/ pagetitle styles
--------------------------------------------------*/
#contents_area div#pagetitle{
	background: url(/resource/kids/ki_tit_01.jpg) left top no-repeat;
}
#contents_area h1.pagetitle_dir3{
	background: #fafafa url(/resource/ki_fra_pagetitle_foot.gif) left bottom no-repeat;
}
#contents_area h1.pagetitle_dir3 span{
	display: block;
	width: 760px;
	min-height: 70px;
	height: auto !important;
	height: 70px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(/resource/kids/ki_tit_02.jpg) left top no-repeat;
	border: none;
}
#contents_area h1.pagetitle_dir3 span span{
	display: block;
	width: 760px;
	min-height: 1px;
	height: auto !important;
	height: 1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: none;
	border: none;
}
#contents_area h1.pagetitle_dir3 span span #pagetitle_p{
	width: 500px;
	min-height: 1px;
	height: auto !important;
	height: 1px;
	padding: 37px 250px 7px 17px;
	line-height: 1.1em;
}
h1#pagetitle{
	background: url(/resource/ki_fra_pagetitle_foot.gif) left bottom no-repeat;
}



/*------------------------------------------------
	/kids/ main contents styles
--------------------------------------------------*/
/* contents_block */
#honbun_block .contents_block{
	width: 570px;
}
#honbun_block .contents_block .img_list_2column,
#honbun_block .contents_block .img_list_3column{
	margin: 0px 0px 15px 28px;
}
#honbun_block .contents_block .contents01{
	font-size: 120%;
}



/*---------- category_top ----------*/
/* link_block */
.category_top #link_block{
	width: 760px;
	overflow: hidden;
	font-size: 120%;
	margin: 0px 0px 40px 0px;
}
.category_top #link_block div{
	margin: 0px -14px 10px 0px;
	width:774px;
}

/* m_category_block */
.category_top #link_block div div.m_category_block{
	margin: 0px 14px 0px 0px;
	width: 373px;
	overflow: hidden;
	float: left;
}
.category_top #link_block div.m_category div.m_category_block .subhead_indexmenu{
	margin: 0px 0px 7px 0px;
}
.category_top #link_block div.m_category div.m_category_block div.contents01{
	width: 363px;
	margin: 0px 0px 0px 10px;
}
.category_top #link_block div.m_category div.m_category_block div.contents01 div.column01_left{
	margin: 0px 0px 0px 0px;
	width: 231px;
	float: left;
}
.category_top #link_block div.m_category div.m_category_block div.contents01 div.column01_right{
	margin: 0px 8px 0px 0px;
	width: 105px;
	float: right;
}
.category_top #link_block div.m_category div.m_category_block div.contents01 div.img01{
	width: 105px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}
/*---------- /category_top ----------*/


/*---------- index_contents ----------*/
.index_contents{
	font-size: 120%;
}
/* lead_block */
.index_contents #lead_block {
	margin: 0px 0px 45px 0px;
}
.index_contents #lead_block p.text01{
	margin: 0px 0px 0px 13px;
	font-size: 100%;
}
.index_contents #lead_block div.img01{
	margin: 20px 0px 0px 13px;
}
.index_contents div.img02{
	width: 570px;
	margin: 0px 0px 36px 0px;
}
/* category_block */
.index_contents #honbun_block .category_block{
	margin: 0px 0px 25px 0px;
}
/* contents01 */
.index_contents #honbun_block .category_block .contents01 p.text01 {
	margin: 0px 0px 0px 0px;
}
.index_contents #honbun_block .link_block .contents01 p.text01 {
	margin: 0px 0px 5px 0px;
}
.index_contents #honbun_block .link_block .contents01 div.menu_link ul{
	margin: 0px 0px 13px 10px;
}
/* link_block */
.index_contents #honbun_block .link_block{
	margin: 0px 0px 40px 0px;
}
.index_contents #honbun_block .link_block p.text01{
	margin: 0px 0px 9px 0px;
}
.index_contents #honbun_block .link_block .img_contents01{
	margin: 0px 0px 0px 13px;
}
.index_contents #honbun_block .link_block .img_contents01 .menu_link{
	width: 311px;
}
.index_contents #honbun_block .link_block .img_contents01 .sitelink_block{
	margin: 0px 0px 0px 0px;
}
.index_contents #honbun_block .link_block .img_contents01 .sitelink_block div{
	margin: 10px 10px 0px 10px;
	border: none;
}
.index_contents #honbun_block .link_block .img_contents01 .sitelink_block div ul li{
	padding: 0px 0px 0px 0px;
	text-align: right;
	background: none;
}
.index_contents #honbun_block .link_block .img_contents01 .sitelink_block div ul li a img{
	margin: 0px 5px 0px 0px;
	vertical-align: middle;
}
/* sitelink block */
.index_contents #honbun_block .sitelink_block{
	margin: 0px 10px 0px 10px;
}
.index_contents #honbun_block .sitelink_block div{
	border: 1px solid #cccccc;
}
.index_contents #honbun_block .sitelink_block div div{
	margin: 7px 7px 0px 7px;
	padding: 0px 0px 7px 0px;
	border: none;
}
.index_contents #honbun_block .sitelink_block div div p.text01{
	margin: 0px 0px 0px 0px;
}
.index_contents #honbun_block .sitelink_block div div p.link01{
	margin: 0px 0px 0px 0px;
	text-align: right;
	text-indent: 0px;
}
.index_contents #honbun_block .sitelink_block div div ul{
	text-align: right;
}
.index_contents #honbun_block .sitelink_block div div ul li a img{
	margin: 0px 5px 0px 0px;
	vertical-align: middle;
}

/* img_list_2column */
.index_contents #honbun_block .img_list_2column .subhead01_2{
	clear: both;
	margin: 0px 0px 15px 0px;
	font-weight: bold;
	font-size: 140%;
	background: url(/resource/ki_fra_subhead01_2_278_foot.gif) left bottom no-repeat;
}
.index_contents #honbun_block .img_list_2column .subhead01_2 span{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 3px 7px;
	line-height: 1.3em;
	font-size: 100%;
	background: url(/resource/ki_fra_subhead01_2_278_head.gif) left top no-repeat;
}
.index_contents #honbun_block .img_list_2column .subhead01_2 span a{
	display: block;
	margin: 0px 0px 0px 31px;
	text-indent: -31px;
}
.index_contents #honbun_block .img_list_2column{
	margin: 0px 0px 30px 0px;
	width: 570px;
}
.index_contents #honbun_block .img_list_2column div{
	margin: 0px -13px 0px 0px;
	width: 583px;
}
.index_contents #honbun_block .img_list_2column div div{
	margin: 0px 13px 0px 0px;
	width: 278px;
	overflow: hidden;
}
.index_contents #honbun_block .img_list_2column div.img01{
	display: block;
	margin: 0px 0px 0px 13px;
	text-align: left;
}

/*---------- /index_contents ----------*/

/*---------- quiz contents ----------*/
.quiz_contents_kids #honbun_block div.quiz_block{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	width: 570px;
}
.quiz_contents_kids #honbun_block div.quiz_block02{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: none;
	width: 568px;
}
.quiz_contents_kids #honbun_block div.quiz_block02 .quiz_title{
	margin: 0px 0px 0px 0px;
	padding: 8px 10px 10px 10px;
	background: #ffffe9 url(/resource/l_gray01.gif) left bottom repeat-x;
	font-size: 140%;
	font-weight: bold;
}
.quiz_contents_kids #honbun_block div.quiz_block02 .quiz_title img{
	margin: 0px 5px 0px 0px;
	vertical-align: middle;
}
/* quiz_answer */
.quiz_contents_kids #honbun_block div.quiz_block02 .quiz_answer{
	width: 548px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	width: auto;
	font-size: 120%;
	font-weight: bold;
}
.quiz_contents_kids #honbun_block div.quiz_block02 .quiz_answer:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
.quiz_contents_kids #honbun_block div.quiz_block02 .quiz_answer img{
	margin: 0px 5px 0px 0px;
	width: 24px;
	float: left;
}
#contents_area .quiz_contents_kids #honbun_block div.quiz_block02 .quiz_answer ol{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 404px;
	float: left;
}
#contents_area .quiz_contents_kids #honbun_block div.quiz_block02 .quiz_answer ol li{
	margin: 0px 0px 5px 16px;
	padding: 0px 0px 0px 0px;
}
#contents_area .quiz_contents_kids #honbun_block div.quiz_block02 .quiz_answer ol li input{
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
}
.quiz_contents_kids #honbun_block .quiz_btn{
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: none;
	text-align: center;
}
.quiz_contents_kids #honbun_block .quiz_btn img{
	margin: 0px 4px 0px 3px;
	vertical-align: middle;
}
/*---------- /quiz contents ----------*/


/*---------- faq contents ----------*/
.faq_contents_kids{
	font-size: 110%;
}
/* h2 style */
.faq_contents_kids h2{
	margin: 0px 0px 18px 0px;
}
/* question_block */
.faq_contents_kids #question_block{
	margin: 0px 0px 40px 0px;
}
.faq_contents_kids #question_block ul.linklist{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}
.faq_contents_kids #question_block ul.linklist li{
	margin: 0px 0px 0px 22px;
	padding: 0px 0px 3px 0px;
	text-indent: -22px;
	list-style-type: none;
	background: none;
	line-height: 1.5em;
	font-size: 110%;
}
.faq_contents_kids #question_block ul.linklist li img{
	margin: 0px 5px 0px 0px;
	vertical-align: middle;
}
/* answer_block */
.faq_contents_kids #answer_block{
	margin: 0px 0px 0px 0px;
}
.faq_contents_kids #answer_block .qa_block{
	margin: 15px 0px 0px 10px;
}
.faq_contents_kids #answer_block .qa_block div{
	width: 552px;
	margin: 0px 0px 0px 0px;
	background: url(/resource/kids/ki_fra_ha_foot.gif) left bottom no-repeat;
}
.faq_contents_kids #answer_block .qa_block .subhead_qa{
	margin: 0px 0px 0px 0px;
	padding: 7px 10px 7px 10px;
	font-weight: bold;
	font-size: 120%;
	background: url(/resource/kids/ki_fra_ha_head.gif) left top no-repeat;
}
.faq_contents_kids #answer_block .qa_block .subhead_qa span{
	display: block;
	margin: 0px 0px 0px 31px;
	text-indent: -31px;
}
.faq_contents_kids #answer_block .qa_block .subhead_qa img,
.faq_contents_kids #answer_block .qa_block p.text01 img{
	margin: 0px 7px 0px 0px;
	vertical-align: middle;
}
.faq_contents_kids #answer_block .qa_block div div{
	margin: 0px 0px 0px 0px;
	background: url(/resource/l_gray01.gif) left top repeat-x;
}
.faq_contents_kids #answer_block .qa_block div p.text01{
	margin: 0px 0px 0px 31px;
	padding: 10px 10px 10px 10px;
	text-indent: -31px;
}
.faq_contents_kids #answer_block .qa_block p.link01{
	margin: 0px 10px 0px 0px;
	padding: 15px 0px 0px 0px;
	text-align: right;
	display: block;
}
/*---------- /faq contents----------*/

/*---------- other style ----------*/
/* column_block */
#honbun_block .contents_block div.column_block{
	width: 570px;
	margin: 35px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #cccccc;
}
#honbun_block .contents_block div.column_block .subhead_column01{
	background-color: #eeeeee;
	font-weight: bold;
	font-size: 130%;
}
#honbun_block .contents_block div.column_block .subhead_column01 span{
	padding: 8px 0px 8px 15px;
	display: block;
	border: none;
}
#honbun_block .contents_block div.column_block div.contents01{
	margin: 13px 13px 0px 13px;
	padding: 0px 0px 4px 0px;
	width: auto;
	font-size: 100%;
}
#honbun_block .contents_block div.column_block p.text01{
	margin: 0px 0px 15px 0px;
}
#honbun_block .contents_block div.column_block p.link01{
	margin: 0px 0px 15px 16px;
}
#honbun_block .contents_block div.column_block ul{
	margin: 0px 0px 13px 0px;
}
#honbun_block .contents_block div.column_block .subhead03_1{
	margin: 0px 0px 0px 0px;
}
#honbun_block .contents_block div.column_block .img_contents01{
	width: 540px;
	margin: 0px 0px 0px 0px;
}
/* column left383px right125px */
#honbun_block .contents_block div.column_block .column383_left{
	width: 383px;
	float: left;
	padding: 0px 0px 0px 0px;
	border: none;
}
#honbun_block .contents_block div.column_block .column125_right{
	width: 125px;
	float: right;
	padding: 0px 0px 0px 0px;
	border: none;
}
/* column left336px right171px */
#honbun_block .contents_block div.column_block .column336_left{
	width: 336px;
	float: left;
	padding: 0px 0px 0px 0px;
	border: none;
}
#honbun_block .contents_block div.column_block .column171_right{
	width: 171px;
	float: right;
	padding: 0px 0px 0px 0px;
	border: none;
}
/* column left299px right209px */
#honbun_block .contents_block div.column_block .column299_left{
	width: 299px;
	float: left;
	padding: 0px 0px 0px 0px;
	border: none;
}
#honbun_block .contents_block div.column_block .column209_right{
	width: 209px;
	float: right;
	padding: 0px 0px 0px 0px;
	border: none;
}
/* column left243px right265px */
#honbun_block .contents_block div.column_block .column243_left{
	width: 243px;
	float: left;
	padding: 0px 0px 0px 0px;
	border: none;
}
#honbun_block .contents_block div.column_block .column265_right{
	width: 265px;
	float: right;
	padding: 0px 0px 0px 0px;
	border: none;
}
/* column left187px right321px */
#honbun_block .contents_block div.column_block .column187_left{
	width: 187px;
	float: left;
	padding: 0px 0px 0px 0px;
	border: none;
}
#honbun_block .contents_block div.column_block .column321_right{
	width: 321px;
	float: right;
	padding: 0px 0px 0px 0px;
	border: none;
}
/* column left149px right358px */
#honbun_block .contents_block div.column_block .column149_left{
	width: 149px;
	float: left;
	padding: 0px 0px 0px 0px;
	border: none;
}
#honbun_block .contents_block div.column_block .column358_right{
	width: 358px;
	float: right;
	padding: 0px 0px 0px 0px;
	border: none;
}
/* column left125px right383px */
#honbun_block .contents_block div.column_block .column125_left{
	width: 125px;
	float: left;
	padding: 0px 0px 0px 0px;
	border: none;
}
#honbun_block .contents_block div.column_block .column383_right{
	width: 383px;
	float: right;
	padding: 0px 0px 0px 0px;
	border: none;
}
/* column left171px right336px */
#honbun_block .contents_block div.column_block .column171_left{
	width: 171px;
	float: left;
	padding: 0px 0px 0px 0px;
	border: none;
}
#honbun_block .contents_block div.column_block .column336_right{
	width: 336px;
	float: right;
	padding: 0px 0px 0px 0px;
	border: none;
}
/* column left209px right299px */
#honbun_block .contents_block div.column_block .column209_left{
	width: 209px;
	float: left;
	padding: 0px 0px 0px 0px;
	border: none;
}
#honbun_block .contents_block div.column_block .column299_right{
	width: 299px;
	float: right;
	padding: 0px 0px 0px 0px;
	border: none;
}
/* column left265px right243px */
#honbun_block .contents_block div.column_block .column265_left{
	width: 265px;
	float: left;
	padding: 0px 0px 0px 0px;
	border: none;
}
#honbun_block .contents_block div.column_block .column243_right{
	width: 243px;
	float: right;
	padding: 0px 0px 0px 0px;
	border: none;
}
/* column left321px right187px */
#honbun_block .contents_block div.column_block .column321_left{
	width: 321px;
	float: left;
	padding: 0px 0px 0px 0px;
	border: none;
}
#honbun_block .contents_block div.column_block .column187_right{
	width: 187px;
	float: right;
	padding: 0px 0px 0px 0px;
	border: none;
}
/* column left358px right149px */
#honbun_block .contents_block div.column_block .column358_left{
	width: 358px;
	float: left;
	padding: 0px 0px 0px 0px;
	border: none;
}
#honbun_block .contents_block div.column_block .column149_right{
	width: 149px;
	float: right;
	padding: 0px 0px 0px 0px;
	border: none;
}

#contents_area .movie_contents #honbun_block .caption_block{
	font-size: 120%;
}
/*---------- /other style ----------*/

