/***********************

--- css menu list ---
	1 : main layout box
	2 : h1 header lauout
	3 : h2 layout
	4 : h3 layout
	5 : menu layout
	6 : bread menu
	7 : contents layout box
	8 : contents left layout box
	9 : contents right layout box
	10 : contents left box (in contents box)
	11 : contents left box menu
	12 : menu image btn
	13 : site map link (not use)
	14 : contents right box 
	15 : etc

---------------------

2008/04/10 Ver.1.0
produce by yamaguchi

***********************/
/* 1 : main layout box */
#main_box {
	background-color:#f2f2f2;
	height:100%;
	margin:0 auto;
	padding:0;
	width:750px;
}

	/* IE6 start */
* html #containerEditor {
	text-align:center;
}
* html #main_box {
	width:751px;
	text-align:left;
}
	/* IE6 end */

/* 2 : h1 header lauout */
h1 #header_box {
	height:80px;
	margin:0;
	padding:0;
	width:750px;
}
* html #main_box h1 {
	margin:0 !important;
	padding:0 !important;
}
/* 3 : h2 layout */
.title1 {
	background-image:url(/kanto/shared/kids/img/contents_title1.gif);
	background-repeat:no-repeat;
	background-position:0 30px;
	font-weight:bold;
	font-size:140%;
	padding:5px 5px 15px 10px;
	margin:0 0 5px 0;
}

/* 4 : h3 layout */
.title2 {
	background-image:url(/kanto/shared/kids/img/contents_title2.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:130%;
	padding:5px 5px 5px 10px;
	margin:20px 0 0 0;
}

/* 5 : menu layout */
#menu_box {
	height:70px;
	padding:0;
	margin:0;
	width:750px;
}
#main_box ul {
	margin:0;
	padding:0;
}
#main_box li {
	margin:0;
	padding:0;
	display: inline; /* IE7 menu layout */
}

	/* IE6 start */
* html #menu_box {
	font-size:0;
	line-height:0;
	width:751px;
}
	/* IE6 end */

#menu_box li a {
	float:left;
	height:70px;
	padding:0;
	margin:0;
	width:125px;
}
#menu_box li a {
	text-indent:-9999px;
	text-decoration: none !important;
}
.menu_home {
	background-image:url(/kanto/shared/kids/img/menu_image_home_off.gif);
	background-repeat:no-repeat;
}
.menu1 {
	background-image:url(/kanto/shared/kids/img/menu_image_1_off.gif);
	background-repeat:no-repeat;
}
.menu2 {
	background-image:url(/kanto/shared/kids/img/menu_image_2_off.gif);
	background-repeat:no-repeat;
}
.menu3 {
	background-image:url(/kanto/shared/kids/img/menu_image_3_off.gif);
	background-repeat:no-repeat;
}
.menu4 {
	background-image:url(/kanto/shared/kids/img/menu_image_4_off.gif);
	background-repeat:no-repeat;
}
.menu5 {
	background-image:url(/kanto/shared/kids/img/menu_image_5_off.gif);
	background-repeat:no-repeat;
}
.menu_home_on a:hover {
	background-image:url(/kanto/shared/kids/img/menu_image_home_on.gif);
	background-repeat:no-repeat;
}
.menu1_on a:hover {
	background-image:url(/kanto/shared/kids/img/menu_image_1_on.gif);
	background-repeat:no-repeat;
}
.menu2_on a:hover {
	background-image:url(/kanto/shared/kids/img/menu_image_2_on.gif);
	background-repeat:no-repeat;
}
.menu3_on a:hover {
	background-image:url(/kanto/shared/kids/img/menu_image_3_on.gif);
	background-repeat:no-repeat;
}
.menu4_on a:hover {
	background-image:url(/kanto/shared/kids/img/menu_image_4_on.gif);
	background-repeat:no-repeat;
}
.menu5_on a:hover {
	background-image:url(/kanto/shared/kids/img/menu_image_5_on.gif);
	background-repeat:no-repeat;
}

/* 6 : bread menu */
#pan_menu_box {
	font-size:1em;
	margin:0;
	padding:0 0 0 15px;
	height:22px;
	width:735px;
}

