﻿
/* 使用カラー一覧--------------------

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:178px;
 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;
 padding:0px;
 margin:0px 0px 6px 0px;
 font-size:10px;
 text-align:center;
 line-height:120%;
 float:left;
}

/*ノウハウ記事（右）とバナー共通デザイン------------*/
.BannerBox1{ 
 margin:0px 0px 6px 0px;
 width:180px;
 height:auto
 background-color:#AB8A72;
 text-align:left;
 font-size:10px;
 line-height:120%;
 float:let;
 overflow:hidden;
}
.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;
 margin-bottom:6px;
 font-size:12px;
 color: #876047;
 line-height:140%;
 border: 1px solid #666666;
 background-color: #FFFFFF; 
}
.line1 a { color:#513423;text-decoration: underLine; }
.line1 a:visited {color:#513423;text-decoration: underLine;}
.line1 a:hover{color:#876047; text-decoration: none;}

/* マージンの種類====================================*/

.margin2 {margin:2px;}
.margin4 {margin:4px;}
.margin6 {margin:6px;}
.margin0-0-0-10 { margin:0px 0px 0px 10px; }
.margin0-10-0-10 { margin:0px 10px 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: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;
}
/*インタビュアーのデザイン----------*/
.CopyEnd {
 width:478px;
 hight:12px;
 color:#513423;
 font-size:12px;
 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_NoImg {
 width: 900px;
 height:170px;
 background-image: url('../images/NoDesineHead.gif');
 text-align:left;
}

#Header_List {
 width: 900px;
 height:170px;
 background-image: url('../images/ListHeadDesine.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: #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;
 height:auto;
 padding: 0;
 float:left;
 }

/* プレスリリース専用2枠ボックス------------------- */
#PlessBox {
 width:690px;
 margin-top:12px;
 margin-right:5px;
 float:right;
 background-color: #FFFFFF;
 line-height:140%;
}
#PlessBox a { color:#513423;text-decoration: underLine; }
#PlessBox a:visited {color:#513423;text-decoration: underLine;}
#PlessBox a:hover{color:#876047; text-decoration: none;}
.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;
}

#PlessBox Table {
 background-color:#333333;
 font-size:smaller;
 line-height:120%;
}
.tr_white { background-color:#FFFFFF; }
.td_bold_center { font-weight:bold;text-align:center }
.td_center { text-align:center }

/* 左ボックス============================================================ */
#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');
}

/* 記事リストボックスデザイン------------- */

.ListBox{ 
 margin:5px 0px 10px 0px;
 width:178px;
 border:1px solid #CC9900;
 color:#fff;
 background-color:#513423;
 font-size:12px;
 line-height:120%;
}

/* 記事リストデザイン------------------- */

.CategoriList-ul{
 font-size:12px;
 letter-spacing: 2pt;
}

td.item a{
 display:block;
 padding-left:2px;
 width:164px;
 height:18px;
}
td.item a:link{
 color:#FFFFFF;
 text-decoration: none;
 background-color: #AB8A72;
}
td.item  a:hover{
 color:#FFFFFF;
 text-decoration: none;
 background-color: #513423 !important;
}
td.item a:visited{
 color:#FFFFFF;
 text-decoration: none;
 background-color: #AB8A72;
}

/* 中ボックス============================================================ */
#InBoxRight {
 width:498px;
 height:auto;
 margin-top:10px;
 padding: 0px;
 background-color: #513423;
 float:right;
 line-height:140%;
}

/*#InBoxRight td{
 font-size:10px;
 line-height:120%;
 }*/

.CenterBox {
 padding-top:1px;
 padding-bottom:1px;
 background-color:#EDDEB6;
}
.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;
 font-size:12px;
}

/* サーチテーブルデザイン------------------- */

#SearTable{
 width:478px;
 height:36px;
 text-align:right;
 background-image: url('../images/searchGlass.gif');
}

/* サーチボタンデザイン------------ */
.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;
}

.CenterLineBox blockquote { margin:6px 0px 20px 12px; }

.maptable  {font-size:14px;line-height:130%;}
.maptable a{ padding:0px ; margin: 0px; font-size:14px;}
.maptable a:link{ padding:0px ; margin: 0px; color:#333; text-decoration: none;}
.maptable a:hover{ padding:0px ; margin: 0px; font-size:14px; color:#FFFFFF; !important;
 text-decoration: none; background-color: #AB8A72 !important;}
.maptable a:visited{ padding:0px ; margin: 0px; font-size:14px; color:#333; text-decoration: none;}

/* 右ボックス============================================================ */
#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;}
