@charset "utf-8";  


/*---------------------------------*/
/* bodyの設定 */
/*---------------------------------*/






/*---------------------------------*/
/* トップページの設定 */
/*---------------------------------*/

div#top_header{
	background:url(../../images/index/bg.gif) repeat-x;
	text-align:center
	}

table#top_table td{
	vertical-align:top
	}

#top_news{
	border:2px solid #DB447C;
	background:#FAE6EE;
	padding:5px;
	margin:0 5px 10px 5px
	}
	
#top_link{
	border:2px solid #109EE7;
	background:#C4E5F9;
	padding:5px;
	margin:0 5px 10px 5px
}




/*---------------------------------*/
/* パンクズの上書き */
/*---------------------------------*/


#pankuzu {
	clear: both;
	padding: 0px;
	width:700px;
	margin:3px auto;
	text-align:left;
	}

/*---------------------------------*/
/* リンクカラー設定 */
/*---------------------------------*/
a {
	 }

a:link {
	color: #0000FF}

a:visited {
	color:#71027D}

a:active {
	color: #0066cc }

a:hover {
	color: #ff0000 }

/*---------------------------------*/
/* ページ全体のサイズ */
/*---------------------------------*/

#kids_header{
	margin-top:10px;
	background:url(../img/header/bg_header.gif) repeat-x ;
	text-align:center;
	height:108px;
	}
	

#kids{
	text-align:center
	}


.containt {
	margin:0px auto ; 
	background-color: #fff;
	text-align:left;
	width:730px ;
	}



/*---------------------------------*/
/* トップテキストボックス */
/*---------------------------------*/
.txt_top {
	color:           #000;
	font-size:        95%;
	font-family:      "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	line-height:      1.4em;
	text-decoration:  none;
	background-color: #fff;
	padding:          0 20px 4px 25px }

/*---------------------------------*/
/* 第２階層テキストボックス */
/*---------------------------------*/
.txt_2th {
	color:           #000;
	font-size:        95%;
	font-family:      "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	line-height:      1.5em;
	text-decoration:  none;
	background-color: #fff;
	padding:          2px 25px 3px }

/*---------------------------------*/
/* フッターボックス */
/*---------------------------------*/
.footer {
	color:           #000;
	font-size:        small;
	font-family:      "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	text-decoration:  none;
	background-color: #e4e4e4;
	text-align:       center;
	margin-top:       5px;
	margin-right:     15px;
	margin-left:      15px;
	padding:          3px }

/*---------------------------------*/
/* フッターコピーライトボックス */
/*---------------------------------*/
.footer_c {
	color:           #fff;
	font-size:        small;
	font-family:      "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	text-decoration:  none;
	background-color: #239733;
	text-align:       center;
	margin-right:     15px;
	margin-bottom:    15px;
	margin-left:      15px;
	padding:          5px }

/*---------------------------------*/
/* 第2階層サブタイトルH1 */
/*---------------------------------*/
h1 {
	color:              #000;
	font-size:           150%;
	font-family:         "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-weight:         bold;
	text-decoration:     none;
	background:#FFFFFF;
	background-image:url(../../images/2th_h1_bg.gif);
	background-repeat:   no-repeat;
	background-position: left center;
	margin-top:          10px;
	margin-bottom:       0;
	padding-left:        28px;
	border:none;
}
	
	

/*---------------------------------*/
/* 第2階層サブタイトルh2 （090327修正） */
/*---------------------------------*/
h2 {
	color:          #f4911f;
	font-size:       140%;
	font-family:     "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-weight:     bold;
	text-decoration: none;
	margin:          0;
	padding-top:     5px;
	padding-bottom:  0;
	padding-left:    0;
/*	background:url(../../images/2th_h1_bg.gif) ;*/
	border:none}

/*---------------------------------*/
/* 第3,4階層サブタイトルh3 */
/*---------------------------------*/
h3 {
	color:          #39f;
	font-size:       100%;
	font-family:     "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-weight:     bold;
	text-decoration: none;
	margin:          0;
	padding-top:     5px;
	padding-bottom:  0;
	padding-left:    0;
	border:none }

/*---------------------------------*/
/* 第2階層画像オレンジ枠角丸 */
/*---------------------------------*/
.img_orange {
	margin-top:  20px;
	margin-right: 10px;
	margin-left:  20px;
	width:        144px;
	float:        left }

.round-top {
	background: #f4911f url(../../images/round_t_l.gif) no-repeat left top;
	height:      6px }

.round-top span {
	background: url(../../images/round_t_r.gif) no-repeat right top;
	display:     block;
	height:      6px }

.round-bottom {
	background: #f4911f url(../../images/round_u_l.gif) no-repeat left bottom;
	height:      6px }

.round-bottom span {
	background: url(../../images/round_u_r.gif) no-repeat right bottom;
	display:     block;
	height:      6px }

.round-body {
	font:      80% / 150% CSS_PROPERTY_UNDEF;
	background: #f4911f;
	padding:    0 }

.round-body p {
	text-align: center;
	margin:      0 }





/*---------------------------------*/
/* 第2階層 カテゴリトップのレイアウト */
/*---------------------------------*/



div#illust{
	width:250px;
	float:right
	}
	


div#title{
	padding-top:10px;
	width:450px;
	float:left}
	
	div#title p{
		margin:5px 0 0 0;
		padding-left:10px;
		font-size:85%;
		line-height:140%}
	
	
	
