@charset "utf-8";

/****************************************************************************/
/* 全サイト共通のCSS                                                        */
/****************************************************************************/
/*
■CSSの優先度
優先度を上げる場合には、「;」の前に「!important」を記入

■MacIE5.xは読まないようにする場合(その他ブラウザは読む)
/※ \※/
p { color:#FFFFFF; }
/※ ※/

■IEのみCSSを当てる場合の例
p { _color:#FFFFFF; };

■フォントの関係
100%(16px)
87.5%(14px)
75%(12px)
62.5%(10px)

*/


/****************************************************************************/
/* 全体の初期化                                                             */
/****************************************************************************/
* {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	margin:0px;
	padding:0px;
	line-height:1.5em;
}

/* Hack For MacIE\*/
* {letter-spacing:1px;}
/* Hack For MacIE*/



/****************************************************************************/
/* 外枠設定                                                                 */
/****************************************************************************/
/* ブラウザ背景 */
body {
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:"ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

/* ページ領域 */
#wrapper {
	width:905px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	background:#FFF;
}



/****************************************************************************/
/* 文字装飾 (汎用)                                                          */
/****************************************************************************/
/* 文字：コメント・強調等 */
.red       {color:#CC0000;}
.bg_yellow {background-color:#FFFF00;}
.bg_brown  {background-color:#FFFF99;}
.bg_blue   {background-color:#CCCCFF;}

/* 文字：リンク */
a.link, a.link:link         {color:#3366CC;border-bottom:1px dotted #3366CC;text-decoration:none;}
a.link:visited              {color:#663366;border-bottom:1px dotted #663366;text-decoration:none;}
a.link:hover, a.link:active {color:#3366CC;border-bottom:1px solid #3366CC;text-decoration:none;}

a img {border:none;}
li img { vertical-align:text-bottom;}



/****************************************************************************/
/* 余白・位置 (汎用)                                                        */
/****************************************************************************/
/* 上余白 */
.mt20 {margin-top:20px;}
.mt40 {margin-top:40px;}

/* 下余白 */
.mb05  {margin-bottom:5px;}
.mb10  {margin-bottom:10px;}
.mb20  {margin-bottom:20px;}
.mb30  {margin-bottom:30px;}
.mb40  {margin-bottom:40px;}
.mb50  {margin-bottom:50px;}
.mb60  {margin-bottom:60px;}
.mb80  {margin-bottom:80px;}
.mb100 {margin-bottom:100px;}
.mb150 {margin-bottom:150px;}
.mb200 {margin-bottom:200px;}
.mb250 {margin-bottom:250px;}
.mb300 {margin-bottom:300px;}

/* 左余白 */
.ml05  {margin-left:5px;}
.ml10  {margin-left:10px;}
.ml20  {margin-left:20px;}
.ml30  {margin-left:30px;}
.ml40  {margin-left:40px;}
.ml60  {margin-left:60px;}
.ml180 {margin-left:180px;}
.ml185 {margin-left:185px;}
.ml190 {margin-left:190px;}
.ml200 {margin-left:200px;}
.ml220 {margin-left:220px;}
.pl10  {padding-left:10px;}

/* 右余白 */
.mr05 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr40 {margin-right:40px;}

/* 位置 */
.center {text-align:center;}
.right  {text-align:right;}
.floatL {float:left;}



/****************************************************************************/
/* その他 (汎用)                                                            */
/****************************************************************************/
/* 回り込みのクリア */
.clear {clear:both;}

/* 情報グルーピング用の区切り線 */
hr {display:none;}



/****************************************************************************/
/* ヘッダー                                                                 */
/****************************************************************************/
/* ヘッダーエリア */
#header {
	background:url(../images/bg_headerbar.gif) 0% 100% repeat-x;
	width:905px;
	height:113px;
	margin-bottom:10px;
}

#header h1 {
	margin:19px 0px 0px 0px;
	padding:0;
	float:left;
}

#header #summary {
	font-size:12px;
	color:#FFF;
	background-color:#A40035;
	text-indent:1em;
}

#header #banner_header {
	float:right;
	margin-top:14px;
}

/****************************************************************************/
/* コンテンツ左                                                             */
/****************************************************************************/
#container {padding:0px 0px 20px 0px;}
#container #leftcolumn {width:220px;float:left;}

#container #leftcolumn .naviblock,
#container #leftcolumn .lankblock {
	margin-bottom:20px;
	width:220px;
}

#container #leftcolumn .naviblock h2,
#container #leftcolumn .lankblock h2 {
	padding-bottom:5px;
	border-bottom:1px dotted #999;
}

#container #leftcolumn .naviblock ul,
#container #leftcolumn .lankblock ul {
	list-style:none;
}

#container #leftcolumn .naviblock ul li {
	background:url(../images/bg_menu.gif) 0% 0% no-repeat;
	text-indent:40px;
	font-size:87.5%;
	height:39px;
	width:220px;
	padding-top:8px;
	border-bottom:1px dotted #999;
}

#container #leftcolumn .lankblock ul li {
	text-indent:40px;
	font-size:87.5%;
	height:39px;
	width:220px;
	padding-top:9px;
	border-bottom:1px dotted #999;
}

