@charset "utf-8";
/*******************************************************/
/*          サイト全体レイアウト用CSSファイル          */
/*******************************************************/

*:after {
  display:block;
  clear:both;} /* この記述は固定です */

element {width:100%;} /* clearfix IE6, 7 */
element:after {content:"";} /* clearfix */

#content {width:600px;} /* clearfix IE6, 7 */
#content:after {content:"";} /* clearfix */

body{
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #333333;
	background: url(../img_common/bg.jpg) repeat-x top;
	/**/
	font:12px/1.231 Verdana,Arial,"MS P Gothic","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	line-height:20px;
	/* for IE6/7 */
	*font-size:small;
	/* for IE Quirks Mode */
	*font:x-small;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

/*
[ 明朝 ]

"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", Verdana, serif

[ ゴシック ]
"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif
"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif
"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif

*/


/**
 * Nudge down to get to 13px equivalent for these form elements
 */
select,
input,
button,
textarea,
button {
	font:99%;
}

p{
	margin: 0 0 10px 0;
	}

ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

img{
	border: 0;
}


/********	リンク　*/
div#container a:link    { color: #996600; text-decoration: underline; }
div#container a:visited { color: #996600; text-decoration: none; }
div#container a:hover   { color: #c88602; text-decoration: underline; }
div#container a:active  { color: #996600; text-decoration: underline; }


/******** container */
div#container{
	width: 800px;
	background: url(../img_common/bg_contents.jpg) no-repeat left top;
	overflow: hidden;
	padding: 0 150px;
	margin: 0px auto 50px auto;
	}


/******** header */
div#container div#header{
	width: 800px;
	overflow: hidden;
	margin-bottom: 20px;
	}

div#container div#header img#logo{
	float: left;
	}

div#container div#header p{
	display: block;
	float: right;
	font-size: 10px;
	color: #827241;
	margin: 9px 0;
	}

/******** グローバルナビ */
div#container div#header ul{
	display: block;
	float: right;
	width: 671px;
	}

div#container div#header ul li{
	float: left;
	}

/******** h1 */
div#container h1{
	margin: 0 0 5px 0;
	padding: 0;
	}

/******** MV */
div#container p.mv{
	margin: 0 0 5px 0;
	padding: 0;
	}

/******** パンくずナビ */
div#container ul#pankuzu{
	display: block;
	margin: 0 0 50px 0;
	}

div#container ul#pankuzu li{
	float: left;
	background: url(../img_common/icon_pankuzu-arrow.gif) no-repeat left;
	margin: 0;
	padding: 0 10px 0 15px;
	}

div#container ul#pankuzu li#panindex{
	background: none;
	padding: 0 10px 0 0;
	}

div#container ul.sml{
	font-size:11px
	}


/******** MAINコンテンツ autline */
div#container div#contents{
	width: 800px;
	overflow: hidden;
	}


/******** MAINコンテンツ left */
div#container div#contents div#contents_left{
	width: 550px;
	float: left;
	}


/******** MAINコンテンツ right */
div#container div#contents div#contents_right{
	width: 230px;
	float: right;
	}

div#container div#contents div#contents_right div#sabnavi{
	background: url(../img_common/sabnavi_base.gif) repeat-y;
	}

div#container div#contents div#contents_right div#sabnavi ul{
	background: url(../img_common/sabnavi_base_bottom.gif) no-repeat bottom;
	padding-bottom: 10px;
	}

div#container div#contents div#contents_right div#sabnavi ul li{
	background: none;
	border-bottom: #D8CBAF dotted 1px;
	margin: 5px 15px;
	padding: 3px 0 6px 0;
	}

div#container div#contents div#contents_right div#sabnavi ul li a{
	color: #333;
	text-decoration: none;
	}

div#container div#contents div#contents_right div#sabnavi ul li a:hover{
	color: #999;
	}

div#container div#contents div#contents_right div#sabnavi ul li a.hover{
	color: #996665;
	font-weight: bold;
	}


/******** サブナビ3階層目*/
div#container div#contents div#contents_right div#sabnavi ul li ul{
	background: none;
	padding: 0;
	}

div#container div#contents div#contents_right div#sabnavi ul li ul li{
	border-bottom: none;
	padding: 0;
	}

div#container div#contents div#contents_right div#sabnavi ul li ul li{
	background: url(../img_common/icon_list-s.gif) no-repeat left 4px;
	padding-left: 7px;
	}


/******** footer */
div#footer{
	background: #EBE3B5 url(../img_common/footer_bg.jpg) repeat-x;
	padding: 30px 0;
	bottom: 0;
	}

