@charset "utf-8";

@import url("base.css");
@import url("bookmarks.css");
@import url("smartphone.css");


/*-------------------------------------------- wrap ------------------------------------------*/
#wrap-outer {width:100%; background:url(../images/bg_wrap-outer.png) no-repeat center top; min-width:950px;}
#wrap {width:950px; margin:0px auto 50px auto; text-align:left;  position:relative;}

#wrap-outer2nd {width:100%; background:url(../images/bg_wrap-outer2nd.png) no-repeat center top; min-width:950px;}

/*---------------- wrap2 ----------------*/
#wrap2 {width:950px; margin:0 auto; padding:0 0 50px; text-align:left; position:relative; /*background:url(../images/bg_wrap2.png) repeat-x center top;*/}


/*Google Chrome & Safari hack
==================================================*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#wrap-outer,#wrap-outer_2{margin-right:1px;}
}


h2 {/*background:url(../images/h2_title_bg.gif) no-repeat;*/}
h2.text {
/*height:50px;*/
letter-spacing:0.1em;
margin:0 0 10px 0; 
padding:9px 0 4px 15px;
color:#0068b7;
font-size:26px;
font-weight: normal;
/*background:url(../images/h2_title_bg.gif) no-repeat;*/
background-color:#fff;
border:1px solid #e6e5df;
border-radius:10px;

behavior:url("/contents/style/PIE.htc");
position:relative;/*for PIE*/

}


/*-------------------------------------------- header ----------------------------------------*/
#header {height:125px; margin:0 auto; position:relative;}
#header h1 {margin:0; color:#999; font-size:10px; position:absolute; top:43px; left:92px; font-weight:normal;}
#header .logo {position:absolute; top:23px; left:0;}
#header .name {position:absolute; top:67px; left:86px;}
#header  .tel {position:absolute; top:48px; right:0;}

#header ul.gmenu {position:absolute; top:14px; right:324px;}
#header ul.gmenu li {float:left; padding:0 0 0 15px; margin:0 15px 10px 0; background:url(../images/indent.gif) no-repeat 0 4px;}
#header ul.gmenu li a {color:#484849; text-decoration:none;}
#header ul.gmenu li a:hover {color:#ccc; text-decoration:underline;}


#header .mylist{
background:url(../images/header/my_list_bg.gif) no-repeat top;
height:35px;
width:310px;
position:absolute;
top:0;
right:0;
font-size:15px;
font-weight:bold;
}
#header .mylist a {color:#0000ff;}
#header .mylist .mark {position:absolute;top:8px; right:150px;}
#header .mylist .condition {position:absolute;top:8px; right:27px;}



/*-------------------------------------------- gnavi -----------------------------------------*/
#gnavi{margin:0 0 50px; width:240px; float:left;}

#gnavi ul{line-height:0; font-size:0; margin-bottom:0;}
#gnavi li{}

#gnavi .area{}
#gnavi .area ul{margin:0 0 0 10px;}
#gnavi .area li{float:left; margin:0 10px 7px 0;}


/*------------------------------------------ SIDE 非公開情報 ---------------------------------------*/
#gnavi .count{background:url(../images/menu/count_bg.png) no-repeat center bottom; padding:0; margin:10px 0 20px;}
#gnavi .count table{}
#gnavi .count .large{font-size:20px; font-weight:bold; line-height:1.3em; background:url(../images/menu/count_ken.png) no-repeat right center; padding:0 20px 0 0;}
#gnavi .count .vis{color:#ed6c00;}
#gnavi .count .mem{color:#0068b7;}

#gnavi .count .count_total{width:200px; margin:0 auto 10px; padding:0;}
#gnavi .count .count_tb{ margin:0; padding:0;}
#gnavi .count .count_tb img{ margin:0;}
#gnavi  .count .count_tb td{ padding:0;}

#gnavi  .count .count_detail{ width:200px; margin:9px 20px 0px 20px; color:#000;}
#gnavi  .count_detail table th,
#gnavi  .count_detail table td{padding:0 0 0px 0; font-weight:bold; color:#000;}

