@charset "Shift_JIS";


/*===========================================================

 レイアウト用css

============================================================*/

/*
┏━━━━━━━━━━━━━━━━┓
┃　　　outer_html（100%）　　　　┃
┃　　　　　　　　　　　　　　　　┃
┃┏━━━━━━━━━━━━━━┓┃
┃┃　　outer_body（100%）　　　┃┃
┃┃　　　　　　　　　　　　　　┃┃
┃┃┏━━━━━━━━━━━━┓┃┃
┃┃┃　outer_frame（100%）　 ┃┃┃
┃┃┃　　　　　　　　　 　　 ┃┃┃
┃┃┃┏━━━━━━━━━━┓┃┃┃
┃┃┃┃　　outer（910px）  ┃┃┃┃
┃┃┃┃　　　　　　　　　　┃┃┃┃
┃┃┃┃┏━━━━━━━━┓┃┃┃┃
┃┃┃┃┃　　　header　　┃┃┃┃┃
┃┃┃┃┗━━━━━━━━┛┃┃┃┃
┃┃┃┃┏━━━━━━━━┓┃┃┃┃
┃┃┃┃┃　maincontents　┃┃┃┃┃
┃┃┃┃┃　　　　　　　　┃┃┃┃┃
┃┃┃┃┃　　　　　　　　┃┃┃┃┃
┃┃┃┃┗━━━━━━━━┛┃┃┃┃
┃┃┃┗━━━━━━━━━━┛┃┃┃
┃┃┗━━━━━━━━━━━━┛┃┃
┃┗━━━━━━━━━━━━━━┛┃
┗━━━━━━━━━━━━━━━━┛
┏━━━━━━━━━━━━━━━━┓
┃　　　  outer_foot（100%）　　　┃
┃　　　　　　　　　　　 　　 　　┃
┃┏━━━━━━━━━━━━━━┓┃
┃┃　　　 footer（910px）　　　┃┃
┃┗━━━━━━━━━━━━━━┛┃
┗━━━━━━━━━━━━━━━━┛


*/

/*===========================================================
 outer_html
============================================================*/
#outer_html {
	width:100%;
	background:url(../img/asp/bg_outer_html.gif) center top;
}


/*===========================================================
 outer_body / outer_body_all
============================================================*/
#outer_body,
#outer_body_all {
	width:100%;
}

#outer_body {
	background:url(../img/asp/bg_outer_body.gif) repeat-x center top;
}

/* 全国版 */
#outer_body_all {
	background:url(../img/asp/bg_outer_body_all.gif) repeat-x center top;
}


/*===========================================================
 outer_frame
============================================================*/
#outer_frame {
	width:100%;
	background:url(../img/asp/bg_outer_frame.gif) repeat-x center 102px;
	text-align:center;
}

/* 全国版 */
#outer_body_all #outer_frame {
	background-position:center 66px;
}


/*===========================================================
 outer
============================================================*/
#outer {
	width:910px;
	margin:0 auto;
	padding-bottom:20px;
	text-align:left;
}




/*===========================================================
 header
============================================================*/
#header {
	position:relative;
	width:910px;
/*	height:122px;*/
	padding:63px 0 32px 0;
	background:url(../img/asp/logo_site.gif) no-repeat 0 5px;
}

#outer_body_all #header {
	padding:20px 0 32px 0;
}

/* ロゴ */
#header h1 {
	position:absolute;
	left:87px;
	top:20px;
	width:250px;
}

#outer_body_all #header h1 {
	width:200px;
}





/*===========================================================
 └ g_navi
============================================================*/
#g_navi { width:910px; background:url(../img/asp/gnavi_bg.gif) repeat-y right top; }
#outer_body_all #g_navi { width:560px; float:right; }

#g_navi li { 
	width:90px;
	float:left;
	background:url(../img/asp/gnavi_bg.gif) repeat-y left top;
}
#g_navi li.top,
#g_navi li.area_top { width:88px; }
#g_navi li.all_report { width:100px; }

#g_navi li a {
	display:block;
	width:100%;
	height:27px;
	margin-left:1px;
}


/* 現在地 */
body#top #g_navi li.top a { background:url(../img/asp/gnavi_00_on.gif) no-repeat left top; }
body#area_top #g_navi li.area_top a { background:url(../img/asp/gnavi_01_on.gif) no-repeat left top; }
body#news #g_navi li.news a { background:url(../img/asp/gnavi_02_on.gif) no-repeat left top; }
body#report #g_navi li.report a { background:url(../img/asp/gnavi_04_on.gif) no-repeat left top; }
body#all_report #g_navi li.all_report a { background:url(../img/asp/gnavi_05_on.gif) no-repeat left top; }
body#interview #g_navi li.interview a { background:url(../img/asp/gnavi_06_on.gif) no-repeat left top; }
body#column #g_navi li.column a { background:url(../img/asp/gnavi_07_on.gif) no-repeat left top; }
body#dietetics #g_navi li.dietetics a { background:url(../img/asp/gnavi_08_on.gif) no-repeat left top; }
body#stadium #g_navi li.stadium a { background:url(../img/asp/gnavi_09_on.gif) no-repeat left top; }
body#ranking #g_navi li.ranking a { background:url(../img/asp/gnavi_10_on.gif) no-repeat left top; }