/* 7 : contents layout box */
#contents_box {
	height:100%;
	margin:0;
	padding:0;
	width:750px;
}

/* 8 : contents left layout box */
#contents_left_box {
	background-color:#f2f2f2;
	height:100%;
	float:left;
	margin:0;
	padding:0 0 0 10px;
	width:182px;
}

/* 9 : contents right layout box */
#contents_right_box {
	background-color:#f2f2f2;
	height:100%;
	margin:0 0 0 192px;
	padding:0;
	width:546px;
}
#contents_right_box_top {
	background-image:url(/kanto/shared/kids/img/contents_back_top.gif);
	background-repeat:no-repeat;
	height:20px;
	width:546px;
}
#contents_right_box_middle {
	background-image:url(/kanto/shared/kids/img/contents_back_middle.gif);
	background-repeat:repeat-y;
	background-color: #aaa;
	height:100%;
	min-height:650px;
	padding:0 10px;
	margin:0;
	width:526px;
}
	/* index.html only layout css */
#contents_right_box_middle1 {
	background-image:url(/kanto/shared/kids/img/contents_back_middle.gif);
	background-repeat:repeat-y;
	background-color: #aaa;
	height:100%;
	min-height:450px;
	padding:0 10px;
	margin:0;
	width:526px;
}

	/* IE6 start */
* html #contents_right_box_middle {
	width:546px;
}
* html #contents_right_box_middle1 {
	height:450px;
	width:546px;
}
* html #contents_right_box_middle2 {
	width:546px;
}
	/* IE6 end */

/* 10 : contents left box (in contents box) */
#left_menu_box {
	margin:0;
	padding:0;
	width:175px;
}

/* 11 : contents left box menu */
#menu_back_top {
	background-image:url(/kanto/shared/kids/img/hierarchy_right_top.gif);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}
#menu_back_middle {
	background-image:url(/kanto/shared/kids/img/hierarchy_right_middle.gif);
	background-repeat:repeat-y;
}
#menu_back_bottom {
	background-image:url(/kanto/shared/kids/img/hierarchy_right_bottom.gif);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}
#menu_back_middle dl {
	font-size:14px;
	margin:0 0 0 5px;
	padding:0;
	width:157px;
}
#menu_back_middle dt {
	background-image:url(/kanto/shared/kids/img/hierarchy_right_menu_title.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	padding:5px;
	width:152px;
}

	/* IE6 start */
* html #menu_back_middle dt {
	width:162px;
}
	/* IE6 end */

#menu_back_middle dd {
	background-image:url(/kanto/shared/kids/img/marker_orenge_ya.gif);
	background-repeat:no-repeat;
	background-position: 0 5px;
	border-bottom: 1px dotted #000;
	margin:5px 0 0 10px;
	padding:0 0 5px 10px;
}

/* 12 : menu image btn */
.btn1 {
	margin-bottom:10px;
}
.btn2 {
	margin-bottom:20px;
}
.btn3 {
	margin-top:10px;
	margin-bottom:4px;
}
.btn4 {
	margin-bottom:10px;
}

/* 13 : site map link (not use) */
#contents_left_box .site_map {
	background-image:url(/kanto/shared/kids/img/marker_green_ya.gif);
	background-repeat:no-repeat;
	padding-left:14px;
}

/* 14 : contents right box  */
#contents_right_box_middle .txt1 {
	font-size:120%;
	padding:0 20px;
	margin:0;
}
	/* index.html only layout css */
#contents_right_box_middle1 .txt1 {
	font-size:120%;
	padding:0 20px;
	margin:0;
}

#contents_right_box_middle .txt2 {
	background-image:url(/kanto/shared/kids/img/marker_orenge_ya.gif);
	background-repeat:no-repeat;
	background-position:10px 5px;
	font-size:120%;
	padding:0 20px;
	margin:0;
}
	/* index.html only layout css */
#contents_right_box_middle1 .txt2 {
	background-image:url(/kanto/shared/kids/img/marker_orenge_ya.gif);
	background-repeat:no-repeat;
	background-position:10px 5px;
	font-size:120%;
	padding:0 20px;
	margin:0;
}
#contents_right_box_middle .txt3 {
	padding:20px 20px 20px 40px;
	font-size:120%;
	margin:0;
}
	/* Top Page setting */
	/* Flash */
