@charset "EUC-JP";

.w160{
width: 160px;	
}
.w100p{
width: 100%;	
}
.h160{
height: 160px;	
}
.h60{
height: 60px;	
}
.r5{
border-radius: 5px;	
}
.r30{
border-radius: 30px;	
}
.r160{
border-radius: 160px;	
}
.bg-green {
background:#2de083;
}
.bg-white {
background:#FFF;
}
.bg-red {
background:#e60011;
}
.center{
text-align: center;
}
p.m2{ 
 margin: 0 0;
 padding:0px;
 padding-top:2px;
}
p.m5{ 
 margin: 0 0;
 padding:0px;
 padding-top:5px;
}
p.m10{ 
 margin:0px;
 padding:0px;
 padding-top:10px;
}
p.m20{ 
 margin: 0 0;
 padding:0px;
 padding-top:20px;
}
p.m50{ 
 margin: 0 0;
 padding:0px;
 padding-top:50px;
}
p.m80{ 
 margin: 0 0;
 padding:0px;
 padding-top:80px;
}
p.m200{ 
 margin: 0 0;
 padding:0px;
 padding-top:200px;
}
.PD30{
padding-right: 30px;
padding-left: 30px;
}


body{
	background-color: #FFF;
	background:#FFF;
	height:100%;
	-webkit-text-size-adjust: 100%;
}
* { margin:0; padding:0; }


a:hover.op {
opacity: 0.3;
}
a:hover.opno {
opacity: 1;
}
.block{
display: block;
cursor: pointer;
}
.header_spacer{
	/* background-color: #f2f2f2; */
	position: relative;
	height: 2px;
	display: block;
	z-index: auto;	
	background: #f2f2f2;
}


/* ニュースティッカー */
div.ticker {
	margin: 0px;
	width: 600px;
	position: relative;
	/* overflow: hidden; */
	border: 0px solid #369;
}
div.ticker ul {
	height: 1.6em;
}
div.ticker ul li {
	float: left;
	display: inline;
	clear: both;
	text-align: left;
	list-style-type: none;
	position: relative;
	line-height: 1.6em;
	/* margin-bottom: -1.6em; */
	margin-bottom: -60px;
	left: 0px;
}

/* Wordpress画像 */
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
max-width: 100%;
height: auto;
border: 10px solid #FFCC00;
}

/* テーブル */
table{
  border-collapse:collapse;
  border:1px #d3caca solid;
  text-align:center;
  width:100%;
}
table td {
 padding: 5px;
 border:1px #d3caca solid;
 font-size: 12px;
 font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
 text-decoration: none;
 -webkit-text-size-adjust: none;
}


/* ページ・エリア設定 */
.page {
	min-height: 400px;
	border: 0px solid #FFCC00;
	}
.page2 {
	min-height: 1200px;
	}

#header_area{
	z-index: 10000;
	border: 0px solid black;
}
#header_area2{
	z-index: 10000;	
	position: fixed;
	top:0;
	width: 100%;
}
				
#hometab_area_bg{
	position: absolute;
	width: 100%;
	height: 40px;
	border: 0px solid black;
}
#hometab_area_bg2{
	position: absolute;
	width: 100%;
	height: 40px;
	border: 0px solid black;
	background: #cdcdcd;
}
#hometab_area{
	position: relative;
	z-index: auto;	
	height: 40px;
	border: 0px solid black;
}
#hometab_area2{
	position: relative;
	z-index: auto;	
	height: 40px;
	border: 0px solid black;
}
#menu_area{
	position: relative;
	z-index: auto;	
	background: #ffffff;
	height: 60px;

	-moz-box-shadow:0 -1px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 -1px 3px rgba(0,0,0,0.1);
	box-shadow:0 -1px 3px rgba(0,0,0,0.1);
}
#news_area{
	position: relative;
	z-index: auto;	
	background: #ffffff;
	height: 140px;
	border: 0px solid black;
	
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);
	box-shadow:0 1px 3px rgba(0,0,0,0.1);
}
.news_area2{
	position: relative;
	z-index: auto;	
	background: #ffffff;
	height: 89px;
	border: 0px solid black;
	
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);
	box-shadow:0 1px 3px rgba(0,0,0,0.1);
}
#contents_area{
	position: relative;
	z-index: auto;
	top:0px;
	background: #ffffff;
	/* min-height: 400px; */
	height: 100%;
	border: 0px solid black;
}
#contents_area2{
	position: relative;
	z-index: auto;	
	background: #ffffff;
	min-height: 500px;
	height: 100%;
	border: 0px solid black;
	padding-top: 130px;
}