/* 現在地 */
body#top #g_navi li.top a img,
body#area_top #g_navi li.area_top a img,
body#news #g_navi li.news a img,
body#report #g_navi li.report a img,
body#all_report #g_navi li.all_report a img,
body#interview #g_navi li.interview a img,
body#column #g_navi li.column a img,
body#dietetics #g_navi li.dietetics a img,
body#stadium #g_navi li.stadium a img,
body#ranking #g_navi li.ranking a img  { visibility:hidden; }



/*** 全国のトップボタン ***/
#header p.all {
	position:absolute;
	right:0;
	top:20px;
	width:124px;
	height:23px;
}




/*===========================================================
 └└ noscript
============================================================*/
#header p.noscript {
	clear:both;
	width:100%;
	padding:5px 0;
	margin-top:5px;
	background-color:#faddc5;
	text-align:center;
	font-size:100%;
	color:#cc0000;
	letter-spacing:0;
}




/*===========================================================
 main
============================================================*/
#main {
	width:910px;
/*	background:url(../img/asp/bg_main.gif) repeat-y left top; */
}

/* サイドバーなし */
#main_wide {
	width:910px;
	background-image:none;
	background-color:#fff;
}

/*===========================================================
 maincontents
============================================================*/
#maincontents {
	width:650px;
	_width:670px; /* for winIE6以前 */
	float:left;
	padding:10px;
}

/* サイドバーなし */
#main_wide #maincontents {
	width:890px;
	_width:910px; /* for winIE6以前 */
	float:none;
}




/*===========================================================
 sidecontents
============================================================*/
#sidecontents {
	width:210px;
	_width:230px; /* for winIE6以前 */
	float:right;
	padding:10px;
}

/*===========================================================
 └sideバナー
============================================================*/
#sidecontents .side_bnr {
	margin-top:10px;
}

#sidecontents .side_bnr li {
	padding-bottom:10px;
	text-align:center;
}

/*===========================================================
 └タイトル
============================================================*/
#sidecontents h2 {
#	padding-bottom:9px;
}


/*===========================================================
 └最新フォト
============================================================*/
#sidecontents #new_photo {
	padding-top:10px;
	text-align:center;
}

#sidecontents #new_photo .flickr {
	padding:10px;
}

/*===========================================================
 └アンケート
============================================================*/
#sidecontents #questionnaires {
	padding-top:10px;
	margin-bottom:10px;
}

#sidecontents #questionnaires p.quest{
	padding:0;
	margin:0;
}

#sidecontents #questionnaires .form {
	border:1px solid #cdcdcd;
}

#sidecontents #questionnaires .form p {
	padding:10px;
	border-bottom:1px solid #cdcdcd;
	line-height:1.3;
}

#sidecontents #questionnaires ul.vote_list li {
	padding:3px 10px 5px 10px;
	background:url(../img/asp/dot_gray_2.gif) repeat-x left bottom;
}

#sidecontents #questionnaires ul.vote_list li input {
	margin-right:5px;
	vertical-align:middle;
}

#sidecontents #questionnaires ul.vote_btn {
	background-color:#eeeee8;
	padding:10px;
	text-align:center;
}


/*===========================================================
 └インタビュー
============================================================*/
#sidecontents .interview {
	text-align:center;
	padding-bottom:20px;
}

#sidecontents .interview p img {
	border:1px solid #cfcfcf;
}
#sidecontents .interview a:hover img{ border:1px solid #1074bd; }

#sidecontents .interview span.text {
	display:block;
	background-color:#eeeee8;
	padding:10px;
	margin-top:10px;
	text-align:left;
}

#sidecontents .interview a { color:#333; }
#sidecontents .interview a:hover { color:#1068a8; text-decoration:none; }




/*===========================================================
 パンくずリスト
============================================================*/
#bread {
	background:url(../img/asp/bg_body.gif);
	margin-bottom:10px;
	padding:8px 10px 7px 10px;
	color:#fff;
	font-size:75%;
	letter-spacing:1px;
	line-height:1;
}
#bread li{
/*	display:inline;*/
	float:left;
	background:url(../img/asp/arrow_bread.gif) no-repeat 100% 60%;
	*background-position:100% 50%;
	padding-right:16px;
}
#bread li.here{ background-image:none;
}
#bread a{ color:#ccc; }





/*===========================================================
 p
============================================================*/
#maincontents p {
	line-height:1.4;
}



/*===========================================================
 このページの先頭へ戻る
============================================================*/
.pagetop {
	clear:both;
	padding:20px 1px 2px 0!important;
	text-align:right;
}




/*===========================================================
 outer_foot
============================================================*/
#outer_foot {
	width:100%;
	background:url(../img/asp/bg_outer_foot.gif) repeat-x center top;
	padding:8px 0 15px 0;
	text-align:center;
}

#footer {
	width:910px;
	margin:0 auto;
	color:#fff;
	text-align:left;
	font-size:75%;
	letter-spacing:1px;
}

#footer a {
	color:#fff;
}

/*pagetop*/
#footer p {
	padding-top:0!important;
	padding-bottom:14px!important;
	text-align:right;
}

/*link list*/
#footer ul {
	width:680px;
	float:left;
}

#footer li {
	float:left;
	background:url(../img/asp/icon_footer_link.gif) no-repeat 0 50%;
	padding:0 15px 0 9px;
}

/*copyright*/
#footer address {
	width:230px;
	float:right;
	text-align:right;
}