@charset "utf-8";

/**********************************************************************************************************
***********************************************************************************************************

 ** Salt style **

 * @version	1.0

***********************************************************************************************************
***********************************************************************************************************/


/*---------------------------------------------------------------------------------------------------------

01.common

---------------------------------------------------------------------------------------------------------*/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
	}


dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, p,img,div {
	_text-align:left;
	font-size:100%;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

body {
	height: auto;
	font-size: small;
	/font-size:77%;
	line-height: 1.5;
	color: #333333;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic" Arial, Helvetica, sans-serif;
}

img {	border:none; vertical-align:top; }

ul, dl { list-style-type: none; }

a { text-decoration:underline; color:#2D92cc; }
a:hover { text-decoration:none; color:#06C; }

em { font-style:normal; font-weight:bold; }

/*---------------------------------------------------------------------------------------------------------

02.layout 

---------------------------------------------------------------------------------------------------------*/

body { _text-align:center; }
body, html { height: 100%; }

#wrap {
	position:relative;
	width:100%;
	height:auto !important;
	height:100%;
	min-height:100%;
}


.ind#contentsArea { width:100%; margin:0 auto; padding:0 0 210px; }

#footer { position:absolute; bottom:0; width:100%; height:auto; }



/*---------------------------------------------------------------------------------------------------------

03. style

---------------------------------------------------------------------------------------------------------*/

/* roll over
----------------------------------------------------*/
a:hover img.rollOver {
	opacity:0.6;
	filter: alpha(opacity=60);
}


body { behavior:url("/salt/css/csshover3.htc"); }

/* clearfix
----------------------------------------------------*/

.clr:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0.1em;
}
.clr { /*for ie6,7*/ zoom:1; }



/* index 
--------------------------------------------------------------------------------------------------------*/

.ind {
	background:#FFF;
	text-align:center;
}

.ind h1 {
	margin:0 auto;
	padding:130px 0;
	text-align:center;
}

.ind p.enter {
	margin:35px auto 0;
	text-align:center;
}

.ind .attention {
	width:500px;
	margin:88px auto 0;
	text-align:center;
}

.ind .attention p {
	float:left;
}

.te_content img {
	zoom:1;
}

/* catering
--------------------------------------------------------------------------------------------------------*/

#catering {
	background: url(../images/ca_bg_01.png) 0 366px repeat-x; }

#catering #wrap {
	width:880px;
	margin:0 auto;
}

/* header
----------------------------------------------------*/
#catering #header {
	position:relative;
	padding:13px 25px 0;
}


#catering #btn_back {
	position:absolute;
	top:0;
	right:25px;
}


#catering #contentsArea {
	padding:28px 25px 0;
	background: url(../images/ca_img_main.png) right 20px no-repeat;
}

#catering h1 {
	float:left;
}

#inq_01 {
	padding:18px 0 0 24px;
	float:left;
}

#inq_01 li {
	margin:0 0 10px;
}


#btn-top {
	position:fixed;
	_position:absolute;
	right:0;
	bottom:20px;
}


/* wedding
--------------------------------------------------------------------------------------------------------*/
#wedding {
	background:url(../images/we_bg_02.jpg) center 0 no-repeat;
}

#wedding #header {
	position:relative;
	padding:13px 0;
}

#wedding #btn_back {
	position:absolute;
	top:0;
	right:0;
}


#wedding #wrap {
	width:830px;
	margin:0 auto 40px;
}


#wedding .str-block-lead {
	position:relative;
	zoom:1;
	width:830px;
	height:480px;
	margin:0 auto 20px;
	background:url(../images/we_img_main.jpg) 0 0 no-repeat;
}

#wedding .st-box-lead {
	float:right;
	width:299px;
	padding:0 28px;
}

#wedding .st-box-lead h1,
#wedding .st-box-lead p {
	text-align:center;
	color:#FFF;
}
#wedding .st-box-lead h1 {
	margin:30px 0 5px;
}

#wedding .st-box-lead .inq {
	margin:24px 0 0;
}
#wedding .st-box-lead .btn {
	margin:8px 0 0;
}

#wedding .comingsoon {
	position:relative;
	zoom:1;
}

#wedding .comingsoon-txt {
	position:absolute;
	top:0;
	left:0;
}



/* structure
----------------------------------------------------*/

/*block
--------------------------*/
.str-block-lead {
	width:432px;
	margin:0 0 65px;
}

.str-block-01 {
	margin:0 0 40px;
	position:relative;
	zoom:1;
}


.str-block-01 h2 {
	margin-bottom:20px;
}


.str-block-end {
	padding:30px 0;
}

#wedding .str-block-end {
	padding:20px;
	background:url(../images/we_bg_01.gif) 0 0 repeat;
}

#wedding .str-block-end h2 {
	margin-bottom:17px;
}

#wedding .str-block-end .info {
	margin-top:10px;
}

/* box
--------------------------*/
.str-box-tit {
	padding:0 0 30px;
}

.str-box-01 {
	zoom:1;
	padding:0 0 0 20px;
}

.str-box-02 {
	padding:15px 10px 0 20px;
}

.str-box-03 {
	width:250px;
	padding:0 0 0 20px;
}

.str-box-04 {
	width:525px;
	padding-bottom:20px;
	/padding-bottom:0;
}

#wedding .str-box-04 {
	padding-right:10px;
	
}