#gnavi  .count .count_line{width:200px; margin:0px 0 0 20px;}
#gnavi  .count .count_detail .count_line{margin:4px 0 -2px 0px;}

#gnavi  .count .count_detail .dotted_line{ border-top:1px dotted #ccc; height:1px; margin:4px 0 3px 0;}


#gnavi  .member{margin:0 15px;}
#gnavi  .member ul{/*position:absolute;top:106px;left:20px;*/padding:0 0 7px;}
#gnavi  .member li{margin:0 0 8px;}


/*-------------------------------------------- gnavi_right -----------------------------------------*/
#gnavi_right{margin:0 0 50px; width:240px; position:absolute; top:130px; right:0;}

#gnavi_right ul{line-height:0; font-size:0; margin-bottom:0;}
#gnavi_right li{}
#gnavi_right li.txt {
text-align:right; font-size:10px; background:url(../images/menu/right/indent.gif) no-repeat 170px center; line-height:8px; margin-bottom:30px;
}
#gnavi_right li.txt a {color:#222; text-decoration:underline;}
#gnavi_right li.txt a:hover {color:#666; text-decoration:underline;}


#gnavi_right .store_name{position:relative;}
#gnavi_right .store_name .btn{position:absolute; top:0; right:20px;}


#gnavi_right .news {padding:0 13px 0 15px; background:#FFF; border-right:1px solid #e5e5df; border-left:1px solid #e5e5df;}
#gnavi_right .news ul {line-height:1.4em; font-size:14px; margin:0;}
#gnavi_right .news li {padding:15px 0; border-bottom:1px dotted #e5e5df;}
#gnavi_right .news li a {color:#FA0; text-decoration:underline;}



/*------------------------------------------- footer -----------------------------------------*/
#footer-outer {background:#FFF;}
#footer {width:950px; margin:0 auto 0px auto; text-align:left;font-size:14px; height:500px; position:relative;}

#footer ul { margin:0px 0 0px 0;}
#footer .site_link li { padding:0 0 0 15px; margin:0 0px 10px 0;background:url(../images/indent.gif) no-repeat 0 5px;}
#footer a {color:#484849; text-decoration:none;}
#footer a:hover {color:#ccc; text-decoration:underline;}

#footer .Right_td{border-left:1px dotted #c9c8c6; padding:0 0 0 30px; }
#footer .site_link{margin:0px 0 0 0;}

#footer .id{position:absolute; top:30px; left:0;}
#footer .title{font-size:14px; font-weight:bold; color:#000; margin:8px 0; position:absolute; top:75px; left:115px;}

#footer .fdetail {position:absolute; top:95px; left:0;}
#footer .store{margin:0;}
#footer .store td.address {border-left:3px solid #e6e5df; padding:0 0 0 7px;}
#footer .name{color:#222; font-weight:bold; font-size:14px;}

#footer .store .link_tb{ border:none; width:96px; margin:0 0 3px;}
#footer .store .link_tb td{ width:55px; text-align:right; padding:0;}


#footer .Right_td .dn{margin:30px 0 0;}
#footer .Right_td .dn th{font-weight:normal;}
#footer .Right_td .dn th span{ color:#0068b7; font-weight:bold;}



#footer .slogan{ text-align:center; color:#444; margin:0 0 15px; line-height:40px;}
#footer .copyright{color:#999; font-family:Arial; font-size:12px;position:absolute; bottom:15px; left:0;}

#footer .infoarc_link{font-family:Arial; font-size:12px; font-weight:bold; position:absolute; bottom:15px; right:0;}
#footer .infoarc_link a{color:#999;}


/*------------------------------------------ contents ----------------------------------------*/
#contents {width:690px; margin:5px 0 0 0; float:right;}

#wrap2 #contents {width:690px; margin:5px 0 0 0;}

/*--------------------------------------------- scroll ------------------------------------------*/
#scrollUp {
	bottom: 20px;
	right: 30px;
	height: 100px;  /* Height of image */
	width: 100px; /* Width of image */
	background: url(../images/icons/top.png) no-repeat;

}
#scrollUp:hover {
	opacity:0.8;
}