table.index_menu{
	clear:both;
	width:700px;
	margin:auto;
	}
	table.index_menu td{
	vertical-align:top;
		}




table.index_menu img{
	margin-top:10px
	}


div#spacer{
	width:50px
	}
	
	






/*---------------------------------*/
/* 第2階層リンクボックス */
/*---------------------------------*/
.linkbox_2th {

	color:           #000;
	font-family:      "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	line-height:      1.7em;
	text-decoration:  none;
	background:url(../../images/2th_box_mid.gif) repeat-y;
	margin-top:       0;
	margin-bottom:    0;
	padding-right:    20px;
	padding-left:     20px;
}

/*---------------------------------*/
/* 第2階層リンクボックス */
/*---------------------------------*/
.linkbox_2th a {
	font-size:          ;
	font-family:         "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	text-decoration:     none;
	background: url(../../images/2th_link_arow.gif) no-repeat left 0px;
	padding-left:        16px }

/*---------------------------------*/
/* 第2階層リンクボックス2 */
/*---------------------------------*/
.linkbox_2th2 a {
	font-family:     "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	text-decoration: none;
	background:      url(../../images/arrow.gif) no-repeat left 0px;
	padding-left:    16px }


.linkbox_2th2 a strong{
color:#FF6600 }

/*---------------------------------*/
/* 第2階層リンクイメージ */
/*---------------------------------*/
.linkbox_img {
	margin: 0;
	padding: 0 }

/*---------------------------------*/
/* 第２階層左寄せ */
/*---------------------------------*/
.left_2th {
	background-image: url(../../images/2th_box_mid.gif);
	color: #999;
	width:  471px;
	float:  left }

/*---------------------------------*/
/* 第２階層右寄せ */
/*---------------------------------*/
.right_2th {
	color:      #999;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-weight: bold;
	text-align:  left;
	width:       200px;
	float:       right }

/*---------------------------------*/
/* 第２階層先生イラストボックス */
/*---------------------------------*/
.illustbox_2th {
	color:          #999;
	font-size:       medium;
	font-family:     "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-weight:     bold;
	line-height:     1.7em;
	text-decoration: none;
	padding-top:     5px;
	padding-bottom:  5px;
	padding-left:    5px;
	float:           right }

/*---------------------------------*/
/* サイトマップ */
/*---------------------------------*/
#sitemap {
	margin: 0;
	padding: 0 }



#sitemap h2{
	border-bottom:3px solid #66CC66;
	padding-bottom:5px;
	}


#sitemap h3{
	font-size:120%;
	clear:both;
	margin:20px 0px 10px 10px;
	padding:0px 0px 0px 0px ;
	border-bottom:1px solid #DBDBDB;

	color:#666666
	}


#sitemap h4{
margin:0px 0px 0px 20px ;
padding:0px;
}

		

		
		
		/*---------------------------------*/
		/* サイトマップリスト */
		/*---------------------------------*/
		
		#sitemap td{
			width:340px;
			padding-right:10px;
			}
			
		#sitemap ul{
		margin:5px 0 5px 20px;
		padding:0 0 20px 0;
		}
		
		#sitemap li {
			color:           #000;
			font-size:        95%;
			font-family:      "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
			font-weight:      normal;
			line-height:      1.2em;
			text-decoration:  none;
			background:       url(../../images/arrow.gif) no-repeat left 1px;
			list-style-type:  none;
			list-style-image: none;
			padding:          0 0 0 20px;
			margin:2px;
			
			}
			#sitemap li a{
					
			}

/*---------------------------------*/
/*　共通：基本テキスト　*/
/*---------------------------------*/
.doctext_lead {
	color:      #333333;
	line-height: 150% }

.doctext {
	color:      #333333;
	line-height: 150% }

.docmenu {
	color:      #333333;
	line-height: 180% }

.doctext_s {
	color:      #333333;
	line-height: 150% }

.doccap {
	font-size: 0.8em }

/*---------------------------------*/
/*　強調　*/
/*---------------------------------*/
strong.type1 {
	color:      #333333;
	font-weight: bold }

strong.type2 {
	color:      #333333;
	font-weight: normal }

strong.type3 {
	color:      #ff6600;
	font-weight: normal }
	


/* navi*/
.navi{

}


/*---------------------------------*/
/*　食べ物探検隊 090327 追加　*/
/*---------------------------------*/
#content {
	margin: 0px auto; 
	background-color: #fff;
	text-align: left;
	width: 730px ;
	overflow: hidden;
}
#content .bdy {
	width: 530px;
	float: right;
}
#content .sidemenu {
	width: 180px;
}
#content .box {
	width: 530px;
	overflow: hidden;
}
#content .leftbox {
	float: left;
	width: 260px;
}
#content .rightbox {
	margin-left: auto;
	width: 260px;
}

