@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;
	background:url("../images/bg_header.gif") repeat-x #D7DFCA;
}

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



/****************************************************************************/
/* 文字装飾 (汎用)                                                          */
/****************************************************************************/
/* 文字：コメント・強調等 */
.red       {color:#CC0000;}
.bg_yellow {background-color:#FFFF99;}
.bg_gray   {background-color:#F5F5F5;}
.bg_blue   {background-color:#CCCCFF;}
.font12    {font-size:12px;}

/* 文字：リンク */
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;}
.official_link {
	font-size:18px;
	font-weight:bold;
}

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;}

/* 左余白 */
.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 {
	width:900px;
	height:101px;
}

#header #logo {
	margin:10px 50px 0px 0px;
	padding:0;
	float:left;
}

#header h1 {
	font-size:14px;
	color:#666;
	font-weight:normal;
	margin:0px 10px 0px 0px;
	padding-top:40px;
}

/****************************************************************************/
/* コンテンツ                                                               */
/****************************************************************************/
/* メインメニュー */
#mainmenu {
	height:49px;
	background:url("../images/bg_gnavi.gif") repeat-x;
}

#mainmenu ul {
	width:900px;
	height:44px;
}

#mainmenu ul li {
	float:left;
	list-style:none;
	text-indent:-9999px;
}

#mainmenu ul li a, #mainmenu ul li a:hover, #mainmenu ul li strong {
	display:block;
	text-decoration:none;
	overflow:hidden;
}

#mainmenu ul li.gnavi01 a {
	background:url("../images/gnavi01.gif") 0% 0% no-repeat;
	width:150px;
	height:44px;
}

#mainmenu ul li.gnavi01 a:hover,
#mainmenu ul li.gnavi01 strong {
	background:url("../images/gnavi01_on.gif") 0% 0% no-repeat;
	width:150px;
	height:44px;
}

#mainmenu ul li.gnavi02 a {
	background:url("../images/gnavi02.gif") 0% 0% no-repeat;
	width:150px;
	height:44px;
}

#mainmenu ul li.gnavi02 a:hover,
#mainmenu ul li.gnavi02 strong {
	background:url("../images/gnavi02_on.gif") 0% 0% no-repeat;
	width:150px;
	height:44px;
}

#mainmenu ul li.gnavi03 a {
	background:url("../images/gnavi03.gif") 0% 0% no-repeat;
	width:150px;
	height:44px;
}

#mainmenu ul li.gnavi03 a:hover,
#mainmenu ul li.gnavi03 strong {
	background:url("../images/gnavi03_on.gif") 0% 0% no-repeat;
	width:150px;
	height:44px;
}

#mainmenu ul li.gnavi04 a {
	background:url("../images/gnavi04.gif") 0% 0% no-repeat;
	width:150px;
	height:44px;
}

#mainmenu ul li.gnavi04 a:hover,
#mainmenu ul li.gnavi04 strong {
	background:url("../images/gnavi04_on.gif") 0% 0% no-repeat;
	width:150px;
	height:44px;
}

#mainmenu ul li.gnavi05 a {
	background:url("../images/gnavi05.gif") 0% 0% no-repeat;
	width:150px;
	height:44px;
}

#mainmenu ul li.gnavi05 a:hover,
#mainmenu ul li.gnavi05 strong {
	background:url("../images/gnavi05_on.gif") 0% 0% no-repeat;
	width:150px;
	height:44px;
}

#mainmenu ul li.gnavi06 a {
	background:url("../images/gnavi06.gif") 0% 0% no-repeat;
	width:150px;
	height:44px;
}

#mainmenu ul li.gnavi06 a:hover,
#mainmenu ul li.gnavi06 strong {
	background:url("../images/gnavi06_on.gif") 0% 0% no-repeat;
	width:150px;
	height:44px;
}

#container {
	padding:15px 10px 40px 10px;
	background:#FFF;
}



/****************************************************************************/
/* コンテンツ左                                                             */
/****************************************************************************/
#container #leftcolumn {width:250px;float:left;}

#container #leftcolumn #gnavi,
#container #leftcolumn #listL {
	margin-bottom:20px;
	width:226px;
}

#container #leftcolumn #listL h2 {
	background:url("../images/bg_h2L.gif") 0% 0% no-repeat;
    font-size:16px;
	color:#444;
	line-height:40px;
	text-indent:1.5em;
	margin-bottom:5px;
}