#flash_box {
	height:auto;
	padding:20px 0;
	margin:0 0 0 15px;
	width:490px;
}

#txt_mark_top {
	background-image:url(/kanto/shared/kids/img/text_mark_top.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:26px;
	padding:0;
	margin:0;
	width:520px;
}
#txt_mark_bottom {
	background-image:url(/kanto/shared/kids/img/text_mark_bottom.gif);
	background-repeat:no-repeat;
	background-position:top right;
	height:26px;
	padding:0;
	margin:0;
	width:520px;
}
	/* character button */
#index_btn_box {
	height:120px;
	padding:0;
	margin:10px 0 0 0;
	width:520px;
}
#topside_btn {
	height:56px;
	padding:0;
	margin:0;
	width:176px;
}
#koma_image {
	background-image:url(/kanto/shared/kids/img/koma_mark.gif);
	background-repeat:no-repeat;
	float:right;
	height:52px;
	padding:0;
	margin:60px 0 0 0;
	width:185px;
}
#char_btn a {
	background-image:url(/kanto/shared/kids/img/index_chra_btn.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
	display:block;
	height:96px;
	padding:0;
	margin:0 0 0 20px;
	text-indent:-9999px;
	text-decoration:none !important;
	width:196px;
}
#char_btn a:hover {
	background-position:top center;
}

#contents_right_box_middle p {
	line-height:160%;
}
	/* index.html only layout css */
#contents_right_box_middle1 p {
	line-height:160%;
}
	/* koma,daiti,nana kaiwa setting */
.kaiwa_box {
	margin:10px auto;
	width:98%;
}
.kaiwa_left {
	width:15%;
}
.kaiwa_left1 {
	width:25%;
}
.kaiwa_right {
	font-size:120%;
	width:83%;
}
.kaiwa_right1 {
	font-size:120%;
	width:73%;
}
	/* advance or back button */
#btn_box {
	height:102px;
	padding:30px 0;
	width:100%;
}
#btn_box .btn5 {
	margin-left:96px;
}
#btn_box .btn6 {
	margin-left:121px;
}
.single_btn {
	display:block;
	height:102px;
	margin:0 auto;
	width:105px;
}
	/* IE6 start */
* html .single_btn {
	text-align:center;
}
	/* IE6 end */
	/* contents link setting */
.link_box {
	height:auto;
	padding:0;
	margin:20px 0 20px 30px;
	width:90%;
}
.link_title {
	border-left:1em solid #ff6600;
	font-weight:bold;
	padding-left:0.5em;
}
.link_url {
	padding:0 0 0 1.5em;
	margin:0;
}
	/* Remarks setting */
.exp_txt {
	border:1px dotted #aaa;
	font-size:1em;
	padding:1em;
	margin:10px auto 0 auto;
	width:90%;
}
	/* IE6 start */
* html .exp_txt {
	font-size:1em;
	margin-left:20px;
}
* html .exp_txt span {
	font-size:0.85em;
}
	/* IE6 end */
.txt_box1 {
	border:1px dotted #333;
	height:auto;
	padding:0.5em;
	margin:20px 0 0 40px;
	width:20em;
}
	/* images setting 1 */
.img_box img {
	display:block;
	margin:20px auto;
}
	/* IE6 start */
* html .ie6_ma1 {
	margin-left:10px;
}
* html .ie6_ma2 {
	margin-left:20px;
}
* html .ie6_ma3 {
	margin-left:30px;
}
* html .ie6_ma4 {
	margin-left:40px;
}
* html .ie6_ma11 {
	margin-left:110px;
}
	/* IE6 end */
	/* images setting 2 */
.img_box1 {
	margin:10px auto;
	width:250px;
}
	/* IE6 start */
* html .img_box1 img {
	margin-left:140px;
}
	/* IE6 end */
.img_box2 {
	margin:10px auto;
	width:444px;
}
	/* IE6 start */
* html .img_box2 img {
	margin-left:38px;
}
	/* IE6 end */
