@charset "utf-8";
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 共通 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
html {overflow-y: scroll;filter: expression(document.execCommand("BackgroundImageCache", false, true));}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p{margin: 0;padding: 0;}h1,h2,h3,h4{font-style: normal;}
div,h1,h2,h3,h4,h5,h6,p,blockquote,address{display: block;}
ul li{list-style-type: none;margin: 0;padding: 0;}
/* body */
body{
	color: #333;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	text-align: center; /* center on ie */
	background: #FFF;
}
/* link */
a{color: #0044CC;outline:none;}
a:visited {color: #0044CC;}
a:hover{color: #0099FF;}
a img,a:hover img{border: 0;text-decoration: none;}
/* img */
img{border: none;}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ヘッダー */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
#header {
	width:920px;
	margin:0 auto 30px auto;
	padding: 100px 0 0 0;
	text-align:left;
	background: #FFF;
	position:relative;
}
#header ul {
	width:920px;
	margin: 0;
	padding: 30px 0 0 0;
	text-align:left;
	font-size: 16px;
	color: #111;
	border-top:#6B675E solid 1px;
}
#header ul li {
	float: left;
	margin: 0;
	padding: 0;
}
#header ul li a{
	padding: 0 0 0 60px;
}
#header h1{
	font-size: 16px;
	font-weight:bold;
}
#utility {
	clear: both;
	width: 920px;
	margin: 0;
	padding: 0;
	text-align: right;
	background: #FFF url(/img/header.gif) no-repeat;
	background-position:0 center;
	position : absolute;
	top : 30px;
	left : 0;
	z-index: 9999;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* レイアウト */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
#container {
	clear: both;
	width:900px;
	margin:0 auto ;
	padding: 0px;
	background: #FFF;
}
#content {
	width:900px;
	margin:0 0 30px 0;
	padding: 210px 0 0 0;
	text-align:left;
	position:relative;
}
#category {
	width:900px;
	margin:0;
	padding: 0;
	text-align:left;
}
/* clearfix
───────────────────────── */
#container:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* hasLayout
───────────────────────── */
{
	height: 1%;
}

/* peek-a-boo bug
───────────────────────── */
 {
	height: 1%;
}
/* 見出し
───────────────────────── */
h2{
	clear: both;
	color:#111;
	font-size:18px;
	font-weight:bold;
	line-height:150%;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	background: #FFF;
	border-bottom:#CCC solid 1px;
}
/* 本文
───────────────────────── */
.article {
	text-align:left;
	margin:0;
	padding:0;
}
.article h3{
	clear: both;
	color:#111;
	font-size:16px;
	font-weight:bold;
	line-height:150%;
	text-align:left;
	margin:0 0 10px 0;
	padding:5px 0;
	background: #FFF;
	border-bottom:#fff solid 1px;
}
.article p {
	font-size:14px;
	line-height:150%;
	margin:0 0 30px 0;
	padding:0;
	text-align: justify; /* for modern browser */
	text-justify: inter-ideograph; /* IE6～8 */
}
.article ul.list{
	font-size:14px;
	margin:10px 0 30px 0;
	padding:0;
	list-style-image: url(/img/arrow.gif)
}
.article ul.list li{
	margin:0 0 0 50px;
	padding:0 0 5px 0;
	list-style-type: disc;
}
.article dl{
	font-size:14px;
	line-height:150%;
	margin:10px 0 30px 0;
	padding:0;
}
.article dt{
	margin:0;
	padding:0 0 5px 0;
	font-weight: bold;
}
.article dd{
	margin:0 0 0 40px;
	padding:0 0 10px 0;
}
ul.path {
	clear: both;
	width:900px;
	margin: 0 0 0 60px;
	padding: 0;
	text-align:left;
	font-size: 14px;
	font-weight: bold;
	color: #111;
}
ul.path li {
	float: left;
	margin: 0;
	padding: 0;
}
ul.path li a{
	padding: 0 60px 0 0;
	background: #fff url(/img/navi.gif) no-repeat;
	background-position:right center;
	font-weight: normal;
}
.search {
	font-size:16px;
	margin:0;
	padding:30px 0 60px 60px;
	font-weight: normal;
}
.search a{
	margin:0;
	padding:0 10px 0 0;
	font-weight: bold;
}
/* クレジット
───────────────────────── */
#credit {
	clear: both;
	font-size:12px;
	margin: 0;
	padding: 0 10px;
	text-align: left;
	line-height: 1.7;
	border-bottom: #FFF 1px solid;
}
#credit a,#credit a:hover{color:#333;text-decoration: none;}
#credit dt{
	color:#111;
	font-weight:bold;
}
#credit dd{
	margin: 0 0 0 20px;
	padding: 0;
	line-height: 1.5;
}
.up {
	clear: both;
	margin:0;
	padding: 60px 0;
	font-size:14px;
}
/* 太字
───────────────────────── */
.bold {	font-weight: bold;}
/* サイトマップ
───────────────────────── */
ul.sitemap{
	clear: both;
	width: 900px;
	margin: 0 0 0 30px;
	padding: 0;
}
ul.sitemap li {
	float: left;
	width: 200px;
	display: inline-block;
	margin:  0 0 15px 0;
	padding: 0 0 0 15px;
	font-size:14px;
	background: #FFF url(/img/arrow.gif) no-repeat;
	background-position:0 center;
}
ul.sitemap li:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
/* リセット
───────────────────────── */
.reset{
	clear: both;
	width: 900px;
	height: 30px;
	margin:0;
	padding: 0;
}
/* イメージの設定
───────────────────────── */
.article img{
	border:1px #CCC solid;
	padding: 3px;
	margin:20px 0;
	}
	.article a img:hover{border:1px #eee solid;}

.l{
	float: left;
	margin: 0 20px 20px 0;
}
.r{
	float: right;
	margin: 0 0 20px 20px;
}
.c{
	margin: 10px 0;
	text-align: center;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* フッター */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footer {
	clear: both;
	width: 920px;
	margin: 15px auto 0 auto;
	padding: 30px 10px;
	color: #111;
	font-size: 12px;
	text-align: center;
	border-top: #6B675E 1px solid;
}
#footer a{color: #555;text-decoration: none;}
#footer a:hover{color: #555;text-decoration: underline;}
#footer ul {
	margin:0 0 30px 0;
	padding: 0;
}
#footer ul li {
	float:left;
	margin:0;
	padding:0 30px 0 0;
	white-space: nowrap;
}
#footer ul li span{
	margin:0;
	padding: 0 5px;
	font-weight: bold;
}
#footer ul li img{}
#footer p a{
	margin:0 10px;
	padding: 0;
	font-size:12px;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* フロア */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
