@charset "Shift_JIS";

/** headings */
/**************************************/
h1 {
	line-height:     1;
	padding:         0 0 20px 0;
	margin:          0 0 20px 0;
}

h2 {
	line-height:     1;
	padding:         0;
	margin:          0 0 10px 0;
}

/** layout */
/**************************************/
div.main {
	width:           518px;
	overflow:        visible;
	float:           left;
}

div.right {
	width:           340px;
	float:           right;
}

/** map */
/**************************************/
div#map {
	background:      url("../img/index/map_base.jpg") no-repeat;
	width:           538px;
	height:          412px;
	margin:          0 0 15px 0;
}

div#map h2 {
	text-indent:     -9999px;
	display:         none;
}

div#map ul#prefecture {
	position:        relative;
	left:            -5px;
	top:             13px;
}

ul#prefecture {
    left: 0;
    position: absolute;
    top: 0;
}
ul#prefecture li {
    background-image: url("../img/index/map.gif");
    background-repeat: no-repeat;
    cursor: pointer;
    outline: medium none !important;
    position: absolute;
    text-indent: -9999px;
}
ul#prefecture li.hover { background-image: url("../img/index/map_hover.gif"); }



#pref01 { width: 120px; height: 100px; left: 359px; top:  12px; background-position: -359px  -12px; }
#pref02 { width:  80px; height:  28px; left: 358px; top: 112px; background-position: -358px -112px; }
#pref03 { width:  40px; height:  30px; left: 398px; top: 140px; background-position: -398px -140px; }
#pref04 { width:  40px; height:  30px; left: 398px; top: 170px; background-position: -398px -170px; }
#pref05 { width:  40px; height:  30px; left: 358px; top: 140px; background-position: -358px -140px; }
#pref06 { width:  40px; height:  30px; left: 358px; top: 170px; background-position: -358px -170px; }
#pref07 { width:  50px; height:  30px; left: 388px; top: 200px; background-position: -388px -200px; }
#pref08 { width:  30px; height:  53px; left: 408px; top: 232px; background-position: -408px -232px; }
#pref09 { width:  33px; height:  28px; left: 375px; top: 232px; background-position: -375px -232px; }
#pref10 { width:  26px; height:  53px; left: 349px; top: 232px; background-position: -349px -232px; }
#pref11 { width:  33px; height:  25px; left: 375px; top: 260px; background-position: -375px -260px; }
#pref12 { width:  30px; height:  47px; left: 408px; top: 285px; background-position: -408px -285px; }
#pref13 { width:  41px; height:  17px; left: 367px; top: 285px; background-position: -367px -285px; z-index: 1; }
#pref14 { width:  51px; height:  38px; left: 347px; top: 294px; background-position: -347px -294px; }
#pref15 { width:  47px; height:  29px; left: 339px; top: 201px; background-position: -339px -201px; }
#pref16 { width:  41px; height:  29px; left: 298px; top: 201px; background-position: -298px -201px; }
#pref17 { width:  30px; height:  34px; left: 268px; top: 182px; background-position: -268px -182px; }
#pref18 { width:  30px; height:  37px; left: 268px; top: 216px; background-position: -268px -216px; }
#pref19 { width:  46px; height:  32px; left: 320px; top: 260px; background-position: -320px -260px; }
#pref20 { width:  30px; height:  41px; left: 320px; top: 230px; background-position: -320px -230px; }
#pref21 { width:  21px; height:  39px; left: 297px; top: 232px; background-position: -297px -232px; }
#pref22 { width:  39px; height:  38px; left: 307px; top: 294px; background-position: -307px -294px; }
#pref23 { width:  30px; height:  51px; left: 289px; top: 271px; background-position: -289px -271px; }
#pref24 { width:  31px; height:  39px; left: 258px; top: 283px; background-position: -258px -283px; }
#pref25 { width:  45px; height:  28px; left: 251px; top: 254px; background-position: -251px -254px; }
#pref26 { width:  30px; height:  22px; left: 237px; top: 232px; background-position: -237px -232px; }
#pref27 { width:  44px; height:  28px; left: 207px; top: 254px; background-position: -207px -254px; }
#pref28 { width:  30px; height:  22px; left: 207px; top: 232px; background-position: -207px -232px; }
#pref29 { width:  21px; height:  60px; left: 237px; top: 282px; background-position: -237px -282px; }
#pref30 { width:  19px; height:  60px; left: 218px; top: 282px; background-position: -218px -282px; }
#pref31 { width:  29px; height:  21px; left: 176px; top: 252px; background-position: -176px -252px; }
#pref32 { width:  30px; height:  21px; left: 146px; top: 252px; background-position: -146px -252px; }
#pref33 { width:  29px; height:  19px; left: 176px; top: 273px; background-position: -176px -273px; }
#pref34 { width:  30px; height:  19px; left: 146px; top: 273px; background-position: -146px -273px; }
#pref35 { width:  19px; height:  40px; left: 127px; top: 252px; background-position: -127px -252px; }
#pref36 { width:  34px; height:  19px; left: 172px; top: 323px; background-position: -172px -323px; }
#pref37 { width:  34px; height:  21px; left: 172px; top: 302px; background-position: -172px -302px; }
#pref38 { width:  36px; height:  21px; left: 136px; top: 302px; background-position: -136px -302px; }
#pref39 { width:  36px; height:  19px; left: 136px; top: 323px; background-position: -136px -323px; }
#pref40 { width:  30px; height:  27px; left:  90px; top: 262px; background-position:  -90px -262px; }
#pref41 { width:  21px; height:  58px; left:  69px; top: 262px; background-position:  -69px -262px; }
#pref42 { width:  20px; height:  50px; left:  49px; top: 262px; background-position:  -49px -262px; }
#pref43 { width:  25px; height:  32px; left:  79px; top: 320px; background-position:  -79px -320px; }
#pref44 { width:  39px; height:  31px; left:  90px; top: 289px; background-position:  -90px -289px; }
#pref45 { width:  25px; height:  32px; left: 104px; top: 320px; background-position: -104px -320px; }
#pref46 { width:  50px; height:  20px; left:  79px; top: 352px; background-position:  -79px -352px; }
#pref47 { width:  20px; height:  51px; left:  49px; top: 321px; background-position:  -49px -321px; }

