@charset "utf-8";
/* base */
/*
======= general style =======
*/
* {
	margin: 0;
	padding: 0;
	font-style: normal;
}
img
{
	border: 0;
	margin: 0;
	padding: 0;
}

/* table */

table{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	border:#999999 1px solid;
}

th,td{
	border:#999999 1px solid;
	padding:3px 5px;
	empty-cells:show;
}
ol{line-height:1.5;}

/*
======= body =======
*/
body{
    height:100%;
	
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:90%;
	background-image: url(../images/common/syoki_bk.gif);
	background-repeat: no-repeat;
	background-position:top center;
	margin-left: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: auto;
}
/*
======= 文字 =======
*/

p {
	text-align:left;
	line-height:1.5;
}
.f90{font-size:90%;}

a {color:#000066;}

a:hover{color:#e4402f;}

.f_gry{
	color:#666666;
}
.lh15{line-height:1.5}

.red{
	color:#ff3333;
}
.grn{
	color:#1D7D19;
}
.nebiki{
	text-decoration:line-through;}

/*
======= 共通 =======
*/

#wrapper{
	width:914px;
	margin:0 auto;
}
#side{
	width:185px;
	float:left;
	background-color:#FFFFFF;
}
#container{
	width:729px;
	float:right;
	margin:0 auto;
	background-color:#FFFFFF;
}
h1 {
	background-color:#333333;
	color:#FFFFFF;
	font-weight:normal;
	font-size:12px;
	vertical-align:middle;
	line-height:2.0;
	padding-left:8px;
	margin-left:3px;
}
#contents{
	clear:both;
	margin-left:12px;
}
/*
======= header =======
*/
#header{
	width:728px;
	background-image:url(../images/common/syokihead_bk.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:left;
	margin:0 auto;
	margin-bottom:10px;
}
.h_area{
	margin-left:12px;
	padding-top:13px;
	text-align:center;
	height:103px;
}
.h_area_l{
	margin-left:14px;
	margin-top:17px;
	float:left;
	width:145px;
}
.h_area_r{
	padding-right:30px;
	margin-top:32px;
	float:right;
	text-align:right;
	width:470px;
}
.h_area_rt{
	text-align:right;
}
.h_area_rb{
	margin-top:15px;
	text-align:right;
}
/* ヘッダ修正　*/
.h_area_l2{
	margin-left:12px;
	margin-top:17px;
	float:left;
	width:279px;
}
.h_area_r2{
	padding-right:30px;
	margin-top:32px;
	float:right;
	text-align:right;
	width:375px;
}

/* メニュー　*/

#menu{
	width:699px;
	height:35px;
	clear:both;
	margin-left:12px;
	text-align:left;
}
/*
.menu01{
	width:175px;
	height:35px;
	background-image:url(../images/common/syoki_head_menuon_01.jpg);
	background-repeat:no-repeat;
	background-position: left bottom;
	float:left;
}
.menu02{
	width:174px;
	height:35px;
	background-image:url(../images/common/syoki_head_menuon_02.jpg);
	background-repeat:no-repeat;
	background-position: left bottom;
	float:left;
}
.menu03{
	width:174px;
	height:35px;
	background-image:url(../images/common/syoki_head_menuon_03.jpg);
	background-repeat:no-repeat;
	background-position: left bottom;
	float:left;
}
.menu04{
	width:114px;
	height:35px;
	background-image:url(../images/common/syoki_head_menuon_04.jpg);
	background-repeat:no-repeat;
	background-position: left bottom;
	float:left;
}
.menu05{
	width:176px;
	height:35px;
	background-image:url(../images/common/syoki_head_menuon_05.jpg);
	background-repeat:no-repeat;
	background-position: left bottom;
	float:left;
}
.menu01 a{ 
	display:block;
	width:175px;
	height:35px;
	outline:none;
}
.menu02 a{ 
	display:block;
	width:174px;
	height:35px;
	outline:none;
}
.menu03 a{ 
	display:block;
	width:174px;
	height:35px;
	outline:none;
}
.menu04 a{ 
	display:block;
	width:114px;
	height:35px;
	outline:none;
}
.menu05 a{ 
	display:block;
	width:176px;
	height:35px;
	outline:none;
}
#menu.menu01 a:hover,.menu02 a:hover,.menu03 a:hover,.menu04 a:hover,.menu05 a:hover,{ 
	text-indent:-9999px;
} 
*/
.menu01{
	width:175px;
	height:35px;
	float:left;
}
.menu02{
	width:174px;
	height:35px;
	float:left;
}
.menu03{
	width:174px;
	height:35px;
	float:left;
}
.menu04{
	width:114px;
	height:35px;
	float:left;
}
.menu05{
	width:176px;
	height:35px;
	float:left;
}

