@charset "utf-8";
/*
Theme Name:SeiranKaikan
Author:WebSODA
Version:1.0
*/




/*-----------------------------------*/


* {
	font-size: 12px;
	line-height: 140%;
	margin: 0px;
	padding: 0px;
	color: #333333;
}

body {
	margin: 0px;
	padding: 0px;
	-webkit-text-size-adjust: 100%;
	background-image: url(img/bg.png);
}

img {
	vertical-align: bottom;
	height: auto;
	max-width: 100%;
	text-decoration: none;
	border: 0 none;
}

a:link,
a:visited,
a:active {
	color: #333333;
	text-decoration: none;
}
a:hover {

}
a {
	outline: none;
}
section {
	display: block;
}

input,
textarea {
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
	padding: 5px;
	position: relative;
}
input[type="submit"] {
	cursor: pointer;
	background-color: #E6E6E6;
    background-image: -moz-linear-gradient(center top , #F4F4F4, #E6E6E6);
    background-repeat: repeat-x;
    border: 1px solid #D2D2D2;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
    color: #7C7C7C;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.42857;
    padding-top: 7px;
	padding-bottom: 7px;
	font-family: inherit;
	height: 30px;
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
	/*behavior: url(http://seiran-kaikan.com/wp/wp-content/themes/chefcompany/js/PIE.htc)\9;*/ /*IE7,8*/
}








/*ヘッダー*/




#errorArea {
	text-align: right;
}
#header_wrap {
	width: 100%;
	background-image: url(img/hd_line.png);
	background-repeat: repeat-x;
	/*height: 148px;*/
	height: 133px;
	background-position: left bottom;
	padding-bottom: 19px;
	margin-top: 17px;
}
#header_wrap header {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#header_wrap h1 a {
	position: absolute;
	left: 0px;
	/*top: 77px;*/
	top: 15px;
	background-image: url(img/logo.png);
	text-indent: -99999px;
	display: block;
	height: 52px;
	width: 201px;
	background-repeat: no-repeat;
}
#header_wrap #hd_tel {
	position: absolute;
	/*top: 19px;*/
	top: 89px;
	right: 0px;
}
.tel {
	background-image: url(img/tel.png);
	background-repeat: no-repeat;
	text-indent: -99999px;
	display: block;
	height: 33px;
	width: 205px;
}
#header_wrap #hd_nav {
	position: absolute;
	top: 5px;
	right: 0px;
	width: 489px;
	height: 79px;
}
#header_wrap #hd_nav p {
	display: none;
}

#header_wrap #hd_nav li {
	float: left;
	list-style-type: none;
}
#header_wrap #hd_nav li a {
	display: block;
	height: 40px;
	background-image: url(img/hd_nav.png);
	background-repeat: no-repeat;
	text-indent: -99999px;
	/*color: #333333;*/
}