/** sws */
/**************************************/
div#sws {
	margin:          0 0 18px 0;
	position:        relative;
	min-height: 158px;
	_height: 158px;
}

div#sws h3 {
	margin:          0 0 15px 0;
}

div#sws p {
	font-size:       14px;
	line-height:     1.3;
	color:           #333333;
	width:           258px;
	margin:          0 0 5px 0;
}

div#sws p sup {
	font-size:       10px;
}

div#sws ul.notes li {
	font-size:       10px;
	line-height:     1.3;
	color:           #6e6e6e;
}

div#sws img.sticker {
	position:        absolute;
	right:           0;
	top:             5px;
	display:         block;
}

/** sws-expansion */
/**************************************/
#sws-expansion {
	margin-bottom: 20px;
	padding-bottom: 9px;
	background: url(../img/index/bg_sws-expansion_btm.gif) no-repeat left bottom;
}
#sws-expansion .col-header {
	width: 493px;
	padding: 12px 11px 0 14px;
	background: url(../img/index/bg_sws-expansion_top.gif) no-repeat left top;
}
#sws-expansion .col-header h4 {
	padding-top: 3px;
}
#sws-expansion .flt_l {
	width: 307px;
}
#sws-expansion .flt_l p {
	margin-top: 5px;
	font-size: 11px;
}
#sws-expansion .flt_r {
	width: 184px;
	background: url(../img/index/btn_sws-expansion_on.gif) no-repeat left top;
}


/** qualify */
/**************************************/
div#qualify {
	background:      url("../img/index/qualify_bg.gif") no-repeat;
	height:          170px;
	margin:          0 0 15px 0;
	position:        relative;
}

div#qualify a {
	text-indent:     -9999px;
	background:      url("../img/index/qualify_btn.gif") no-repeat;
	width:           501px;
	height:          38px;
	position:        absolute;
	left:            9px;
	top:             10px;
	display:         block;
}