/* position設定 */
.zpos{
	z-index: 11000;
}
.pos_abs{
position: absolute;
}
.pos_rel{
position: relative;
}
.pos_fix{
position: fixed;
}

#posi_top_tab1{
	position: absolute;
	bottom:-1px;
	right: 193px;
	border: 0px solid black;
}
#posi_top_tab2{
	position: absolute;
	bottom:-1px;
	right: 10px;
	border: 0px solid black;
}
#posi_logo_okazu{
	position: absolute;
	top:50px;
	left: 15px;
}
#posi_top_news{
	position: absolute;
	top:0px;
	left: 250px;
	width: 390px;
	text-align: left;
	border: 0px solid black;
}
#posi_top_date{
	position: absolute;
	top:-10px;
	right: 265px;
	border: 0px solid black;
}
#posi_top_menu{
	position: absolute;
	top:15px;
	right: 10px;
	width:245px;
	border: 0px solid black;
}
#posi_banner_top_sisyoku{
	position: fixed;
	top:250px;
	left: 15px;
}
#posi_top_yoshikei{
	position: absolute;
	top:20px;
	right: 80px;
	border: 0px solid black;
}
#posi_top_yoshikei2{
	position: absolute;
	top:23px;
	right: 5px;
	border: 0px solid black;
}
#posi_top_yoshikei3{
	position: absolute;
	top:25px;
	right: 190px;
	border: 0px solid black;
}

#posi_okazu_1a{
	position: absolute;
	top:0px;
	left: 0px;
	border: 0px solid black;
}
#posi_okazu_1b{
	position: absolute;
	top:0px;
	left: 400px;
	border: 0px solid black;
}
#posi_okazu_3a{
	position: absolute;
	top:0px;
	left: 0px;
	border: 0px solid black;
}
#posi_okazu_3b{
	position: absolute;
	top:0px;
	left: 400px;
	border: 0px solid black;
}


/* オンラインショップ */
#news_area2{
	position: relative;
	z-index: auto;	
	background: #ffffff;
	height: 90px;
	border: 0px solid black;
	
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);
	box-shadow:0 1px 3px rgba(0,0,0,0.1);
}
#posi_top_news2{
	position: absolute;
	top:-5px;
	left: 270px;
	width: 420px;
	text-align: left;
	border: 0px solid black;
	overflow: hidden;
}
.posi_top_news2b{
	position: absolute;
	top:-5px;
	left: 270px;
	width:auto;
/* 	height: 70px; */
	text-align: left;
	border: 0px solid black;
	overflow: hidden;
}
#posi_login_window{
	position: fixed;
	top:25px;
	left: 0px;
	width:100%;
}
#posi_logo_okazu2{
	position: absolute;
	top:30px;
	left: 30px;
}
#posi_btn_contact{
	position: absolute;
	top:40px;
	right: 130px;
}
#posi_btn_setting{
	position: absolute;
	top:40px;
	right: 20px;
}
#posi_mtop_week{
	position: absolute;
	top:15px;
	left: 250px;
	border: 0px solid black;
}
.posi_mtop_week1{
	position: absolute;
	top:8px;
	left: 11px;
	width:20px;
	border: 0px solid black;
}
.posi_mtop_week1b{
	position: absolute;
	top:11px;
	left: 8px;
	width:20px;
	border: 0px solid black;
}
.posi_mtop_week2{
	position: absolute;
	top:26px;
	left: 22px;
	width:35px;
	border: 0px solid black;
}
.posi_mtop_week2b{
	position: absolute;
	top:22px;
	left: 22px;
	width:35px;
	border: 0px solid black;
}
.posi_mtop_week2c{
	position: absolute;
	top:26px;
	left: 24px;
	width:35px;
	border: 0px solid black;
}
.posi_mtop_week3{
	position: absolute;
	top:15px;
	left: 18px;
	border: 0px solid black;
}
.posi_mtop_week3b{
	position: absolute;
	top:15px;
	left: 18px;
	border: 0px solid black;
}
.posi_mtop_week4{
	position: absolute;
	top:13px;
	left: 340px;
	border: 0px solid black;
}
.posi_mtop_week5{
	position: absolute;
	top:45px;
	left: 340px;
	border: 0px solid black;
}

