/* CSS Document */
body,h1,h2,h3,h4,h5,h6,dl,dd,ul,ol,p,form{ margin:0px; padding:0px; }

body      {text-align:center;background:#ffffff;}
body div  {text-align:left;margin:0 auto}
body,td,th{color:#333;font-size:13px;font-family:geneva,verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'ＭＳ Ｐゴシック',sans-serif;}
td,th     {vertical-align:top;}

img   {border:0px; vertical-align: top;}
/*----------*/
a img{background:none!important;}
 
a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}
/*----------*/
.clear{clear:both;}
.alt  {display:none;}

a:focus{outline:none;}
a:link{color:#593A20;text-decoration:none;}
a:visited{color:#593A20;text-decoration:none;}
a:hover{color:#FC8200;}
a:active{color:#FF0000;}

.pankizu_list{ background:#fff6eb; padding:8px 10px; overflow:hidden; margin:5px 0;}
.pankuzu ul{clear:both;}
.pankuzu li{float:left; font-size:15px; list-style:none;}
li.pankuzu_facebook{float:right;}


/*page*/
#page{width:770px;margin:0px auto;}
#header_top   {width:770px;height:30px;text-align:center;}
#header_top h1{font-size:90%;margin:0px auto;padding-top:8px;}
#header{
width:770px;padding-bottom:8px;
border-bottom:1px solid #755E54;
background:url(https://www.smokeace.jp/s_images_770/header_bk.jpg) no-repeat;
background-position:right top;
}
.h_left   {float:left;}
.h_right  {float:right;margin-top:28px;margin-right:180px;}
.b_kago a      {width:116px;height:61px;display:block;background:url(https://www.smokeace.jp/s_images_770/kago.gif) no-repeat;background-position:0px 0px;}
.b_kago a:hover{background-position:0px -61px;}

#header_bottom{width:770px;height:7px;background:#472519;}

/*navi*/
#navi     {width:770px;height:36px;margin-bottom:10px;}
#navi ul  {list-style-type:none;}
#navi li  {float:left}
#navi li a{height:36px;display:block;text-indent:-9999px;}

li.menu_0    a      {width:84px; background:url(https://www.smokeace.jp/s_images/menu_770.jpg) no-repeat 0px 0px;}
li.menu_0    a:hover{background-position:0px -36px;}
li.menu_0now a      {width:84px; background:url(https://www.smokeace.jp/s_images/menu_770.jpg) no-repeat 0px -36px;}

li.menu_1    a      {width:99px; background:url(https://www.smokeace.jp/s_images/menu_770.jpg) no-repeat -84px 0px;}
li.menu_1    a:hover{background-position:-84px -36px;}
li.menu_1now a      {width:99px; background:url(https://www.smokeace.jp/s_images/menu_770.jpg) no-repeat -84px -36px;}

li.menu_2    a      {width:83px; background:url(https://www.smokeace.jp/s_images/menu_770.jpg) no-repeat -183px 0px;}
li.menu_2    a:hover{background-position:-183px -36px;}
li.menu_2now a      {width:83px; background:url(https://www.smokeace.jp/s_images/menu_770.jpg) no-repeat -183px -36px;}

li.menu_3    a      {width:84px; background:url(https://www.smokeace.jp/s_images/menu_770.jpg) no-repeat -266px 0px;}
li.menu_3    a:hover{background-position:-266px -36px;}
li.menu_3now a      {width:84px; background:url(https://www.smokeace.jp/s_images/menu_770.jpg) no-repeat -266px -36px;}

li.menu_4    a      {width:96px; background:url(https://www.smokeace.jp/s_images/menu_770.jpg) no-repeat -350px 0px;}
li.menu_4    a:hover{background-position:-350px -36px;}
li.menu_4now a      {width:96px; background:url(https://www.smokeace.jp/s_images/menu_770.jpg) no-repeat -350px -36px;}

li.menu_5    a      {width:105px; background:url(https://www.smokeace.jp/s_images/menu_770.jpg) no-repeat -446px 0px;}
li.menu_5    a:hover{background-position:-446px -36px;}
li.menu_5now a      {width:105px; background:url(https://www.smokeace.jp/s_images/menu_770.jpg) no-repeat -446px -36px;}

li.menu_6    a      {width:99px; background:url(https://www.smokeace.jp/s_images/menu_770.jpg) no-repeat -551px 0px;}
li.menu_6    a:hover{background-position:-551px -36px;}
li.menu_6now a      {width:99px; background:url(https://www.smokeace.jp/s_images/menu_770.jpg) no-repeat -551px -36px;}

li.menu_7    a      {width:120px; background:url(https://www.smokeace.jp/s_images/menu_770.jpg) no-repeat -650px 0px;}
li.menu_7    a:hover{background-position:-650px -36px;}
li.menu_7now a      {width:120px; background:url(https://www.smokeace.jp/s_images/menu_770.jpg) no-repeat -650px -36px}

/*body*/
.all  {margin-bottom:20px;}
#left {float:left;width:180px;}
.left_in    {margin:0px;}
.left_banner{margin-bottom:6px;}
.left_SiteSearch{margin-bottom:6px;padding:8px 0px;}
.left_SiteSearch table{width:180px;}
.left_SiteSearch input{margin:0px;}

.left_navi   {margin-bottom:6px;}
.left_navi ul{margin:0px;list-style-type: none;border:1px solid #B4863B;}
.left_navi li{border-bottom:1px dotted #555555;margin:0px;padding:6px 15px;}
.left_navi p {margin-bottom:2px;}
.left_navi p.tc{text-align:center;}
.left_navi p a:link{text-decoration:underline;}
.left_navi p a:visited{text-decoration:underline;}

.left_calendar{margin-bottom:6px;text-align:center;}

.list_b   {margin-bottom:6px;border:1px solid #4C2C1F;}
.list_b_in{padding:4px 1px;border-bottom:1px dotted #968F86;}
.list_b_img {float:left;width:70px;margin-right:4px;font-size:90%;}
.list_b_info{float:left;width:100px;font-size:90%;}

/*左ナビ・ログイン・マイページボタン*/
.left_login_area{background:url(../s_images/leftnavi/login_back.jpg) no-repeat; height:100px; padding:10px; margin-bottom:6px;}
.left_login_btn{float:left; margin-right:10px;}
.left_mypage_btn{float:left;}
.left_entry_btn{clear:both; padding-top:10px;}

/*トップページ・ログイン・マイページボタン*/
.left_login_area_top{background:url(../s_images/leftnavi/login_back_top.jpg) no-repeat; height:45px; padding:10px; margin-bottom:0;}
.left_login_btn_top{float:left; margin-right:10px;}
.left_mypage_btn_top{float:left;}




#right{float:right;width:570px;}
.right_in{}
.r_all{margin:5px 0px;width:570px;}

.contents_bmargin {height:50px;}
.c_listlink  {margin-bottom:10px;padding:8px 4px;border-top:4px double #4B2A19;border-bottom:4px double #4B2A19;}
.c_listlink p{font-size:95%;line-height:1.3;}

/*footer*/
#footer_menu  {clear:both;width:770px;font-size:95%;margin:10px 0px 0px 0px;padding:8px 0px;border-top:1px dotted #888888;}
#footer_menu p{text-align:center;line-height:1.3;}
#footer   {background:#4B2A19;width:770px;height:30px;}
.copyright{color:#ffffff;text-align:center;line-height:30px;}


/*index_sub770*/
.text570 {
	clear: both;
	width: 570px;
	border: 1px solid #000000;
	padding:0 0 10px 0;
	margin:0 0 10px 0;

}

.text770{clear: both;width: 770px;border: 1px solid #000000; padding:0 0 10px 0; margin:10px auto;}


.text570_noborder {
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 570px;
}

.text570 p {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 140%;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.text570_noborder p {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 13px;
	line-height: 140%;
	margin: 10px;
	padding: 0px;
}


div.sub_770_boxorder{
	width:570px;
	margin:0;
	padding:0;
	clear:both;
}
 
div.sub_770_boxleft{
	width:290px;
	float:left;
	margin:0;
	padding:0;
}


div.sub_770_boxorderright{
	width:270px;
	float:right;
	margin:0;
	padding:0;
	text-align: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/*コラムの外枠と画像の回り込み*/



div.column{
    width:570px;
    color:#000000;
    text-align:left;
    background-color:#ffffff;
    border:5px #ffcc33 dotted;
}


div.column2{
    width:570px;
    color:#000000;
    text-align:left;
    background-color:#ffffff;
    border:0.5px #333300 solid;
}





*.float{float: left;margin-right: 1em;}
*.floatclear{clear: both;}
*.float2
      {
         float: right;
         margin-left: 1em;
      }
 *.float_rechipe
      {
         float: left;
         margin-right: 5px;
		 margin-top:0px;
         margin-left:20px;
margin-bottom:5px;
      }
 *.float_rechipe2
      {
         float: right;
         margin-right:20px;
		 margin-top:0px;
         margin-left:5px;
margin-bottom:5px;
      }
 *.float_rechipe770
      {
                float: left;
         margin-right: 5px;
		 margin-top:5px;
         margin-left:5px;
margin-bottom:5px;
      }
p.column{
text-align:left;
line-height: 2;
font-size:110%;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height:100%;
margin-top:0;
margin-left:7px;
margin-right:0;
margin-bottom:3px;
padding:0;
}



  p.column2{
margin: 0px 20px 1.5em 20px;
font-size:100%;
line-height:140%;
}

 p.column3{
margin: 0px 20px 1.5em 20px;
font-size:150%;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-weight: bold;
color: #cc3333;
line-height:140%;
}


/*商品一覧*/

.shohinichiran {
	clear: both;
	width: 570px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #F8F8E7;
}
.shohinichiran_title {
	background-image: url(https://www.smokeace.jp/s_images_770/company/list/ichiran_title.jpg);
	margin: 0px;
	padding: 0px;
	height: 31px;
	width: 570px;
}
.shohinichiran_list {
	background-image: url(https://www.smokeace.jp/s_images_770/company/list/ichiran_bk.jpg);
	height: 79px;
	width: 570px;
	background-repeat: repeat-y;
	margin: 0px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.shohinichiran_list01 {
	width: 70px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 7px;
	padding: 0px;
	height: 78px;
	float: left;
}
.shohinichiran_list02 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 160%;
	margin: 0px;
	width: 180px;
	padding: 0px;
	float: left;
	height: 76px;
}
.shohinichiran_list03 {
	margin: 0px;
	float: right;
	width: 120px;
	padding: 0px;
}
.shohinichiran_list04 {
	margin: 0px;
	width: 170px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.list_osusume {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #990000;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.list_namae {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 13px;
	color: #000000;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.shohinichiran_title p {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #333333;
	margin: 0px;
	padding-top: 10px;
	padding-left: 15px;
}
.shohinichiran_list01 img {
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.shohinichiran_list03 p {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 140%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.shohinichiran_list04 form {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.shohinichiran_waku {
	margin: auto;
	width: 570px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.shohin1 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 390px;
	height: 78px;
}
.shohin2 {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 173px;
}
.shohinichiran_litst04 {
	margin: 0px;
	width: 170px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


.sho_ichiran_title {
	background-image: url(image/list/ichiran/list_t.jpg);
	margin: 0px;
	clear: both;
	height: 31px;
	width: 570px;
	padding: 0px;
}
.sho_ichiran_t {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #333333;
	width: 200px;
	height: 10px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
.sho_ichiran_list {
	background-image: url(https://www.smokeace.jp/s_images_770/company/list/ichiran/list_bk.jpg);
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 127px;
	width: 570px;
}
.sho_ichiran_list01 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 355px;
}
.sho_ichiran_list02 {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 215px;
}
.sho_ichiran_ph {
	height: 120px;
	width: 127px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.sho_ichiran_setsumei {
	margin: 0px;
	padding: 0px;
	width: 228px;
	float: right;
}
.sho_ichiran_ph img {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
}
.sho_ichiran_shohin {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	color: #CC0000;
	padding: 0px;
	width: 200px;
	text-align: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
.kihon_p {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 140%;
	margin: 0px;
	padding: 0px;
}
.sho_ichiran_setsumei1 {
	margin: 0px;
	width: 228px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.sho_ichiran_setsumei2 {
	margin: 0px;
	width: 215px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}


.pagetop {margin: 0;clear: both;width: 570px;padding: 10px 0;text-align: right;}

.pagetop770{margin: 0;clear: both;width: 770px;padding: 10px 0;text-align: right;}


.social_btn{
	margin:10px 0 0 0;
	padding:0 0 0 5px;
	width:265px;
	overflow:hidden;
	}
.social_btn .twitter{
	float:left;
	margin:0;
	padding:0;
	display:inline;
	width:100px;
	}
.social_btn .facebook{
	float:left;
	margin:0;
	padding:0;
	display:inline;
	width:100px;
	}
.social_btn .google{
	float:left;
	margin:0;
	padding:0;
	display:inline;
	width:65px;
	}
	
/*目録商品引換フォーム*/
.mokuroku_form *{font-family:"メイリオ";}
.form_title{text-align:center;color:#aa0000;padding:10px;}
form#m-form {margin:0px auto;padding:0; width:680px; font-size:15px;}
#m-form strong{color:#336699;}
#m-form .hissu{color:#ff3300;font-size:14px;}
#m-form .pan{color:#777777;padding:5px;text-align:center;margin-bottom:5px;}
#m-form .send{text-align:center;padding:10px;}
#m-form .message{padding:10px;}
#m-form .info{color:#666666;}
#m-form table{margin:0px auto;padding:2px;width:680px; border:0;}
#m-form th{background:#FFCC66;font-size:15px; padding:5px 10px 1px 10px;text-align:left;width:130px;}
#m-form td{background:#F0F0F0;font-size:15px; padding:7px 5px; line-height:1.5;}
#m-form .form_white{background-color:#FFF; text-align:center; font-size:15px;}
#m-form p.form_red{color:#CC0000; font-weight:bold; font-size:22px;}
#m-form td input,
#m-form td select{font-size:15px; margin:3px;}


#m-form table.preview th{padding:5px 10px;}
#m-form table.preview td{padding:5px 10px;}
#m-form .error_message{border:1px solid #dd3300;background:#fee1e1;padding:10px;font-size:14px;color:#dd3300;}
#m-form .form_necessary {color: #FF0000;font-size: x-small;}
.red{color:#F00;}
.mokuroku_omedeto{font-size:18px; color:#900; font-weight:bold; margin:15px 0 5px 0; font:"メイリオ"; text-align:center;}
.mokuroku_setsumei{font-size:16px; line-height:1.5; font:"メイリオ"; margin-bottom:10px;}
.mokuroku{margin:15px 0 20px 0; border:#F90 2px solid; padding-bottom:10px;}
.mokuroku dt{font-size:17px; background:#F90; line-height:2; color:#FFF; font-weight:bold; padding-left:10px; font:"メイリオ"; margin-bottom:4px;}
.mokuroku dd{font-size:15px; line-height:1.5; padding-left:10px; font:"メイリオ"; padding:4px0 4px 10px;}
.mokuroku_text{font-size:15px; line-height:1.4; padding:10px;}



.box_moji{
	font-size:15px;
	width:540px;
	background-image:url(https://www.smokeace.jp/s_images_890/blog_html/line.jpg);
	background-repeat:repeat-y;
	background-position:top;
	line-height:32px;
	text-align:left;
	color:#545450;
	margin-bottom:40px;
	padding-left:30px;
}
.recipe_left01{float:left; margin-right:20px;}


/*ヘッダーログイン・会員登録*/
.FS2_headertop{clear:both; overflow:hidden; margin-bottom:7px; padding:5px 0; margin-top:-30px;}
.login{text-align:right; position:relative; float:right;}
.login li{float:left; padding:0 5px; list-style:none;}



/*ギフト一覧（予算別）*/
.giftichiran_btn{overflow:hidden; margin:20px 0 20px 35px;}
.giftichiran_btn li{float:left; margin-right:30px; list-style:none;}


/*ご注文の流れ*/
.nagare_nam{margin:10px 0 5px 5px;}
.nagare_nam_p{padding:0 0 0 5px; line-height:1.3; font-size:15px;}
.nagare_nam_p1{font-size:14px;padding:2px 0 5px 30px; line-height:1.3; background:url(../s_images_770/company/kaimononagare/1.jpg) no-repeat; margin-top:15px;}
.nagare_nam_p2{font-size:14px;padding:2px 0 5px 30px; line-height:1.3; background:url(../s_images_770/company/kaimononagare/2.jpg) no-repeat; margin-top:15px;}
.nagare_nam_p3{font-size:14px;padding:2px 0 5px 30px; line-height:1.3; background:url(../s_images_770/company/kaimononagare/3.jpg) no-repeat; margin-top:15px;}
.nagare_nam_p0{font-size:14px;padding:2px 0 5px 15px; line-height:1.3; margin-top:15px;}


/*スマホページに切り替え */
#sp_kirikae{display:none;}
@media screen and (max-device-width: 480px) {
.FS2_SystemNav_btnPC{
  cursor: pointer;
	width:80%;
	margin:0 auto;
	color:#FFF;
	padding: 8px;
	background-color:#242424;
	background: -moz-linear-gradient(top,#919191,#242424);
	background: -webkit-linear-gradient(top, #919191, #242424);
	background: -o-linear-gradient(top,#919191,#242424);
	background: -ms-linear-gradient(top,#919191,#242424);
	background: linear-gradient(to bottom, #919191, #242424);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #000000;
	-moz-box-shadow:0px 0px 0px rgba(115,115,115,0),inset 0px 0px 1px rgba(145,145,145,1);
	-webkit-box-shadow:0px 0px 0px rgba(115,115,115,0),inset 0px 0px 1px rgba(145,145,145,1);
	box-shadow:0px 0px 0px rgba(115,115,115,0),inset 0px 0px 1px rgba(145,145,145,1);
	text-shadow:0px -1px 0px rgba(000,000,000,0.7),0px 0px 0px rgba(255,255,255,0.3);
}
.FS2_SystemNav_btnPC a{color:#FFF;}


#sp_kirikae{
	display:block;	
	background-color:#000;
	background: -moz-linear-gradient(top,#6b6b6b,#000000);
	background: -webkit-linear-gradient(top,#6b6b6b,#000000);
	background: -o-linear-gradient(top,#6b6b6b,#000000);
	background: -ms-linear-gradient(top,#6b6b6b,#000000);
	background: linear-gradient(to bottom,#6b6b6b,#000000);
	color:#FFF;
	font-size:50px;
	padding:20px 0;
}
}