div#footer div#footer_container{
	width: 815px;
	margin: 0px auto 0px auto;
	overflow: hidden;
	}

div#footer div#footer_container div#left{
	float: left;
	width: 325px;
	margin-right: 15px;
	color: #5f4c22;
	font-size: 10px;
	font-family: "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	line-height: 1.5em;
}

div#footer div#footer_container div#middle{
	float: left;
	width: 225px;
	border-left: #B1AC8F dotted 1px;
	border-right: #B1AC8F dotted 1px;
	padding: 0 20px;
}

div#footer div#footer_container div#right{
	float: right;
}


/******** h */
div#container div#contents h2 {
	padding: 0;
	margin: 0 0 15px 0;
	}

div#container div#contents h2.shopttl {
	color: #FFF;
	background-color: #ccc299;
	padding: 12px;
	margin: 0 0 15px;
	font-weight: normal;
	font-family:"ヒラギノ明朝 Pro W4", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 15pt;
	}

div#container div#contents h3{
	display: block;
	background: url(../img_common/h3_base.gif) no-repeat left bottom;
	padding-bottom: 3px;
	margin: 30px 0 10px 0;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.5em;
	/*font-family:"ヒラギノ明朝 Pro W4", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;*/
	}

div#container div#contents h3.line{
	background: url(../img_common/h3_base.gif) no-repeat left bottom;
	}

div#container div#contents h4{
	display: block;
	padding: 5px 10px;
	background: #F6F4ED;
	margin: 30px 0 10px 0;
	font-size: 13px;
	font-weight: bold;
	}

div#container div#contents h3 span,
div#container div#contents h4 span{
	color:#8A635F;
	font-weight: normal;
}

/******** リンク　ロールオーバー用透過 */
div#container div#contents a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

div#footer div#footer_container a{
	background: #FFF;
}

div#footer div#footer_container a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

div#container div#contents a:hover img.btn{
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

/******** テーブル */
table{
	width: 100%;
	border: #E2DDC7 solid 1px;
	padding: 10px;
	margin-bottom: 10px;
	text-align: left;
	border-collapse: collapse;
	}

table th{
	background: #E2DDC7;
	color: #85775C;
	font-weight: bold;
	border: #FFF dotted 1px;
	padding: 10px;
	}

table td{
	border: #E2DDC7 dotted 1px;
	padding: 10px;
	}


/******** リスト */
div#contents ul{
	margin: 0 0 10px 0;
	}

div#contents ul li{
	background: url(../img_common/icon_list.gif) no-repeat left 6px;
	padding: 1px 0 0 14px;
	}

div#contents ul li ul{
	margin: 5px 0 0 0;
	}

div#contents ul li ul li{
	background: url(../img_common/icon_list-s.gif) no-repeat left 6px;
	padding: 0 0 0 7px;
	margin: 0 0 5px 0;
	}

div#contents ul.kome li{
	background: url(../img_common/icon_kome.gif) no-repeat left 5px;
	padding: 0 0 0 15px;
	margin: 0 0 5px 0;
	}

div#contents ol{
	padding: 0;
	margin: 0 0 0 1.5em;
	}

/******** カラム 1-2 */
div.column1-2{
	overflow: hidden;
}

div.column1-2 div.left{
	width: 150px;
	float: left;
	margin: 0 10px 10px 0;
}

div.column1-2 div.right{
	width: 390px;
	float: right;
}

/******** カラム 1-3 */
div.column1-3{
	overflow: hidden;
}

div.column1-3 div.left{
	width: 300px;
	float: left;
	margin: 0 10px 10px 0;
}

div.column1-3 div.right{
	width: 240px;
	float: right;
}

/******** カラム 2 */
div#contents div#contents_left div.column2{
	overflow: hidden;
	margin-bottom: 10px;
}

div#contents div#contents_left div.column2 div.left{
	width: 270px;
	float: left;
	margin: 0 0 20px 0;
}

div#contents div#contents_left div.column2 div.right{
	width: 270px;
	float: right;
}

/******** カラム 2 long */
div#contents div.column2{
	overflow: hidden;
}

div#contents div.column2 div.left{
	width: 390px;
	float: left;
	margin: 0 0 20px 0;
}

div#contents div.column2 div.right{
	width: 390px;
	float: right;
	margin: 0 0 20px 0;
}


/******** 振り分け用 カラム 2 */
div#contents_left div.column2 div.index-left{
	float: left;
	width: 255px;
	border-left: #E6E1C4 solid 4px;
	margin: 0 0 20px 0;
	padding-left: 10px;
}

div#contents_left div.column2 div.index-right{
	float: right;
	width: 255px;
	border-left: #E6E1C4 solid 4px;
	margin: 0 0 20px 0;
	padding-left: 10px;
}

div#contents_left div.column2 div.index-left p,
div#contents_left div.column2 div.index-right p{
	margin-bottom: 10px;
}

/******** カラム 3 */
div#contents div#contents_left div.column3{
	overflow: hidden;
}

div#contents div#contents_left div.column3 div.left{
	width: 177px;
	float: left;
	margin: 0 10px 20px 0;
}

div#contents div#contents_left div.column3 div.right{
	width: 176px;
	float: right;
	margin: 0 0 20px 0;
}

/******** カラム 3 long */
div#contents div.column3{
	overflow: hidden;
}

div#contents div.column3 div.left{
	width: 260px;
	float: left;
	margin: 0 10px 20px 0;
}

div#contents div.column3 div.right{
	width: 260px;
	float: right;
	margin: 0 0 20px 0;
}

/******** カラム 4 */
div#contents div#contents_left div.column4{
	overflow: hidden;
}

div#contents div#contents_left div.column4 div.left{
	width: 130px;
	float: left;
	margin: 0 10px 20px 0;
}

div#contents div#contents_left div.column4 div.right{
	width: 130px;
	float: right;
	margin: 0 0 20px 0;
}

/******** その他クラス */
.text-left {
	text-align: left;
	}

.text-right {
	text-align: right;
	}

.text-center {
	text-align: center;
	}

.img-left {
		float: left;
		margin: 5px 10px 5px 0;
}

.img-right {
		float: right;
		margin: 5px 0 5px 10px;
}

.clear {
	clear: both;
}

.small {
	font-size: 10px;
	line-height: 130%;
	}

.red{
	color: #CC0000;
	}

.gray{
	color: #999;
	}

.thin{
	font-weight: normal;
}

strong{
	color: #996665;
	font-weight: bold;
	font-size: 13px;
	}

/*******************************************************/
/*          　　　共通パーツ用CSSファイル 　　         */
/*******************************************************/

/******** 各コンテンツ下配置「ソシエのこだわり」 */
div.socie-no-este{
	width: 550px;
	height: 180px;
	background: url(../img_common/socie-no-este_base.gif) no-repeat;
	overflow: hidden;
	margin-top: 50px;
	font-size: 12px;
	}

div.socie-no-este div.left_box{
	float: left;
	width: 270px;
	margin: 0 0 0 15px;
	}

div.socie-no-este div.left_box p{
	margin: 70px 0 5px 0;
	line-height: 1.5em;
	}

div.socie-no-este div.left_box ul{
	margin: 10px 0 0 0;
	}

div.socie-no-este div.left_box ul li{
	float: left;
	width: 120px;
	margin-bottom: 0 !important;
	}

div.socie-no-este div.left_box ul li.last{
	width: auto;
	}

div.socie-no-este div.right_box{
	float: left;
	width: 200px;
	margin: 70px 0 0 25px;
	}

div.socie-no-este div.right_box p{
	margin: 0 0 5px 0;
	line-height: 1.5em;
	}

div.socie-no-este div.right_box ul li{
	margin-bottom: 0 !important;
	}


/******** 各コンテンツ下配置「ソシエのこだわり」ロングバージョン */
div.socie-no-este_long{
	width: 800px;
	height: 160px;
	background: url(../img_common/socie-no-este_base_long.gif) no-repeat;
	overflow: hidden;
	margin-top: 50px;
	font-size: 12px;
	}

div.socie-no-este_long div.left_box{
	float: left;
	width: 360px;
	margin: 65px 0 0 15px;
	}

div.socie-no-este_long div.left_box p{
	margin: 0 0 5px 0;
	}

div.socie-no-este_long div.left_box ul li{
	float: left;
	width: 150px;
	}

div.socie-no-este_long div.right_box{
	float: right;
	width: 375px;
	margin: 65px 0 0 0;
	}

div.socie-no-este_long div.right_box p{
	margin: 0 0 5px 0;
	}


/******** センター揃えでボタンを配置 */
div.btn_center{
	background: url(../img_common/coming_btn_base.gif) repeat;
	padding: 15px;
	margin: 20px 0 40px 0;
	text-align: center;
	text-shadow: 1px 1px 0px #FFFFFF;
}

div.btn_center img.inline{
	display: inline;
}

div.btn_center p{
	margin-bottom: 10px;
}

/******** ブライダル用フォントサイズ変更 */

.fSize36{ font-size:21px;
font-weight:bold;
color:#e6315a;
}