#posi_mtop_week_b{
	position: absolute;
	top:10px;
	left: 16px;
	border: 0px solid black;
}
.posi_mtop_week4_b{
	position: absolute;
	top:10px;
	left: 100px;
	border: 0px solid black;
}
.posi_mtop_week5_b{
	position: absolute;
	top:38px;
	left: 100px;
	padding-right: 10px;
	border: 0px solid black;
}



/* devicePixelRatio=1（iPhone3?3GS、低解像度Android端末）とdevicePixelRatio未対応ブラウザ */

a.logo_okazu2 {
     width: 208px;
     height: 36px;
     background: url(../images/logo_okazu.gif); /* 等倍サイズの画像 */
     background-size: 208px 36px;
     text-indent: -9999px;
     display: block;
}

a.banner_top_sisyoku {
     width: 206px;
     height: 146px;
     background: url(../images/banner_top_sisyoku.png); /* 等倍サイズの画像 */
     background-size: 206px 146px;
     text-indent: -9999px;
     display: block;
     border: 0px solid black;
}
a.banner_top_contact {
     width: 206px;
     height: 146px;
     background: url(../images/banner_top_contact.png); /* 等倍サイズの画像 */
     background-size: 206px 146px;
     text-indent: -9999px;
     display: block;
}
a.banner_top_shop {
     width: 206px;
     height: 146px;
     background: url(../images/banner_top_shop.png); /* 等倍サイズの画像 */
     background-size: 206px 146px;
     text-indent: -9999px;
     display: block;
}
a.logo_yoshikei {
     width: 103px;
     height: 25px;
     background: url(../images/logo_yoshikei.png); /* 等倍サイズの画像 */
     background-size: 103px 25px;
     text-indent: -9999px;
     display: block;
}
#icn_hito {
	padding-left: 30px;
    background: url(../images/icn_hito.png) 0px 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
    cursor: pointer;
}
#icn_cart {
	padding-left: 35px;
    background: url(../images/icn_cart.png) 0px 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
    cursor: pointer;
}
#okazu_img1 {
	width: 338px;
    height: 382px;
    background: url(../images/okazu_img1b.png) 0px 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
    text-indent: -9999px;
}
#okazu_title1 {
	width: 496px;
    height: 49px;
    background: url(../images/okazu_title1.png) 0px 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
}
#icn_anshin {
	width: 54px;
    height: 66px;
    background: url(../images/icn_anshin.png) 0px 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
    text-indent: -9999px;
}
#okazu_img2a {
	width: 160px;
    height: 149px;
    background: url(../images/okazu_img2a.jpg) 0px 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
}
#okazu_img2b {
	width: 159px;
    height: 149px;
    background: url(../images/okazu_img2b.jpg) 0px 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
}
#okazu_img2c {
	width: 160px;
    height: 189px;
    background: url(../images/okazu_img2c.jpg) 0px 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
}
#okazu_img2d {
	width: 159px;
    height: 189px;
    background: url(../images/okazu_img2d.jpg) 0px 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
}
#okazu_title2a {
	width: 212px;
    height: 42px;
    background: url(../images/okazu_title2a.png) 0px 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
}
#okazu_title2b {
	width: 201px;
    height: 43px;
    background: url(../images/okazu_title2b.png) 0px 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
}
#okazu_title2c {
	width: 231px;
    height: 44px;
    background: url(../images/okazu_title2c.png) 0px 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
}
#okazu_title2d {
	width: 202px;
    height: 42px;
    background: url(../images/okazu_title2d.png) 0px 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
}
#okazu_img3 {
	width: 480px;
    height: 405px;
    background: url(../images/okazu_img3.jpg) 0px 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
    text-indent: -9999px;
}
#okazu_img4 {
	position: absolute;
	width: 559px;
    height: 705px;
    right:0;
    background: url(../images/okazu_img4.png) 0px 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
    z-index: 0;
}
#okazu_img5 {
	width: 410px;
    height: 82px;
    background: url(../images/okazu_img5.png) 0px 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
    text-indent: -9999px;
}