.str-box-04 h3 {
	margin-bottom:20px;
}

.str-box-05 {
	padding:0 0 0 20px;
}

.str-box-06 {
	width:525px;
}

.str-box-07 {
	width:398px;
	padding:16px 0 20px;
	text-align:center;
}

.str-box-07 .inq {
	margin-top:9px;
}

.str-box-08 {
	width:346px;
	padding:12px 23px 10px 13px;
}

/* item
--------------------------*/
.str-item-01 {
	padding:0 10px 0 20px;
	width:245px;
}

.str-item-02 {
	padding:0 0 0 20px;
	width:230px;
}

.str-item-01,
.str-item-02 {
	position:relative;
	zoom:1;
	background:url(../images/ca_bg_02.png) 0 0 repeat-y;
}

.str-item-01:hover,
.str-item-02:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
}

.str-item-03 {
	width:245px;
}

.str-item-04 {
	padding:0 0 0 30px;
	width:245px;
}

.str-item-05 {
	padding:10px 10px 0 0;
}

.str-item-06 {
	margin:20px 0 0;
	width:420px;
}

.str-item-07 {
	margin:20px 0 0;
	width:365px;
	padding:0 0 0 10px;
}


/* module
----------------------------------------------------*/

/* title
--------------------------*/
.mod-titimg-01 {
	margin-left:-5px;
	position:relative;
}

.mod-titimg-02 {
	margin-bottom:5px !important;
}

/* text
--------------------------*/
.mod-txt-01 {
	margin-bottom:15px;
}

.mod-txt-02 {
	margin-left:10px;
	margin-bottom:15px;
	text-align:justify;
}

.mod-txt-03 p {
	margin-top:1em;
}

.mod-txt-04 p {
	margin-bottom:1em;
}

.mod-txt-05 {
	padding-top:1.75em;
}

.mod-txt-price {
	position:absolute;
	bottom:0;
	/bottom:10px;
	right:10px;
}


.mod-txt-total {
	margin:0 20px 0 10px;
	position:relative;
	padding-right:10em;
}

.mod-txt-total .en {
	display:block;
	font-size:x-small;
}

.mod-txt-total .price {
	position:absolute;
	right:0;
	top:0;
	width:10em;
}

/* list
--------------------------*/
.mod-list-01 li {
	margin-bottom:15px;
}

.mod-list-02 li {
	text-indent:-0.5em;
	padding:0 0 0 0.5em;
}

.mod-list-03 {
	padding:10px 0 15px 13px;
}

.mod-list-03 li {
	margin:0 0 10px;
	display:block;
}

.mod-list-03 li span {
	display:block;
	font-size:x-small;
}

.mod-list-03 li em {
	display:block;
}


.mod-list-04 {
	padding:0 20px 15px 10px;
}

.mod-list-04 li {
	position:relative;
	padding:8px 0;
	background:url(../images/ca_bdr_01.png) 0 bottom repeat-x;
	padding-right:10em;
}

.mod-list-04 li .price {
	position:absolute;
	right:0;
	top:8px;
	width:10em;
}

.mod-list-04 li span {
	display:block;
	font-size:x-small;
}


.mod-list-05 {
	padding:0 0 10px;
}

.mod-list-05 li {
	position:relative;
	zoom:1;
	padding-right:10em;
}

.mod-list-05 li span {
	position:absolute;
	right:0;
	width:10em;
}


.mod-list-img01 li {
	float:left;
	width:265px;
}

.mod-list-img01 li.center {
	width:266px;
	padding:0 17px;
}

.mod-list-img01 li img {
	display:block;
	margin:0 0 5px;
}

.mod-btnlist-01 {
	margin-left:5px;
	margin-right:-19px;
	margin-bottom:-18px;
	position:relative;
	zoom:1;
}

.mod-btnlist-01 li {
	float:left;
	padding:0 0 15px 15px;
}


/* float
--------------------------*/
.mod-l-01 {
	float:left;
}

.mod-r-01 {
	float:right;
}


/* button
--------------------------*/
.mod-btn-01 {
	position:absolute;
	bottom:0;
	_bottom:-1px;
	left:0;
}

.mod-btn-02 {
	position:absolute;
	bottom:0;
	/bottom:10px;
	right:0;
}

#wedding  #style01 .mod-btn-02 {
	position:absolute;
	bottom:15px;
	_bottom:-16px;
	right:0;
}

/* space
--------------------------*/
.mod-mrgT-01 {
	margin:20px 0 0;
}

/* skin
----------------------------------------------------*/

.ski-annotation-01 {
	margin:10px 0 0;
	font-size:x-small;
}

ul.ski-annotation-01 li {
	font-size:x-small;
}

.ski-accentuation-01 {
	font-size:large;
}

.ski-accentuation-02 {
	font-size:x-large;}



.ski-menuTit-01 {
	margin:0 0 1em;
	line-height:1.2;
}

.ski-menuTit-01 span {
	font-size:x-small;
}

.ski-menuTit-01 em {
	display:block;
	font-weight:bold;
}

.ski-bdr-01 {
	border-right:1px #CCC solid;
}

.ski-bdr-02 {
	margin-bottom:15px !important;
	padding-bottom:15px !important;
	background: url(../images/bdr_01.gif) 0 bottom repeat-x;
}

.ski-bg-01 {
	background:#FFF;
}
