/*########### body ##############*/
a img {border:none;}

body{
margin:0px;

}

/**/
br.clear{
clear:both;
display:block;
font-size:1px;
line-height:1px;
}

/**/
a:link {
	color: #BC8E30;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #BC8E30;
}
a:hover {
	text-decoration: underline;
	color: #CCCCCC;
}
a:active {
	text-decoration: none;
}

/*########### header ##############*/
.header_box{
width:100%;
height:150px;
background-image:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/header_height.jpg);
background-repeat:repeat-x;
}

.header{
width:950px;
height:150px;
margin:0px auto;
background-image:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/header_body.jpg);
background-repeat:repeat-x;
}

.header .h_box{
width:950px;
float:left;
}

.header .h_box .rogo{
width:330px;
margin:18px 0px 0px 0px;
float:left;
}

.header .h_box .rogo h1{
width:330px;
height:70px;
margin:0px 0px 0px 0px;
display:inline;
float:left;
}

.header .h_box .rogo h1 a{
display:block;
height:70px;
text-indent:-9999px;
}

.header .h_box .tel{
width:270px;
height:70px;
margin:18px 0px 0px 0px;
display:inline;
float:right;
}

.header .h_box .tel a{
display:block;
height:70px;
text-indent:-9999px;
}



/*########### header_navi ##############*/


/*navi_list*/
.header .navi_list{
width:950px;
padding:12px 0px 0px 0px;
float: left; 
}

.header .navi_list ul{
display:block; 
margin:0px;
padding:0px;
}
.header .navi_list li{
list-style:none;
float:left;
margin:0px;
padding:0px;
}

/*テキスト非表示*/
.header .navi_list .alt{
display:none;
}

/*トップページ
----------------*/
.header .navi_list .navi_01{
padding:0px 0px 0px 0px;
}
.header .navi_list li.navi_01 a{
width:190px;
height:50px;
float:left;
display:block;
background:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/header_navi_01.jpg) no-repeat;
}
.header .navi_list li.navi_01 a:hover,active{
background-position:0px -50px;
}

/*初めてのお客様へ
----------------*/
.header .navi_list .navi_02{
padding:0px 0px 0px 0px;
}
.header .navi_list li.navi_02 a{
width:190px;
height:50px;
float:left;
display:block;
background:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/header_navi_02.jpg) no-repeat;
}
.header .navi_list li.navi_02 a:hover,active{
background-position:0px -50px;
}

/*商品一覧
----------------*/
.header .navi_list .navi_03{
padding:0px 0px 0px 0px;
}
.header .navi_list li.navi_03 a{
width:190px;
height:50px;
float:left;
display:block;
background:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/header_navi_03.jpg) no-repeat;
}
.header .navi_list li.navi_03 a:hover,active{
background-position:0px -50px;
}

/*送料・お支払について
----------------*/
.header .navi_list .navi_04{
padding:0px 0px 0px 0px;
}
.header .navi_list li.navi_04 a{
width:190px;
height:50px;
float:left;
display:block;
background:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/header_navi_04.jpg) no-repeat;
}
.header .navi_list li.navi_04 a:hover,active{
background-position:0px -50px;
}

/*会社概要
----------------*/
.header .navi_list .navi_05{
padding:0px 0px 0px 0px;
}
.header .navi_list li.navi_05 a{
width:190px;
height:50px;
float:left;
display:block;
background:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/header_navi_05.jpg) no-repeat;
}
.header .navi_list li.navi_05 a:hover,active{
background-position:0px -50px;
}


