@charset "euc-jp";



/*********** 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:12px; color:#4d4d4d; background: url(../common_img/bg_body.jpg) repeat-x #fff; }

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

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

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



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

/* wrapper */
#wrapper { }

/* logo */
body.top div#header h2,
div#header #logo { position: absolute; top: 30px; left: 0px; }

/*  header  */
#header { width:980px; height: 123px; margin:0 auto; position:relative; }
#h_tel { position:absolute; top:50px; right:0px; }
#h_cart { position:absolute; top:25px; right:145px; }
#h_contact { position:absolute; top:25px; right:0px; }
#search { position: absolute; top: 90px; right: 0px; }
#search .txt { width: 260px; color: #c0c0c0; }

/* h_nav */
#hnav { position:absolute; top:25px; right:260px; }
#hnav li { padding-left: 5px; float:left; }

/* g_nav */
#gnav { 
	position:absolute; 
	bottom:0; 
	left:0; 
	display: -webkit-flex;
  	display: -moz-flex;
  	display: -ms-flex;
  	display: -o-flex;
  	display: flex;
  	-webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  justify-content: space-around;
  width: 100%;
}

/*#gnav li { float:left; }*/

/* main */
#main { width:980px; margin:0 auto; padding-top: 20px; line-height:1.5; }

/* side */
#side { width:175px; float:left; }
#side h3 { margin: 0px; padding: 0px; }
#side h4 { margin: 0px; padding: 0px; }
.snav_01 { margin-bottom: 15px; }
.snav_01 a { display: block; width: 150px; height: 22px; padding: 5px 0px 0px 25px; text-decoration: none; background: url(../common_img/s_arrow_01.jpg) no-repeat; }
.snav_01 a:hover { background: url(../common_img/s_arrow_02.jpg) no-repeat; }
.snav_02 { border: 1px solid #f1f1f1; padding: 9px; }
.snav_02 a { display: block; width: 120px; height: 23px; padding: 5px 0px 0px 35px; text-decoration: none; background: url(../common_img/s_arrow_01.jpg) 6px 0px no-repeat; }
.snav_02 a:hover { background: url(../common_img/s_arrow_03.jpg) no-repeat; }
#side_henpin { margin:15px 0 0; }

/* content */
#content { width:775px; float:right; line-height:1.5; font-size: 16px; }
#secondary { width: 565px; float: left; }
#banner_area { width: 175px; padding: 1px 0px; background: #cecece; }
body.top #banner_area { width: 190px; float: right; background: #cecece; }
.banner_01 { margin: 8px 8px 8px 6px; }
.banner_02 { margin: 0px 8px 8px 8px; }
.banner_03 { margin: 8px 0px 7px 0px; }
#shoppingu_guide { background: #ffffff; padding: 10px; }
#shoppingu_guide ul { margin: 0px 0px 10px 0px; font-size: 11px; }
#shoppingu_guide li { padding: 0px 0px 5px 0px; }
#shoppingu_guide li a { padding: 0px 0px 0px 5px; }


/* footer */
#bg_footer { width: 100%; min-width: 980px; background: url(../common_img/bg_foot.jpg) repeat-x; }
#footer { width:980px; margin:0 auto; padding:10px 0 20px; font-size:11px; line-height:1.5; }
#footer a { color:#7d7d7d; text-decoration:none; }
#footer a:hover { color:#565656; text-decoration:underline; }
#f_logo { width: 275px; float: left; }
#f_logo p { margin: 5px 0px 10px 0px; color: #666666; }
#f_tel {}
#f_contact { margin-top: 5px; }

/* f_nav */
#fnav { padding:0px 10px 20px 0; margin:20px auto 0 auto; color:#747474; font-size:11px; float: right; border-left: 1px dotted #dadada; width:680px; }
#fnav ul { padding-left: 15px; float: left; }
#fnav li { padding-bottom: 5px; }
#fnav ul li ul { padding-left: 5px; float: none; }
#fnav a { padding-left: 2px; color:#444444; text-decoration:underline; }
#fnav a:hover { color:#ed5e60; text-decoration:none; }


/* flash */
#flash { width:500px; float:left; }
#flash p { float:left; padding:0; margin-right:10px; }

/* credit */
#credit { clear: both; overflow: hidden; text-align:right; font-size:10px; }




/* search */

#srchBox
{
width:268px;
_width:316px;
margin-bottom:10px;
background-color:#FFFFFF;
color:#000000;
text-align:left;
position: absolute; top: 75px; right: 0px;
}
#srchBox *
{
margin:0;
padding:0;
font-size:13px;
*font-size:small;
*font:x-small;
}
#srchBox a img
{
border:none;
}
#srchBox #srch
{
padding:10px 10px 0 10px;
}
#srchBox #srch #srchForm
{
white-space:nowrap;
}
#srchBox #srchInput
{
width:168px;
margin-right:6px;
vertical-align:bottom;
}
#srchBox #srchBtn
{
width:80px;
}
*html #srchBox #srchBtn
{
padding-top:2px;
}
*:first-child+html #srchBox #srchBtn
{
padding-top:2px;
}
#srchBox ul
{
margin-top:6px;
text-align:left;
}
#srchBox li
{
list-style-type:none;
display:inline;
zoom:1;
padding-right:10px;
}
#srchBox li input
{
zoom:1;
margin-right:2px;
_margin:-4px 0 -4px -4px;
vertical-align:middle;
border:0;
}
*:+html #srchBox li input
{
margin:-4px 0 -4px -4px;
}
#srchBox #srchLogo
{
margin:6px 6px 6px 0;
text-align:right;
}
#srchBox #srchLogo a
{
color:#666666;
text-decoration:none;
font-size:85%;
}
#srchBox #srchLogo a:hover
{
text-decoration:underline;
}
#srchBox.watermark
{
padding-bottom: 6px;
}
#srchBox.watermark #srchInput
{
padding:1px 1px 2px 1px;
border:1px solid #a5acb2;
background: #fff url(http://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
}
#srchBox.watermark #srchInput.nomark
{
background: #fff;
}
#srchBox.watermark #srchLogo
{
display: none;
}

/* pagination */
.pager {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}
.pager__item {
	margin: 0 5px;
}
.pager__item a {
	text-decoration: none;
	background-color: #111;
	font-size: 14px;
	color: #fff;
	width: 25px;
	height: 25px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}
.pager__item.active a {
	background-color: #c00;
}

.fc_red { color: #f00; }
/* list */
.u-list-d{padding-left:1.5em}.u-list-d>*{list-style-type:disc}.u-list-c{padding-left:1.5em}.u-list-c>*{list-style-type:circle}.u-list-s{padding-left:1.5em}.u-list-s>*{list-style-type:square}.u-list-dc{padding-left:1.5em}.u-list-dc>*{list-style-type:decimal}.u-list-la{padding-left:1.8em}.u-list-la>*{list-style-type:lower-alpha}.u-list-at{padding-left:1em}.u-list-at>*{text-indent:-1em}.u-list-x1{padding-left:1em}.u-list-x1>*{text-indent:-1em}
/* float */
.u-fl-n{float:none!important}.u-fl-l{float:left!important}.u-fl-r{float:right!important}.u-cl_n{clear:none!important}.u-cl_l{clear:left!important}.u-cl_r{clear:right!important}.u-cl_b{clear:both!important}
/* margin */
.u-mt0{margin-top:0!important}.u-mr0{margin-right:0!important}.u-mb0{margin-bottom:0!important}.u-ml0{margin-left:0!important}.u-mt5{margin-top:5px!important}.u-mr5{margin-right:5px!important}.u-mb5{margin-bottom:5px!important}.u-ml5{margin-left:5px!important}.u-mt10{margin-top:10px!important}.u-mr10{margin-right:10px!important}.u-mb10{margin-bottom:10px!important}.u-ml10{margin-left:10px!important}.u-mt15{margin-top:15px!important}.u-mr15{margin-right:15px!important}.u-mb15{margin-bottom:15px!important}.u-ml15{margin-left:15px!important}.u-mt20{margin-top:20px!important}.u-mr20{margin-right:20px!important}.u-mb20{margin-bottom:20px!important}.u-ml20{margin-left:20px!important}.u-mt25{margin-top:25px!important}.u-mr25{margin-right:25px!important}.u-mb25{margin-bottom:25px!important}.u-ml25{margin-left:25px!important}.u-mt30{margin-top:30px!important}.u-mr30{margin-right:30px!important}.u-mb30{margin-bottom:30px!important}.u-ml30{margin-left:30px!important}.u-mt35{margin-top:35px!important}.u-mr35{margin-right:35px!important}.u-mb35{margin-bottom:35px!important}.u-ml35{margin-left:35px!important}.u-mt40{margin-top:40px!important}.u-mr40{margin-right:40px!important}.u-mb40{margin-bottom:40px!important}.u-ml40{margin-left:40px!important}.u-mt45{margin-top:45px!important}.u-mr45{margin-right:45px!important}.u-mb45{margin-bottom:45px!important}.u-ml45{margin-left:45px!important}.u-mt50{margin-top:50px!important}.u-mr50{margin-right:50px!important}.u-mb50{margin-bottom:50px!important}.u-ml50{margin-left:50px!important}.u-mt55{margin-top:55px!important}.u-mr55{margin-right:55px!important}.u-mb55{margin-bottom:55px!important}.u-ml55{margin-left:55px!important}.u-mt60{margin-top:60px!important}.u-mr60{margin-right:60px!important}.u-mb60{margin-bottom:60px!important}.u-ml60{margin-left:60px!important}
/*
 * padding - t,r,b,l - 0,5,10,15,20,25,30,35,40,45,50
 */
.u-pt0 { padding-top: 0 !important; } .u-pt5 { padding-top: 5px !important; } .u-pt10 { padding-top: 10px !important; } .u-pt15 { padding-top: 15px !important; } .u-pt20 { padding-top: 20px !important; } .u-pt25 { padding-top: 25px !important; } .u-pt30 { padding-top: 30px !important; } .u-pt35 { padding-top: 35px !important; } .u-pt40 { padding-top: 40px !important; } .u-pt45 { padding-top:   45px !important; } .u-pt50 { padding-top: 50px !important; }
.u-pr0 { padding-right: 0 !important; } .u-pr5 { padding-right: 5px !important; } .u-pr10 { padding-right:   10px !important; } .u-pr15 { padding-right: 15px !important; } .u-pr20 { padding-right: 20px !important; } .u-pr25 { padding-right: 25px !important; } .u-pr30 { padding-right: 30px !important; } .u-pr35 { padding-right: 35px !important; } .u-pr40 { padding-right: 40px !important; } .u-pr45 { padding-right: 45px !important; } .u-pr50 { padding-right:   50px !important; }
.u-pb0 { padding-bottom: 0 !important; } .u-pb5 { padding-bottom: 5px !important; } .u-pb10 { padding-bottom: 10px !important; } .u-pb15 { padding-bottom: 15px !important; } .u-pb20 { padding-bottom: 20px !important; } .u-pb25 { padding-bottom: 25px !important; } .u-pb30 { padding-bottom: 30px !important; } .u-pb35 { padding-bottom: 35px !important; } .u-pb40 { padding-bottom: 40px !important; } .u-pb45 { padding-bottom: 45px !important; } .u-pb50 { padding-bottom: 50px !important; }
.u-pl0 { padding-left: 0 !important; } .u-pl5 { padding-left: 5px !important; } .u-pl10 { padding-left: 10px !important; } .u-pl15 { padding-left: 15px !important; } .u-pl20 { padding-left: 20px !important; } .u-pl25 { padding-left: 25px !important; } .u-pl30 { padding-left: 30px !important; } .u-pl35 { padding-left: 35px !important; } .u-pl40 { padding-left: 40px !important; } .u-pl45 { padding-left: 45px !important; } .u-pl50 { padding-left: 50px !important; }
.u-ph0 { padding-left: 0 !important; padding-right: 0 !important; } .u-ph5 { padding-left: 5px !important; padding-right: 5px !important; } .u-ph10 { padding-left: 10px !important; padding-right: 10px !important; } .u-ph15 { padding-left: 15px !important; padding-right: 15px !important; } .u-ph20 { padding-left: 20px !important; padding-right: 20px !important; } .u-ph25 { padding-left: 25px !important; padding-right: 25px !important; } .u-ph30 { padding-left: 30px !important; padding-right: 30px !important; } .u-ph35 { padding-left: 35px !important; padding-right: 35px !important; } .u-ph40 { padding-left: 40px !important; padding-right: 40px !important; } .u-ph45 { padding-left: 45px !important; padding-right: 45px !important; } .u-ph50 { padding-left: 50px !important; padding-right: 50px !important; }
.u-pv0 { padding-top: 0 !important; padding-bottom: 0 !important; } .u-pv5 { padding-top: 5px !important; padding-bottom: 5px !important; } .u-pv10 { padding-top: 10px !important; padding-bottom: 10px !important; } .u-pv15 { padding-top: 15px !important; padding-bottom: 15px !important; } .u-pv20 { padding-top: 20px !important; padding-bottom: 20px !important; } .u-pv25 { padding-top: 25px !important; padding-bottom: 25px !important; } .u-pv30 { padding-top: 30px !important; padding-bottom: 30px !important; } .u-pv35 { padding-top: 35px !important; padding-bottom: 35px !important; } .u-pv40 { padding-top: 40px !important; padding-bottom: 40px !important; } .u-pv45 { padding-top: 45px !important; padding-bottom: 45px !important; } .u-pv50 { padding-top: 50px !important; padding-bottom: 50px !important; }
.u-pa0 { padding: 0 !important; } .u-pa5 { padding: 5px } .u-pa10 { padding: 10px !important; } .u-pa15 { padding: 15px !important; } .u-pa20 { padding: 20px !important; } .u-pa25 { padding: 25px !important; } .u-pa30 { padding: 30px !important; } .u-pa35 { padding: 35px !important; } .u-pa40 { padding: 40px !important; } .u-pa45 { padding: 45px !important; } .u-pa50 { padding: 50px !important; }
/* text-align */
.u-ta-l{text-align:left!important}.u-ta-c{text-align:center!important}.u-ta-r{text-align:right!important}
/* font-size */
.u-fs8{font-size:8px!important}.u-fs9{font-size:9px!important}.u-fs10{font-size:10px!important}.u-fs11{font-size:11px!important}.u-fs12{font-size:12px!important}.u-fs13{font-size:13px!important}.u-fs14{font-size:14px!important}.u-fs15{font-size:15px!important}.u-fs16{font-size:16px!important}.u-fs17{font-size:17px!important}.u-fs18{font-size:18px!important}.u-fs19{font-size:19px!important}.u-fs20{font-size:20px!important}.u-fs21{font-size:21px!important}.u-fs22{font-size:22px!important}.u-fs23{font-size:23px!important}.u-fs24{font-size:24px!important}.u-fs25{font-size:25px!important}.u-fs26{font-size:26px!important}.u-fs27{font-size:27px!important}.u-fs28{font-size:28px!important}.u-fs29{font-size:29px!important}.u-fs30{font-size:30px!important}.u-fs31{font-size:31px!important}.u-fs32{font-size:32px!important}.u-fs33{font-size:33px!important}.u-fs34{font-size:34px!important}.u-fs35{font-size:35px!important}.u-fs36{font-size:36px!important}.u-fs37{font-size:37px!important}.u-fs38{font-size:38px!important}.u-fs39{font-size:39px!important}.u-fs40{font-size:40px!important}.u-fs41{font-size:41px!important}.u-fs42{font-size:42px!important}.u-fs43{font-size:43px!important}.u-fs44{font-size:44px!important}.u-fs45{font-size:45px!important}.u-fs46{font-size:46px!important}.u-fs47{font-size:47px!important}.u-fs48{font-size:48px!important}
/* font-weight */
.u-fw-n{font-weight:400!important}.u-fw-b{font-weight:700!important}.u-fw-br{font-weight:bolder!important}.u-fw-lr{font-weight:lighter!important}.u-fw-i{font-weight:inherit!important}.u-fw100{font-weight:100!important}.u-fw200{font-weight:200!important}.u-fw300{font-weight:300!important}.u-fw400{font-weight:400!important}.u-fw500{font-weight:500!important}.u-fw600{font-weight:600!important}.u-fw700{font-weight:700!important}.u-fw800{font-weight:800!important}.u-fw900{font-weight:900!important}
/* align-beginning */
.u-a-b1 { text-indent: -1em; padding-left: 1em; }.u-a-b1p5 { text-indent: -1.5em; padding-left: 1.5em; }.u-a-b2 { text-indent: -2em; padding-left: 2em; }.u-a-b2p5 { text-indent: -2.5em; padding-left: 2.5em; }