#container #leftcolumn #gnavi ul,
#container #leftcolumn #listL ul {
	list-style:none;
}

.border-top {
	border-top:1px dotted #999;
	padding-top:1px;
}

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

#container #leftcolumn #listL ul {
	margin-left:10px;
	width:226px;
}

#container #leftcolumn #listL ul li {
	text-indent:18px;
	font-size:87.5%;
	background:url("../images/icon_list01.gif") 0% 50% no-repeat;
	margin-bottom:5px;
}

#container #leftcolumn #linklist {
	background:url("../images/bg_linkareaL.gif") no-repeat;
	width:226px;
	height:134px;
}

#container #leftcolumn #linklist h2 {
	font-size:87.5%;
	font-weight:normal;
	color:#444;
	text-align:center;
	padding:10px 0px;
}

#container #leftcolumn #linklist ul {
	font-size:87.5%;
	margin-left:25px;
}

#container #leftcolumn #linklist ul li {
	margin-bottom:5px;
}



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

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

#container #rightcolumn h2 {
	background:url("../images/bg_h2R.gif") 0 0 no-repeat;
	font-size:100%;
	line-height:41px;
	text-indent:1em;
	margin-bottom:10px;
	color:#444;
}

#container #rightcolumn #toplist dl dt {
	text-indent:18px;
	background:url("../images/icon_list01.gif") 0% 50% no-repeat;
}
#container #rightcolumn #toplist dl dd {margin-bottom:10px;}

#container #rightcolumn .commodity {padding-left:10px;}

#container #rightcolumn .commodity h3 {
	background:url("../images/bg_h3.gif") 0% 0% no-repeat;
	font-size:100%;
	line-height:35px;
	padding-bottom:2px;
	text-indent:1.5em;
	color:#FFF;
	margin-bottom:6px;
}

#container #rightcolumn .commodity h3 a:link,
#container #rightcolumn .commodity h3 a:visited,
#container #rightcolumn .commodity h3 a:hover,
#container #rightcolumn .commodity h3 a:active {
	line-height:35px;
	padding-bottom:2px;
	color:#FFF;
}

#container #rightcolumn .commodity table {
	width:606px;
	margin:0px 0px 0px 2px;
	empty-cells:hide;
	border-collapse:collapse;
}
#container #rightcolumn .commodity table th {text-align:left;}
#container #rightcolumn .commodity table td {
	border:1px #999 solid; 
	padding:3px 5px;
	text-align:center;
}
#container #rightcolumn .commodity table td.left {text-align:left;}


#container #rightcolumn .commodity2 {padding-left:0px;}

#container #rightcolumn .commodity2 h3,
#container #rightcolumn .commodity3 h3 {
	background:url("../images/bg_h3.gif") 0% 0% no-repeat;
	font-size:100%;
	line-height:35px;
	padding-bottom:2px;
	text-indent:1.5em;
	color:#FFF;
	margin-bottom:6px;
}

#container #rightcolumn .commodity2 table {
	width:400px;
	margin:0px 0px 0px 2px;
	empty-cells:hide;
	border-collapse:collapse;
}
#container #rightcolumn .commodity2 table th {text-align:left;}
#container #rightcolumn .commodity2 table td {
	border:1px #999 solid; 
	padding:3px 5px;
	text-align:center;
}
#container #rightcolumn .commodity2 table td.left {text-align:left;}

#container #rightcolumn .commodity3 table {
	width:606px;
	margin:0px 0px 0px 2px;
	empty-cells:hide;
	border-collapse:collapse;
}
#container #rightcolumn .commodity3 table th {
	border:1px #999 solid; 
	text-align:center;
	background-color:#F5F5F5;
}

#container #rightcolumn .commodity3 table td {
	border:1px #999 solid; 
	padding:3px 5px;
	text-align:left;
	vertical-align:top;
}

#container #rightcolumn .thumb {
	float:left;
}

#container #rightcolumn .text_area {margin:0px 10px 0px 200px;}

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



/****************************************************************************/
/* フッター                                                                 */
/****************************************************************************/
#footer {
	width:900px;
	font-size:75%;
	background-color:#A9B695;
	padding:10px;
	color:#333;
}

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

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