@charset "utf-8";


/* Div設定 ///////////////////////////////////////////////////////////////////////////////////////////////////*/


/*-----------------------------------------------------------*/
/* [コンテンツ共有] */

html,body{
/*最上クラス設定*/
	height:100%;
	width:100%;
	
}

#wrapper{
/*全体1280pxの幅*/
	width:100%;
	height:auto;
	color:#444;
	margin:auto;
	font-family:"MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:12px;
	/*background-color:#FFFDF7;*/
}



/*-----------------------------------------------------------*/
/* ヘッダー部分 */

#hedder{
/*ヘッダー*/
	width:100%;
	height:200px;
	margin:auto;

}

#header_sakura{
	width:1000px;
	margin:auto;
	background-image:url(../image/image_haikei_02.png);
	background-repeat:no-repeat;	
}

#hedder_top{
	width:100%;
	height:15px;	
	background-color:#eee;
}

#hedder_center{
/*ヘッダー中央揃え*/
	width:800px;
	height:165px;
	margin:auto;
	padding:0px 0px 0px 100px;
}

#hedder_center_a{
/*ヘッダー800の枠*/
	width:800px;
	height:165px;
}
#hedder_center_a{
/*ヘッダー中央揃え*/
	width:800px;
	height:165px;	


}
.hedder_sc{
	width:260px;
	height:90px;
	margin-left:60px;
	overflow:auto;
}

.hedder_left{
/*ヘッダー左枠（題名部分）*/
	width:450px;

	/*background-color:#F2F2EE;　薄い灰色*/
	/*background-image:url(../image/image_haikei01.png);*/
}

.hedder_right{
/*ヘッダー右枠（詳細内容）*/
	width:450px;

	/*background-color:#F2F2aa; ベージュ色*/
	/*background-image:url(../image/image_haikei01.png);*/
}


/*-----------------------------------------------------------*/
/* フッター部分*/

#fotter{
/*フッターの幅*/
	width:100%;
	height:150px;
	/*margin-top:40px;*/
	font-size:10px;
	background-color:#eee;
	line-height:150%;
	background-image:url(../image/image_02.png);
	background-repeat:repeat-x;	
	
}

#footer_black{
	width:100%;
	height:50px;
	background-color:#888;
}


#footer_waku0{
	width:100%;
	margin:auto;
	/*background-color:#eee;*/
}

#footer_center{
	width:900px;
	margin:auto;
}


#footer_waku1{
/*フッター新着枠*/
	width:300px;
	height:auto;
	padding:10px;
	padding-top:40px;	
	float:left;	
}

#footer_waku2{
/*フッター大部分*/
	width:450px;
	height:auto;
	padding:10px;
	padding-top:40px;
	padding-left:50px;
	font-size:10px;
	line-height:170%;
	text-align:left;
	float:left;	

}

/*-----------------------------------------------------------*/
/*記事内のブロック*/


#box00{
/*全体の記事枠*/
	width:900px;
	margin:auto;
	padding-top:0px;
	padding-top:0px;
	/*background-color:#FF0;　記事部分全体　黄色*/
}


#box01{
/*サイドメニュー枠*/	
	width:160px;
	height:auto;
	padding:10px;
	padding-top:20px;
	/*background-color:#fda;　肌色*/
	line-height:150%;	
	/*垂直線　撤去：background-image:url(../image/image_border01.png);
	background-position:right;
	background-repeat:repeat-y;*/	
	float:left;
}

#box02{
/*[TOP]記事の中央枠*/
	width:500px;
	height:auto;
	float:left;
	padding:20px;
	/*background-color:#9F9;　薄い青い緑*/
}
#box03{
/*[TOP]記事の右側枠*/
	width:140px;
	padding:20px;	
	height:auto;
	float:right;
	line-height:150%;
}

#box04{
/*普通の記事枠*/
	width:679px;
	height:auto;
	float:right;
	padding:20px;
}

#box044{
/*普通の記事枠*/
	width:679px;
	height:auto;
	float:left;
	padding:20px;
}

#box05{
/*普通の記事枠３通り*/
	width:215px;
	height:auto;
	float:left;
}


/*-----------------------------------------------------------*/
/*.新着記事*/

#sintyaku{
/*新着記事の枠*/
	width:630px;
	padding:10px 0px 0px 0px;	
	
}

.sintyaku_td{
/*記事の日付*/
	padding:5px 15px 0px 15px;
}

#sintyaku_waku{
/*ＴＯＰメニュー1つ枠*/
	width:120px;
	padding:10px 0px 10px 0px;
	float:left;
}

#sintyaku_waku2{
/*ＴＯＰメニュー1つ枠*/
	width:100px;
	padding:10px 0px 10px 0px;
	float:left;
}

