@charset "utf-8";

/* base.css */


body {
  margin:0;
  padding:0;
  font-size:12px;
  /*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;*/
  font-family:"ＭＳ ゴシック", "Osaka－等幅";
  text-align:justify;
  text-justify:inter-ideograph;
  }

p,td{
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;*/
  font-family:"ＭＳ ゴシック", "Osaka－等幅";
  text-align:justify;
  text-justify:inter-ideograph;
}

h1,h2,h3,h4,h5,h6,
div,p,pre,ul,li,ol,dl,dt,dd,
address,form,blockquote {
  margin:0;
  padding:0;
  }

p {
  text-align:justify;
  text-justify:inter-ideograph;
  }

li {
  list-style:none;
  text-align:justify;
  text-justify:inter-ideograph;
  }
	
dl,dt,dd {
  text-align:justify;
  text-justify:inter-ideograph;
  }
	
table,tr,td,th {
  line-height:1.4;
  }

input, textarea {
  font-size:1em;
  }

img {
  border:none;
  vertical-align:bottom;
  border-style:none;
  }

.t_left{
	text-align:left;
}

.t_center{
	text-align:center;
}

.t_right{
	text-align:right;
}  


.clearfix{
    overflow: hidden;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

/*\*/
* html .clearfix {
    height: 1em;
    overflow: visible;
}
/**/

.header_btn1,
.header_btn4,
.header_btn5,
.header_btn6,
.header_btn1:hover,
.header_btn4:hover,
.header_btn5:hover,
.header_btn6:hover{
	display:inline-block;
	width:84px;
	height:29px;
	cursor:pointer;
}

.header_btn1, .header_btn6, .header_btn1:hover, .header_btn6:hover{
	width:94px;
}

.header_btn6,
.header_btn6:hover,
.header_btn1,
.header_btn1:hover{
	width:74px;
}

.header_btn2{
	margin-left:5px;
}

.header_btn2,
.header_btn2:hover{
	display:inline-block;
	width:69px;
	height:29px;
	float:right;
	cursor:pointer;
}

.header_btn3{
	margin-left:3px;
}

.header_btn3,
.header_btn3:hover{
	display:inline-block;
	width:69px;
	height:29px;
	cursor:pointer;
	
}

.header_btn4,
.header_btn4:hover{
	display:inline-block;
	width:54px;
	height:29px;
	cursor:pointer;
	margin-left:2px;
}


.header_btn1{
	background:url(../images/btn_mekuri_off.jpg);
}

.header_btn2{
	background:url(../images/header_btn2.jpg);
	float:right;
}

.header_btn3{
	background:url(../images/header_btn3.jpg);
	float:right;
}

.header_btn4{
	background:url(../images/header_btn4.jpg);
}

.header_btn5{
	background:url(../images/header_btn5.jpg);
}

.header_btn6{
	background:url(../images/btn_mekuri_off.jpg);
}

.header_btn1:hover{
	background:url(../images/btn_mekuri_on.jpg);
}

.header_btn2:hover{
	background:url(../images/header_btn2_o.jpg);
}

.header_btn3:hover{
	background:url(../images/header_btn3_o.jpg);
}

.header_btn4:hover{
	background:url(../images/header_btn4_o.jpg);
}

.header_btn5:hover{
	background:url(../images/header_btn5_o.jpg);
}

.header_btn6:hover{
	background:url(../images/btn_mekuri_on.jpg);
}

.r_btn1,.r_btn2{
	width:50px;
	height:15px;
	display:block;
	cursor:pointer;
	position:absolute;
}
/*
.r_btn3{
	margin-top:5px;
	padding-left:5px;
}
*/
a.r_btn3{
	width:74px;
	height:29px;
	display:block;
	position:absolute;
	margin:6px 0 0 7px;
}

a.r_btn3{
	background:url(../images/btn_shop_off.jpg) no-repeat;
}

a:hover.r_btn3{
	background:url(../images/btn_shop_on.jpg) no-repeat;
}

.r_btn1{
	margin-top:2px;
	margin-left:90px;
}


.r_btn2{
	margin-top:22px;
	margin-left:90px;
}

a.btn_pick{
	background:url(../images/btn_pick_off.jpg) no-repeat;
}

a:hover.btn_pick{
	background:url(../images/btn_pick_on.jpg) no-repeat;
}

.pick_wrapper{
	width:124px;
	height:29px;
	display:inline-block;
	margin-right:3px;
	margin-left:3px;
	float:left;
}

.btn_pick{
	width:100%;
	height:100%;
	display:block;
}

/*
.r_btn1{
	background:url(../images/r_btn_1.gif);
}

.r_btn1:hover{
	background:url(../images/r_btn_1_o.gif);
}

.r_btn2{
	background:url(../images/r_btn_2.gif);
}

.r_btn2:hover{
	background:url(../images/r_btn_2_o.gif);
}

.r_btn3{
	background:url(../images/r_btn_3.gif);
}

.r_btn3:hover{
	background:url(../images/r_btn_3_o.gif);
}
*/



#menu{
	width:375px;
	float:left;
}