#header_wrap #hd_nav a#hd_home:link,
#header_wrap #hd_nav a#hd_home:visited,
#header_wrap #hd_nav a#hd_home:active {
	width: 76px;
	background-position: 0px 0px;
}
#header_wrap #hd_nav a#hd_home:hover {
	background-position: 0px -40px;
}
#header_wrap #hd_nav a#hd_ceremony:link,
#header_wrap #hd_nav a#hd_ceremony:visited,
#header_wrap #hd_nav a#hd_ceremony:active {
	width: 83px;
	background-position: -76px 0px;
}
#header_wrap #hd_nav a#hd_ceremony:hover {
	background-position: -76px -40px;
}
#header_wrap #hd_nav a#hd_reception:link,
#header_wrap #hd_nav a#hd_reception:visited,
#header_wrap #hd_nav a#hd_reception:active {
	width: 79px;
	background-position: -159px 0px;
}
#header_wrap #hd_nav a#hd_reception:hover {
	background-position: -159px -40px;
}
#header_wrap #hd_nav a#hd_cuisine:link,
#header_wrap #hd_nav a#hd_cuisine:visited,
#header_wrap #hd_nav a#hd_cuisine:active {
	width: 74px;
	background-position: -238px 0px;
}
#header_wrap #hd_nav a#hd_cuisine:hover {
	background-position: -238px -40px;
}
#header_wrap #hd_nav a#hd_photo:link,
#header_wrap #hd_nav a#hd_photo:visited,
#header_wrap #hd_nav a#hd_photo:active {
	width: 108px;
	background-position: -312px 0px;
}
#header_wrap #hd_nav a#hd_photo:hover {
	background-position: -312px -40px;
}
#header_wrap #hd_nav a#hd_facility:link,
#header_wrap #hd_nav a#hd_facility:visited,
#header_wrap #hd_nav a#hd_facility:active {
	width: 69px;
	background-position: -420px 0px;
}
#header_wrap #hd_nav a#hd_facility:hover {
	background-position: -420px -40px;
}
#header_wrap #hd_nav a#hd_event:link,
#header_wrap #hd_nav a#hd_event:visited,
#header_wrap #hd_nav a#hd_event:active {
	width: 76px;
	background-position: -489px 0px;
}
#header_wrap #hd_nav a#hd_event:hover {
	background-position: -489px -40px;
}
#header_wrap #hd_nav a#hd_access:link,
#header_wrap #hd_nav a#hd_access:visited,
#header_wrap #hd_nav a#hd_access:active {
	width: 83px;
	background-position: -565px 0px;
}
#header_wrap #hd_nav a#hd_access:hover {
	background-position: -565px -40px;
}
#header_wrap #hd_nav a#hd_link:link,
#header_wrap #hd_nav a#hd_link:visited,
#header_wrap #hd_nav a#hd_link:active {
	width: 79px;
	background-position: -648px 0px;
}
#header_wrap #hd_nav a#hd_link:hover {
	background-position: -648px -40px;
}
#header_wrap #hd_nav a#hd_blog:link,
#header_wrap #hd_nav a#hd_blog:visited,
#header_wrap #hd_nav a#hd_blog:active {
	width: 74px;
	background-position: -727px 0px;
}
#header_wrap #hd_nav a#hd_blog:hover {
	background-position: -727px -40px;
}
#header_wrap #hd_nav a#hd_contact:link,
#header_wrap #hd_nav a#hd_contact:visited,
#header_wrap #hd_nav a#hd_contact:active {
	width: 108px;
	background-position: -801px 0px;
}
#header_wrap #hd_nav a#hd_contact:hover {
	background-position: -801px -40px;
}
#header_wrap #hd_nav a#hd_request:link,
#header_wrap #hd_nav a#hd_request:visited,
#header_wrap #hd_nav a#hd_request:active {
	width: 69px;
	background-position: -909px 0px;
}
#header_wrap #hd_nav a#hd_request:hover {
	background-position: -909px -40px;
}














#contents {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 50px;
	padding-left: 30px;
	background-color: #FFFFFF;
	margin-top: 20px;
	margin-bottom: 30px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}







/*セカンドページ下部　フェア*/
#fair_btm_wrap {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 20px;
}
#fair_btm_wrap h3 {
	font-weight: normal;
	background-color: #DCD7C9;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	font-size: 16px;
	padding: 10px;
}
#fair_btm {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}	
#fair_btm_wrap ._zhpdAccessory_315051 {
	width: 100%;
	min-height: 250px;
}