.sintyaku_image{
/*新着のイメージ画像*/
	width:98px;
	float:left;	
	border: 1px solid #BBB;	
}

.sintyaku_right{
/*新着の内容部分*/	
	width:400px;
	float:right;
}

.sintyaku_bar_right{
	border-right:solid 1px #ccc;
}

/*-----------------------------------------------------------*/
/*.メニューオンマウス*/

/*メニューダミー*/
.menu99{
	background-image:url(../image/image_99_facebookdami-.png);
	background-position:top;
	width:160px;
	height:200px;
}

.menu98{
	background-image:url(../image/image_98_twitter.png);
	background-position:top;
	width:140px;
	height:500px;
}


/*メインメニュー*/
.menu00{
	background-image:url(../image/image_menu_00.png);
	background-repeat:no-repeat;
	background-position:top;
	width:160px;
	height:35px;
}

.menu00:hover{
	background-image:url(../image/image_menu_00a.png);
	background-position:top;
	width:160px;
	height:35px;
}

/*無料会員*/
.menu01{
	background-image:url(../image/image_menu_01a.png);
	background-position:top;
	width:160px;
	height:60px;
}

.menu01:hover{
	background-image:url(../image/image_menu_01b.png);
	background-position:top;
	width:160px;
	height:60px;
}

/*トップページ*/
.menu02{
	background-image:url(../image/image_menu_02a.png);
	background-position:top;
	width:160px;
	height:35px;
}

.menu02:hover{
	background-image:url(../image/image_menu_02b.png);
	background-position:top;
	width:160px;
	height:35px;
}

/*はじめに*/
.menu03{
	background-image:url(../image/image_menu_03a.png);
	background-position:top;
	width:160px;
	height:35px;
}

.menu03:hover{
	background-image:url(../image/image_menu_03b.png);
	background-position:top;
	width:160px;
	height:35px;
}


/*パーティ開催基準*/
.menu04{
	background-image:url(../image/image_menu_04a.png);
	background-position:top;
	width:160px;
	height:35px;
}

.menu04:hover{
	background-image:url(../image/image_menu_04b.png);
	background-position:top;
	width:160px;
	height:35px;
}

/*開催スケジュール*/
.menu05{
	background-image:url(../image/image_menu_05a.png);
	background-position:top;
	width:160px;
	height:35px;
}

.menu05:hover{
	background-image:url(../image/image_menu_05b.png);
	background-position:top;
	width:160px;
	height:35px;
}

/*参加までの流れ*/
.menu06{
	background-image:url(../image/image_menu_06a.png);
	background-position:top;
	width:160px;
	height:35px;
}

.menu06:hover{
	background-image:url(../image/image_menu_06b.png);
	background-position:top;
	width:160px;
	height:35px;
}


/*Ｑ＆Ａ*/
.menu07{
	background-image:url(../image/image_menu_07a.png);
	background-position:top;
	width:160px;
	height:35px;
}

.menu07:hover{
	background-image:url(../image/image_menu_07b.png);
	background-position:top;
	width:160px;
	height:35px;
}

/*お問い合わせ*/
.menu08{
	background-image:url(../image/image_menu_08a.png);
	background-position:top;
	width:160px;
	height:35px;
}

.menu08:hover{
	background-image:url(../image/image_menu_08b.png);
	background-position:top;
	width:160px;
	height:35px;
}

/*会社概要*/
.menu09{
	background-image:url(../image/image_menu_09a.png);
	background-position:top;
	width:160px;
	height:35px;
}

.menu09:hover{
	background-image:url(../image/image_menu_09b.png);
	background-position:top;
	width:160px;
	height:35px;
}


/*サイト名こだわり*/
.menu10{
	background-image:url(../image/image_menu_10a.png);
	background-position:top;
	width:160px;
	height:35px;
}

.menu10:hover{
	background-image:url(../image/image_menu_10b.png);
	background-position:top;
	width:160px;
	height:35px;
}

/*ノーバッティングシステム*/
.menu11{
	background-image:url(../image/image_menu_11a.png);
	background-position:top;
	width:160px;
	height:35px;
}

.menu11:hover{
	background-image:url(../image/image_menu_11b.png);
	background-position:top;
	width:160px;
	height:35px;
}


/*スタッフ紹介*/
.menu12{
	background-image:url(../image/image_menu_12a.png);
	background-position:top;
	width:160px;
	height:150px;
}

.menu12:hover{
	background-image:url(../image/image_menu_12b.png);
	background-position:top;
	width:160px;
	height:150px;
}

/*参加者の声*/
.menu13{
	background-image:url(../image/image_menu_13a.png);
	background-position:top;
	width:160px;
	height:150px;
}