/*########### top ##############*/
.top_box{
width:100%;
height:330px;
padding:10px 0px 0px 0px;
background-image:url(http://www.hakataeki-uoichi.com/img_new/top/top_height.jpg);
background-repeat:repeat-x;
}

.top_flash{
width:950px;
height:330px;
padding:0px 0px 10px 0px;
float: left; 
}

.top_image{
width:950px;
height:330px;
margin:0px auto;
display:block;
text-indent:-9999px;
background:url(http://www.hakataeki-uoichi.com/img_new/top/top.jpg);
}

.top_image  h2{
width:950px;
height:330px;
margin:0px 0px 0px 0px;
display:inline;
float:left;
}
.top_image  h2 a{
display:block;
height:330px;
text-indent:-9999px;
}

/*########### all_box ##############*/

.all_box{
width:970px;
margin:0px auto;
}

.all_box_sub{
width:100%;
margin:0px auto;
background-image:url(http://www.hakataeki-uoichi.com/img_new/top/top_height.jpg);
background-repeat:repeat-x;
}

/*################################# footer #################################
##########################################################################*/

.footer_up_text{
width:950px;
height:35px;
margin:0px auto 0px auto;
text-align:center;
}

.footer_up_text .footer_up_comment{
width:960px;
padding:0px 0px 10px 0px;
font-size:12px;
color: #666666;
line-height:150%;
text-align:left;
float: left;
}


.footer_box{
width:100%;
height:160px;
background-image:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/footer_height.jpg);
background-repeat:repeat-x;
}

.footer{
width:950px;
height:160px;
margin:0px auto;
background-image:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/footer_body.jpg);
}

.footer .footer_text{
width:950px;
padding:20px 0px 0px 0px;
float: left;
}

.footer .footer_text .left{
width:430px;
padding:0px 0px 0px 80px;
font-size:12px;
color: #FFFFFF;
line-height:150%;
text-align:left;
float: left;
}

.footer .footer_text .right{
width:430px;
padding:35px 0px 0px 0px;
font-size:12px;
color: #FFFFFF;
line-height:150%;
text-align:right;
float: right;
}

.copyright{
width:860px;
margin:10px auto;
font-size:12px;
color: #FFFFFF;
line-height:120%;
text-align:center;
}

/*########### content ##############*/
.content{
width:950px;
padding:10px 10px 10px 10px;
float: left;
}

.content_sub{
width:950px;
margin:0px auto;
}


/*################################# side #################################
##########################################################################*/
.side{
width:250px;
padding:0px 0px 0px 0px;
float: right; 
}

/*テキスト非表示*/
.side .alt{
display:none;
}

.side .box{
width:250px;
padding:0px 0px 10px 0px;
float: left; 
}


/*福さ屋　辛子めんたい*/
.side .bar_01{
width:250px;
height:50px;
background:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/side_bar_01.jpg);
margin:0px 0px 0px 0px;
float: left;
}
.side .bar_01 h4{
width:250px;
height:50px;
margin:0px 0px 0px 0px;
display:inline;
}
.side .bar_01 h4 a{
display:block;
height:50px;
text-indent:-9999px;
}
/*福さ屋　辛子めんたい*/

/*干物*/
.side .bar_02{
width:250px;
height:50px;
background:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/side_bar_02.jpg);
margin:0px 0px 0px 0px;
float: left;
}
.side .bar_02 h4{
width:250px;
height:50px;
margin:0px 0px 0px 0px;
display:inline;
}
.side .bar_02 h4 a{
display:block;
height:50px;
text-indent:-9999px;
}
/*干物*/

/*博多お土産品*/
.side .bar_03{
width:250px;
height:50px;
background:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/side_bar_03.jpg);
margin:0px 0px 0px 0px;
float: left;
}
.side .bar_03 h4{
width:250px;
height:50px;
margin:0px 0px 0px 0px;
display:inline;
}
.side .bar_03 h4 a{
display:block;
height:50px;
text-indent:-9999px;
}
/*博多お土産品*/



/*navi_list*/
.side .box .menu{
width:250px;
padding:0px 0px 0px 0px;
float: left; 
}

.side .box .menu ul{
display:block; 
margin:0px;
padding:0px;
}
.side .box .menu li{
list-style:none;
float:left;
margin:0px;
padding:0px;
}

/*テキスト非表示*/
.side .box .menu .alt{
display:none;
}