/*フッター*/
#pagetop a {
	width: 45px;
	position: absolute;
	height: 46px;
	background-image: url(img/pagetop.png);
	background-repeat: no-repeat;
	top: -50px;
	right: 12px;
	text-indent: -99999px;
	display: block;
}
#footer_wrap {
	width: 100%;
	background-image: url(img/ft_line.png);
	background-repeat: repeat-x;
	padding-top: 40px;
	position: relative;
}
#footer_wrap footer {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#ft_nav {
	text-align: center;
}
#ft_nav li {
	list-style-type: none;
	display: inline;
	padding-right: 1.5em;
	padding-left: 1.5em;
	padding-top: 5px;
	padding-bottom: 5px;
}
#ft_nav li a {
	color: #333333;
	text-align: center;
}
#copyright {
	width: 100%;
	/*padding-top: 10px;*/
	position: relative;
}
#copyright div {
	width: 50%;
}
#copyright small {
	width: 50%;
	text-align: right;
	position: absolute;
	right: 0px;
	bottom: 20px;
}




/*ブログ・News*/
#main_wrap {
    float: left;
    width: 60%;
	/*-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;*/
	padding-left: 3.3%;
	padding-top: 12px;
}
#side_wrap {
    float: right;
    padding-top: 20px;
    width: 30%;
	/*-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;*/
	padding-right: 3.3%;
}






/*コメント送信ボタン上のタグ説明消す*/
.form-allowed-tags {
	display: none;
}

@media screen and (max-width: 960px) {

#header_wrap header,
#contents {
	width: auto;
	margin-left: 0;
	margin-right: 0;
}
#header_wrap h1 a {
	left: 10px;
}
#header_wrap #hd_tel {
	right: 10px;
}
#header_wrap #hd_nav {
	right: 10px;
}
#contents {
	margin-left: 10px;
	margin-right: 10px;
}
#footer_wrap footer {
	width: auto;
	margin-left: 10px;
	margin-right: 10px;
}
#ft_nav li {
	padding-right: 0.7em;
	padding-left: 0.7em;
}
}



@media screen and (max-width: 768px) {


#contents {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
}

/*ブログ・News*/
#main_wrap {
	padding-left: 10px;
}
#side_wrap {
	padding-right: 10px;
}











}




@media screen and (max-width: 750px) {
/*ロゴとナビが重なるためナビをテキスト表示で格納*/
/*グローバルメニューをボタンに格納*/
#header_wrap {
	height: 72px;
	margin-top: 0px;
}
#header_wrap h1 a {
	top: 10px;
}
#header_wrap #hd_tel {
	display: none;
}
#header_wrap #hd_nav {
	top: 10px;
	height: auto;
	width: auto;
	position: relative;
}
#header_wrap #hd_nav p {
	display: block;
}
#header_wrap #hd_nav p a {
    position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	width: 50px;
	height: 50px;
	display: block;
	background-image: url(img/navi.jpg);
	text-indent: -99999px;
}
#header_wrap #hd_nav ul {
	display: none;
	z-index: 101;
	position: absolute;
	top: 60px;
	right: 0px;
	background-color: #EDEDED;
	background-color: rgba(50,50,50,0.7);
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px; 
/*	height: 250px;*/
	width: 240px;
	padding: 10px;
}
#header_wrap #hd_nav li {
	/*float: none;*/
}
#header_wrap #hd_nav ul li a {
	border-bottom: 1px dotted #EDEDED;
	color: #333333\9; /*IE7,8*/
	background-image: none;
	text-indent: 0px;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: arial;
	color: #FFFFFF;
	font-size: 15px;
}
#header_wrap #hd_nav a#hd_home:link,
#header_wrap #hd_nav a#hd_ceremony:link,
#header_wrap #hd_nav a#hd_reception:link,
#header_wrap #hd_nav a#hd_cuisine:link,
#header_wrap #hd_nav a#hd_photo:link,
#header_wrap #hd_nav a#hd_facility:link,
#header_wrap #hd_nav a#hd_event:link,
#header_wrap #hd_nav a#hd_access:link,
#header_wrap #hd_nav a#hd_link:link,
#header_wrap #hd_nav a#hd_blog:link,
#header_wrap #hd_nav a#hd_contact:link,
#header_wrap #hd_nav a#hd_request:link {
	width: 100px;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