.menu13:hover{
	background-image:url(../image/image_menu_13b.png);
	background-position:top;
	width:160px;
	height:150px;
}


/*カップルご報告*/
.menu15{
	background-image:url(../image/image_menu_15a.png);
	background-position:top;
	width:160px;
	height:60px;
}

.menu15:hover{
	background-image:url(../image/image_menu_15b.png);
	background-position:top;
	width:160px;
	height:60px;
}

/*カップル*/
.menu17{
	background-image:url(../image/image_menu_17a.png);
	background-position:top;
	width:160px;
	height:60px;
}

.menu17:hover{
	background-image:url(../image/image_menu_17b.png);
	background-position:top;
	width:160px;
	height:60px;
}

/*パーティーの様子*/
.menu18{
	background-image:url(../image/image_menu_18a.png);
	background-position:top;
	width:160px;
	height:150px;
}

.menu18:hover{
	background-image:url(../image/image_menu_18b.png);
	background-position:top;
	width:160px;
	height:150px;
}

/*外部リンク*/
.menu19{
	background-image:url(../image/image_menu_19a.png);
	background-position:top;
	width:160px;
	height:35px;
}

.menu19:hover{
	background-image:url(../image/image_menu_19b.png);
	background-position:top;
	width:160px;
	height:35px;
}


/*個人情報取り扱い*/
.menu20{
	background-image:url(../image/image_menu_20a.png);
	background-position:top;
	width:160px;
	height:35px;
}

.menu20:hover{
	background-image:url(../image/image_menu_20b.png);
	background-position:top;
	width:160px;
	height:35px;
}

/*参加者規約*/
.menu21{
	background-image:url(../image/image_menu_21a.png);
	background-position:top;
	width:160px;
	height:35px;
}

.menu21:hover{
	background-image:url(../image/image_menu_21b.png);
	background-position:top;
	width:160px;
	height:35px;
}

/*-----------------------------------------------------------*/
/*03サイトマップ*/
.sitemap_kizi{
	width:620px;
	line-height:170%;
	padding-left:20px;
	padding-bottom:30px;
}


/*-----------------------------------------------------------*/
/*04.会社概要*/

.corporate_table td{
	padding:20px;
	height:15px;
	vertical-align:middle;
	line-height:170%;
}

.corporate_table_retu01{
	text-align:center;
	font-size:12px;
	font-weight:bold;
}

/*-----------------------------------------------------------*/
/*05お問い合わせ*/
.support_kizi{
	width:620px;
	line-height:160%;
	padding-left:10px;
	padding-bottom:30px;	
}

/*-----------------------------------------------------------*/
/*06ﾌﾟﾗｲﾊﾞｼｰと*/
.privacy_kizi{
	width:620px;
	line-height:160%;
	padding-left:20px;
	padding-bottom:30px;	
}

/*-----------------------------------------------------------*/
/*07.about*/
.about_kizi{
	width:620px;
	line-height:160%;
	padding-left:20px;
	padding-bottom:30px;
}

/*-----------------------------------------------------------*/
/*08.パーティ開催基準*/
.criterion_kizi{
	width:620px;
	line-height:160%;
	padding-left:10px;
	padding-bottom:30px;
}

/*-----------------------------------------------------------*/
/*09.開催スケジュール*/

#schedule{
/*新着記事の枠*/
	width:650px;
}

.schedule_td{
/*記事の日付*/
	padding:10px 10px 0px 10px;
}

.schedule_box1{
	width:325px;
	float:left;
}

.schedule_box2{
	width:325px;
	float:left;
}

.schedule_table td{
	padding:20px;
	height:15px;
	vertical-align:middle;
	line-height:170%;
}

.schedule_table_retu01{
	text-align:center;
	font-size:12px;
	font-weight:bold;
}
/*-----------------------------------------------------------*/
/*10.参加までの流れ*/
.plan_kizi{
	width:650px;
	line-height:160%;
	padding-bottom:30px;
}

/*-----------------------------------------------------------*/
/*11Ｑ＆Ａ*/
.qa_kizi{
	width:620px;
	line-height:160%;
	padding-left:20px;
	padding-bottom:30px;
}

/*-----------------------------------------------------------*/
/*12スタッフ紹介*/
#staff_box{
/*新着記事の枠*/
	width:650px;
}

.staff_left{
	width:400px;
	float:left;
}

.staff_table td{
	padding:px;
	height:15px;
	vertical-align:middle;
	line-height:170%;
}

/*-----------------------------------------------------------*/
/*14_会員登録*/

.registration_kizi{
	width:620px;
	line-height:160%;
	padding-left:10px;
	padding-bottom:30px;
}

.registration_table td{
	padding:10px;
	height:15px;
	vertical-align:middle;
}