.message_box {
	font-size:120%;
	height:auto;
	width:500px;
}
.message_box .txt1 {
	font-size:100% !important;
}
.message_box .link_box {
	font-size:100% !important;
}

.message_box ul li {
	display:block !important;
	padding-left:10px !important;
}
.message_box .list2 {
	margin:10px 0 !important;
}
	/* images setting 3 */
.imglayout_box1 {
	height:auto;
	margin:20px auto;
	width:100%;
}
.imglayout_left_box1 {
	float:left;
	height:auto;
	width:55%;
}
.imglayout_left_box1 p {
	font-size:120%;
}
.imglayout_right_box1 {
	float:right;
	height:auto;
	width:40%;
}
.imglayout_box1 .kaiwa_left img {
	margin-right:10px;
}
	/* prefecture page setting */
.layout_box1 {
	height:auto;
	min-height: 70px;
	padding:0 0 10px 0;
	margin:10px 0 0 10px;
	width:510px;
}
.layout_box1_left {
	float:left;
	height:auto;
	padding:0;
	margin:0;
	width:100px;
}
.layout_box1_right {
	float:right;
	height:auto;
	padding:0;
	margin:0;
	width:410px;
}
.layout_box1:after {
	content : "";
	display : block;
	height : 0;
	clear : right;
}
	/* unknown */
.layout_box2 {
	height:auto;
	min-height:220px;
	padding:0;
	margin:10px 0 0 25px;
	width:470px;
}
.layout_box2_left {
	float:left;
	height:auto;
	padding:0;
	margin:0;
	width:240px;
}
.layout_box2_right {
	float:right;
	height:auto;
	padding:0;
	margin:0;
	width:220px;
}
.layout_box2:after {
	content : "";
	display : block;
	height : 0;
	clear : right;
}
	/* images setting 4 */
.map_img {
	display:block;
	margin:10px auto;
	width:360px;
}
	/* IE6 start */
* html .map_img {
	margin-left:85px;
}
	/* IE6 end */
	/* images setting 5 */
.map_img2 {
	display:block;
	margin:10px auto;
	width:448px;
}
	/* IE6 start */
* html .map_img2 {
	margin-left:37px;
}
	/* IE6 end */
	/* images setting 6 */
.map_img3 {
	display:block;
	margin:10px auto;
	width:255px;
}
	/* IE6 start */
* html .map_img3 {
	margin-left:138px;
}
	/* IE6 end */
	/* images setting 7 */
.photo_img1 {
	display:block;
	margin:10px auto;
	width:300px;
}
	/* IE6 start */
* html .photo_img1 {
	margin-left:110px;
}
	/* IE6 end */
	/* images setting 8 */
.photo_img2 {
	display:block;
	margin:10px auto;
	width:360px;
}
	/* IE6 start */
* html .photo_img2 {
	margin-left:80px;
}
	/* IE6 end */

.message_box .link_box {
	font-size:80% !important;
}

	/* quiz page */
#quiz_kaitou {
	border:1px dotted #bfbf00;
	font-size:120%;
	height:auto;
	padding:20px 0 20px 20px;
	margin:20px auto 0 auto;
	width:440px;
}
#quiz_kaitou li {
	display:block !important;
	line-height:1.8em;
}

* html #quiz_kaitou li {
	list-style-type: none !important;
}
*:first-child+html #quiz_kaitou li {
	list-style-type: none !important;
}
#quiz_btn_box {
	height:88px;
	padding:40px 0 0 0;
	margin:0;
	width:520px;
}
#quiz_btn_box ul {
	margin:0;
	padding:0;
}
#quiz_btn_box li {
	margin:0;
	padding:0;
	display: inline; /* IE7 menu layout */
}

