@charset "Shift_JIS";

div#main:after,
div#others div.link:after {
	content:'.';
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

/* for WinIE6under 中央寄せ
===================================\*/
* html body {
	text-align:center;
}
* html div#header,
* html div#main,
* html ul#menumain,
* html ul#menusub,
* html div#others p.link,
* html div#footer address {
	text-align:left;
}
/* Layout
===================================*/
div#content {
	border-top:5px solid #000;
	background-position:0 -10px;
}
div#main,
div#others p#guide {
	width:900px;
	margin:0 auto;
	_margin:0;
}
div#main {
	padding-top:20px;
}
div#index {
	border:none;
}
div#others {
	padding:20px 0 0;
	clear:both;
}
dl.guide {
	font-size:86%;
	background-color:#D7D7D7;
	padding:0 20px;
	position:absolute;
	top:0; right:0;
	z-index:3;
}
dl.guide dt,
dl.guide dd,
dl.guide ul {
	line-height:24px;
	display:inline;
	border:none;
	margin:0; padding:0;
}
dl.guide ul li {
	background:none;
	padding:0;
	display:inline;
}
dl.guide ul li img {
	vertical-align:middle;
}
/*===================================

div#content
	+- div#main
		+- p.dexcription
		+- div#news
		|	+- p.onlineshop
		+- div#index
		|	+- ul#menumain
		|	+- ul#menusub
		+- div.link

===================================*/
div#eyeCatch {
	height:360px;
	background:#000 url(image/eye_index.jpg) no-repeat 0 -50px;
	position:relative;
}
div.ust {
	margin:20px 30px 10px;
	display:inline; /* forWinIE */
	float:right;
}
p.onlineshop {
	margin:10px 0 20px;
	clear:both;
}
p.onlineshop a.newWin {
	background:none;
	padding:0;
}
p.description {/*
	font-size:86%;
	color:#555;
	text-shadow:0 1px 0 #fff;
	background-color:#f6f6f6;
	line-height:1.2;
	margin:20px 0; padding:10px 15px;
	position:static;
	clear:both;*/
	width:390px;
	color:#fff;
	margin:25px 0 0 25px;
	display:inline; /* forWinIE */
	float:left;
}
/* div#news
===================================*/
div#news {
	width:298px; _width:300px;
	border:1px solid #ccc;/*
	background:url(../photo/index_photo2.jpg) no-repeat 5px 5px;*/
	margin:0 0 15px;/*
	padding-top:260px;*/
	float:right; clear:right;
}
div#news h2 {
	font-size:100%;
	font-family:'ＭＳ Ｐゴシック', Osaka, sans-serif;
	line-height:normal;
	background:#eee;
	border:none;
	margin:0 0 10px; padding:10px;
}
div#news p {
	text-align:center;
	margin:5px 0 10px;
}
div#news a.camera img {
	background-position:257px 3px;
}
div#news dl {
	font-size:86%;
	border:none;
	margin:10px; padding:0;
}
div#news dt {
	border:none;
	margin:0; padding:4px 0;
	position:static;
}
div#news dt span.year {
	display:none;
}
div#news dd {
	border:none;
	border-bottom:1px dashed #ccc;
	margin:0 0 10px; padding:0 0 10px;
}
div#news dd.hanabi {
	background-image:url(image/bg_hanabi.gif);
	background-repeat:no-repeat;
	background-position:95% 95%;
}
div#news dt a {
	font-size:117%;
	font-weight:bold;
	line-height:normal;
	text-decoration:none;
}
div#news dt a img {/*
	margin:0 0 0 5px;
	float:right;*/
	margin:0 0 5px;
}
div#news dd em {
	color:#f99;
}
div#news p {
	clear:both;
}
/* ul#menumain + ul#menusub
===================================*/
div#index {
	width:570px;
	float:left; clear:left;
}
div#index h2 {
	display:none;
}
ul#menumain {
	height:1%; /* forWinIE clearfix */
	background-color:#eee;
	margin:0;
}
ul#menusub {
	height:1%; /* forWinIE clearfix */
	background:#eee;
	margin-top:20px;
	padding:1px 0;
	clear:none;
}
ul#menumain li {
	width:183px;
	line-height:1.3;
	background:none;
	margin:1px 1px 0 0; padding:0;
	display:inline;/* forWinIE マージン2倍バグ */
	float:left;
}
ul#menumain li.menu1,
ul#menumain li.menu2,
ul#menumain li.menu3 {
	margin-top:0;
}
ul#menumain li.menu1,
ul#menumain li.menu4,
ul#menumain li.menu7,
ul#menumain li.menu10 {
	width:208px;
}
ul#menumain li.menu3,
ul#menumain li.menu6,
ul#menumain li.menu9,
ul#menumain li.menu12 {
	margin-right:0;
}
ul#menumain li.menu2,
ul#menumain li.menu5,
ul#menumain li.menu8,
ul#menumain li.menu11 {
	width:177px;
}
ul#menumain li a {
	height:80px; _height:90px;
	color:#223;
	font-size:108%;
	font-weight:bold;
	text-decoration:none;
	line-height:17px;
	background-color:#fff;
	border:none;
	margin:0; padding:10px 10px 0;
	display:block;
	clear:none;
}
ul#menumain li.menu6 a,
ul#menumain li.menu7 a,
ul#menumain li.menu8 a,
ul#menumain li.menu9 a,
ul#menumain li.menu11 a,
ul#menumain li.menu12 a {
	line-height:35px;
}
ul#menumain li a img {
	width:35px; height:35px;
	border:1px solid #fff;
	margin:0 10px 0 0; padding:0;
	display:block;
	float:left;
}
ul#menumain li.menu12 a img {
	display:none;
}
ul#menumain li a:hover,
ul#menumain li a:focus {
	color:#930!important;
	background-color:#fff6f3!important;
}
ul#menumain li a:hover span,
ul#menumain li a:focus span {
	color:#976!important;
}
ul#menumain li a:hover img,
ul#menumain li a:focus img {
	border-color:#fff!important;
}
ul#menumain li span {
	font-size:80%;
	color:#999;
	line-height:normal;
	font-weight:normal;
	margin-top:12px;
	display:block;
	clear:left; clear:none;
}
ul#menumain li.menu12 a {
	background-position:90% 86%;
}
/* ul#menusub
===================================*/
ul#menusub {
	height:1%;
	padding:5px 0;
}
ul#menusub li {
	width:181px;
	background:#fff;
	border:1px solid #bbb;
	margin:0 0 0 5px; padding:0;
	display:inline-block;
	float:left;
}
ul#menusub li a {
	color:#223;
	font-weight:bold;
	line-height:33px;
	text-decoration:none;
	border:1px solid #ddd;
	margin:1px; padding:0 15px;
	display:block;
	zoom:1; /* forWinIE ブロック化したアンカーの範囲が内容物の部分のみになる */
}
ul#menusub li a:hover,
ul#menusub li a:focus {
	color:#630;
}
ul#menusub li.group a,
ul#menusub li.event a,
ul#menusub li.calendar a {
	background:url(image/menu_sub_icon1.gif) no-repeat 0 0;
	padding-left:35px;
}
ul#menusub li.event a {
	background-position:0 -40px;
}
ul#menusub li.calendar a {
	background-position:0 -80px;
}
ul#menusub li.group {
	width:188px;
}
ul#menusub li.event {
	width:173px;
}
/* ul.banner
===================================*/
ul.banner li {
	background:none;
	margin:0; padding:0;
	display:inline;
}
ul.banner li.odd {
	margin-right:10px;
}
/* div#update
===================================*/
div#update {
	width:570px;
	margin-top:20px;
	float:left; clear:left;
}
div#update h2 {
	line-height:normal;
	background:none;
	border:none;
	margin:0 0 0.5em;padding:0;
}
div#update dl {
	height:9em;
	font-size:86%;
	border-bottom:1px dotted #ccc;
	margin:0;
	overflow:auto;
}
div#update dt {
	width:10em;
	font-weight:normal;
	border:none;
	border-top:1px dotted #ccc;
	margin:0; padding:5px 0;
	float:left; clear:both;
}
div#update dd {
	border:none;
	border-top:1px dotted #ccc;
	margin:0 0 0 10em; padding:5px 0;
}
div#update dd a {
	text-decoration:none;
}
/* div.link
===================================*/
div.link {
	width:300px;
	float:right; clear:right;
}
/*===================================

div#others
	+- p#guide

===================================*/
div#others p#guide {
	text-align:center;
	margin-top:20px;
	margin-bottom:10px;
	padding:15px 0;
	clear:both;
}
div#others p#guide a {
	margin-right:15px;
}
div#others p#guide a img {
	vertical-align:bottom;
	background:#fff;
	margin:5px -0.5em 5px 0;
}
div#others p#guide a:hover img {
	border-color:#ccc;
}