@charset "Shift_JIS";

/*
--------------------------------------------------
  結婚費用の相場 index用スタイル
--------------------------------------------------
*/
/* 基本・共通設定 */
#souba_top *{  margin:0;padding:0;  }
#souba_top a img       { border: none; }
#souba_top ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#souba_top  {  width:685px;  }
#souba_top h1 *{  display: block; }
#souba_top h1  {  margin-bottom: 16px; }

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


/* ページコンテンツ・タイトル */
#souba_top .souba-top-header{
  width: 680px;
  position: relative;
  background:url(../img/tp_bg_head.gif) 0 6px no-repeat;
}
#souba_top .souba-top-header h2{
  position: absolute;
  top: 22px;
  left: 274px;
}
#souba_top .souba-top-header .head-fig{
  float: left;
  width:290px;
}
#souba_top .souba-top-header .head-r{
  padding-top: 124px;
  width:374px;
  float: right;
  line-height: 1.52;
}

#souba_top h3{
  margin:8px 0 12px;
  padding-bottom: 4px;
  width: 680px;
  clear: both;
  border-bottom: solid 1px #E2D0D0;
}

/* QA */
#souba_top .qa-top{
  margin: 8px 0;
  overflow:visible;
  position: relative;
  background:url(../img/tp_bg_answer.gif) 38px 48px no-repeat;
}
#souba_top .qa-top .qa-fig-set{
  position: absolute;
  top:0px;
  right: 0;
}
#souba_top .qa-top .qa-fig-set2{
  position: absolute;
  top:14px;
  right: 0;
}

#souba_top .qa-top dl{
  /*width:326px;*/
  /*height: 224px;*/
  display: block;
  float: left;
}
#souba_top .qa-top dl.qa-cap-w{
  width: auto;
}
#souba_top .qa-top dl dd{
  padding: 16px 0 0 104px;
}
#souba_top .qa-top dl dd p span{
	font-weight: bold;
}

#souba_top .qa-bottom{
  margin-top: 0px;
}
#souba_top .qa-bottom div{
  width:420px;
  float: left;
}
#souba_top .qa-bottom .qa-fig-r{
  padding-top: 26px;
  width:255px;
  float: right;
}
#souba_top .qa-bottom div dl{
  padding-bottom: 24px;
  display: block;
}
#souba_top .qa-bottom div dl dd{
  padding: 16px 0 16px 104px;
  display: block;
  background:url(../img/tp_bg_answer.gif) 38px 8px no-repeat;
}
#souba_top dl strong{
  display: none;
}
#souba_top dl dd p{
  margin-bottom:8px;
}
#souba_top .qa-top dl dd ul{
  margin-bottom: 6px;
}
#souba_top .qa-top dl dd li{
  padding-bottom: 3px;
}


/* エリア別ページへのリンク */
#area_select{
  margin: 24px 10px 10px 0;
  padding: 6px;
/*  border: solid 1px #F5AE5D;*/
  background:#fff4d0; 
  border: solid 3px #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;
}

#souba_top p.link-select-area{
  margin-top:15px;
  padding: 3px 4px;
  border: solid 1px #F5AE5D;
  display: block;
  width: 200px;
  line-height: 12px;
  text-align: center;
}
#souba_top p.link-select-area a{
  /*display: block;*/
  color:#7A4926;
}


/* 本誌購入リンク */
#footer_honshi{
  margin: 10px 10px 10px 0;
  padding: 6px;
  clear: both;
}
#footer_honshi dl dd{
  vertical-align:middle;
  display: inline;
}


/*----------------------------------------
		.headerArea
----------------------------------------*/

/*	Headline
----------------------------------------*/
div#mainContents p.title {
    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;
}

/*----------------------------------------
		.headerArea
----------------------------------------*/

/*	Headline
----------------------------------------*/
div#mainContents h1 {
    padding:10px 0;
    font-size: 100%;
    color:#666666;
    height: auto;
    text-indent: 0;
}
/*	.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;
}