/*お電話での注文
----------------*/
.side .box .menu .shop{
padding:0px 0px 5px 0px;
}
.side .box .menu li.shop a{
width:250px;
height:265px;
float:left;
display:block;
background:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/shop.jpg) no-repeat;
}
.side .box .menu li.shop a:hover,active{
background-position:0px -265px;
}

/*お電話での注文
----------------*/
.side .box .menu .contact{
padding:0px 0px 5px 0px;
}
.side .box .menu li.contact a{
width:250px;
height:265px;
float:left;
display:block;
background:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/contact.jpg) no-repeat;
}
.side .box .menu li.contact a:hover,active{
background-position:0px -265px;
}

/*スタッフブログ
----------------*/
.side .box .menu .blog{
padding:5px 0px 0px 0px;
}
.side .box .menu li.blog a{
width:250px;
height:90px;
float:left;
display:block;
background:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/blog.jpg) no-repeat;
}
.side .box .menu li.blog a:hover,active{
background-position:0px -90px;
}

/*会員ログイン
----------------*/
.side .box .menu .login{
padding:0px 0px 5px 0px;
}
.side .box .menu li.login a{
width:250px;
height:60px;
float:left;
display:block;
background:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/login.jpg) no-repeat;
}
.side .box .menu li.login a:hover,active{
background-position:0px -60px;
}

/*会員ログイン
----------------*/
.side .box .menu .new{
padding:0px 0px 0px 0px;
}
.side .box .menu li.new a{
width:250px;
height:60px;
float:left;
display:block;
background:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/new.jpg) no-repeat;
}
.side .box .menu li.new a:hover,active{
background-position:0px -60px;
}

/*贈答品用　無着色辛子めんたい
----------------*/
.side .box .menu .menu_01{
padding:0px 0px 0px 0px;
}
.side .box .menu li.menu_01 a{
width:250px;
height:60px;
float:left;
display:block;
background:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/side_navi_01.jpg) no-repeat;
}
.side .box .menu li.menu_01 a:hover,active{
background-position:0px -60px;
}

/*
----------------*/
.side .box .menu .menu_02{
padding:0px 0px 0px 0px;
}
.side .box .menu li.menu_02 a{
width:250px;
height:60px;
float:left;
display:block;
background:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/side_navi_02.jpg) no-repeat;
}
.side .box .menu li.menu_02 a:hover,active{
background-position:0px -60px;
}

/*
----------------*/
.side .box .menu .menu_03{
padding:0px 0px 0px 0px;
}
.side .box .menu li.menu_03 a{
width:250px;
height:60px;
float:left;
display:block;
background:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/side_navi_03.jpg) no-repeat;
}
.side .box .menu li.menu_03 a:hover,active{
background-position:0px -60px;
}

/*
----------------*/
.side .box .menu .menu_04{
padding:0px 0px 0px 0px;
}
.side .box .menu li.menu_04 a{
width:250px;
height:60px;
float:left;
display:block;
background:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/side_navi_04.jpg) no-repeat;
}
.side .box .menu li.menu_04 a:hover,active{
background-position:0px -60px;
}

/*
----------------*/
.side .box .menu .menu_05{
padding:0px 0px 0px 0px;
}
.side .box .menu li.menu_05 a{
width:250px;
height:60px;
float:left;
display:block;
background:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/side_navi_05.jpg) no-repeat;
}
.side .box .menu li.menu_05 a:hover,active{
background-position:0px -60px;
}

/*
----------------*/
.side .box .menu .menu_06{
padding:0px 0px 0px 0px;
}
.side .box .menu li.menu_06 a{
width:250px;
height:60px;
float:left;
display:block;
background:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/side_navi_06.jpg) no-repeat;
}
.side .box .menu li.menu_06 a:hover,active{
background-position:0px -60px;
}