#sisyoku_title2a {
	width: 297px;
    height: 43px;
    background: url(../images/sisyoku_title2a.png) 0px 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
}
#sisyoku_title2b {
	width: 248px;
    height: 43px;
    background: url(../images/sisyoku_title2b.png) 0px 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
}
#sisyoku_title2c {
	width: 338px;
    height: 43px;
    background: url(../images/sisyoku_title2c.png) 0px 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
}
#sisyoku_title2d {
	width: 323px;
    height: 43px;
    background: url(../images/sisyoku_title2d.png) 0px 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
}
#sisyoku_img2b {
	width: 228px;
    height: 178px;
    background: url(../images/sisyoku_img2b.png) 0px 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
}
#sisyoku_img2c {
	width: 172px;
    height: 182px;
    background: url(../images/sisyoku_img2c.png) 0px 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
}
#sisyoku_img2d {
	width: 77px;
    height: 148px;
    background: url(../images/sisyoku_img2d.png) 0px 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
}
#sisyoku_title1 {
	width: 716px;
    height: 96px;
    background: url(../images/sisyoku_title1.png) 0px 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
    text-indent: -9999px;
}
#sisyoku_icn1 {
	width: 190px;
    height: 204px;
    background: url(../images/sisyoku_icn1.png) 0px 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
    text-indent: -9999px;
}
#sisyoku_title3 {
	width: 593px;
    height: 58px;
    background: url(../images/sisyoku_title3.png) 0px 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
    text-indent: -9999px;
}
#syokuzai_title1 {
	width: 600px;
    height: 86px;
    background: url(../images/syokuzai_title1.png) 0px 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
    text-indent: -9999px;
}
#icn_search {
	padding-left: 30px;
	padding-top: 2px;
	height: 22px;
    background: url(../images/icn_search.png) 0px 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
    cursor: pointer;
}
#btn_t_mail {
	padding-left: 30px;
    background: url(../images/btn_mail.png) 0px 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
    cursor: pointer;
}
#btn_t_setting {
	padding-left: 30px;
    background: url(../images/btn_user2.png) 0px 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
    cursor: pointer;
}
#btn_t_yasai {	
    margin: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	padding-left: 30px;
	height:23px;
	background:url(../images/btn_yasai.png) 0px 0px no-repeat;
	border: 0px solid #000;
	text-align: left;
	width: 130px;
	cursor: pointer;
	float: left;
	position: relative;
	left: -50%;
}
#btn_t_cart {
    margin: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	padding-left: 25px;
	height:25px;
	background:url(../images/btn_cart.png) 0px 3px no-repeat;
	border: 0px solid #000;
	text-align: left;
	width: 110px;
	cursor: pointer;
	float: left;
	position: relative;
	left: -50%;
}
#btn_t_rireki {	
    margin: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	padding-left: 23px;
	height:25px;
	background:url(../images/btn_rireki.png) 0px 3px no-repeat;
	border: 0px solid #000;
	text-align: left;
	width: 90px;
	cursor: pointer;
	float: left;
	position: relative;
	left: -50%;
}
#btn_t_otodoke {	
    margin: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	padding-left: 32px;
	height:26px;
	background:url(../images/btn_otodoke.png) 0px 5px no-repeat;
	border: 0px solid #000;
	text-align: left;
	width: 100px;
	cursor: pointer;
	float: left;
	position: relative;
	left: -50%;
}



