@charset "utf-8";
/* CSS Document */
body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#wrap { width:980px; margin: 0 auto; }

p { margin: 0 0 12px 0; }
a { outline:none; }
img.p_left { float: left; padding-right: 15px; }
.non_c { cursor: default; }

a:hover .top_btn { filter: alpha(Opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
/* top page 指定 */
/* top map 切り替え指定 */
#image-navigation { 
     width: 980px;
	 height: 548px;
	 background: #000 url(../images/top_map.jpg) no-repeat;
	 }

#map-area { width: 620px; height: 548px; float: left; }
#image-navigation .navi-image { position:relative;}
#image-navigation .navi-image a { display:block; }
#image-navigation .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation .navi-image a.active { z-index:10; }
#image-navigation .navi-image a.last-active { z-index:9; }

#select-area { padding-left: 5px; padding-top: 250px; color: #FFF; float: left; width: 350px; }

ul#nav1_2{
	margin-left: 0px;
	list-style: none;
}
ul#nav1_2 li {
	float: left;
	width: 100px;
	height: 18px;
	font-size: 10px;
	overflow: hidden;
	border:none;
	color: #FFF;
}

ul#nav1_2 li a { color:#FFF; text-decoration:none; }
ul#nav1_2 li a:hover { color:#000; background-color:#FFF; }

