@charset "utf-8";

/* CSS Document */
* {margin:0; padding:0; }
body {zoom: 80%; background-color:#FFFFFF; font-family:Verdana, Helvetica, 'ＭＳ Ｐゴシック','メイリオ',Meiryo, Osaka, sans-serif; font-size:82%;}
h1 {background-image:url(/img/logo.jpg); background-repeat:no-repeat; width:300px; height:82px; position:relative; top:3px; left:4px;}
h1 a { display:block; width:300px; height:82px; text-indent: -9999px;}
h2 {font-size:70%; color:#515151; font-weight:normal; padding:6px 0px 4px 0px; margin:-6px 0 -18px 0;}

/* content */
h3 
{font-size:113%; padding:2px 0 0 0; background-color: #ffffff; background-image: url(/img/bg/bar-h2.gif); background-repeat: no-repeat; background-position: left; line-height: 1.6; padding-left: 20px; margin-top: 20px; margin-left: -20px; margin-right: 0px;
 margin-bottom: 10px;}

*:first-child+html h3 {margin-left: -10px; width:570px;}
* html h3 {margin-left: -10px; width:570px;}


/* contact & regist */
h4 
{font-size:113%; padding:2px 0 0 0; background-color: #ffffff; background-image: url(/img/bg/bar-h2.gif); background-repeat: no-repeat; background-position: left; line-height: 1.6; padding-left: 20px; margin-top: 15px; margin-left: 10px; margin-right: 0px;
 margin-bottom: 10px;}

p,li,dt,dl{line-height:1.6;}
p{margin:0 0 1em 0;}
li {list-style-type:none;}
img {border:0;}
address {font-style:normal;}
.clear {clear:both;}
.left { float:left; }
.right { float:right; }
.clear { clear:both; }


/* Link Color */
a:link {color:#000066; text-decoration:none;}
a:visited {color:#000066; text-decoration:none;}
a:hover {color:#6699CC; text-decoration:underline;}
a:active {color:#666;}

/* Container */
#container {border-color:#CCCCCC; background-color:#ffffff; width:800px; margin:0px auto 0px auto; border:1px solid; color:#333333;}
.link_arrow{ background:url(/img/arrow_backtotop.gif) no-repeat left 3px; padding:0 0 0 12px;}
.link_arrow_top{ background:url(/img/link_arrow_top.gif) no-repeat left 3px; padding:0 0 0 12px;}
a:link {color:#000066; text-decoration:none;}
a:visited {color:#000066; text-decoration:none;}
a:hover {color:#6699CC; text-decoration:underline;}
a:active {color:#666;}

/* Header */
#header {clear:both; width:800px; height:110px; background-color: #ffffff;}
.head { width:800px; height:5px; }
.link_sitemap { font-size:75%; color:#ffffff; padding:0px 5px 0px 0px; }
.link_sitemap a:link { color:#515151; }
.link_sitemap a:visited { color:#515151; } 
.link_sitemap a:hover { color:#ff3333; text-decoration:none; }
.header { width:780px; padding:10px 10px 0; }
.header .right { text-align:right;}
.header_right { padding: 5px 0 0 0;}
.header a:link {color:#000066; text-decoration:none;}
.header a:visited {color:#000066; text-decoration:none;}
.header a:hover {color:#6699CC; text-decoration:underline;}
.header a:active {color:#666;}

/* pan */
.pan { color:#000000; font-size:75%; margin-left:10px; margin-top:10px; } 

/* Content */
#top_banner {padding:15px 0 0 10px;}
#content {float:left; width:550px; padding:15px 0px 0px 20px; line-height:1.6;}
*html #content{clear:right;}
#content .content-title {height:25px; line-height:1.6; padding:5px 10px 5px 12px !important;}
#content .content-title a {text-decoration:none;}
#content a:link {color:#000066; text-decoration:none;}
#content a:visited {color:#000066; text-decoration:none;}
#content a:hover {color:#6699CC; text-decoration:underline;}
#content a:active {color:#666;}


/* Navigation */
ul#saturday 
{margin:0; padding-left:0px; list-style-type:none; width:800px; position:relative; display:block; height:36px; font-size:12px; background:transparent url("/img/navi/bgOFF.gif") repeat-x top left; border-bottom:4px solid #8586AF; border-top:1px solid #CCCCCC;}

ul#saturday li
{float:left; margin:0; padding:0;}

ul#saturday li a
{display:block; position: relative; float:left; color:#000000; text-decoration:none; padding:12px 14px 0 14px; height:24px; background:transparent url("/img/navi/bgDIVIDER.gif") no-repeat top left;}

ul#saturday li a:hover 
{background:transparent url("/img/navi/bgHOVER.gif") no-repeat top left;}

ul#saturday li a.current,ul#saturday li a.current:hover
{color:#fff; background:transparent url("/img/navi/bgON.gif") no-repeat top left;}


/* Sidebar */
#sidebar {float:right; width:180px; padding:14px 10px 10px 10px;}
img {vertical-align:bottom;}
#s_menu {width: 180px; border: 1px solid #ccc; margin: 0px;}
#s_menu li a {height: 32px; height: 24px; text-decoration: none;}	
#s_menu li a:link, #s_menu li a:visited {color: #000000; display: block; background: url(/img/side/s_menu.gif); padding: 8px 0 0 30px;}
#s_menu li a:hover, #s_menu li a:active {color: #000000; background: url(/img/side/s_menu.gif) 0 -32px; padding: 8px 0 0 30px;}
li {margin-left:0px; list-style-type: none;}

/* Footer */
#footer 
{background-image:url(/img/footer/footer.gif); background-repeat:repeat-x; height:90px; margin:5px 0 0 0; background-color:#dfe0e2; clear:both; width:800px; padding:0px 0px; border-bottom:1px solid; border-color:#CCCCCC;}

#footer a {text-decoration:none;}
#footer p {padding:5px 10px 0px 0px;}
#footer a:link {color: #000066; text-decoration: none;}
#footer a:visited {color: #000066; text-decoration: none;}
#footer a:hover {color: #6699CC; text-decoration: underline;}
#footer a:active {color:#ff8000;}

/* Privacy Policy & Site Map */
/* caption */
h5
{font-size:113%; padding:2px 0 0 0; background-color: #ffffff; background-image: url(/img/bg/bar-h2.gif); background-repeat: no-repeat;
  background-position: left; line-height: 1.6; padding-left: 20px; margin-top: 15px; margin-left: 10px; margin-right: 0px;
  margin-bottom: 10px;}

/* text */
h6 {font-size:75%; font-weight:normal; line-height:1.6; width:550px; margin-left: 20px;}


/* contact */
.contact_01 {border-top:1px #999999 solid; border-left:1px #999999 solid; padding:10px; background-color:#eeeeee;  color:#000000; text-align:center;}
.contact_02 {border-top:1px #999999 solid; border-left:1px #999999 solid; border-right:1px #999999 solid; padding:10px;}
.contact_03 {border-top:1px #999999 solid; border-left:1px #999999 solid; padding:10px; border-bottom:1px #999999 solid; background-color:#eeeeee; color:#000000; text-align:center;}
.contact_04 {border-top:1px #999999 solid; border-left:1px #999999 solid; border-right:1px #999999 solid; border-bottom:1px #999999 solid; padding:10px;}
.mark_01 { color:#ff7b00; }


/* regist */
#form {float:left; width:550px; padding:15px 0px 0px 20px; line-height:1.5;}
#form .regist-title {height:25px; line-height:25px; padding:5px 10px 5px 12px !important;}
#form .regist-title a {text-decoration:none;}
#form a:link {color:#000066; text-decoration:none;}
#form a:visited {color:#000066; text-decoration:none;}
#form a:hover {color:#6699CC; text-decoration:underline;}
#form a:active {color:#666;}
a:link {color: #000066; text-decoration: none;}
a:visited {color: #000066; text-decoration: none;}
a:hover {color: #000066; text-decoration: underline;}
a:active {color: #000066; text-decoration: underline;}
.textmain h2 {font-size: 100%; text-align: left; text-indent: 10px; margin: 10px auto 14px auto; line-height: 1.8;}
td.textmain {font-size: 100%; text-align: left; line-height: 1.6; padding: 5px 8px;}
.texttop {padding: 0px;}
.sub_red {font-size:100%; color:red;}
.sub_black {font-size:100%; color:black;}


/* price */
#price {width:570px; margin-top:15px; margin-left:-20px; margin-bottom:15px;}
table.price {width:570px;}
table.price tr td {padding:5px;}
*:first-child+html #price {margin-left: -10px;}
* html #price {margin-left: -10px;}  


/* nayami */
#nayami {background-image: url(/img/nayami.png); width:550px; height:230px;}
#nayami ul {padding:52px 0px 0px 30px; font-size:13px; color:#333333;}
.nayami li {background:url(/img/reten_gr.gif) no-repeat left 7px; padding: 0 0 0 20px; line-height:1.8;}

/* merit */
#merit {background-image: url(/img/merit.png); width:550px; height:230px;}
#merit ul {padding:52px 0px 0px 30px; font-size:13px; color:#333333;}
.merit li {background:url(/img/reten_or.gif) no-repeat left 7px; padding: 0 0 0 20px; line-height:1.8;}