@charset "Shift_JIS";

/*
--------------------------------------------------
  エリア別ページ共通スタイル設定
--------------------------------------------------
*/

/* 基本・共通設定 */
#souba_kiso *{  margin:0;padding:0;  }
#souba_kiso{  width:680px;  }

#souba_kiso h1 *{ display: block; }
#souba_kiso h1{  margin-bottom: 16px; }

#souba_kiso h2{  margin-bottom: 10px; clear: both; }
#souba_kiso h2.sub{  margin: 24px 0 0; clear: both; }

#souba_kiso p{
  padding: 2px 0;
}

#souba_kiso .cate-container { display: inline-block; }   
#souba_kiso .cate-container:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html #souba_kiso .cate-container { height: 1%; }
#souba_kiso .cate-container { display: block; margin-top: 8px; }

/* ページコンテンツ・タイトル */
.souba-header{  position: relative; }
#souba_kiso .souba-header p.link-select-area{
position: absolute;
top:0;
right: 0;
padding: 3px 6px;
border: solid 1px #F5AE5D;
display: block;
line-height: 12px;
}
#souba_kiso .souba-header p.link-select-area a{
  color:#7A4926;
}

/* カテゴリー別設定 */
#souba_kiso h3{
  margin: 12px 0 12px 0;
  background:url(../img/bg_category.gif) left bottom repeat-x;
}

/* 2カラムレイアウト */
#souba_kiso dl.cate-fig{
  width:240px;
  float: left;
}
#souba_kiso .cate-text{
  width:428px;
  float: right;
}
#souba_kiso .cate-text-cap{
  margin-top: 1em;
}
#souba_kiso dl.cate-fig dt img{
  line-height: 0;
  vertical-align: bottom;
}

/* 相場金額・表組み */
#souba_kiso dl.cate-fig table{
  width:240px;
  border-collapse: collapse;
  border:#fff;
}
#souba_kiso dl.cate-fig table th{
  padding: 2px 6px;
  border: solid 2px #fff;
  background: #FFFFCC;
  font-weight: normal;
  text-align: left;
}
#souba_kiso dl.cate-fig table td{
  padding: 2px 6px;
  border: solid 2px #fff;
  background: #F0F0F0;
  text-align: center;
  font-weight: bold;
}
/* 強調テーブルセル用スタイル */
#souba_kiso dl.cate-fig table tr.pickup th{
  background: #FFDB80;
}
#souba_kiso dl.cate-fig table tr.pickup td{
  background: #FFE1C2;
}


/* エリア別ページへのリンク */
#area_select{
  margin: 24px 0 10px;
  padding: 6px;
/*  border: solid 1px #F5AE5D;*/
  background:#fff4d0; 
  border: solid 1px #e06900; 
  clear: both;
}
#area_select dl dt{
  display: block;
  margin-bottom: 3px;
}
#area_select dl dd{
  display: inline;
}
/* 現在のページ用スタイル */
#area_select dl dd .act{
  font-weight: bold;
}


/* 本誌購入リンク */
#footer_honshi{
  margin: 10px 0 10px;
  padding: 6px;
  clear: both;
}

#footer_honshi a img{
  border:none;
}

#footer_honshi dl dd{
  vertical-align:middle;
  display: inline;
}



div#souba-area{
margin-bottom:15px;
background:#ffd9ad;
padding:5px 10px;
width:auto;
}


/*総合費用*/


.cate-fig dt dl.sum{
  width:240px;
  height:36px;
  font-size:12px;
  background:#f5ae5d;
}

.sum dt{
  line-height: 1em;
  position: relative;
  top:12px;
  width:75px;
  text-align: center;
  float:left;
  color:#FFF;
  font-weight: bold !important;
}

.small dt{
  top:6px!important;
}

.sum dd{
  height:30px;
  background:#FFF;
  width:162px;
  float:left;
  font-weight: bold !important;
  position: relative;
  top:3px;
}
.sum p{
  float:left;
  font-weight: bold !important;
  color:#808080;
}
.sum p.average{
  line-height: 1em;
  padding:3px!important;
  background:#808080;
  color:#FFF;
  margin:6px 20px 6px 6px;
  position: relative;
  left:6px;
  top:6px;
}
.sum p.value{
  position: relative;
  left: 20px;
}
.amount{
  font-size:26px;
  line-height:26px;
  color:#808080;
  font-weight: bold !important;
}

.small{
  font-size: 0.8em;
  font-weight: bold;
}
.normal{
font-weight: normal;
}
.supplement{
  background: #f5ae5d;
  color:#7a4926;
  font-size: 10px;
  text-align: center;
  padding-bottom: 6px!important;

}
.cate-fig dl.addspace{
  margin-bottom: 8px!important;
}
/*----------------------------------------
		.headerArea
----------------------------------------*/

/*	Headline
----------------------------------------*/
div#mainContents h1 {
    padding:10px 0;
    font-size: 100%;
    color:#666666;
    height: auto;
    text-indent: 0;
}
div#mainContents p.category {
  background: #ffffff url(../img/title.gif) left top no-repeat;
  height: 35px;
  text-indent: -9999px;
  width: 690px;
}
/*	.explanation
----------------------------------------*/
div.explanation {
    width: 687px;
    clear:both;
    padding-bottom:10px;
}
div.explanation h3 {
    background-image: url("/images/common/bg_h3.gif");
    background-position: 0 0;
    background-repeat: repeat-y;
    color: #703A48;
    font-size: 120%;
    font-weight: bold;
    padding: 0 0 0 9px;
    margin: 20px 0 10px 0;
    height: 14px;
    text-indent: 0;
}
div.explanation p {
    font-size: 100%;
}

/*	.actionButton
----------------------------------------*/
div#mainContents div.actionButton{
width: 687px;
border: #a32a5a solid 1px;
margin: 30px 1px 12px;
}
div#mainContents div.actionButton h2{
width:665px;
color: #FFFFFF;
background-color:#a32a5a;
text-indent:0;
font-size: 16px;
font-weight: bold;
padding: 10px 11px;
}
div#mainContents ul{
width:550px;
_width:540px;
margin:0 auto;
padding-bottom:10px;
}
div#mainContents div.actionButton ul{
width:642px;
_width:650px;
margin:0 auto;
_margin-left:0;
padding:10px 0;
}
/* hack */
div#mainContents div.actionButton ul:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html div#mainContents div.actionButton ul {
height: 1em;
}

div#mainContents div.actionButton ul {
display: block;
}
/**/
div#mainContents div.actionButton ul li{
list-style:none;
float:left;
margin:5px 7px;
}

p.source {
color: #c46b68;
font-size: 10px !important;
margin-bottom: 30px;
margin-top: 5px;
text-align: right;
}


/*----------------------------------------
		.togetherCheck
----------------------------------------*/
.togetherCheck {
	border-top: solid 1px #ffcc00;
	margin: 2em 0 1em !important;
	padding: 1em 0.5em !important;
	font-size: 14px;
	line-height: 18px;
}
.togetherCheck dl dt {
	color: #ee7700;
	font-weight: bold;
	font-size: 16px;
}