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

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

--------->class
.ImgHalf_l	236Box
.ImgHalf_r	236Box


-------------------------------------*/




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

img {border:0px;}

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

.DotLine {border-top:1px dotted #666666;height:auto;}

/*バナーボックスのデザイン--------------*/
.BannerBox{
 width:180px;
 margin:0px 0px 6px 0px;
 background-color:#EDDEB6;
 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;}

/*バナー広告のデザイン--------------*/
.BannerBox0{
 width:180px;
 height:auto;
 margin:0px 0px 6px 0px;
 font-size:10px;
 text-align:center;
 line-height:120%;
 float:left;
}

/*ノウハウ記事（右）とバナー共通デザイン------------*/
.BannerBox1{ 
 margin:0px 0px 6px 0px;
 width:180px;
 background-color:#AB8A72;
 text-align:left;
 font-size:10px;
 line-height:120%;
 float:left;
}
.BannerBox1 a { color:#876047;text-decoration: none; }
.BannerBox1 a:visited {color:#876047;text-decoration: none;}
.BannerBox1 a:hover{color:#333333; text-decoration: none;}

/*左ボックスのデザイン------------------*/
.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;}

/*準備中のデザイン------------------*/
.NowPrinting{
 font-family: "Tahoma", Arial, Helvetica, sans-serif;
 width:456px;
 margin-top:0px;
 color: #876047;
 font-size: 20px;
 font-weight: 600;
 text-align:center;
 line-height:200%; 
}

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

.margin2 {margin:2px;}
.margin6 {margin:6px;}
.margin0-0-0-10 { margin:0px 0px 0px 10px; }
.margin10-10-0-10 { margin:10px 10px 0px 10px; }
.margin10-10-10-0 { margin:10px 10px 10px 0px; }
.margin10 { margin:10px 10px 10px 10px ; }

/* 共通テキストの指定=============================== */

h1{font-size:16px;color:#CC9900;margin:10px 0px 6px 0px;}
h2{font-size:14px;color:#876047;margin:0px 0px 6px 0px;}
.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%;}
.EnCath {
 font-family: "Tahoma", Arial, Helvetica, sans-serif;
 margin:0px 0px 0px 0px;
 color: #876047;
 line-height:100%;
 font-size: 18px;
 font-weight: 600;
}
/*インタビュアーのデザイン----------*/
.CopyEnd {
 width:478px;
 margin-top:10px;
 hight:12px;
 color:#513423;
 font-size:12px;
 line-height:120%;
 text-align:right;
 clear: both;
}

/* 全体コンテナ====================================== */

#Container {
 width: 900px;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: auto;
 margin-right: auto;
 border: 1px solid #FEE430;
 background-color: #513423;
 overflow: hidden;
 text-align:left;
}

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

#Header_sub {
 width: 900px;
 height:170px;
 background-image: url(../Category/Habanos/images/HeadDesine.gif);
 text-align:left;
}
.He1 { padding:4px 6px 0px 0px; font-size:12px; color:#CC9900; font-weight:bold; text-align:right;}
.He2 { padding:4px; font-size:12px; font-weight:normal; color:#EDDEB6; text-align:right;}

#Header_special {
 width: 900px;
 height:170px;
 background-image: url(../Category/Special/images/HeadDesine.gif);
 text-align:left;
}

#Header_Malt {
 width: 900px;
 height:170px;
 background-image: url(../Category/Malt/images/HeadDesine.gif);
 text-align:left;
}

#Header_Tlavel {
 width: 900px;
 height:170px;
 background-image: url(../Category/Travel/images/HeadDesine.gif);
 text-align:left;
}

#Header_Special {
 width: 900px;
 height:170px;
 background-image: url(../Category/Special/images/HeadDesine.gif);
 text-align:left;
}

#Header_variety {
 width: 900px;
 height:170px;
 background-image: url(../Category/variety/images/HeadDesine.gif);
 text-align:left;
}

#Header_Chocolat {
 width: 900px;
 height:170px;
 background-image: url(../Category/Chocolat/images/HeadDesine.gif);
 text-align:left;
}

#Header_NoImg {
 width: 900px;
 height:170px;
 background-image: url('../images/NoDesineHead.gif');
 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:702px;
 padding: 0;
 float:left;
 }

/* 左ボックス============================================================ */
#InboxLeft {
 width:190px;
 margin-top:10px;
 height:auto;
 padding: 0px;
 text-align:left;
 float:left;
}

.TopLeftMenu-ul a{
 font-size:14px;
 text-align:right;
 height:30px;width:166px;
 margin:0px 0px 0px 0px;
 padding:14px 14px 0px 0px;
 display:block;
 overflow: hidden; 
}
.TopLeftMenu-ul a:link{
 color:#FEE430;
 text-decoration: none;
 background-image: url('../images/TopLeftMenu_off.gif');
}
.TopLeftMenu-ul a:hover{
 color:#fff !important;
 text-decoration: none;
 background-image: url('../images/TopLeftMenu_on.gif') !important;
}
.TopLeftMenu-ul a:visited{
 margin:0px 0px 1px 0px;
 color:#FEE430;
 text-decoration: none;
 background-image: url('../images/TopLeftMenu_off.gif');
}


/* 中ボックス============================================================ */
#InBoxRight {
 width:498px;
 height:auto;
 padding: 0px;
 margin-top:10px;
 background-color: #513423;
 float:right;
 line-height:140%;
}

#InBoxRight td{
 font-size:10px;
 line-height:120%;
 }

.CenterBox {
 background-color:#EDDEB6;
 border-top:2px solid #CC9900;
}
.CenterBox a { color:#876047;text-decoration: underLine; }
.CenterBox a:visited {color:#876047;text-decoration: underLine;}
.CenterBox a:hover{color:#333; text-decoration: none;}

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

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

.ImgLeft_m { 
 float:left;
 margin-top:10px;
 margin-right:10px;
 margin-bottom:10px;
 font-size:10px;
 line-height:110%;
}

.ImgRight_m {
 float:right;
 margin-top:10px;
 margin-left:10px;
 margin-bottom:10px;
 font-size:10px;
 line-height:110%;
}

.ImgHalf_l { 
 float:left;
 width:236px;
 margin:6px 6px 6px 0px;
 font-size:10px;
 line-height:110%;
 overflow: hidden;
}

.ImgHalf_r { 
 float:right;
 width:236px;
 margin:6px 0px 6px 0px;
 font-size:10px;
 line-height:110%;
 overflow: hidden;
}

.BorderMono {
 width:auto;
 height:auto;
 padding:10px;
 border: 1px solid #876047;
 margin:10px 0px 10px 0px;
 font-size:12px;
 font-family:monospace;
 overflow: hidden;
}

.BorderPropo {
 width:auto;
 height:auto;
 padding:10px;
 border: 1px solid #876047;
 margin:10px 0px 10px 0px;
 font-size:12px;
 line-height:140%;
 overflow: hidden;
}

.Textwith_LeftLine {
 font-size:12px;
 border-left:2px solid;
 padding:4px 0 0 6px;
 line-height:120%;
}

/* 右ボックス============================================================ */
#BodyBoxRight { 
 width:190px;
 padding: 0px;
 margin-top:10px;
 float:right;
 line-height:120%;
 }

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

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