@charset "utf-8";
* { margin:0; padding:0; }

body {
 margin:0;
 padding:0;
 font: normal small/150% Arial, "ＭＳ Ｐゴシック", Osaka;
 color:#333;
 text-align:center;
 background:#f8f8ef url(images/bg.gif) repeat-x;
}
body.topPage { background:#f8f8ef url(images/bg_top.gif) repeat-x; }

img { border:none; }
.imgL { float:left; margin:0 10px 5px 0; }
.imgR { float:right; margin:0 0 10px 5px; }
.imgM { vertical-align:middle; }

a,
a:link,
a:visited { color:#678a01; text-decoration:none; }
a:active,
a:hover { color:#f33; text-decoration:underline; }

h2 { margin: 15px 0; padding: 5px 10px 0; font: bold large/150% sans-serif; color:#678a01; height:30px; background: url(images/bg_h2.gif) repeat-x top; }
h3 { margin: 20px 0 0; padding: 10px 0; font-size:medium; color:#018a78; }
h4 { margin: 10px 0 5px; padding: 5px 0; font-size:small; color:#98cb00; border-bottom:1px solid #98cb00; }
h5 { margin:0; padding: 5px 0; font-size:small; color:#98cb00; }

p { margin:0; padding: 0 0 15px; }
#cookietrail { margin:0; padding:0 25px 5px; color:#999; }
#goTop { clear:both; margin:0; padding:0 10px 0; text-align:right; }
.extended { text-align:right; }

blockquote { margin-bottom:10px; padding:10px; border:1px solid #ccc; }

ul { margin:0; padding: 0 0 15px 25px; }
ul li { margin:0; padding:0; }

ul ol li { background:none; }

ol { margin:0; padding: 0 15px 15px 30px; }
ol li { padding:0; }

ol ul { margin:0; padding:0; }
ol ul li { margin:0; padding:0; }

dl { margin:0; padding: 0 0 10px; }
dt { padding: 0 0 5px; font-weight:bold; }
dd { padding: 0 0 15px 20px; }

table { margin: 0 0 10px; line-height:120%; border-collapse:collapse; border-top:1px solid #ccc; border-left:1px solid #ccc; }
th { padding:5px; font-weight:bold; text-align:left; vertical-align:top; white-space:nowrap; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background:#e5f2bf; }
td { padding:5px; vertical-align:top; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }

table.graf { }
table.graf th { text-align:center; }
table.graf td { text-align:center; }

tr.trLine { background:#efefef; }

td ul { margin: 0 0 0 15px; padding:0; list-style:disc; }
td ul li { margin:0; padding: 0 0 3px; line-height:120%; background:none; }

.C { text-align:center; }
.L { text-align:left;}
.R { text-align:right;}
.red { color:#f00; }
.green { color:#009c63; }
.blue { color:#69c; }
.glay { color:#999; }
.txtL { font-size:large; }
.txtS { font-size:x-small; font-weight:normal; }
.price { font: bold medium/150% sans-serif; color:#c33; }
.New { font: bold small/150% sans-serif; color:#c00; background:#ff0; }
.clear { clear:both; margin:0; padding:0; font: normal 0/0% sans-serif; }


/* -- container ------------------------------------------------------------------------------ */
#container { margin: 0 auto; padding:0; text-align:left; width:980px; background:url(images/bg_wrapper.gif) repeat-y; }
#wrapper { clear:both; margin:0; padding:0; }

/* -- header ------------------------------------------------------------------------------ */
#header { padding:0; height:150px; }
#header h1 { margin:0; padding: 5px 30px 0; height:25px; font: normal small/120% sans-serif; color:#fff; background: url(images/bg_h1.gif) repeat-y left bottom; }
#header p { margin:0; padding:0; }


/* -- gnavi ------------------------------------------------------------------------------ */
#gnavi { margin:0; padding: 0 10px; height:30px; background: url(images/bg_gnavi.gif) no-repeat; }

#gnavi ul { margin:0; padding: 0 0 0 15px; list-style:none; }
#gnavi ul li { display:inline; margin:0; padding:0; background:none; }

#gnavi ul li a,
#gnavi ul li a:link,
#gnavi ul li a:visited { display:block; float:left; width:115px; height:30px; text-decoration:none; }
#gnavi ul li a:active,
#gnavi ul li a:hover { text-decoration:none; }

#gnavi ul li#toHome a { width:70px; background: url(images/gnavi.gif) no-repeat 0px 0px; }
#gnavi ul li#toHome a:hover { background: url(images/gnavi.gif) no-repeat 0px -30px; }
ul#catPage li#toHome a { width:70px; background: url(images/gnavi.gif) no-repeat 0px -30px; }

li#toCans a { width:115px; background: url(images/gnavi.gif) no-repeat -70px 0px; }
li#toCans a:hover { background: url(images/gnavi.gif) no-repeat -70px -30px; }
ul#catCans li#toCans a { background: url(images/gnavi.gif) no-repeat -70px -30px; }

li#toOthr a { width:115px; background: url(images/gnavi.gif) no-repeat -185px 0px; }
li#toOthr a:hover { background: url(images/gnavi.gif) no-repeat -185px -30px; }
ul#catOthr li#toOthr a { background: url(images/gnavi.gif) no-repeat -185px -30px; }

li#toTrvl a { width:115px; background: url(images/gnavi.gif) no-repeat -300px 0px; }
li#toTrvl a:hover { background: url(images/gnavi.gif) no-repeat -300px -30px; }
ul#catTrvl li#toTrvl a { background: url(images/gnavi.gif) no-repeat -300px -30px; }

li#toTest a { width:115px; background: url(images/gnavi.gif) no-repeat -415px 0px; }
li#toTest a:hover { background: url(images/gnavi.gif) no-repeat -415px -30px; }
ul#catTest li#toTest a { background: url(images/gnavi.gif) no-repeat -415px -30px; }

li#toAage a { width:115px; background: url(images/gnavi.gif) no-repeat -530px 0px; }
li#toAage a:hover { background: url(images/gnavi.gif) no-repeat -530px -30px; }
ul#catAage li#toAage a { background: url(images/gnavi.gif) no-repeat -530px -30px; }

#gnavi ul li#toMap a { display:block; float:right; width:215px; }
#gnavi ul li#toMap a { text-decoration:none; }


/* -- left ------------------------------------------------------------------------------ */
#left { float:left; padding: 15px 0 0; width:740px; background: url(images/bg_left.gif) no-repeat; }


/* -- main ------------------------------------------------------------------------------ */
#main { float:right; width:515px; }

.contents { padding: 0 15px 35px; }
.contL { float:left; width:230px; }
.contR { float:right; width:230px; }

a.jumpTo { padding: 0 0 5px 20px; background:url(images/yaSD.gif) no-repeat left 1px; }

ul.jumpList { margin:0; padding: 0 0 15px 0; }
ul.jumpList li { margin:0; padding: 0 0 5px 20px; list-style:none; background:url(images/yaSD.gif) no-repeat left 2px; }

ul.jumpList ul { margin:0; padding: 10px 0; }

#smL { float:left; width:230px; }
#smR { float:right; width:230px; }

#sm ul { margin:0; padding: 0 0 15px; }
#sm ul li { margin:0; padding: 0 0 5px 20px; font: bold medium/120% sans-serif; list-style:none; background:url(images/ya.gif) no-repeat left top; }
#sm ul ul { margin:0; padding: 5px 0; }
#sm ul ul li { margin:0; padding: 5px 0 5px 20px; font: normal small/120% sans-serif; background:url(images/yaSD.gif) no-repeat left 7px; }
#sm ul ul ul { margin:0; padding:0; }
#sm ul ul ul li { margin:0; padding: 5px 0 0px 0px; list-style: circle; background:none; }

#sBox { padding:10px; }


/* -- navi ------------------------------------------------------------------------------ */
#navi { float:left; width:225px; }
#navi h2 { margin: 15px 15px 15px 25px; padding:0; height:35px; background: url(images/bg_navi_h2.gif) repeat-x top; }

#navi ul { margin: 0 10px 15px 25px; padding:0; font: bold medium/120% sans-serif; list-style:none; }
#navi ul li { margin:0; padding: 0 0 10px 25px; background:url(images/ya.gif) no-repeat left top; }

#navi ul#subMenu { margin: 15px 10px 0 25px; padding: 15px 0 0; font: normal small/120% sans-serif; border-top:1px solid #98cb00; }
#navi ul#subMenu li { margin:0; padding: 2px 0 10px 20px; background:url(images/yaSD.gif) no-repeat left 2px; }

#navi ul ul { margin:0; padding:5px 0; font: normal small/150% sans-serif; display:none; }
#navi ul ul li { margin:0; padding: 0 0 5px 20px; background:url(images/yaS.gif) no-repeat left 2px; }

#navi ul ul ul { margin:0; padding: 5px 0; font: normal small/120% sans-serif; list-style:circle; }
#navi ul ul ul li { margin: 0 0 0 10px; padding: 2px 0; background:none; }

#navCans ul li#nCans,
#navOthr ul li#nOthr,
#navTrvl ul li#nTrvl,
#navTest ul li#nTest,
#navAage ul li#nAage,
#navAbout ul li#nAbout  { background: url(images/ya_on.gif) no-repeat; }

#navCans ul li#nCans ul,
#navOthr ul li#nOthr ul,
#navTrvl ul li#nTrvl ul,
#navTest ul li#nTest ul,
#navAage ul li#nAage ul,
#navAbout ul li#nAbout ul { display:inline; }

#navNews ul#subMenu li#nNews,
#navAcc ul#subMenu li#nAcc,
#navInq ul#subMenu li#nInq { background: url(images/yaS_on.gif) no-repeat; }

/* -- right ------------------------------------------------------------------------------ */
#right { float:right; padding: 15px 0 0; width:240px; background: url(images/bg_right.gif) no-repeat; }

#right ul { margin:0; padding: 0 0 0 15px; list-style:none; }
#right ul li { margin:0; padding: 0 0 5px; }

#right dl { margin: 0 0 0 15px; padding:0; }
#right dl dt { margin:0; padding: 5px 20px 5px 30px; font-weight:bold; background: url(images/bg_teaser_top.gif) no-repeat left top; }
#right dl dd { margin: 0 0 15px; padding: 0 20px 10px 30px; line-height:120%; background: url(images/bg_teaser_btm.gif) no-repeat left bottom; }
#right dl dd img { float:right; margin:0 0 0 2px; }


/* -- top page ------------------------------------------------------------------------------ */
#topImg { width:980px; }
#topSwf { float:left; width:740px; text-align:right; background: url(images/bg_topSwf.gif) no-repeat; }
#topMap { float:right; width:240px; }

.fromTop { padding: 0 0 10px 25px; background:url(images/ya.gif) no-repeat left top; }

/* -- news ------------------------------------------------------------------------------ */
#newsBox { margin: 0 15px 15px 0; padding:15px; background:#e5f2bf;}

#newsBox ul { margin: 0 0 0 25px; padding:0; list-style:none; height:150px; overflow:auto; }
#newsBox ul li { margin:0; padding: 0 0 5px 20px; background:url(images/yaSD.gif) no-repeat left 2px; }

dl#newsList { margin:0; padding: 0 0 15px; }
dl#newsList dt { margin: 10px 0 5px; padding: 5px 0; font-weight:bold; color:#98cb00; border-bottom:1px solid #98cb00; }
dl#newsList dd { padding: 0 0 15px 20px; }


/* -- page bottom ------------------------------------------------------------------------------ */
#pageBtm { margin: 15px 15px 0 25px; padding: 15px 0; font: normal small/120% sans-serif; background: url(images/bg_pBtm.gif) repeat-x left top; }
.pageBtmBox1 { float:left; padding: 0 0 0 10px; width:205px; }
.pageBtmBox2 { float:left; padding:0; width:255px; }
.pageBtmBox3 { float:left; padding:0; width:230px; }


/* -- toolt tip ------------------------------------------------------------------------------ */
#text {margin: 20px auto; width:700px; }
.hotspot { color:#678a01; cursor:pointer; border-bottom:1px dotted #98cb00; }

#tt { position:absolute; display:block; background:url(js/images/tt_left.gif) no-repeat left top; }
#tttop { display:block; margin-left:5px; height:5px; background:url(js/images/tt_top.gif) no-repeat right top; overflow:hidden; }
#ttcont { display:block; margin-left:5px; padding:10px; text-align:left; background:#666; color:#FFF; }
#ttbot { display:block; margin-left:5px; height:5px; background:url(js/images/tt_bottom.gif) no-repeat right top; overflow:hidden; }

/* -- foot ------------------------------------------------------------------------------ */
#footer { clear:both; margin:0; padding:0; height:60px; background: url(images/bg_foot.gif) repeat-x; }

#footer a,
#footer a:link,
#footer a:visited { color:#678a01; text-decoration:none; }
#footer a:active,
#footer a:hover { color:#f33; text-decoration:underline; }

#footWrap { margin: 0 auto; padding:0; text-align:left; width:980px; }

#footL { float:left; padding: 15px 0 0; width:740px; font: normal 10px/150% sans-serif; }
#footL ul { margin:0; padding: 0 0 0 25px; list-style:none; }
#footL ul li { display:inline; margin:0; padding: 3px 10px 3px 15px; background:url(images/yaS.gif) no-repeat left 2px; }

#footR { float:right; padding: 15px 0 0; width:240px; font: normal 10px/150% sans-serif; color:#678a01; text-align:center; }