.top-box1 { width: 600px; height: 390px; padding: 0; font-size: 12px; line-height: 22px; margin-top: 30px; margin-right: 20px; float:left; }
.top-box1a { width: 268px; height: 170px; padding: 10px; font-size: 12px; line-height: 22px; margin: 0 20px 0 0;  float:left; border: 1px #777 solid; }
.top-box1b { width: 268px; height: 170px; padding: 10px; font-size: 12px; line-height: 22px; margin: 0 0 0 0;  float:left; border: 1px #777 solid; }
.top-box1c { width: 578px; height: 170px; padding: 10px; font-size: 12px; line-height: 22px; margin: 20px 0 0 0;  float:left; border: 1px #777 solid; }
.top-box2 { width: 327px; height: 372px; padding: 15px; font-size: 12px; margin-top: 30px; float:left; border: 1px #777 solid; }

.top-box3 { width: 268px; height: 270px; padding: 10px; font-size: 12px; line-height: 22px; margin: 20px 20px 0 0;  float:left; border: 1px #777 solid; }

.top-box4 { width: 647px; height: 270px; padding: 10px; font-size: 12px; line-height: 22px; margin: 20px 0 20px 0;  float:left; border: 1px #777 solid; }



h2.sb {font-weight: normal; font-size: 14px; border-bottom:1px solid #FFF; }

h1.logo { width:280px; height: 86px; background: url(../images/common/logo.gif) no-repeat; margin: 8px 0 0 0; text-indent: -700em; }

#header_l { height: 114px; width: 400px; float: left; }
#header_r { height: 96px; width: 580px; padding-top:8px; float: left; }
#header_r ul { list-style: none; float: right; }
#header_r ul li { float: left; margin-left: 15px; }
#header_r ul li a { filter: alpha(Opacity=30); opacity: 0.3; }
#header_r ul li a:hover { filter: alpha(Opacity=100); opacity: 1.0; }
#header_r img { border: 0; }
/* top page 指定 end */


/* 通常 page 指定 */
#pankuzu { width: 980px; height: 40px; font-size:10px; }
#pankuzu a { text-decoration: none ; color: #333; }
#pankuzu a:hover { background:#999; color: #FFF; text-decoration: none; }

#main { width: 780px; padding-right: 22px; float: left; }

.m_box { width: 372px; height: 252px; padding: 0 18px 18px 0; float: left; }
.m_box a { color:#666; }
.m_box a:hover { color:#FFF; background:#000; text-decoration: none; }

.mini_map { background: #c9c9c9 url(../images/common/ajax-loader2.gif) center center no-repeat; }
.mini_map2 { background: #000000 url(../images/common/ajax-loader.gif) center center no-repeat; width:750px; height: 550px; padding-right: 16px; }

.m_box2 { width: 768px; padding: 0 0 18px 0; float: left; border-bottom: 1px #666 dotted; margin-bottom: 15px; }
.m_box2 a { color:#666; }
.m_box2 a:hover { color:#FFF; background:#000; text-decoration: none; }

.m_box2_en { width: 768px; padding: 0 0 18px 0; float: left; margin-bottom: 15px; }
.m_box2_en a { color:#666; }
.m_box2_en a:hover { color:#FFF; background:#000; text-decoration: none; }

.deal_list { padding-right: 12px; float: left; width: 174px; margin-right: 6px; }

.shop_info { font-size: 12px; line-height: 16px; }
.text01 { font-size: 12px; line-height: 24px; letter-spacing:1px; }

.contact { font-size: 14px; background: url(../images/common/contact-bg.gif); color: #FFFFFF; padding: 15px; height: 218px; }
.contact a { color: #FFF; }
.contact a:hover { color: #666; background: #DDD; text-decoration: none; }

.contact2 { width: 750px; float: left; font-size: 10px; background: #000000; color: #FFFFFF; padding: 3px 8px 14px 8px; height: 14px; margin-bottom: 20px; }
.contact2 a { color: #FFF; }
.contact2 a:hover { color: #666; background: #DDD; text-decoration: none; }
.small01 { font-size: 12px; }

#side { width: 178px; float: left; background:#000; }
h2.m_title { width: 776px; height: 60px; font-size: 36px; font-weight: normal; background: url(../images/common/title_ub.gif) 0 40px no-repeat; margin: 0; font-family: Arial, Helvetica, sans-serif; }
h2.jp_t { text-align: right; font-size: 14px; font-weight: normal; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; height: 20px; margin: -40px 0 36px 0px; padding-right: 6px;} 
h2.img_ttl { margin: 0 0 12px 0; padding: 0; }
h3 { background:url(../images/common/h3-head.gif) 0 0 no-repeat; height: 45px; font-size: 16px; font-weight: normal; margin-bottom: 12px; padding: 13px 0 0 55px; }
h3.sst { background: none; font-size: 18px; font-weight: normal; padding: 10px 0 0 15px; height: 20px; margin:0; color:#FFFFFF; }
.top_img { margin-bottom: 30px; }

h4.sl_sub { font-size: 12px; color: #000; display:inline; margin-bottom: 0px; margin-top:0; }
ul.dot { padding: 0 0 15px 8px; margin-top: 0px; }
ul.dot li { list-style: none; margin-bottom: -8px; background: url(../images/common/deal-list-head.gif) 0 -1px no-repeat; padding-left: 13px; line-height: 22px; letter-spacing:0; }

/* side navi 指定 */
#nav3 {
	font-size: 75%;
	list-style: none;
	margin-left: -24px;
	padding-right: 8px;
}
#nav3 li {
	margin-bottom: 2px;
}
#nav3 li a {
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	width: 135px;
	padding: 5px 6px 5px 24px;
	background: url(../images/common/allow.gif) no-repeat 0px center;
}


/* 通常 page 指定 end */


/* foot 指定 */
#foot {
	border-top: 1px #333 solid;
	font-size:12px;
	color:#333;
	padding-top: 7px;
}

ul.f_navi { margin: 2px 0 0 50px; float:right; }
ul.f_navi li { float: left; list-style: none; margin: 0 0 0 10px;}
ul.f_navi li a { filter: alpha(Opacity=60); opacity: 0.6; }
ul.f_navi li a:hover { filter: alpha(Opacity=100); opacity: 1.0; }
ul.f_navi img { border: 0; }
p.cr { color: #666; padding: 3px; margin-top: 8px; font-size:10px; }

#icon-navi {
	margin: 0 0 0 -50px;
}

#icon-navi li {
	list-style: none;
	float: left;
}

#icon-navi li a {
   width: 60px;
   text-indent: -800em;
   background-image: url(../images/common/foot_icon.gif);
   display: block;
}

#i_nav01 a { background-position: 0px -60px; height: 60px; }
#i_nav01 a:hover { background-position: 0px 0px; height: 60px; }

#i_nav02 a { background-position: -60px -60px; height: 60px; }
#i_nav02 a:hover { background-position: -60px 0px; height: 60px; }

#i_nav03 a { background-position: -120px -60px; height: 60px; }
#i_nav03 a:hover { background-position: -120px 0px; height: 60px; }
/* foot 指定 end */


/* toTop 指定 */

#totop {
    position: fixed;
    bottom: 30px;
	right: 30px;
}
#totop a {
    width: 96px;
    height: 96px;
    display: block;
    text-align: center;
    text-decoration: none;
	text-indent: -700em;
	background:url(../images/common/toTop.png) no-repeat;
}
#totop a:hover {
    color: #000;
}
/* toTop 終了 */

/* change 指定 */

#change {
    position: fixed;
    top: 5px;
	right: 30px;
}
#change a {
    alpha(Opacity=100); opacity: 1.0;
}
#change a:hover {
    alpha(Opacity=50); opacity: 0.5;
}
/* change 終了 */

.clear_both { clear:both; }
.clear_both2 { clear:both; border-bottom:20px #FFF solid; }

/* top slide caption */
.boxgrid{ 
				width: 350px; 
				height: 210px;
				float:left;
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#FFFFFF; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: relative;
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: -30px;
					padding-top: 8px;
 					left: 0;
					height: 24px;
 				}