#menu li{
	float:left;
}

#nav1,
#nav2,
#nav3,
#nav4,
#nav5{
	width:75px;
	height:30px;
	display:block;
	cursor:pointer;
	text-indent:-5000px;
}

#nav_a1,
#nav_a2,
#nav_a3,
#nav_a4,
#nav_a5,
#nav1:hover,
#nav2:hover,
#nav3:hover,
#nav4:hover,
#nav5:hover{
	width:75px;
	height:39px;
	display:block;
	cursor:pointer;
	text-indent:-5000px;
}

#nav1{
	margin-top:15px;
	background:url(../images/navi01_off.jpg);
}

#nav1:hover{
	margin-top:6px;
	background:url(../images/navi01_on.jpg);
}

#nav_a1{
	margin-top:6px;
	background:url(../images/navi01_on.jpg);
}

#nav2{
	margin-top:15px;
	background:url(../images/navi02_off.jpg);
}

#nav2:hover{
	margin-top:6px;
	background:url(../images/navi02_on.jpg);
}

#nav_a2{
	margin-top:6px;
	background:url(../images/navi02_on.jpg);
}

#nav3{
	margin-top:15px;
	background:url(../images/navi03_off.jpg);
}

#nav3:hover{
	margin-top:6px;
	background:url(../images/navi03_on.jpg);
}

#nav_a3{
	margin-top:6px;
	background:url(../images/navi03_on.jpg);
}

#nav4{
	margin-top:15px;
	background:url(../images/navi04_off.jpg);
}

#nav4:hover{
	margin-top:6px;
	background:url(../images/navi04_on.jpg);
}

#nav_a4{
	margin-top:6px;
	background:url(../images/navi04_on.jpg);
}

#nav5{
	margin-top:15px;
	background:url(../images/navi05_off.jpg);
}

#nav5:hover{
	margin-top:6px;
	background:url(../images/navi05_on.jpg);
}

#nav_a5{
	margin-top:6px;
	background:url(../images/navi05_on.jpg);
}

.fright{
	float:right;
}

.red{
	color:#ca0c3c;
}

.red2{
	color:#FF0000;
}

.bold{
	font-weight:bold;
}

.gray{
	color:#333333;
}

.f12{
	font-size:12px;
}

.f13{
	font-size:13px;
}

.pointer{
	cursor:pointer;
}

.lh180{
	line-height:180%;
}

.to_top{
	margin-top:30px;
}

.to_top a{
	color:#666666;
	text-decoration:none;
}

.to_top a:hover{
	color:#666666;
	text-decoration:underline;
}

img.b_n{
	border:none;
}

.mt3{
	margin-top:3px;
}

.img_space1{
	margin-right:20px;
}

.img_space3{
	margin-top:25px;
}

.img_space2{
	margin-top:20px;
}

.left{
	float:left;
}

.right{
	float:right;
}

.w70{
	width:70px;
}

.w300{
	width:300px;
}