@charset "UTF-8";
@import url("common.css");

body { background:#DDDDDD; text-align:center; margin:0; padding:0; }

#container { background:#FFFFFF; width:868px; margin:0 auto; padding:0; text-align:left; }

#header1 { background:#990000; padding:0; width:860px; border-top:4px solid #FFFFFF; border-right:4px solid #FFFFFF; border-left:4px solid #FFFFFF; }
#header2 {clear:both; padding:4px 4px; width:852px; background:#880088; font-size:11px; line-height:1em; color:#DDCCFF; border:4px solid #FFFFFF; }
#header2 a { color:#FFFFFF; }

#footer1 { background:#990000; border-right:4px solid #FFFFFF; border-left:4px solid #FFFFFF; padding:4px 4px; width:852px; font-size:11px; line-height:1em; color:#EEDDDD; text-align:center;}
#footer1 a { color:#FFFFFF; text-decoration:none;}
#footer2 { background:#FFFFFF; border-right:4px solid #FFFFFF; border-left:4px solid #FFFFFF; padding:8px 4px; width:852px; font-size:11px; line-height:1em; color:#999999; text-align:center;}
#footer2 a { padding:0 4px;}
#footer3 { background:#FFFFFF; border-right:4px solid #FFFFFF; border-left:4px solid #FFFFFF; padding:4px 4px 20px; width:852px; font-size:11px; line-height:1em; color:#999999; border-top:1px solid #DDDDDD;}
#footer3 a { color:#CC0000; text-decoration:none;}

/*
#cont { background:#EEEEEE; }
#main { background:#DDDDDD; }
#more { background:#CCCCCC; }
#navi { background:#BBBBBB; }
*/

#cont { float:right; width:666px; padding:0 4px 4px 0; }
#main { float:left; width:472px; }
#more { float:right; width:190px; }
#navi { float:left; width:190px; padding:0 0 4px 4px; }

.navi { padding:0 0 3px;}
.navi ul { font-size:11px; line-height:12px;}
.navi ul li { display:inline;}
.navi ul li.small { font-size:9px;}
.navi ul li a { display:block; background:url(images/navi_red0.gif) no-repeat #CC0000; color:#FFFFFF; padding:8px 4px; text-decoration:none; border-bottom:1px solid #FFFFFF; }
.navi ul li a:visited {color:#FFFFFF;background:url(images/navi_red0.gif) no-repeat#990000;}
.navi ul li a:hover   {color:#FFFFFF; background:url(images/navi_red1.gif) no-repeat#EE1111;}
.navi ul li a.active  {color:#FFFFFF;background:url(images/navi_red0.gif) no-repeat#990000;}
.navi ul li ul li a        {background:#CCCCCC; color:#111111; padding:4px 4px; }
.navi ul li ul li a:visited {background:#CCCCCC; color:#111111; }
.navi ul li ul li a:hover   {background:#DDDDDD; color:#222222; }
.navi ul li ul li a.active       {background:#666666; color:#FFFFFF; }
.navi ul li ul li a.active:hover {background:#999999; color:#FFFFFF; }
.navi ul li ul li ul li a {background:#EEEEEE; color:#333333; }
.navi ul li ul li ul li a.active {background:#999999; color:#FFFFFF; }

.block { padding:0 0 4px;}

#more .news { padding:0 8px 4px; border:1px solid #660066; border-top:none; background:#FEFCFE; }
#more .news_date { padding:4px 0 0; color:#660066; font-size:11px; line-height:16px; }
#more .news_read { padding:0 0 4px; color:#CC0000; font-size:10px; line-height:14px; border-bottom:1px dotted #660066; }
#more .news_read a { color:#CC0000; text-decoration:none; }
#more .news_read a:hover { text-decoration:underline; }
#more .news_more { padding:4px 0 0; color:#999999; font-size:10px; line-height:14px; text-align:right; }
#more .news_more a { color:#660066; text-decoration:none; }
#more .news_more a:hover { text-decoration:underline; }


/* Layout 
#cont ul { list-style:disc; margin:3px 0 3px 15px;}
*/
/* Font */
body  { font-size:12px; line-height:18px; font-family:Verdana, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", Geneva, Arial, sans-serif;}
h1    { color:#660066; font-weight:bold; font-size:18px; line-height:21px; }
h2    { color:#660066; font-weight:bold; font-size:14px; line-height:18px; }
h3    { font-size:12px; line-height:18px; font-weight:bold;}
h4    { font-size:11px; line-height:16px; font-weight:bold;}
h5    { font-size:10px; line-height:14px; font-weight:bold;}

strong { font-weight:bold; }
em { font-style:italic; }

.fs14 { font-size:14px; line-height:20px;}
.fs12 { font-size:12px; line-height:18px;}
.fs11 { font-size:11px; line-height:16px;}
.fs10 { font-size:10px; line-height:14px;}
.fs09 { font-size:9px;  line-height:12px;}

.mono { font-size:12px; font-family: 'ＭＳ ゴシック', 'Osaka－等幅', monospace; }

.fc_green   { color:#339966;}
.fc_blue    { color:#3366CC;}
.fc_red     { color:#EE0011;}
.fc_gray    { color:#666666;}
.fc_silver  { color:#CCCCCC;}


/* Block */
.box_terms { background:#FFFFFF; border:1px solid #CCCCCC; height:240px; overflow:auto; padding:10px 20px; margin:0 0 10px; font-size:90%; color:#333333;}
.box_terms .indent1 { padding:5px 0 0 20px; text-indent:-20px;}
.box_terms .indent2 { padding:5px 0 0 40px; text-indent:-30px;}

/* Calendar */
table.calendar { border-collapse:collapse;}
table.calendar th { border:none; background:#CCCCCC; color:#FFFFFF; text-align:center; font-weight:normal; }
table.calendar th.month { font-weight:bold; }
table.calendar td { border:none; background:#FFFFFF; color:#999999; text-align:center; }
table.calendar td a       { color:#000000; text-decoration:none; padding:1px 3px; display:block;}
table.calendar td.sunday a   { color:#DD0011; }
table.calendar td.saturday a { color:#990066; }
table.calendar td.holiday a  { color:#DD0011; }
table.calendar td a.mark  { color:#FFFFFF; background:#990066;}
table.calendar td a:hover { color:#FFFFFF; background:#DD0011;}

/* Tariff */
table.tariff { border-collapse:collapse;}
table.tariff th { padding:1px 3px; border:1px solid #CCCCCC; background:#CC0000; color:#FFFFFF; text-align:center; font-weight:normal; font-size:11px; }
table.tariff td { padding:1px 3px; border:1px solid #CCCCCC; background:#FFFFFF; font-size:10px; }
table.tariff_info { border-collapse:collapse;}
table.tariff_info th { padding:1px 3px; border:1px solid #CCCCCC; background:#EEEEEE; color:#333333; text-align:left; font-weight:normal; font-size:11px; width:100px; }
table.tariff_info td { padding:1px 3px; border:1px solid #CCCCCC; background:#FFFFFF; font-size:10px; }
table.tariff_rate { border-collapse:collapse;}
table.tariff_rate th { padding:1px 3px; border:1px solid #CCCCCC; background:#EEEEEE; color:#333333; text-align:center; font-weight:normal; font-size:11px; }
table.tariff_rate td { padding:1px 3px; border:1px solid #CCCCCC; background:#FFFFFF; font-size:10px; }

/* Form */
table.form { margin:0px; padding:0px; border-collapse:collapse; font-size:11px;}
table.form tr.form_input th { padding:3px 9px; text-align:left; vertical-align:top; color:#333333; background:#EEEEEE; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; width:150px; font-weight:normal;  } /*white-space:nowrap;*/
table.form tr.form_input th.enq { width:50px; }
table.form tr.form_input td { padding:3px 9px; text-align:left; vertical-align:top; color:#333333; background:#F9F9F9; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; }
table.form tr.form_input td label {color:#666666; font-size:11px;}
table.form tr.form_input td input,select {margin:1px 2px; vertical-align:middle;}
table.form tr.form_input td ul { list-style:none; margin:0; padding:0;}
table.form tr.form_input td ul li { float:left; padding:0 10px 0 0; color:#666666; font-size:11px;}
table.form tr.form_title td { padding:3px 0; color:#000000; background:none; border:none; white-space:normal;}
table.form tr.form_button td { padding:3px 9px; color:#666666; border:none; text-align:center;}
table.form tr.form_button td input { width:150px; }
table.form tr.form_devide td { padding:0; font-size:9px; line-height:9px; }
table.form tbody.attention tr.form_input th { color:#FFFFFF; background:#999999; }

/* List */
table.list { margin:0px; padding:0px; border-collapse:collapse; border-top:1px solid #CCCCCC; font-size:11px;}
table.list th { border-bottom:1px solid #CCCCCC; padding:3px 6px; text-align:left; background:#999999; color:#FFFFFF; font-weight:normal;}
table.list td { border-bottom:1px solid #CCCCCC; padding:3px 6px; text-align:left;}
table.list tr.form_input td { background:#F9F9F9;}
table.list td ul { list-style:none; margin:0 !important; padding:0 !important;}
table.list td ul li { float:left; margin:0 !important; padding:0 10px 0 0 !important; color:#666666; font-size:11px;}

/* Specification */
table.specification { border-collapse:collapse;}
table.specification th { border:none; text-align:left; vertical-align:top; font-weight:normal; white-space:nowrap; padding:0 12px 0 0;}
table.specification td { border:none; text-align:left; vertical-align:top; padding:0 0 0; }


/* Editor */
.form_editor { margin:3px 0 3px; font-size:10px; line-height:1.5em; color:#333333;}
.form_editor ul { list-style:disc; margin:3px 0 3px 15px;}

/* Debug */
#debug { background:#FFFFFF; margin:0 auto; padding:20px 10px; text-align:left; line-height:12px; opacity:0.25; -moz-opacity:0.25; filter:alpha(opacity=25); font-size:10px; }

/* PRINT */
@media print {
	*html body { zoom:75% !important; } /* IE6 A4 */
	body, #main { color:#000 !important; }
	a, a:link, a:visited { color:#000 !important; text-decoration:none !important; }
	/*#header, #footer, #navi,*/ #footer1, #footer2, #debug, .noprint, .hide { display: none !important; }
}

ul#img-gallery-tab {
    clear: both;
    border-bottom: 2px solid black;
    margin: 5px 10px 20px 10px;
    overflow: hidden;
}

ul#img-gallery-tab li {
    display: inline-block;
    list-style-type: none;
    float: left;
    padding-right: 20px;
}


/* Banner */
ul.slideshow {
    list-style: none;
    width: 472px;
    height: 250px;
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0;

}

ul.slideshow li {
    position: absolute;
    left: 0;
    right: 0;
}

ul img {
    border: none;
}

#slideshow-caption {
    width: 625x;
    height: 70px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    background: #000;
}

#slideshow-caption .slideshow-caption-container {
    padding: 5px 10px;
}

#slideshow-caption h3 {
    margin: 0;
    padding: 0;
    font-size: 14px;
}

#slideshow-caption p {
    margin: 5px 0 0 0;
    padding: 0;
}