#quiz_btn_box li a {
	float:left;
	height:88px;
	padding:0;
	margin:0;
	width:148px;
}
#quiz_btn_box li a {
	text-indent:-9999px;
}
#quiz_btn_box li a:hover {
	background-position:bottom center;
}
#quiz_btn_box .quiz_menu1 {
	background-image:url(/kanto/shared/kids/quiz/img/quiz_btn1.gif);
	background-repeat:no-repeat;
	background-position:top center;
	margin:0 20px;
}
#quiz_btn_box .quiz_menu2 {
	background-image:url(/kanto/shared/kids/quiz/img/quiz_btn2.gif);
	background-repeat:no-repeat;
	background-position:top center;
	margin-right:20px;
}
#quiz_btn_box .quiz_menu3 {
	background-image:url(/kanto/shared/kids/quiz/img/quiz_btn3.gif);
	background-repeat:no-repeat;
	background-position:top center;
}
#quiz_seikai_txtbox {
	background-image:url(/kanto/shared/kids/quiz/img/quiz_seikai_image.gif);
	background-repeat:no-repeat;
	font-size:120%;
	height:129px;
	width:520px;
}
#quiz_seikai_txtbox p {
	padding:60px 0 0 20px;
	width:330px;
}
#quiz_fuseikai_txtbox {
	background-image:url(/kanto/shared/kids/quiz/img/quiz_fuseikai_image.gif);
	background-repeat:no-repeat;
	height:129px;
	width:520px;
}
#quiz_start_txtbox {
	background-image:url(/kanto/shared/kids/quiz/img/quiz_start_image.gif);
	background-repeat:no-repeat;
	height:129px;
	width:520px;
}
#quiz_goal_txtbox {
	background-image:url(/kanto/shared/kids/quiz/img/quiz_goal_image.gif);
	background-repeat:no-repeat;
	height:129px;
	width:520px;
}
/* 15 : etc */
.cl {
	clear:both;
	font-size:0;
	line-height:0;
}
.line1 {
	border-bottom:1px dotted #333;
	padding-top:20px;
}
	/* IE6 start */
* html .line1 {
	padding-top:0;
}
	/* IE6 end */
.ma {
	margin-top:10px;
}
.ml10 {
	margin-left:10px;
}
.pl10 {
	padding-left:10px;
}
.pl100 {
	padding-left:100px;
}
.mt10 {
	margin-top:10px;
}
.mb20 {
	margin-bottom:20px;
}
.color1 {
	color: #ff0000;
}
.txt_in1 {
	text-indent:1em;
}
.line_box {
	border:3px double #999;
	height:auto;
	padding:5px;
	margin:10px auto;
	width:500px;
}
	/* IE6 start */
* html .line_box {
	margin-left:8px;
	width:510px;
}
	/* IE6 end */


/* CMS対応用 */
	/* タイトル表示修正 */
h1 {
	border:none;
	padding:0;
	margin:0;
}
h2,h3 {
	border:none;
	background-color: #fff;
	background-repeat: no-repeat;
}
	/* Flashプラグイン表示修正 */
#CNTplugin p {
    font-size:14px !important;
    line-height:18px !important;
}

/**/
.tableBox {
	margin-top:20px;
}
.tableBox,.tableBox2 h4 {
	text-align:center;
	padding-bottom:10px !important;
}
.tableBox h4.title {
	border-left:1.2em solid #ff6600;
	font-size:110%;
	margin:0 0 20px 20px;
	padding-left:0.5em;
	text-align:left;
}

.tableBox table {
	margin:0 auto;
	width:400px;
}
.tableBox .cap {
	text-align:center !important;
}
.tableBox .img_box img {
	margin-top:0 !important;
	margin-bottom:0 !important;
}
.tableBox dl,dt,dd {
	margin:0;
	padding:0;
}
.tableBox .leftBox,.rightBox {
	float:left;
	margin:0 0 20px 40px;
	width:200px;
}

.tableBox dl {
	border:1px dotted #666;
	margin-bottom:10px;
}
.tableBox dt {
	text-align:center;
}
.tableBox dd {
	text-align:left;
	padding:2px 5px;
}
.tableBox dl .col01 {
	background-color:#ccffcc;
}
.tableBox dl .col02 {
	background-color:#ffcc99;
}
.tableBox dl .col03 {
	background-color:#ffff99;
}

* html .tableBox {
}
* html .tableBox table {
}

.tableBox2 table {
	text-align:center;
}
.tableBox2 .cap {
	text-align:center !important;
}
.tableBox2 .cap2 {
	text-align:left !important;
}
