﻿
/* 使用カラー一覧--------------------

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: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:#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;}

/*バナー広告のデザイン--------------*/
.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;
 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;}

.line1 {
 width:auto;
 height:auto;
 font-size:12px;
 color: #876047;
 line-height:140%;
 border: 1px solid #666666;
 background-color: #FFFFFF; 
}

/* マージンの種類====================================*/

.margin2 {margin:2px;}
.margin6 {margin:6px;}
.margin0-0-0-10 { margin:0px 0px 0px 10px; }
.margin0-10-0-10 { margin:0px 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:0px 0px 0px 0px;}
h2{font-size:14px;color:#876047;margin:0px 0px 0px 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;
}

/* 全体コンテナ====================================== */

#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_List {
 width: 900px;
 height:170px;
 background-image: url('../images/AskHeadDesine.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_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:700px;
 padding: 0;
 float:left;
 }

/* 左ボックス============================================================ */
#InboxLeft {
 width:190px;
 margin-top:10px;
 height:auto;
 padding: 0px;
 text-align:left;
 float:left;
}
/* ログインボタンデザイン------------------- */

.liginbutton{
 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:10px;
 padding-top:2px;
 color:#333333;
 width:90px;
 height:20px;
 background-color:white;
}

/* 中ボックス============================================================ */
#InBoxRight {
 width:498px;
 height:auto;
 padding: 0px;
 margin-top:10px;
 background-color: #513423;
 float:right;
 line-height:140%;
}

.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;}

 /*センターのライン付きBox--------------*/
.CenterLineBox {
 padding:6px;
 margin-top:6px;
 border:1px solid #876047;
}

/* サーチボタンデザイン------------ */
.sebutton {
 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:110px;
 height:22px;
 background-color:white;
}

/* 評価ボタンデザイン------------ */

.goodbutton {
 border-left:1px solid #ff8c00; border-right:1px solid #996600; 
 border-top:1px solid #ff8c00; border-bottom:1px solid #996600; 
 background-image:url('../images/goodBt_bak.gif');
 font-size:10px;
 padding-top:1px;
 color:#333333;
 width:60px;
 height:16px;
 background-color:white;
}

.ngbutton {
 border-left:1px solid #999; border-right:1px solid #333; 
 border-top:1px solid #999; border-bottom:1px solid #333; 
 background-image:url('../images/ngBt_bak.gif');
 font-size:10px;
 padding-top:1px;
 color:#333333;
 width:60px;
 height:16px;
 background-color:white;
}

/* グリッドビューのリンクデザイン-------------- */

#GridView2 a:link{
 color:#333333;
 text-decoration: none;
 font-size:12px;
 line-height:140%;
}
#GridView2 a:hover{
 color:#FFFFFF !important;
 text-decoration: underLine;
 background-color: #AB8A72 !important;
 font-size:12px;
 line-height:140%;
}
#GridView2 a:visited{
 color:#333333;
 text-decoration: none;
 font-size:12px;
 line-height:140%;
}
#RegiChk0 td{ font-size:14px; }

/* 右ボックス============================================================ */
#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;}