#floor {
	clear: both;
	width:900px;
	margin: 0 auto;
	padding: 0 0 30px 0;
	text-align: center;
	background: #FFF;
	border-bottom: #BBB 1px solid;
}
#showcase {
	margin: 0;
	padding: 0;
	overflow: hidden;
	overflow: auto; /* clearing floats */
}
#showcase {
	zoom: 100%;
}
.item{
	float: left;
	width:179px;
	margin:0 0 15px 0;
	padding: 0;
	text-align: center;
	font-size:18px;
}
.item span{
	width:140px;
	height:145px;
	margin:0px auto;
	padding: 0;
	display:block;
	cursor:pointer;
}
* html .item span{/* IE 6 */
	display:inline;
	zoom:1;
}
*:first-child+html .item span{/* IE 7 */
	display:inline;
	zoom:1;
}
.item span :after {
	content: "";
	height: 0;
	display: block;
	visibility: hidden;
}
.cost {
	clear: both;
	margin: 0 0 30px 0;
	padding: 0;
	color: #000;
	font-size:18px;
	font-weight: bold;
}
/* Loading
───────────────────────── */
.loading,.wsloading {
	margin: 10px 0;
	padding: 0px;
	color: #111;
	font-size: 12px;
}
#navi{
	width: 900px;
	height:100px;
	margin: 0;
	padding: 0;
	text-align: left;
	background: #FFF;
	position : absolute;
	top : 30px;
	left : 0;
	z-index: 9999;
}
#navi ul{
	width: 900px;
	margin: 0 0 0 30px;
	padding: 0;
}
#navi ul li {
	float: left;
	width: 200px;
	display: inline-block;
	margin:  0 0 15px 0;
	padding: 0 0 0 15px;
	font-size:14px;
	background: #FFF url(/img/arrow.gif) no-repeat;
	background-position:0 center;
}
#navi ul li:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#navi h3{
	color:#111;
	font-size:16px;
	font-weight:bold;
	line-height:150%;
	text-align:left;
	margin:0 0 10px 0;
	padding:5px 0;
	background: #FFF;
	border-bottom:#fff solid 1px;
}
/* フォーム
───────────────────────── */
form.searchform {
	padding:0;
	_padding:0;
	margin:0px 0px 0px 10px;
}

form.searchform input, form.searchform img{
	vertical-align:middle;
}
form.searchform img{
	margin-right:5px;
}
form.searchform input.txt{
	padding:7px 5px;
	width:300px;
	border-top:1px solid #ABABAB;
	border-left:1px solid #ABABAB;
	border-right:1px solid #DEDEDE;
	border-bottom:1px solid #DEDEDE;
}
.url{
	margin-left: 0px;
	color: #009900;
	font-size: 12px;
	white-space: nowrap;
}
.shop{
	color: #009900;
}
a span.blue{text-decoration: none;color:#FFF;}
a:hover span.blue{color:#FFF;text-decoration:underline;}
p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 13px; color:#FFF; background-color:#726EA7; border: 1px solid #726EA7; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999; text-align: left; line-height: 1.4;}
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }