@charset "UTF-8";

@import url(base.css);
@import url(textsettings.css);


/*  フォントサイズ早見表
	以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
	左記のパーセントで指定してください。

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 	

*/

/* ------------------------------------------------------------ */
/* リンク色 */
/* ------------------------------------------------------------ */

a:link{
	color:#CC1435;
    text-decoration: none;
}
a:visited{
	color:#CC1435;
    text-decoration: none;
}
a:hover{
	color:#EF6685;
    text-decoration: none;
}
a:active{
	color:#EF6685;
    text-decoration: none;
}

/* ------------------------------------------------------------ */
/* 基本、レイアウト指定 */
/* ------------------------------------------------------------ */

body{
	background: url(../img/headerbox-bg.jpg) 0px 0px repeat-x;
}

#container{
	width:820px;
	margin:0 auto;
	position:relative;
	background: url(../img/contentsbox-bg.jpg) 0px 0px repeat-y;
	padding: 0 20px;
	border: 0px solid #333;
}

img.bg_left{position: absolute; top: 0; left: 0;}
img.bg_right{position: absolute; top: 0; right: 0;}

* html img.bg_right{position: absolute; top: 0; right: 4px;}

img{vertical-align:bottom;}


/* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */

#header-area{
	position:relative;
	margin-bottom: 20px;
}

.globalmenu{
    margin: 15px 0 15px 0;
	background: url(../img/menu_bg.gif) no-repeat center top;
	padding: 20px 0 20px 6px;
	border: 0px solid #609;
}

.menu_outline{
	margin: 0 auto;
	width: 730px;
	padding: 20px 0px 18px 0px;
}

.menubox{
	border: 2px solid #EBCAB7;
	background: url(../img/menubox_bg.jpg) no-repeat right top;
	height: 100px;
	width: 349px;
	margin: 3px 4px;
	float: left;
	padding: 0px;
}

.menubox ul{
	margin: 8px 0px 0 8px;
	float: left;
}

.menubox li{
	margin: 2px 0px;
	padding: 0px;
}


/* ------------------------------------------------------------ */
/* コンテンツ大枠 */
/* ------------------------------------------------------------ */

#contents-area{
	font-size: 92%;
}

.section{
    margin: 0px 15px 0px 30px;
	border: 0px solid #333;
}

.out{
    _margin-right: -20px;
}

/* ------------------------------------------------------------ */
/* main */
/* ------------------------------------------------------------ */

.category{
	margin: 0 0 20px 0px;
}

p.exp,
p.exp_b,
p.exp_c{
	font-weight: bold;
	font-size: 114%;
	color: #CC0000;
	float: left;
	width: 485px;
	padding: 0 0 7px 13px;
	margin: 0px;
}

p.exp_b{ padding: 0 0 7px 0px; width: 235px;}

p.exp_c{ padding: 0 0 7px 0px; width: 500px; float: none;}

p.c_text{
	float: left;
	padding: 0 0 0 13px;
	width: 485px;
	margin: 0px;
}

.linebox{
	border: 0px solid #590;
	width: 235px;
	float: left;
	margin: 0 23px 15px 0px;
}

.none{margin-right: 0px;}

p.intro{margin: 0px; padding: 0px;}

.bridal{
	background: url(../img/img04-1.jpg) no-repeat left bottom;
	padding: 0 0 0 260px;
	margin: 15px 20px 15px 0px;	
}

.b_inline{
	background: #FDF3F2;
	padding: 5px;
}

.b_inline p.title{font-weight: bold; color: #E24949; padding: 2px 0 0 17px; background: url(../img/icon_stitle.gif) no-repeat left center; margin: 0 0 7px 0px;}

.charge{
	border-bottom: 3px double #FF3366;
	margin: 0 0 15px 0px;
	padding: 0 0 5px 0px;
}

p.b01{font-weight: bold; margin: 0px;}
p.b02{font-weight: bold; font-size: 114%; color: #E24949; margin: 15px 0 0 0px;}

.b_inline dl{
	border: 1px solid #E24A4A;
	background: #FFF;
}

.b_inline dt{
	background: #E24A4A;
	color: #FFF;
	font-weight: bold;
	padding: 2px 0 2px 5px;
}

.b_inline dd{
	background: #FFF;
	padding: 3px 0 3px 5px;
	margin: 3px 5px;
	border-bottom: 1px dotted #E24A4A;
}

dd.none{border: 0px;}
dd.flow{color: #E24A4A;}


/* ------------------------------------------------------------ */
/* アクセス */
/* ------------------------------------------------------------ */

img.ac{margin: 10px 0px;}

p.access{
	margin:0 30px 15px 30px;
	background: url(../img/ac_bg.jpg) no-repeat left bottom;
	padding: 9px 0 7px 35px;
	font-size:122%;
	color:#333;
	font-weight: bold;
}

.adress{
	border: 0px solid #390;
	float: left;
}

p.store{
	font-weight: bold;
	font-size: 114%;
	margin: 10px 0 10px 0px;
	color:#B5022B;
}

img.mapimg{
	float: left; border:
	1px solid #223963;
	margin: 10px 0 0 30px;

}

/* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */

.backtop {
	clear: both;
	text-align:right;
	padding: 5px 0 5px 0;
	margin: 0 30px 0 0px;
	}
	
.backtop a {
	font-size: 92%;
	padding: 1px 14px 0 0;
	background: url(../img/icon-top.jpg) right center no-repeat;
	}

#footerbox {
	width: 820px;
	height: 80px;
	margin: 10px auto 0;
	padding: 10px 0;
	border-top: 3px solid #B5022B;
	}
	
#footer {
	width: 800px;
	height: 80px;
	margin: 0 10px 0 10px;
	}
	
#qrcode {
	float: right;
	}
	
#credit {
	height: 80px;
	background: url(../img/foot-logo.gif) 0px 0px no-repeat;
	}
	
#credit p.name {
	width: 175px;
	height: 16px;
	margin: 0 0 3px 50px;
	background: url(../img/credit.gif) 0px 0px no-repeat;
	text-indent: -3000px;
	}
#credit p.shop {
	font-size: 82%;
	line-height: 150%;
	margin-left: 50px;
	}
.footlink {
	padding-top: 10px;
	font-size: 82%;
	}


/* ------------------------------------------------------------ */
/* 見出し */
/* ------------------------------------------------------------ */

h2{
	margin:0 30px 5px 0px;
	padding: 9px 0 7px 30px;
	color: #770B0E;
}

h3{
	margin: 0 0 8px 0px;
}

/* ------------------------------------------------------------ */
/* デザインパーツ */
/* ------------------------------------------------------------ */

span.bold{font-weight: bold;}

p.tax{
    font-size: 85%;
	color: #666;
	margin: 7px 0 0 0;
}

span.red{
	color: #CC0000;
	font-size: 85%;
}

.left{float: left;}

.right{float: right;}