#content h1 {
	margin: 10px 0px;
	padding: 0px;
	background: none;
}
#content h1 a {
	display: block;
	height: 45px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-indent: -999px;
	text-decoration: none;
	overflow: hidden;
}
#content h1.roots a {	background-image: url(../../tanken/images/title_roots.gif);}
#content h1.oneselfhokuriku a {	background-image: url(../../tanken/images/title_oneself-hokuriku.gif);}
#content h1.wonder a {	background-image: url(../../tanken/images/title_wonder.gif);}
#content h1.japan a {	background-image: url(../../tanken/images/title_japan.gif);}
#content h1.national a {	background-image: url(../../tanken/images/title_national.gif);}
#content h1.food a {	background-image: url(../../tanken/images/title_food.gif);}
#content h1.oneself a {	background-image: url(../../tanken/images/title_oneself.gif);}
#content h1.book a {	background-image: url(../../tanken/images/title_book.gif);}

#content h2 {
	margin: 0px 0px 10px;
}
#content .bdy h3 {
	background-color: #339900;
	color: #FFFFFF;
	font-size: medium;
	padding: 5px;
	margin: 0px 0px 10px 0px;
	border-left: 3px solid #33CC00;
}
#content h4 {
	margin: 20px 0px 10px;
	padding: 0px 0px 2px;
	border-bottom: 1px dotted #CCCCCC;
}
#content h5 {
	font-size: small;
	color: #006600;
	margin: 20px 0px 10px;
	padding: 0px;
}


#content .sidemenu ul {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style-type: none;
}
#content .sidemenu ol {
	margin: 0px 0px 10px 40px;
	padding: 0px;
}
#content .sidemenu ul li {
	background: none;
	margin: 0px;
	padding: 0px;
}
#content .sidemenu ul li a {
	display: block;
	width: 100%;
	background: url(../img/list.gif) left no-repeat;
	text-indent: 10px;
	padding: 5px 0px;
}
#content .sidemenu ul ol li a {
	display: inline;
	width: auto;
	background: none;
	background-color: #FFFFFF!important;
	text-indent: 0px;
	line-height: 150%;
	padding: 0px;
}
#content .sidemenu ul li a:hover,
#content .sidemenu ul li.checked a {
	background-color: #F0F0F0;
}
#content .sidemenu ul li li a {
	background-color: #FFFFFF;
}


#content dl.ranking {
	width: 280px;
	overflow: auto;
}
#content dl.ranking dt {
	width: 140px;
	float: left;
	font-size: medium;
	font-weight: bold;
	color: #009900;
}
#content dl.ranking dd {
	width: 120px;
	margin-left: auto;
}

#content .indexlist {
}
#content .indexlist .line {
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}
#content .indexlist .line div {
	width: 125px;
	float: left;
	margin-right: 10px;
	text-align: center;
}
#content .indexlist .line div.edge {
	margin: 0px;
}
#content .indexlist a {
	text-decoration: none;
}
#content .indexlist img {
	border: none;
}

#content .right {
	float: right;
	margin: 0px 0px 20px 20px;
}
#content .left {
	float: left;
	margin: 0px 20px 20px 0px;
}

#content .quiztext p,
#content .quizphoto p {
	font-size: 120%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 150%;
}
#content .quiztext .hint {
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	padding: 10px;
}
#content .quiztext .caption {
	font-size: x-small;
	line-height: 130%;
}

#content table.food3,
#content table.food3 th,
#content table.food3 td {
	border-collapse: collapse;
}
#content table.food3 {
	width: 100%;
	margin-bottom: 5px;
}
#content table.food3 th,
#content table.food3 td {
	border-width: 1px;
	border-style: solid;
	padding: 5px;
}
#content table.food3 th {
	width: 20%;
	text-align: center;
	color: #FFFFFF;
}
#content table.food3 th strong {
	font-size: x-large;
	line-height: 120%;
}
#content table.food3 td strong {
	font-size: large;
}
#content table.section1 th,
#content table.section1 td {	border-color: #CB8F00!important;}
#content table.section1 th {	background-color: #CB8F00;}
#content table.section1 td strong {	color: #CB8F00;}
#content table.section2 th,
#content table.section2 td {	border-color: #649A73;}
#content table.section2 th {	background-color: #649A73;}
#content table.section2 td strong {	color: #649A73;}
#content table.section3 th,
#content table.section3 td {	border-color: #B85852;}
#content table.section3 th {	background-color: #B85852;}
#content table.section3 td strong {	color: #B85852;}
#content table.section4 th,
#content table.section4 td {	border-color: #93768A;}
#content table.section4 th {	background-color: #93768A;}
#content table.section4 td strong {	color: #93768A;}
#content table.section5 th,
#content table.section5 td {	border-color: #5DA2BA;}
#content table.section5 th {	background-color: #5DA2BA;}
#content table.section5 td strong {	color: #5DA2BA;}