/*
----------------*/
.side .box .menu .menu_07{
padding:0px 0px 0px 0px;
}
.side .box .menu li.menu_07 a{
width:250px;
height:60px;
float:left;
display:block;
background:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/side_navi_07.jpg) no-repeat;
}
.side .box .menu li.menu_07 a:hover,active{
background-position:0px -60px;
}

/*
----------------*/
.side .box .menu .menu_08{
padding:0px 0px 0px 0px;
}
.side .box .menu li.menu_08 a{
width:250px;
height:60px;
float:left;
display:block;
background:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/side_navi_08.jpg) no-repeat;
}
.side .box .menu li.menu_08 a:hover,active{
background-position:0px -60px;
}

/*
----------------*/
.side .box .menu .menu_09{
padding:0px 0px 0px 0px;
}
.side .box .menu li.menu_09 a{
width:250px;
height:60px;
float:left;
display:block;
background:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/side_navi_09.jpg) no-repeat;
}
.side .box .menu li.menu_09 a:hover,active{
background-position:0px -60px;
}

/*
----------------*/
.side .box .menu .menu_10{
padding:0px 0px 0px 0px;
}
.side .box .menu li.menu_10 a{
width:250px;
height:60px;
float:left;
display:block;
background:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/side_navi_10.jpg) no-repeat;
}
.side .box .menu li.menu_10 a:hover,active{
background-position:0px -60px;
}


/*
----------------*/
.side .box .menu .menu_11{
padding:0px 0px 0px 0px;
}
.side .box .menu li.menu_11 a{
width:250px;
height:60px;
float:left;
display:block;
background:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/side_navi_11.jpg) no-repeat;
}
.side .box .menu li.menu_11 a:hover,active{
background-position:0px -60px;
}

/*
----------------*/
.side .box .menu .menu_12{
padding:0px 0px 0px 0px;
}
.side .box .menu li.menu_12 a{
width:250px;
height:60px;
float:left;
display:block;
background:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/side_navi_12.jpg) no-repeat;
}
.side .box .menu li.menu_12 a:hover,active{
background-position:0px -60px;
}

/*
----------------*/
.side .box .menu .menu_13{
padding:0px 0px 0px 0px;
}
.side .box .menu li.menu_13 a{
width:250px;
height:60px;
float:left;
display:block;
background:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/side_navi_13.jpg) no-repeat;
}
.side .box .menu li.menu_13 a:hover,active{
background-position:0px -60px;
}

/*
----------------*/
.side .box .menu .menu_14{
padding:0px 0px 0px 0px;
}
.side .box .menu li.menu_14 a{
width:250px;
height:60px;
float:left;
display:block;
background:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/side_navi_14.jpg) no-repeat;
}
.side .box .menu li.menu_14 a:hover,active{
background-position:0px -60px;
}

/*
----------------*/
.side .box .menu .menu_15{
padding:0px 0px 0px 0px;
}
.side .box .menu li.menu_15 a{
width:250px;
height:60px;
float:left;
display:block;
background:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/side_navi_15.jpg) no-repeat;
}
.side .box .menu li.menu_15 a:hover,active{
background-position:0px -60px;
}

/*
----------------*/
.side .box .menu .menu_16{
padding:0px 0px 0px 0px;
}
.side .box .menu li.menu_16 a{
width:250px;
height:60px;
float:left;
display:block;
background:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/side_navi_16.jpg) no-repeat;
}
.side .box .menu li.menu_16 a:hover,active{
background-position:0px -60px;
}


/*モバイル*/
.side .bar_mobile{
width:250px;
height:120px;
background:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/mobile.jpg);
margin:0px 0px 10px 0px;
float: left;
}
.side .bar_mobile h4{
width:250px;
height:120px;
margin:0px 0px 10px 0px;
display:inline;
}
.side .bar_mobile h4 a{
display:block;
height:120px;
text-indent:-9999px;
}
/*モバイル*/



/*################################# top #################################
##########################################################################*/

.top{
width:690px;
padding:0px 0px 0px 0px;
float: left;
}

/*テキスト非表示*/
.top .alt{
display:none;
}