.menu01,.menu02,.menu03,.menu04,.menu05{ 
	text-indent:-9999px;
} 
.menu01 a,.menu02 a,.menu03 a,.menu04 a,.menu05 a,{ 
	text-indent:-9999px;
} 
.menu01 a{ 
	display:block;
	width:175px;
	height:35px;
	background-image:url(../images/common/syoki_head_menu01.jpg);
	background-repeat:no-repeat;
	background-position: left bottom;
}
.menu02 a{ 
	display:block;
	width:174px;
	height:35px;
	background-image:url(../images/common/syoki_head_menu02.jpg);
	background-repeat:no-repeat;
	background-position: left bottom;
}
.menu03 a{ 
	display:block;
	width:174px;
	height:35px;
	background-image:url(../images/common/syoki_head_menu03.jpg);
	background-repeat:no-repeat;
	background-position: left bottom;
}
.menu04 a{ 
	display:block;
	width:114px;
	height:35px;
	background-image:url(https://www.syoki.com/shop/images/common/syoki_head_menu04.jpg);
	background-repeat:no-repeat;
	background-position: left bottom;
}
.menu05 a{ 
	display:block;
	width:176px;
	height:35px;
	background-image:url(../images/common/syoki_head_menu05.jpg);
	background-repeat:no-repeat;
	background-position: left bottom;
}
.menu01 a:hover{ 
	display:block;
	width:175px;
	height:35px;
	background-image:url(../images/common/syoki_head_menuon_01.jpg);
	background-repeat:no-repeat;
	background-position: left bottom;
	outline:none;
}
.menu02 a:hover{ 
	display:block;
	width:174px;
	height:35px;
	background-image:url(../images/common/syoki_head_menuon_02.jpg);
	background-repeat:no-repeat;
	background-position: left bottom;
	outline:none;
}
.menu03 a:hover{ 
	display:block;
	width:174px;
	height:35px;
	background-image:url(../images/common/syoki_head_menuon_03.jpg);
	background-repeat:no-repeat;
	background-position: left bottom;
	outline:none;
}
.menu04 a:hover{ 
	display:block;
	width:114px;
	height:35px;
	background-image:url(../images/common/syoki_head_menuon_04.jpg);
	background-repeat:no-repeat;
	background-position: left bottom;
	outline:none;
}
.menu05 a:hover{ 
	display:block;
	width:176px;
	height:35px;
	background-image:url(../images/common/syoki_head_menuon_05.jpg);
	background-repeat:no-repeat;
	background-position: left bottom;
	outline:none;
}
/* メニュー　*/
.menu_btm{
	background-image:url(../images/common/syoki_head_menubk.gif);
	background-repeat:repeat;
	height:34px;
	width:699px;
	margin-left:12px;
	clear:both;
}
.pankuzu{
	width:410px;
	padding-left:8px;
	margin-top:10px;
	float:left;
	font-size:90%;
}
#search{
	padding-right:10px;
	margin-top:4px;
	float:right;
	text-align:right;
	vertical-align:middle;
}

#search input {
	vertical-align:middle;
}
.fm_btm{
	display:block;
	margin-top:5px;
	margin-right:5px;
	width:15px;
	float:left;
}


/*
======= side =======
*/

.side_toparea{
	background-image:url(../images/common/syoki_side_bk.jpg);
	background-repeat:repeat-y;
	text-align:left;
	padding-bottom:5px;
	
}
.sidemenu{
	margin-left:12px;
	background-image:url(../images/common/syoki_side_menubk.jpg);
	background-repeat:repeat-y;
	margin-top:5px;
}
.sidemenu ul li{
	list-style:none;
	list-style-position:outside;
	color:#FFFFFF;
	line-height:1.5;
	background-image:url(../images/common/syoki_side_menu02.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
	font-size:14px;
}
.sidemenu a{
	text-decoration:none;
	color:#FFFFFF;
}
.sidemenu a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
.sidemenu a:visit{
	color: #CCCCCC;
	text-decoration:none;
}
.side_btbmarea{
	text-align:left;
	margin-left:3px;
	font-size:90%;
}
.side_toi{
	margin-left:3px;
	margin-top:8px;
	font-size:100%;
	font-weight:bold;
}
.side_kosho{
	width:165px;
	border:#666666 1px solid;
	text-align:center;
	margin-top:15px;
	padding:7px;
}
.side_kosho p{
	text-align:left;
	margin-top:3px;
	font-size:90%;
	line-height:1.2;
}

/*
======= footer =======
*/
#annotation{
	background-image:url(../images/common/syoki_head_menubk.gif);
	background-repeat:repeat;
	padding:5px 8px;
	clear:both;
	width:884px;
	margin-top:20px;
	margin-left:3px;
}
#footer{
	width:900px;
	clear:both;
	margin-top:10px;
	margin-left:3px;
	font-size:90%;	
}
.f_copyright{
	text-align:left;
	margin-top:8px;
}
.f_menu{
	text-align:left;
	margin-top:8px;
	clear:both;
}
.f_menu li{
	list-style:none;
	background-image:url(../images/common/icon_01.gif);
	background-repeat:no-repeat;
	background-position:left ;
	padding-left:15px;
	float:left;
	margin-right:10px;
}

