/* 使用カラー一覧--------------------

color: #513423; こげ茶テーマカラー
color: #876047; 茶
color: #CC9900; 黄土色
color: #EDDEB6; ボディーバック標準色
color: #AB8A72; 薄茶
color: #FEE430; イエロー
color: #E3E3E3; ライトグレー
color: #B0B0B0; グレー
-------------------------------------*/

body {
 background-image: url("../images/Bac_img.gif");
 background-color: #FFFFFF;
 margin-top: 0px;
 margin-bottom: 0px;
 font-size:12px;
 text-align:center;
 color:#333333;
}

img {border:0px;}

/* 共通デザインクラス================================ */

/* マージンの種類--------------------*/

.margin2 { margin:2px ;height:auto;width:auto;overflow:hidden; }
.margin3 { margin:3px ;height:auto;width:auto;overflow:hidden; }
.margin6 { margin:6px ;height:auto;width:auto;overflow:hidden; }
.margin8 { margin:8px ;height:auto;width:auto;overflow:hidden; }
.margin10 { margin:10px ;height:auto;width:auto; }
.margin0-9 { margin:0px 9px ;height:auto;width:auto; }

/* ドットの罫-----------------------*/
.DotLine {border:1px dotted #AB8A72;height:auto;}

/*バナーボックスのデザイン----------*/
.BannerBox{
 width:180px;
 margin:0px 0px 5px 0px;
 background-color:#FFFFFF;
 border: 1px solid #666666;
 color: #876047;
 font-size:10px;
 text-align:left;
 line-height:120%;
 float:left;
}
.BannerBox a { color:#876047;text-decoration: none; }
.BannerBox a:visited {color:#876047;text-decoration: none;}
.BannerBox a:hover{color:#333333; text-decoration: none;}

/* テキスト指定--------------------- */

h1 { margin:4px 6px 0px 0px; font-size:12px; color:#CC9900; text-align:right;}
h2 { margin:4px 6px 0px 0px; font-size:12px; font-weight:normal; color:#EDDEB6; text-align:right;}
h3 { font-size:18px; font-weight:bold; color:#513423; margin:16px 0px 6px 0px;}
.komidashi{font-size:12px;font-weight:600;color:#876047;}
.komidashi2{font-size:12px;font-weight:600;color:#CC9900;}
.BodyCopy{font-size:14px;line-height:140%;}
.caption1{font-size:12px;line-height:120%;}
.wideCap1{font-size:12px;letter-spacing: 2pt;}
.caption2{font-size:10px;line-height:120%;}
.wideCap2{font-size:10px;letter-spacing: 2pt;line-height:110%;}

/* 全体コンテナ========================================= */
#Container {
 width: 900px;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: auto;
 margin-right: auto;
 border: 1px solid #FEE430;
 /*background-image: url('../images/brownGrade.gif');*/
 background-repeat: repeat-x;
 background-position: left top;
 background-color: #513423;
 overflow: hidden;
 text-align:left;
}

/* ヘッダデザイン------------------- */

#Header {
 width: 900px;
 height:270px;
 background-image: url(../images/HeadDesine.gif);
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: auto;
 margin-right: auto;
 text-align:left;
}

.topnavi1{
 width:546px;height:20px;
 float:right;
 margin-bottom:3px;
 overflow: hidden;
 clear: both;
}

.headMenuCel a {
 margin: 0px;
 padding-top:3px;
 padding-bottom:3px;
 width:90px;
 height:19px;
 font-size:10px;
 display:block;
 float:right;
 overflow: hidden;
 text-align:center;
}
.headMenuCel a:link{
 color:#FFF;
 text-decoration: none;
 background-color: #876047;
 border-left:1px solid #333;
}
.headMenuCel a:hover{
 color:#333 !important;
 text-decoration: none;
 background-color: #FEE430 !important;
 border-left:1px solid #333;
}
.headMenuCel a:visited{
 color:#FFF;
 text-decoration: none;
 background-color: #876047;
 border-left:1px solid #333;
}

/* ここから左2枠========================================= */
#BodyBox { 
 width:700px;
 padding: 0;
 float:left;
 }

/* 左ボックス部--------------------- */

#InboxLeft {
 width:180px;
 height:auto;
 padding: 0px;
 text-align:left;
 float:left;
}

/* カテゴリリスト-----------------------------*/
.TopMenu {
 margin:0px 0px 1px 0px;
 padding:0px;
 height:30px;width:180px;
 display:block;
 font-size:12px;
 text-align:left;
 background-image: url('../images/TopMenu_off.gif');
 background-repeat: no-repeat;
 background-position: left top;
 overflow: hidden;
}
.TopMenu a {
 display:block;
 overflow: hidden;
}
.TopMenu a:link{
 margin:0px 0px 1px 0px;
 padding:6px 0px 6px 30px;
 color:#FEE430;
 text-decoration: none;
 background-image: url('../images/TopMenu_off.gif');
 background-repeat: no-repeat;
 background-position: left top;
}
.TopMenu a:hover{
 margin:0px 0px 1px 0px;
 padding:6px 0px 6px 30px;
 color:#fff !important;
 text-decoration: none;
 background-image: url('../images/TopMenu_on.gif') !important;
 background-repeat: no-repeat;
 background-position: left top;
}
.TopMenu a:visited{
 margin:0px 0px 1px 0px;
 padding:6px 0px 6px 30px;
 color:#FEE430;
 text-decoration: none;
 background-image: url('../images/TopMenu_off.gif');
 background-repeat: no-repeat;
 background-position: left top;
}

.EnCath {
 font-family: "Tahoma", Arial, Helvetica, sans-serif;
 margin:0px 0px 0px 0px;
 color: #876047;
 line-height:100%;
 font-size: 18px;
 font-weight: 600;
}

 /*画像バナーのデザイン*/
.BannerBox0{
 width:178px;
 padding:0px ;
 margin:4px 0px 4px 0px;
 font-size:10px;
 line-height:120%;
 text-align:center;
}
.BannerBox0 a { color:#FFFFFF;text-decoration: none; }
.BannerBox0 a:visited {color:#FFFFFF;text-decoration: none;}
.BannerBox0 a:hover{color:#FF0000; text-decoration: none;}

 /*アマゾン広告*/
.BannerBox1{
 margin:0px 0px 8px 0px;
 width:178px;
 background-color:#AB8A72;
 font-size:10px;
 line-height:120%;
 float:left;
 text-align:center;
}

.RecentBox{ /*左ボックス内お勧め記事*/
 width:178px;
 margin:0px 0px 6px 0px;
 border:1px solid #CC9900;
 color:#fff;
 background-color:#513423;
 font-size:12px;
 line-height:120%;
 float:left;
}
.RecentBox a { color:#EDDEB6;text-decoration: underLine; }
.RecentBox a:visited {color:#EDDEB6;text-decoration: underLine;}
.RecentBox a:hover{color:#FEE430; text-decoration: none;}

/* センターボックス内----------------*/

#InBoxRight td{
 font-size:10px;
 line-height:120%;
 }
#InBoxRight {
 width:500px;
 height:auto;
 padding: 0px;
 float:right;
 line-height:140%;
}

#CenterBox { /*Topのメインコンテンツ挿入場所*/
 padding:1px 0px 1px 0px;
 margin-bottom:10px;
 background-color: #EDDEB6;
 text-align:left;
 font-size:12px;
 line-height:130%;
}
#CenterBox a { color:#876047;text-decoration: underLine; }
#CenterBox a:visited {color:#876047;text-decoration: underLine;}
#CenterBox a:hover{color:#333; text-decoration: none;}

.newsFont {
 width:229px;
 height:90px;
 border:1px solid #876047;
 padding:3px;
 color:#333333;
 font-size:12;
 font-family:monospace;
 line-height:120%;
 overflow:hidden;
}
.newsFont a {color:#513423;text-decoration: under-line; }
.newsFont a:visited {color:#513423;text-decoration: under-line;}
.newsFont a:hover{color:#333333; text-decoration: none;}

/* ここから右ボックス=============================================================*/

#BodyBoxRight { 
 width:198px;
 height:auto;
 float:right;
 line-height:120%;
 text-align:left;
}

#BodyBoxRightEng { 
 width:198px;
 height:auto;
 float:right;
 line-height:120%;
 text-align:left;
}

.ImgLeft_s { float:left;
 margin:3px 3px 3px 0px;
}

.ImgRight_s { float:right;
 margin-top:1px;
 margin-left:3px;
}

/* フッタデザイン============================================================= */

#UnderLink {
 width: 880px;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: auto;
 margin-right: auto;
 text-align:center;
 font-size:12px;
 line-height:120%;
 color: #CC9900;
 clear: both;
}
#UnderLink a { color:#CC9900;text-decoration: underLine; }
#UnderLink a:visited {color:#CC9900;text-decoration: underLine;}
#UnderLink a:hover{color:#FFFFFF; text-decoration: none;}

#Footer {
 width: 880px;
 margin-top: 6px;
 margin-bottom: 4px;
 margin-left: auto;
 margin-right: auto;
 font-size:10px;
 color:#E3E3E3;
}
#Footer a { color:#AB8A72;text-decoration: none; }
#Footer a:visited {color:#AB8A72;text-decoration: none;}
#Footer a:hover{color:#FFFFFF; text-decoration: underLine;}