@charset "utf-8";



/*********** font setup ***********/
* { font-family:"メイリオ","ＭＳ Ｐゴシック", Osaka,sans-serif; }
.f10,
#hseo,
#credit {font-family:"ＭＳ Ｐゴシック", Osaka,sans-serif;}


/*********** defult setup ***********/
body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,span,img,
form,fieldset,legend,pre,blockquote {
	margin:0px;
	padding:0px;
	border:0px;
	list-style:none;
}



/*********** tag setup ***********/

/* body */
body { font-size:14px; color:#ddd; background:url(../common_img/bg.jpg) repeat-x #000;  }
body.top { font-size:14px; color:#333; }

/* heading */
h1 {
	width:1000px;
	height:18px;
	margin:0 auto;
	padding:3px 0 0;
	color:#666;
	font-size:10px;
	font-weight:normal;
	text-align:right;
}
h2 { }
h3 { }
h4 { }
h5 { }

/* ie用 images */
body img { vertical-align:top; font-size:0; }

/* link */
a { color:#ddd; }
a:link { text-decoration:underline; }
a:hover { text-decoration:none; color:#ddd; }
a:visited { }
a:active { }



/*********** id setup ***********/

/* wrapper */
#wrapper {}

/* main_bg */
#main_bg { margin:0 auto 30px; background: url(../images/main_img01.jpg) no-repeat top center; height: 791px;}

/* logo */
body.top div#header h2,
div#header #logo { padding-top:6px; margin-left:200px; }

/*  header  */
#header { margin:0 auto;  background:url(../common_img/h_bg.png) repeat-x;}
#header #header_in { margin:0 auto;  background:url(../common_img/h_main.png) no-repeat; position:relative; width:1400px; }
#h_add { position:absolute; top:70px; right:200px; }

/* h_nav */
#hnav { position:absolute; top:84px; right:470px; }
#hnav li { float:left; padding:0 0 0 15px; background:url(../common_img/list_mark.png) no-repeat 0 0.5em; margin:0 23px 0 0;}
#hnav li a { color:#ddd; text-decoration:none;}
#hnav li a:hover { color:#ddd; text-decoration:underline;}

/* g_nav */
#gnav {width:1400px; background:url(../common_img/gnav_bg.png) repeat-x; margin:20px auto 0;  }
#gnav_box {width:1000px;  margin:0 auto;  }
#gnav li { float:left; }

/* main */
.top #main { width:1000px; margin:0px auto 0 auto; line-height:1.5; position:relative; }
#main { width:1000px; margin:0px auto 0 auto; line-height:1.5; position:relative; }

/* side */
#side { width:238px; float:left; margin: 0;}
.top #side_top { float:left; }
.top #side { float:left;}

#side_top ul { padding-bottom:12px; margin-bottom: 30px; background: url(../common_img/s_bg_btm.png) bottom center no-repeat; }
#side_top ul li { background: url(../common_img/s_bg.png) bottom center repeat-y; padding:10px 10px 0 12px;}

#side ul {background-color: rgba(255, 255,255, 0.7); padding-bottom:10px; border-bottom:solid 1px #fff; margin-bottom: 20px;}
#side ul li {padding:10px 10px 0 12px;}

#s_car {margin-top:30px;}

#s_shop {margin:0 0 20px 0 ; padding-bottom:10px; border-bottom:solid 2px #fff; color:#fff;}
#s_shop p {line-height:1.7; padding:8px 0 0 0px; font-size:12px; margin:0;}
#s_shop p.bt_shop { float:right;width:100px;}
#s_shop p.bt_shop a{ color:#ddd; text-decoration:none;background:url(../common_img/list_mark.png) no-repeat 0 0.5em; padding:0 0 0 17px; font-size:14px;}
#s_shop p.bt_shop a:hover { color:#ddd; text-decoration:underline;}


#side #s_bnr { background:none; border:none;}

#sale{ margin:0px -10px 0 -5px;}

/* content */
#content { width:733px; float:right; line-height:1.5; }


/* f_bnr */
#f_bnr {margin:0 -20px 0 0; }
#f_bnr li { float:left; margin:0 15px 0 0;}


/* f_nav */
#fnav { padding:10px 0 0; margin:0 auto; color:#000000; clear:both; text-align:center; font-size:10px; }
#fnav a { color:#000000; text-decoration:underline; }
#fnav a:hover { color:#565656; text-decoration:none; }


/* footer */
#footer { background:url(../common_img/f_bg.jpg) repeat-x; }
#footer_box { width:1000px; margin:0 auto; padding:10px 0 20px; line-height:1.7; color:#ddd; background:url(../common_img/f_img.jpg) no-repeat; font-size:13px; }
#footer a { color:#ddd; text-decoration:none; }
#footer a:hover { color:#ddd; text-decoration:underline; }
#footer h2 {margin:30px 20px 20px 0px; float:left;}
#footer p{ padding:20px 0 0 0; float:left;}

#sitemap1 {width:176px; float:right; margin:15px 0 0 0;font-size:12px;}
#sitemap2 {width:145px; float:right; margin:15px 0 0 0;font-size:12px;}
#footer li { padding:0 0 0 15px; background:url(../common_img/list_mark.png) no-repeat 0 0.5em;}

/* credit */
#credit { text-align:right; font-size:10px; }
#credit a { color:#000000; }
#credit a:hover { color:#565656; }



.mb20 { margin-bottom:20px !important; }

.hover60 {
	transition: 0.5s;
	opacity: 1;
}
.hover60:hover {
	transition: 0.5s;
	opacity: 0.6;
}
.mt15{
    margin-top: 15px !important;
}