/*
======= top =======
*/
.top_tanoshimi{
	width:165px;
	border-left:#333333 dotted 1px;
	padding-left:4px;
	padding-right:4px;
	float:left;
	text-align:center;
	padding-bottom:4px;
}
.top_tanoshiend{
	width:165px;
	border-left:#333333 dotted 1px;
	border-right:#333333 dotted 1px;
	padding-left:4px;
	padding-right:4px;
	float:left;
	text-align:center;
	padding-bottom:4px;
}
.top_tanoshimi p,.top_tanoshiend p{
	font-size:90%;
}
.top_special{
	float:left;
	width:520px;
	margin-top:15px;
}
.top_month{
	float:left;
	width:164px;
	margin-top:15px;
	margin-left:15px;
}
.top_oshirase{
	margin-top:10px;
	margin-left:3px;
	width:675px;
}
.top_oshirase li{
	list-style:none;
	background-image:url(../images/common/icon_01.gif);
	background-repeat:no-repeat;
	background-position:left 6px;
	line-height:1.5;
	padding-left:15px;
	margin-top:10px;
}
.top_caution{
	border:#F13533 3px solid;
	color:#F13533;
	padding:15px 25px;
	width:643px;
	margin-bottom:15px;
	line-height:1.5;
}
.top_oshirase_area{
	width:697px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	border:#CCCCCC 1px solid;
	
	
}
/*
======= 商品一覧 =======
*/
.products{
	width:128px;
	float:left;
}
.p_state{
	margin-top:5px;
}
.p_name{
	text-align:center;
	font-size:100%;
	font-weight:bold;
	margin-top:8px;
	line-height:1.2;
}
.price{
	text-align:center;
	color:#ff3333;
	margin-top:5px;	
}
.p_detail{
	font-size:90%;
	margin-top:5px;
}
.products_area{
	border-bottom:#999999 1px dotted;
	padding-bottom:10px;
	text-align:center;
	margin-top:15px;
	width:700px;
	
}
/*
======= 調整用 =======
*/


/* 補助 */

.mt_0{margin-top:0;}
.mt_5{margin-top:5px;}
.mt_6{margin-top:6px;}
.mt_8{margin-top:8px;}
.mt_10{margin-top:10px;}
.mt_15{margin-top:15px;}
.mt_20{margin-top:20px;}
.mt_25{margin-top:20px;}
.ml_0{margin-left:0px;}
.ml_5{margin-left:5px;}
.ml_8{margin-left:8px;}
.ml_10{margin-left:10px;}
.ml_13{margin-left:13px;}
.ml_15{margin-left:15px;}
.ml_20{margin-left:20px;}
.ml_30{margin-left:30px;}
.mr_5{margin-right:5px;}
.mr_10{margin-right:10px;}
.mr_15{margin-right:15px;}
.mb_0{margin-bottom:0px;}
.mb_5{margin-bottom:5px;}
.mb_8{margin-bottom:8px;}
.mb_10{margin-bottom:10px;}
.mb_15{margin-bottom:15px;}
.mb_20{margin-bottom:20px;}
.pt_10{padding-top:10px;}
.pb_5{padding-bottom:5px;}
.pb_10{padding-bottom:10px;}
.pl_5{padding-left:5px;}
.pl_10{padding-left:10px;}
.p_10{padding:10px;}

.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.clear{
	clear:both;
	font-size:1px;	
}
.fl{float:left}
.fr{float:right}


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: auto;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*== ソーシャルボタン ========*/
.social_btn {
	margin: 0 ;	padding: 0 0 0 10px ;
	vertical-align:bottom;
}
/* Tweet */
.social_btn .social_tw {
	padding-right: 10px ;
}
/* Google +1 */
.social_btn .social_gp {}
/* facebook */
.social_btn .sosial_fb {}