div#qualify a:hover {
	background-position: 0 -38px;
}

div#qualify strong {
	font-size:       12px;
	line-height:     1.3;
	color:           #333333;
	padding:         0 35px 0 0;
	position:        absolute;
	left:            35px;
	top:             58px;
}

div#qualify p {
	font-size:       12px;
	line-height:     1.3;
	color:           #333333;
	padding:         0 35px 0 0;
	position:        absolute;
	left:            35px;
	top:             85px;
}

/** setting */
/**************************************/
div#setting {
	background:      url("../img/index/setting_bg.gif") no-repeat;
	height:          58px;
	margin:          0 0 15px 0;
	position:        relative;
}

div#setting a {
	text-indent:     -9999px;
	background:      url("../img/index/setting_btn.gif") no-repeat;
	width:           501px;
	height:          38px;
	position:        absolute;
	left:            9px;
	top:             10px;
	display:         block;
}

div#setting a:hover {
	background-position: 0 -38px;
}

/** disruption */
/**************************************/
div#disruption {
	background:      url("../img/index/disruption_bg.gif") no-repeat;
	height:          58px;
	margin:          0 0 15px 0;
	position:        relative;
}

div#disruption a {
	text-indent:     -9999px;
	background:      url("../img/index/disruption_btn.gif") no-repeat;
	width:           501px;
	height:          38px;
	position:        absolute;
	left:            9px;
	top:             10px;
	display:         block;
}

div#disruption a:hover {
	background-position: 0 -38px;
}

/** area */
/**************************************/
div#area {
	background:      url("../img/index/area_body.gif") repeat-y;
}

div#area h2 {
	text-indent:     -9999px;
	background:      url("../img/index/area_h.gif") no-repeat;
	height:          115px;
}

div#area p.guide {
	font-size:       12px;
	text-align:      center;
	color:           #3b3b3b;
	padding:         130px 0 0 0;
	display:         none;
}

div#area p.selection {
	color:           #666666;
	width:           316px;
	margin:          0 0 0 10px;
	padding:         10px 0;
}

div#area ul#cities {
	width:           316px;
	margin:          0 0 0 10px;
	padding: 0;
	overflow:        hidden;
}

div#area li {
	margin:          0 0 5px 0;
	padding: 0;
	list-style: none;
}

div#area li a {
	font-size:       16px;
	text-decoration: none;
	line-height:     35px;
	background:      url("../img/index/area_btn.gif") no-repeat;
	height:          35px;
	padding:         0 0 0 50px;
	display:         block;
}

div#area li a:hover         { background-position: 0  -35px; }
div#area li a.bundled       { background-position: 0  -70px; }
div#area li a.bundled:hover { background-position: 0 -105px; }

div#area li a.none {
	color:               #000000;
	background-position: 0 0px !important;
}

div#area li ul {
	padding:         10px 0 0 0;
}

div#area li.closed ul {
	display:         none;
}

div#area li li {
	padding:         0 0 0 40px;
}

div#area li li a {
	font-size:       14px;
	line-height:     20px;
	background:      url("../img/index/area_link.gif") left center no-repeat !important;
	height:          20px;
	padding:         0 0 0 18px;
}

div#area li li a:hover { text-decoration: underline; }

div#area li li a.none {
	text-decoration:     none !important;
	color:               #000000;
	background-position: left center !important;
}

div#area.disabled             { height: 402px; }
div#area.disabled h2          { background-image: url("../img/index/area_h_disabled.gif"); }
div#area.disabled p.guide     { display: block; }
div#area.disabled p.selection { display: none; }
div#area.disabled ul          { display: none; }


div#area_footer {
	background:      url("../img/index/area_footer.gif") no-repeat;
	height:          10px;
	margin:          0 0 20px 0;
}

/** bnr */
/**************************************/


div.bnr_area {
	width: 344px;
	height: 408px;
	position: relative;
}
div.bnr {
	margin:0 0 10px 0;
}
.bnr_shop {
	background: url("../img/index/bnr_shop_on.gif") left center no-repeat !important;
	float:right;
}