/* devicePixelRatio=1.5〜2 （iPhone4〜4S、高解像度Android端末）*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

	a.logo_okazu2 {
     width: 208px;
     height: 36px;
     background: url(../images/logo_okazu_b.gif); /* 等倍サイズの画像 */
     -webkit-background-size: 208px 36px; /* WebKit */
	 background-size: 208px 36px; /* WebKit以外 */
     text-indent: -9999px;
     display: block;
	 }

	#icn_hito {
	padding-left: 30px;
    background: url(../images/icn_hito_b.png) 0px 0px no-repeat; /* 等倍サイズの画像 */
    -webkit-background-size: 16px 15px; /* WebKit */
	background-size: 16px 15px; /* WebKit以外 */
    border:0px solid #000000;
    cursor: pointer;
	}
	#icn_cart {
	padding-left: 35px;
    background: url(../images/icn_cart_b.png) 0px 0px no-repeat; /* 等倍サイズの画像 */
    -webkit-background-size: 20px 17px; /* WebKit */
	background-size: 20px 17px; /* WebKit以外 */
    border:0px solid #000000;
    cursor: pointer;
	}
	
	#btn_t_mail {
	padding-left: 30px;
    background: url(../images/btn_mail2_b.png) 0px 0px no-repeat; /* 等倍サイズの画像 */
    -webkit-background-size: 24px 20px; /* WebKit */
	background-size: 24px 20px; /* WebKit以外 */
    border:0px solid #000000;
    cursor: pointer;
	}
	#btn_t_setting {
	padding-left: 30px;
    background: url(../images/btn_user2_b2.png) 0px 0px no-repeat; /* 等倍サイズの画像 */
    -webkit-background-size: 24px 20px; /* WebKit */
	background-size: 24px 20px; /* WebKit以外 */
    border:0px solid #000000;
    cursor: pointer;
	}

	#btn_t_yasai {	
    margin: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	padding-left: 30px;
	height:23px;
	background:url(../images/btn_yasai_b.png) 0px 0px no-repeat;
	-webkit-background-size: 25px 22px; /* WebKit */
	background-size: 25px 22px; /* WebKit以外 */
	border: 0px solid #000;
	text-align: left;
	width: 130px;
	cursor: pointer;
	float: left;
	position: relative;
	left: -50%;
	}
	
	#btn_t_cart {
    margin: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	padding-left: 25px;
	height:23px;
	background:url(../images/btn_cart2_b.png) 0px 2px no-repeat;
	-webkit-background-size: 23px 20px; /* WebKit */
	background-size: 23px 20px; /* WebKit以外 */
	border: 0px solid #000;
	text-align: left;
	width: 110px;
	cursor: pointer;
	float: left;
	position: relative;
	left: -50%;
	}

	#btn_t_rireki {	
    margin: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	padding-left: 23px;
	height:30px;
	background:url(../images/btn_rireki2_b.png) 0px 2px no-repeat;
	-webkit-background-size: 18px 21px; /* WebKit */
	background-size: 18px 21px; /* WebKit以外 */
	border: 0px solid #000;
	text-align: left;
	width: 90px;
	cursor: pointer;
	float: left;
	position: relative;
	left: -50%;
	}
	
	#btn_t_otodoke {	
    margin: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	padding-left: 32px;
	height:26px;
	background:url(../images/btn_otodoke2_b.png) 0px 4px no-repeat;
	-webkit-background-size: 27px 18px; /* WebKit */
	background-size: 27px 18px; /* WebKit以外 */
	border: 0px solid #000;
	text-align: left;
	width: 100px;
	cursor: pointer;
	float: left;
	position: relative;
	left: -50%;
	}
}