/* CSS Document */

@import url("base.css");
@import url("calendar.css");

body { margin: 0 auto; padding: 0; text-align: center; color: #333; font-size: 13px; font-family:"Meiryo", sans-serif; background: #FFF;}

a { color: #090; text-decoration: underline;}
a:hover { color: #C00; text-decoration: underline;}
h1 { margin: 0; padding: 0; text-indent: -9999px;}
h3 { color: #090; font-size: 1.2em;}

p { margin: 5px 0; padding: 0;}

/* header */
#header { margin: 0 auto; padding: 0; width: 800px; height: 100px; background:url(../img/main_top1.gif) 0 bottom no-repeat;}
#center { margin: 0 auto; padding: 0; width: 800px; text-align: left;}

/* menu */

#center #menu { margin: 20px 0 50px; padding: 0; width: 165px; text-align: left; float: left; background: url(../img/line02-y.png) right 0 repeat-y;}

#menu ul { margin: 0; padding: 0; overflow: hidden; width: 150px; height: 400px; list-style: none; position: relative;}
#menu ul li a { margin: 0; padding: 0; overflow: hidden; text-indent: -9999px; position: absolute; text-decoration: none; left: 0; width: 150px; height: 31px;}

#menu ul li#nv a { background: url(../img/btn01.gif) no-repeat 0 0; top: 0px;}
#menu ul li#ad a { background: url(../img/btn02.gif) no-repeat 0 0; top: 33px;}
#menu ul li#bt a { background: url(../img/btn03.gif) no-repeat 0 0; top: 66px;}
#menu ul li#ac a { background: url(../img/btn04.gif) no-repeat 0 0; top: 99px;}
#menu ul li#car a { background: url(../img/btn11.gif) no-repeat 0 0; top: 132px;}
#menu ul li#ct a { background: url(../img/btn05.gif) no-repeat 0 0; top: 175px;}
#menu ul li#tp a { background: url(../img/btn06.gif) no-repeat 0 0; top: 220px;}
#menu ul li#th a { background: url(../img/btn07.gif) no-repeat 0 0; top: 253px;}
#menu ul li#fq a { background: url(../img/btn08.gif) no-repeat 0 0; top: 286px;}
#menu ul li#iq a { background: url(../img/btn09.gif) no-repeat 0 0; top: 319px;}
#menu ul li#ab a { background: url(../img/btn10.gif) no-repeat 0 0; top: 352px;}

#menu ul li#nv a:hover { background-position: -150px 0px;}
#menu ul li#ad a:hover { background-position: -150px 0px;}
#menu ul li#bt a:hover { background-position: -150px 0px;}
#menu ul li#ac a:hover { background-position: -150px 0px;}
#menu ul li#car a:hover { background-position: -150px 0px;}
#menu ul li#ct a:hover { background-position: 1px 1px;}
#menu ul li#tp a:hover { background-position: -150px 0px;}
#menu ul li#th a:hover { background-position: -150px 0px;}
#menu ul li#fq a:hover { background-position: -150px 0px;}
#menu ul li#iq a:hover { background-position: -150px 0px;}
#menu ul li#ab a:hover { background-position: -150px 0px;}

/* main */

#center #main { margin: 20px 0 50px; padding: 0; width: 620px; text-align: left; float: right;}


/* h2 */
#menu h2 { margin: 0; padding: 0; text-indent: -9999px; width: 150px; height: 200px; background: url(../img/sd-mkr.gif) 0 0 no-repeat;}

h2 { margin: 0; padding: 0; text-indent: -9999px; width: 620px; height: 30px;}
.news h2 { background: url(../img/main_news-topics.gif) 0 0 no-repeat;}
.guide h2 { background: url(../img/main_guide.gif) 0 0 no-repeat;}
.faq h2 { background: url(../img/main_faq.gif) 0 0 no-repeat;}
.mail h2 { background: url(../img/main_mailform.gif) 0 0 no-repeat;}
.about h2 { background: url(../img/main_about_us.gif) 0 0 no-repeat;}

.car h2 { background: url(../img/bar_car.gif) 0 0 no-repeat;}



.list h2 { background: url(../img/bar_itemlist.gif) 0 0 no-repeat;}
.list-dtl h2 { background: url(../img/bar_itemlist_dtl.gif) 0 0 no-repeat;}
.cart h2 { background: url(../img/bar_cart.gif) 0 0 no-repeat;}




.roll{
	text-align:center;
	font-weight:bold;
}
.roll li{
	display:inline;
	margin:0 0.5em;
}
.roll a{text-decoration:none;}

/* index.php */

.news dl { margin: 10px 20px; padding: 0;}
.news dt { margin: 0; padding: 0; color: #F60; font-weight: bold;}
.news dd { margin: 0 0 20px 10px; padding: 0;}
.news #item-con { margin: 0; padding: 15px; border: #DDD solid 1px;}

#item-con ul{
	margin:0;
	padding:0;
	list-style-type:none;
	font-weight:bold;
}
#item-con ul ul{font-weight:normal;}
#item-con ul ul ul{display:inline}
#item-con li li{display:inline;border-left:solid 1px black;padding-left:0.5em;}

p#faxos { height: 40px; padding: 0 0 0 40px; background: url(../img/pdf30.gif) 0 0 no-repeat;}


/* guide.php */
.guide dl { margin: 10px; padding: 0;}
.guide dt { margin: 0 0 10px 0; padding: 10px; color: #F60; background: #EEE; font-size: #F90; font-weight: bold;}
.guide dd { margin: 0 0 30px 0; padding: 10px;}
.guide dd img { margin: 0 0 20px 20px; padding: 0; float: right; border: #DDD solid 1px;}

/* faq.php */
.faq dl { margin: 10px; padding: 0;}
.faq dt { margin: 0 0 10px 0; padding: 10px 10px 10px 35px; color: #F60; font-size: #F90; font-weight: bold; background: url(../img/main_q.gif) 5px 10px no-repeat #EEE;}
.faq dd { margin: 0 0 30px 0; padding: 10px 10px 10px 35px; background: url(../img/main_a.gif) 5px 10px no-repeat;}


/* mailform */
/* errors */
.errors { color: #F00;}
.errors li { margin-left: 100px;}
.mail table { background: #999;}
.mail table th { background: #DDD; font-weight: normal; text-align: right; font-size: 90%;}
.mail table td { background: #FFF; font-size: 90%;}

/* footer */

#footer { margin: 0 auto; padding: 0; width: 800px; font-size: 0.85em; text-align: right;}
#footer #fd { margin: 0; padding: 0; width: 800px; height: 55px; background: url(../img/freedial.gif) right bottom no-repeat;}
#footer #fd p { display: none;}
#footer p { margin: 5px 0 10px; padding: 0;}