/* CSS Document */

*{
	margin:0;
	padding:0;
	list-style-type:none;
}

html{
	padding:0;
	border:0;
	font-size:100%;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	height:100%;
	margin:0;
}

body{
	color:#fff;
	background:#000 url(image/toppage_1309/bg.jpg) top center no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	text-align:center;
	font-size:11pt;
	line-height:1.3;
	padding:0px;
	margin: 0px;
}

a:link{color:#333;}
a:visited{color:#4378b6;}
a:hover{color:#F9FFFF;}


img{
	margin:0px;
	padding:0px;
	border:none;
	vertical-align:bottom;
}
img.rollover{border:none;}

div.clear{clear:both;}   
div.clear hr{display:none;}  


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

#mainbg{
	width:100%;
	max-width:866px;
/*	background:#000 url(image/toppage_1309/top_bg.jpg) top no-repeat;*/
	-webkit-background-size:cover;
	-moz-background-size:contain;
	background-size:contain;
	margin:0 auto;
}

#top_copy{
	width:100%;
	max-width:866px;
	background:url(image/toppage_1309/top_copy.png) top no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:contain;
	background-size:contain;
	margin:0 auto;
}

/*現在未使用
#topimg_logo{
	width:100%;
	max-width:866px;
	text-align:left;
	margin-bottom:2em;
}
#topimg_logo img{
	width:41%;
	max-width:350px;
}
*/

img#topimg_copy_over{
	width:100%;
	max-width:866px;
	text-align:left;
}
#topimg_copy_over_top{
	width:100%;
	max-width:866px;
	height:auto;
}

#topimg_copy_over_bottom{
	width:100%;
	max-width:866px;
	text-align:left;
}

img#topimg_copy_over_left{
	display:inline;
	width:33%;
	max-width:286px;
	margin:0;
	padding:0;
}

img#topimg_copy_over_center{
	width:36%;
	max-width:307px;
	margin:0;
	padding:0;
}

img#topimg_copy_over_right{
	width:31%;
	max-width:273px;
	margin:0;
	padding:0;
}

.explain_wrap{
	width:100%;
	max-width:866px;
	text-align:center;
	margin:0 auto;
	background:url(image/toppage_1309/top_explain_bg.png);
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	margin-bottom:2em;
	padding:3px;
}


#box_touroku{
	float:left;
	width:316px;
	text-align:center;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}

#box_explain{
	float:left;
	width:350px;
	text-align:center;
}


/*----------- ギャラリー -----------*/

/*crossFader*/
.crossfader{
	float:left;
	width:198px;
	height:248px;
	border:1px solid #666;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	background:url(image/toppage_1309/carousel_bg.gif) center no-repeat;
	position:relative;
}

.crossfader img{
	position:absolute;
	top:78px;
	left:25px;
	z-index:8;
	opacity:0;
	cursor:pointer;
}

.crossfader .active{
	z-index:10;
	opacity:1.0;
}

.crossfader .last-active{
	z-index:9;
}


/* ギャラリー内モーダル*//* tinybox2*/
.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(image/toppage_1309/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(image/toppage_1309/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}

#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#bluemask {background:#333;}
#frameless {padding:0}
#frameless .tclose {right:6px}




/* ----案内---- */
.contents{
	width:100%;
	max-width:866px;
	margin:0 auto;
	text-align:left;
}


/* メニュー */
.menu{
	width:100%;
	max-width:866px;
	margin-bottom:2em;
	background:#333 url(image/toppage_1309/menu_bg.jpg) repeat;
	border-radius:8px;
}
.menu ul{
	zoom:1;
	display:table;
	table-layout: fixed;
	width:100%;
	max-width:864px;
	padding:0 60px;
}
.menu ul li{
	display: table-cell;
	position:relative;
	margin:0;
}

.menu img{
	width:100%;
	max-width:288px;
	height:auto;
	border-radius:8px;
}

.contents img.variableimg100{
	width:100%;
	max-width:866px;
	margin-bottom:1em;
}

/* ----------footer---------- */
#footer_wrap{
	width:100%;
	background:url(image/common/footer/footer_bg.gif);
	clear:both;
}

#footer{
	width:100%;
	max-width:866px;
	margin:0 auto;
}
#footer img{
	margin:0 5px;
}