.registration_table_retu01{
	text-align:center;
	font-size:12px;
	font-weight:bold;
}

/*-----------------------------------------------------------*/
/*15　こだわり*/
.kodawari_kizi{
	width:620px;
	line-height:160%;
	padding-left:20px;
	padding-bottom:30px;
}

/*-----------------------------------------------------------*/
/*16リピート*/
.repeat_kizi{
	width:620px;
	line-height:160%;
	padding-left:20px;
	padding-bottom:30px;
}

/*-----------------------------------------------------------*/
/*17キャンセルフォーム*/

.cancel_kizi{
	width:620px;
	line-height:160%;
	padding-left:20px;
	padding-bottom:30px;	
}


/*-----------------------------------------------------------*/
/*18外部リンク*/

.link_kizi{
	width:650px;
	line-height:160%;
	padding-left:20px;
	padding-bottom:30px;	
}

.link_td{
/*記事の日付*/
	padding:0px 10px 0px 10px;
}

/*-----------------------------------------------------------*/
/*20規約*/

.kiyaku_table td{
	vertical-align:middle;
	line-height:150%;
}


/* 共有用クラス宣言 //////////////////////////////////////////////////////////////////////////////////////////////*/

.div_clear{
/*Div要素のクリア*/
	clear:both;
}

.font_B{
/*太字*/
	font-weight:bold;
}

.font_gray{
/*フォント灰色*/
	color:#666;
}

.font_pink{
/*フォントピンク色*/
	color:#F69;
}

.font_size16{
/*フォントサイズ１６*/
	font-size:16px;
}

.kizi_title{
	width:630px;
	font-size:16px;
	color:#666;
	font-weight:bold;
}


.mail_form td{
/*メールフォームの部分*/
	padding:20px 10px 15px 20px;
	
}

.li_height_border1{
/*Divの横に線*/
	border-left:1px solid #888;
}

.li_height_border2{
	border-right:1px solid #888;
}

.midasi01{
/*現在予約受付中など*/
	font-size:18px;
	color:#F69;
	font-weight:bold;
}

.midasi02{
/*現在予約受付中など*/
	font-size:18px;
	color:#666666;
	font-weight:bold;
}

.title{
	width:615px;
	height:25px;
	padding-top:10px;
	padding-left:35px;
	font-size:17px;
	color:#666666;
	font-weight:bold;	
	background-image:url(../image/kizi_title/kizi_99.png);
	
}


/* リンク設定 //////////////////////////////////////////////////////////////////////////////////////////////*/

a:link {
/*訪問前の色*/
	color: #666;
}
a:visited {
/*訪問後の色*/
	color: #666;
}
a:hover {
/*オンマウス時の色*/	
	color: #FFAE66;
}
a{
/*下線なし設定*/
	text-decoration: none;
}













/* CSSリセット /////////////////////////////////////////////////////////////////////////////////////////////*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
	margin:0;
	padding:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	font-weight:normal;
}

body{
	line-height:1
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block
}

ul{
	list-style:none
}

blockquote,q{
	quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after{
	content:none
}

a{
	margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;
}

del{
	text-decoration:line-through
}

abbr[title],dfn[title]{
	border-bottom:1px dotted;
	cursor:help
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

hr{
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
}

input,select{
	vertical-align:middle;
}

img{
	border-style:none;
}

/* よく使うCSS start

img {
	max-width:100%;
}

table {
	width:100%;
}

a,a:hover {
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

a img:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

よく使うCSS end -----
時々使うCSS3 start ---

テキストシャドウ {
	text-shadow: 1px 1px 3px #000;
}

テキストシャドウ {
	text-shadow: 1px 1px 3px #000;
}

ボックスシャドウ {
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

ボックスシャドウ内側 {
	-moz-box-shadow: inset 1px 1px 3px #000;
	-webkit-box-shadow: inset 1px 1px 3px #000;
	box-shadow: inset 1px 1px 3px #000;
}

角丸 {
	border-radius: 10px; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
}

トランジション {
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
}

透明 {
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}

背景のみ透明 {
	background-color:rgba(255,255,255,0.2);
}

グラデーション {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000')";
	background-image: -moz-linear-gradient(top, #ffffff, #000000);
	background-image: -ms-linear-gradient(top, #ffffff, #000000);
	background-image: -o-linear-gradient(top, #ffffff, #000000);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#000000));
	background-image: -webkit-linear-gradient(top, #ffffff, #000000);
	background-image: linear-gradient(top, #ffffff, #000000);
}

スマホ対応
@media screen and (max-width: 480px){
	
}
@media screen and (max-width: 320px){
	
}

時々使うCSS3 end */


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////*/