.top .box{
width:690px;
margin:0px 0px 10px 0px;
float: left;
}

.top .banner{
width:690px;
margin:0px 0px 10px 0px;
float: left;
}

.top .banner .left{
width:340px;
margin:0px 0px 0px 0px;
float: left;
}

.top .banner .right{
width:340px;
margin:0px 0px 0px 0px;
float: right;
}

.top .banner .left_03{
width:223px;
margin:0px 10px 0px 0px;
font-size:12px;
color: #333333;
line-height:150%;
text-align:left;
float: left;
}

.top .banner .right_03{
width:223px;
margin:0px 0px 0px 0px;
font-size:12px;
color: #333333;
line-height:150%;
text-align:left;
float: right;
}

.top .text{
width:690px;
margin:0px 0px 10px 0px;
font-size:12px;
color: #333333;
line-height:150%;
text-align:left;
float: left;
}

/*------------
iframe
----------------*/

iframe{
width: 690px;
height: 320px;
margin:0px 0px 0px 0px;
} 


/*########### page_up ##############*/
.page_up{
width:950px;
height:35px;
margin:0px auto 0px auto;
text-align:right;
}

/*テキスト非表示*/
.page_up .alt{
display:none;
}

.page_up .page_top{
width:140px;
height:35px;
margin:0px 0px 0px 0px;
float:right;
}
.page_up .page_top a,
.page_up .page_top a:link,
.page_up .page_top a:visited{
width:140px;
height:35px;
display:block;
text-indent:-9999px;
background:url(http://www.hakataeki-uoichi.com/shop/item/hakata/design/img03/page_top.jpg) no-repeat;
}
.page_up .page_top a:hover,
.page_up .page_top a:active{
background-position:0px -35px;
}


/*################################# 各ページ共通 #################################
##########################################################################*/

.top .page_box{
width:690px;
margin:0px 0px 15px 0px;
font-size:12px;
color: #333333;
line-height:150%;
text-align:left;
float: left;
}

.top .page_bar{
width:690px;
margin:0px 0px 15px 0px;
font-size:12px;
color: #333333;
line-height:150%;
text-align:left;
float: left;
}

.top .page_box .page_left{
width:440px;
margin:0px 10px 0px 0px;
float: left;
}

.top .page_box .page_right{
width:240px;
margin:0px 0px 0px 0px;
font-size:12px;
color: #333333;
line-height:150%;
text-align:left;
float: right;
}

.top .page_box .page_left_half{
width:340px;
margin:0px 0px 0px 0px;
float: left;
}

.top .page_box .page_left_half .half_box{
width:340px;
margin:0px 0px 10px 0px;
font-size:12px;
color: #333333;
line-height:150%;
text-align:left;
float: left;
}

.top .page_box .page_right_half{
width:340px;
margin:0px 0px 0px 0px;
font-size:12px;
color: #333333;
line-height:150%;
text-align:left;
float: right;
}

.top .page_box .page_right_half .half_box{
width:340px;
margin:0px 0px 10px 0px;
font-size:12px;
color: #333333;
line-height:150%;
text-align:left;
float: left;
}


/*会社概要*/
.top .contact_box{
width:690px;
margin:0px 0px 10px 0px;
float: left;
}

.foam_font{
font-size:12px;
color: #333333;
line-height:130%;
text-align:left;
}

.top .contact_box .send{
width:690px;
padding:10px 0px 10px 0px;
text-align:left;
float: left;
}

.top .box .info .info_box .foam .send{
width:688px;
margin:10px 0px 0px 0px;
text-align:left;
float: left;
}

.top .contact_box .check{
width:690px;
padding:10px 0px 10px 0px;
font-size:12px;
color: #CC0000;
line-height:130%;
text-align:left;
float: left;
}

.top .contact_text{
width:690px;
margin:10px 0px 10px 0px;
font-size:12px;
color: #666666;
line-height:150%;
text-align:left;
float: left;
}
/*会社概要*/