/*a#hd_home:link,
a#hd_home:visited,
a#hd_home:active,
a#hd_home:hover,
a#hd_ceremony:link,
a#hd_ceremony:visited,
a#hd_ceremony:active,
a#hd_ceremony:hover,
a#hd_reception:link,
a#hd_reception:visited,
a#hd_reception:active,
a#hd_reception:hover,
a#hd_cuisine:link,
a#hd_cuisine:visited,
a#hd_cuisine:active,
a#hd_cuisine:hover,
a#hd_photo:link,
a#hd_photo:visited,
a#hd_photo:active,
a#hd_photo:hover,
a#hd_facility:link,
a#hd_facility:visited,
a#hd_facility:active,
a#hd_facility:hover,
a#hd_event:link,
a#hd_event:visited,
a#hd_event:active,
a#hd_event:hover,
a#hd_access:link,
a#hd_access:visited,
a#hd_access:active,
a#hd_access:hover,
a#hd_link:link,
a#hd_link:visited,
a#hd_link:active,
a#hd_link:hover,
a#hd_blog:link,
a#hd_blog:visited,
a#hd_blog:active,
a#hd_blog:hover,
a#hd_contact:link,
a#hd_contact:visited,
a#hd_contact:active,
a#hd_contact:hover,
a#hd_request:link,
a#hd_request:visited,
a#hd_request:active,
a#hd_request:hover {
	width: 100px;
	padding-left: 5px;
	padding-right: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}*/



/*ロゴとナビが重なるのを回避*/
/*#header_wrap h1 a {
	margin-left: 10px;
}*/

}








@media screen and (max-width: 480px) {	

body {
	background-image: none;
}
#header_wrap {
	height: 67px;
}
#contents {
	box-shadow: none;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
#footer_wrap {
	padding-top: 20px;
}
#ft_nav {
	display: none;
}
#copyright {
	text-align: center;
}
#copyright div {
	width: auto;
}
#copyright small {
	width: auto;
	position: static;
	right: 0px;
	bottom: 20px;
}


/*ブログ・News*/
#main_wrap {
    float: none;
    width: 100%;
	padding-top: 17px;
	padding-right: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#side_wrap {
    float: none;
    padding-top: 60px;
    width: 100%;
	padding-left: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

}


/*背景画像の場合、retina.jsが非対応のためcssでretinaに対応*/
@media all and (-webkit-min-device-pixel-ratio: 2) {

#header_wrap {
	background-image: url('img/hd_line_-2X.png');
	-webkit-background-size: 2800px 19px; /* WebKit */
	background-size: 2800px 19px; /* WebKit以外 */
}
#header_wrap h1 a {
	background-image: url('img/logo_-2X.png');
	-webkit-background-size: 201px 52px; /* WebKit */
	background-size: 201px 52px; /* WebKit以外 */
}
.tel {
	background-image: url('img/tel_-2X.png');
	-webkit-background-size: 205px 33px; /* WebKit */
	background-size: 205px 33px; /* WebKit以外 */
}
#header_wrap #hd_nav li a {
	background-image: url('img/hd_nav_-2X.png');
	-webkit-background-size: 978px 80px; /* WebKit */
	background-size: 978px 80px; /* WebKit以外 */
}
#footer_wrap {
	background-image: url('img/ft_line_-2X.png');
	-webkit-background-size: 2800px 16px; /* WebKit */
	background-size: 2800px 16px; /* WebKit以外 */
}
#pagetop a {
	background-image: url('img/pagetop_-2X.png');
	-webkit-background-size: 45px 46px; /* WebKit */
	background-size: 45px 46px; /* WebKit以外 */
}
#header_wrap #hd_nav p a {
	background-image: url('img/navi_-2X.jpg');
	-webkit-background-size: 50px 50px; /* WebKit */
	background-size: 50px 50px; /* WebKit以外 */
}

}