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

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

※新規に作ったクラス等はこちらに一覧している
（以前の物はすでに使っているので危なくていじれない）

.TitlePhoto	タイトル写真のサイズとボトムマージンを指定
.BorderMono	12pxのモノスペースフォント囲み系付き
.BorderPropo	12pxのプロポーショナルフォント囲み系付き
.PhotoBox	写真のBox左右一杯
.PhptpBoxLeft	左の写真（PhotoBoxに入れ子する）
.PhptpBoxRight	右の写真（PhotoBoxに入れ子する）
.ImgLeft_m	単独左写真 width:237px
.ImgRight_m	単独右写真 width:237px

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

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;
 /*font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic",sans-serif;*/
}

img {border:0px;}

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

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

/*バナーボックスのデザイン--------------*/
.BannerBox{
 width:180px;
 margin:0px 0px 6px 0px;
 background-color:#E3E3E3;
 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:178px;
 height:auto;
 overflow:hidden;
 background-color:#E3E3E3;
 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:#ffffff;
 background-color:#000000;
 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: #CC0036;
 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:#CC0036;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: #666666;
 line-height:100%;
 font-size: 18px;
 font-weight: 600;
}

/*インタビュアーのデザイン----------*/
.CopyEnd {
 width:478px;
 hight:12px;
 color:#513423;
 font-size:12px;
 text-align:right;
 clear: both;
}

/* 段落指定--------------------- */
blockquote {
 margin: 0px 0px 0px 10px;
 line-height:120%;
}

/* ボタンデザイン------------ */
.summit_b {
 border-left:1px solid #ff8c00; border-right:1px solid #996600; 
 border-top:1px solid #ff8c00; border-bottom:1px solid #996600; 
 background-image:url('../images/SearchButtonBack.gif');
 font-size:12px;
 padding-top:2px;
 color:#333333;
 width:60px;
 height:22px;
 background-color:white;
}

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

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

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

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

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

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

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

#Header_music {
 width: 900px;
 height:170px;
 background-image: url(../Category/music/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;}

.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: #B0B0B0;
 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: #B0B0B0;
 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_Black.gif');
}
.TopLeftMenu-ul a:hover{
 color:#fff !important;
 text-decoration: none;
 background-image: url('../images/TopLeftMenu_on_Black.gif') !important;
}
.TopLeftMenu-ul a:visited{
 margin:0px 0px 1px 0px;
 color:#FEE430;
 text-decoration: none;
 background-image: url('../images/TopLeftMenu_off_Black.gif');
}


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

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

.CenterBox {
 background-color:#FFFFFF;
 border-top:2px solid #CC0036;
}
.CenterBox a { color:#CC0036;text-decoration: underLine; }
.CenterBox a:visited {color:#CC0036;text-decoration: underLine;}
.CenterBox a:hover{color:#333333; text-decoration: none;}

.TitlePhoto { width:480px;height:auto;margin-bottom:6px; }

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

.ImgRight_s { float:right;
 margin:3px 3px 0px 3px;
 padding:1px;
}

.ImgLeft_m { 
 float:left;
 margin-top:14px;
 margin-right:9px;
 margin-botom:14px;
 font-size:10px;
 line-height:110%;
 padding:1px;
}

.ImgRight_m {
 float:right;
 margin-top:14px;
 margin-left:9px;
 margin-botom:14px;
 font-size:10px;
 line-height:110%;
 padding:1px;
}

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

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

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

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

.PhotoBox { width:480px;margin-bottom:6px;font-size:10px;line-height:120%;float:left; }
.PhptpBoxLeft { width:237px;font-size:10px;line-height:120%;float:left; }
.PhptpBoxRight { width:237px;font-size:10px;line-height:120%;float:right; }

/* 右ボックス============================================================ */
#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;}