#container #leftcolumn .lankblock ul li.lank1 {background:url(../images/bg_lank01.gif) 0% 50% no-repeat;}
#container #leftcolumn .lankblock ul li.lank2 {background:url(../images/bg_lank02.gif) 0% 50% no-repeat;}
#container #leftcolumn .lankblock ul li.lank3 {background:url(../images/bg_lank03.gif) 0% 50% no-repeat;}
#container #leftcolumn .lankblock ul li.lank4 {background:url(../images/bg_lank04.gif) 0% 50% no-repeat;}



/****************************************************************************/
/* コンテンツ右                                                             */
/****************************************************************************/
#container #rightcolumn {
	width:665px;
	margin-left:240px;
}

#container #rightcolumn #topicpath {
	font-size:87.5%;
	border-left:5px double #999;
	color:#666;
	margin-bottom:10px;
	text-indent:0.5em;
}

#container #rightcolumn .contentsblock {margin-bottom:30px;}
#container #rightcolumn .contentsblock h2.news {
	background:url(../images/bg_h2_news.gif) 0 0 no-repeat;
	font-size:100%;
	line-height:32px;
	height:39px;
	text-indent:1em;
	margin-bottom:10px;
}

#container #rightcolumn .contentsblock h2.general {
	background:url(../images/bg_h2_general.gif) 0 0 no-repeat;
	font-size:100%;
	line-height:32px;
	height:39px;
	text-indent:1em;
	margin-bottom:10px;
}

#container #rightcolumn .contentsblock h2.rank {
	background:url(../images/bg_h2_rank.gif) 0 0 no-repeat;
	font-size:100%;
	line-height:32px;
	height:39px;
	text-indent:1em;
	margin-bottom:10px;
}

#container #rightcolumn .contentsblock ul.newslists {
	list-style:none;
	margin-right:20px;
}

#container #rightcolumn .contentsblock ul.newslists li {
	margin-bottom:5px;
}

#container #rightcolumn .contentsblock .thumbL {float:left;}
#container #rightcolumn .contentsblock .thumb_areaR {margin-left:156px;}

#container #rightcolumn .contentsblock .thumb_areaL {
	width:500px;
	float:left;
	margin-right:10px;
}

#container #rightcolumn .contentsblock h3 {
	font-size:87.5%;
	color:#CC0000;
	margin-bottom:5px;
}

#container #rightcolumn .contentsblock p,
#container #rightcolumn .contentsblock ul,
#container #rightcolumn .contentsblock dl {
	font-size:87.5%;
}

#container #rightcolumn .contentsblock dl dt {
	font-weight:bold;
	color:#FF9900;
}

#container #rightcolumn .contentsblock dl dd {
	margin-bottom:5px;
}

#container #rightcolumn .contentsblock .column {
	margin:0px 10px;
	padding:10px;
	background-color:#FFFFCC;
	border:1px solid #EB6100;
}

#container #rightcolumn .contentsblock .column h3 {
	font-size:100%;
	color:#EB6100;
	margin-bottom:5px;
	border:none;
}

#container #rightcolumn .contentsblock .column h4 {
	font-size:87.5%;
	border:none;
}

#container #rightcolumn .contentsblock ul {margin-left:20px;}

#container #rightcolumn .contentsblock .nutrientL {
	width:335px;
	border-right:1px dotted #666;
	padding-right:5px;
	margin-right:5px;
	float:left;
}

#container #rightcolumn .contentsblock .nutrientR {
	width:320px;
	float:right;
}

#container #rightcolumn .contentsblock .photo {
	padding:5px;
	border:1px solid #CCC;
	margin-bottom:10px;
}

#container #rightcolumn .contentsblock .public {
	background:url(../images/icon_lnavi.gif) 100% 50% no-repeat;
	padding-right:1em;
	margin-top:10px;
}

#container #rightcolumn .contentsblock table.detailtable1 {
	font-size:87.5%;
	width:465px;
	border:1px #CCCCCC solid; 
	border-collapse:collapse;
	empty-cells:hide;
	margin-bottom:20px;
}

#rightcolumn table.detailtable1 th {
	border:1px #999 solid; 
	padding:3px 5px;
	text-align:center;
	background-color:#E0E0E0;
}

#rightcolumn table.detailtable1 td {
	border:1px #999 solid; 
	padding:3px 5px;
	text-align:center;
}

#container #rightcolumn .contentsblock table.detailtable2 {
	font-size:87.5%;
	width:665px;
	border:1px #CCCCCC solid; 
	border-collapse:collapse;
	empty-cells:hide;
}

#rightcolumn table.detailtable2 th {
	border:1px #999 solid; 
	padding:3px 5px;
	text-align:center;
	background-color:#E0E0E0;
}

#rightcolumn table.detailtable2 td {
	border:1px #999 solid; 
	padding:3px 5px;
	text-align:center;
}



/****************************************************************************/
/* フッター                                                                 */
/****************************************************************************/
/* フッターエリア */
#footer {
	width:905px;
	font-size:75%;
	border-top:3px solid #A40035;
	background-color:#FFFFFF;
	padding:10px 0px 20px 0px;
}

/* 著作権表記 */
#footer address {
	font-style:normal;
	font-weight:normal;
	color:#333;
}