@charset "utf-8";

/* ------------------------------
	container
------------------------------ */


#container {
	width: 960px;
	margin: 10px auto 0;

	xbackground-color : #ffffff ;
	background:transparent url(../img/contant_middle.gif) repeat-y scroll 0 0;
}


/* ------------------------------
	header
------------------------------ */


#header {
	xmargin-bottom: 10px;
	xbackground: #acacac;

	background : url(../img/header_back.gif) no-repeat;
	height : 55px ;
	position : relative ;
}


/* ------------------------------
	header End
------------------------------ */




/* ------------------------------
	contents
------------------------------ */


#contents {
	xfloat: left;
	width: 960px;
	xmargin-bottom: 10px;

	background : url(../img/contant_middle.gif) repeat-y ;
	height : 100% ;
}


/* ------------------------------
	sub01
------------------------------ */


#sub01 {
	float: left;
	width: 490px;
	height: 240px;
	xbackground: #fcc946;

	padding-left : 15px ;
	margin-top : 10px ;
}


/* ------------------------------
	sub01 End
------------------------------ */




/* ------------------------------
	sub02
------------------------------ */


#sub02 {
	float: right;
	width: 435px;
	height: 240px;
	xbackground: #c0c217;

	margin-right : 15px ;
	margin-top : 10px ;
}


/* ------------------------------
	sub02 End
------------------------------ */

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

div#main {
	clear : both ;
	margin-left : 15px ;
}

div#main_top {
	background-image: url(../img/reservation_top.gif);
	width : 936px ;
	height : 30px ;
}

div#main_middle {
	background: url(../img/reservation_middle.gif) repeat-y;
	width : 936px ;
	xheight : 300px ;
	position : relative ;
}

div#main_bottom {
	background-image: url(../img/reservation_bottom.gif);
	width : 936px ;
	height : 10px ;
}

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


/* ------------------------------
	contents End
------------------------------ */




/* ------------------------------
	footer
------------------------------ */


#footer {
	clear: both;
	height: 15px;
	xmargin-bottom: 20px;
	xbackground: #acacac;

	background : url(../img/contant_bottom.gif) no-repeat ;
	margin-top : 0px ;
	border-top:0px dotted #B5B5B5;
	font-size : 12px ;
	color : #666666 ;
	text-align : center ;
	xpadding-bottom : 10px ;
}


/* ------------------------------
	footer End
------------------------------ */


/* ------------------------------
	container End
------------------------------ */

/* ------------------------------
	base End
------------------------------ */

/* ------------------------------
	top
------------------------------ */

body {
	background: #D9D9D9;
}

#header h1 {
	color : #ffffff ;
	xfont-weight:bold;
	padding-left:20px;
	padding-top:15px;
}

#header  a.btn001 {
	position : absolute ;
	right : 100px ;
	top : 16px ;
	text-decoration:none;
	font-size : 12px ;
	color : #ffffff ;
}

#header  a.btn002 {
	position : absolute ;
	right : 30px ;
	top : 16px ;
	text-decoration:none;
	font-size : 12px ;
	color : #ffffff ;
}

#contents p.copyright {
	font-size : 12px ;
	background-color:#ffffff;
	xwidth : 950px ;
	margin : 0px 3px ;
	xpadding : 0px auto 0px ;
	text-align : center ;
}

/*sub01*/

div#sub01 dl.part {
	padding-bottom: 10px;
	width: 490px;
	background-color: white;
	background-image: url(../img/information_bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
div#sub01 dl.part * {
	xpadding: 0.5em 20px;
	background-image: url(../img/information_middle.gif);
	background-repeat: repeat-y;
}
div#sub01 dl.part * * {
	xpadding: 0;
	background-image: none;
}
div#sub01 dl.part dt {
	padding: 20px 20px 0.5em 20px;
	background-image: url(../img/information_top.gif);
	background-repeat: no-repeat;
	xfont-size: 150%;
	xfont-weight: bold;
}

div#sub01 dl.part dd {
	height : 170px ;
	padding : 10px ;
}

table.table000 {
	margin : 6px 0 ;
}

table.table000 tr td {
	padding : 2px ;
	border : none ;
	font-size : 12px ;
	color : #4C4C4C ;
}

table.table000 tr td.td01i {
	padding : 2px ;
	vertical-align : top ;
}

table.table000 tr td.td02i {
	padding : 2px ;
	text-align : left ;
	width : 4em ;
}


/*sub01 End*/


/*main*/

p.attention {
	background-color : #ffffff ;
	margin-left : 15px ;
	padding-top : 5px ;
	font-size : 12px ;
	color : #FF6666 ;
	width : 600px ;
}

/*main End*/

/* ------------------------------
	top End
------------------------------ */


/* ------------------------------
	reservation login
------------------------------ */

div.reservation_btn {
	text-align : center ;
	padding-top : 30px ;
}

p.reserve_text01 {
	width : 950px ;
	margin-top :10px ;
	margin-bottom : 30px ;
	margin-left : 5px ;
	text-align : center ;
}

/* ------------------------------
	reservation login End
------------------------------ */

/* ------------------------------
	会員の情報画面　退会など
------------------------------ */


div.actions {
	background: url(../img/admin/btnset_back.gif) no-repeat;
	margin : 15px 90px 20px ;
	height : 40px ;
}

div.actions ul {
	clear : both ;
	padding-top : 11px ;
	font-size : 12px ;
	height : 40px ;
	text-align : center ;
}
div.actions ul li a {
	border:1px solid #b2b2b2;
	font-size : 12px ;
	padding : 3px 10px ;
	color : #19677a ;
}

/* ------------------------------
	coconaトップページ
------------------------------ */

div#main_home {
	padding : 30px auto 0px ;
}

h2.home_img01 {
	width : 800px ;
	margin : 30px 0 0px 65px ;
}

h3.home_img02 {
	width : 800px ;
	margin : 0px 0 0px 115px ;
}

h4.home_img03 {
	width : 230px ;
	margin : 0px 0 0px 115px ;
}

a.home_img04 {
	width : 635px ;
	height : 200px ;
	display : block ;
	margin-left : 145px ;
	margin-top : 20px ;
	margin-bottom : 30px ;
}