@charset "utf-8";

/*********************
* base tags
*********************/

* {
	margin: 0;
	padding: 0;
}

html, body {
	margin: 0 auto;
}

body {
	font-size: 95%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 135%;
	text-align: center;
}

/*********************
* main structure
*********************/

#container {
	position: relative;
	margin: 0 auto;
	width: 950px;
	text-align: left;
	border-left: 1px solid #080703;
	border-right: 1px solid #080703;
}

#header {
	position: relative;
	background-image: url(images/common/title.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	height: 154px;
}

#header .mypage {
	position: absolute;
	width: 200px;
	top: 70px;
	left: 740px;
}

#header .menu {
	position: absolute;
	width: 725px;
	top: 128px;
	left: 220px;
}

* html #header .menu {
	left: 210px;
	width: 735px;
}

#header .menu ul li {
	list-style-type: none;
	float: left;
	font-size: 13px;
	margin-left: 13px;
}

#header .menu ul li a {
	text-decoration: none;
	color: #FFFFFF;
}

#header .menu ul li a:hover {
	text-decoration: underline;
}

#contents {
}

#contents #left {
	float: left;
	width: 245px;
}

#contents #right {
	float: right;
	width: 700px;
	margin-left: 5px;
}

* html #contents #right {
	width: 705px;
	margin-left: 0;
}


#contents #right_inner {
	margin: 0 10px 0 0;
}

* html #contents #right_inner {
	margin-right: 0;
}


#footer {
	margin-top: 10px;
	border-top: 1px solid #080703;
}

#footer_menu {
	background-color: #5c2008;
}

#footer_menu_inner {
	padding: 3px;
	text-align: right;
}

#footer_menu_inner a {
	color: #FFF;
}

#footer_inner {
	margin: 5px;
}

/*********************
* common tags
*********************/
.align_left {
	text-align: left;
}

.align_center {
	text-align: center;
}

.align_right {
	text-align: right;
}

.clearfix {
	display: inline-block;
}

.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	clear: both;
}

html>/**/body .clearfix { display /*\**/: block\9 }

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.alert {
	color: #FF0000;
	font-weight: bold;
}

img {
	border: 0;
}

p {
	padding-bottom: 10px;
}

h1 {
	position: absolute;
	top: 7px;
	right: 10px;
	z-index: 5;
	font-size: 12px;
	font-weight: normal;
}

h2 {
	padding: 10px 0;
}

h2.title {
	background-image:url(images/common/h2_background.jpg);
	background-repeat: no-repeat;
	width: 680px;
	height: 35px;
	margin: 10px 0;
	padding: 5px 0 0 20px;
	font-size: 18px;
}

h2.titleimg {
	padding-top: 5px;
}

h3 {
	border-left: 10px solid #cf8c3e;
	padding: 5px 0 5px 5px;
	background-color:#ffefd5;
	margin: 0 20px 5px 0;
}

h3.titleimg {
	border: none;
	background-color: transparent;
	padding: 0;
	margin: 0 0 5px 0;
}

.roundedcornr_box {
   background: #fff4e2;
   margin-bottom: 10px;
}
.roundedcornr_top div {
   background: url(images/common/roundedcornr_tl.png) no-repeat top left;
}
.roundedcornr_top {
   background: url(images/common/roundedcornr_tr.png) no-repeat top right;
}
.roundedcornr_bottom div {
   background: url(images/common/roundedcornr_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom {
   background: url(images/common/roundedcornr_br.png) no-repeat bottom right;
}

.roundedcornr_top div, .roundedcornr_top, 
.roundedcornr_bottom div, .roundedcornr_bottom {
   width: 100%;
   height: 20px;
   font-size: 1px;
}
.roundedcornr_content { margin: 0 20px; }

/*********************
* left side
*********************/
#left ul.leftnavi li {
	width: 243px;
	height: 121px;
	list-style-type: none;
/*	background-image: url(images/common/left_b.jpg);*/
}

#left ul.leftnavi li a {
	display: block;
	width: 243px;
	height: 121px;
	background-image: url(images/common/left_navi.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#left ul.leftnavi li#n1 a { background-position: 0 0; }
#left ul.leftnavi li#n2 a { background-position: -243px 0; }
#left ul.leftnavi li#n3 a { background-position: -486px 0; }
#left ul.leftnavi li#n4 a { background-position: -729px 0; }
#left ul.leftnavi li#n5 a { background-position: -972px 0; }

#left ul.leftnavi li#n1 a:hover { background-position: 0 -121px; }
#left ul.leftnavi li#n2 a:hover { background-position: -243px -121px; }
#left ul.leftnavi li#n3 a:hover { background-position: -486px -121px; }
#left ul.leftnavi li#n4 a:hover { background-position: -729px -121px; }
#left ul.leftnavi li#n5 a:hover { background-position: -972px -121px; }

#left .blog {
	background-image: url(images/common/blog-l.jpg);
	width: 237px;
	height: 284px;
	margin: 10px 3px;
	padding-top: 45px;
}

#left .blog_inner {
	overflow-y: scroll;
	height: 275px;
	margin: 0 12px 0 12px;
}

/*********************
* right side
*********************/
#right .foot_link {
	text-align: right;
	margin-top: 20px;
}

#right .foot_link img {
	margin: 3px 0;
}

/*********************
* main contents
*********************/

/*********************
* TOP
*********************/
#top .greeting {
	background-image:url(images/top/aisatsu.jpg);
	background-repeat: no-repeat;
	width: 696px;
	height: 351px;
	padding-top: 70px;
	
}

#top .greeting_inner {
	margin: 5px 20px;
	height: 341px;
	font-size: 14px;
	line-height: 145%;
}

#top .whatsnew {
	background-image:url(images/top/new-topics.jpg);
	background-repeat: no-repeat;
	width: 354px;
	height: 129px;
	padding-top: 25px;
}

#top .whatsnew_inner {
	height: 125px;
	overflow-y: scroll;
	margin: 0 5px 0 8px;
}

/*********************
* 餃子とは
*********************/
#how-to-hamamatsu-gyoza .feature_box {
}

#how-to-hamamatsu-gyoza .feature_left {
	float: left;
	width: 380px;
}

#how-to-hamamatsu-gyoza .feature_left p {
	margin: 0 5px 10px 10px;
}

#how-to-hamamatsu-gyoza .feature_right {
	float: right;
	width: 310px;
	text-align: center;
	margin-bottom: 10px;
}


/*********************
* お客様の声
*********************/
#voice .voice1,
#voice .voice2,
#voice .voice3,
#voice .voice4 {
	position: relative;
	margin-bottom: 15px;
}

#voice .voice1 {
	background-image:url(images/voice/001.jpg);
	width: 692px;
	height: 268px;
}

#voice .voice2 {
	background-image:url(images/voice/002.jpg);
	width: 692px;
	height: 268px;
}

#voice .voice3 {
	background-image:url(images/voice/003.jpg);
	width: 692px;
	height: 143px;
}

#voice .voice4 {
	background-image:url(images/voice/004.jpg);
	width: 692px;
	height: 143px;
}

#voice .voice_inner1 {
	position: absolute;
	top: 65px;
	left: 330px;
	width: 340px;
	height: 180px;
}

#voice .voice_inner2 {
	position: absolute;
	top: 48px;
	left: 20px;
	width: 650px;
	height: 80px;
}

/*********************
* 商品一覧
*********************/
#list .list_box {
	width: 350px;
	float: left;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #ccc;
}

#list .list_box p {
	margin: 5px 20px 5px 0;
}

#list .product_detail {
	margin: 0 10px 0 168px;
}

#list .product_detail a {
	display: block;
	width: 162px;
	height: 30px;
	margin: 5px 0;
	background-image:url(images/list/detail01.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#list .product_detail a:hover {
	width: 162px;
	height: 30px;
	background-image:url(images/list/detail02.jpg);
}

#list .in_cart {
	margin: 0 20px 0 15px;
}

#list .in_cart .float_left {
	margin-top: 10px;
}

#list .in_cart a {
	display: block;
	width: 162px;
	height: 30px;
	margin: 5px 0;
	background-image:url(images/list/cart01.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#list .in_cart a:hover {
	width: 162px;
	height: 30px;
	background-image:url(images/list/cart02.jpg);
}

/*********************
* 餃子20個　商品説明
*********************/
#products .sec1 {
	background-image:url(images/products/001.jpg);
	background-repeat: no-repeat;
	width: 700px;
	height: 297px;
	padding-top: 10px;
}

#products .sec1_inner {
	margin: 0 5px 0 355px;
	font-size: 12px;
	line-height: 125%;
}

#products .sec2 {
	background-image:url(images/products/002.jpg);
	background-repeat: no-repeat;
	width: 700px;
	height: 297px;
	padding-top: 10px;
}

#products .sec2_inner {
	margin: 0 350px 0 10px;
	font-size: 12px;
	line-height: 125%;
}

#products .sec3 {
	background-image:url(images/products/003.jpg);
	background-repeat: no-repeat;
	width: 700px;
	height: 297px;
	padding-top: 10px;
}

#products .sec3_inner {
	margin: 0 5px 0 355px;
	font-size: 12px;
	line-height: 125%;
}

#products h3 {
	margin-bottom: 0;
}

.product_image {
	width: 398px;
	font-size: 12px;
	line-height: 125%;
}

p.product_line {
	margin-left: 10px;
}

.product_info {
	background-image:url(images/products/a003.jpg);
	background-repeat: no-repeat;
	width: 290px;
	height: 182px;
	padding-top: 40px;
}

.product_info_inner {
	margin: 0 10px 0 15px;
}

.in_cart {
	margin: 0 45px;
}

.in_cart a {
	display: block;
	width: 202px;
	height: 37px;
	margin: 5px 0;
	background-image:url(images/products/cart01.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.in_cart a:hover {
	width: 202px;
	height: 37px;
	background-image:url(images/products/cart02.jpg);
}


/*********************
* ラー油　商品説明
*********************/
#chili_oil .section {
	background-color: #fcf2e6;
	width: 680px;
	height: 297px;
	padding-top: 10px;
	margin: 0 10px 10px 10px;
}

#chili_oil .section_inner {
	margin: 5px 10px;
	font-size: 12px;
	line-height: 125%;
}

#chili_oil .section_inner img {
	margin: 0 5px;
}

/*********************
* 送料・配送について
*********************/
#shipping p {
	margin: 0 10px 0 10px;
}

#shipping table.shipping_list {
	width: 300px;
	margin: 10px 200px;
	border-collapse: collapse;
}

#shipping table.shipping_list th,
#shipping table.shipping_list td {
	padding: 3px;
	border: 1px solid #aaa;
}

#shipping table.shipping_list th {
	background-color: #d28a42;
	text-align: center;
}

/*********************
* お買い物の仕方
*********************/
#how-to-buy p {
	margin: 0 10px 0 10px;
}

#how-to-buy .clearfix {
	margin-bottom: 20px;
}

#how-to-buy img {
	margin-right: 10px;
}

/*********************
* 特定商取引
*********************/
#terms table.terms_table {
	border-collapse: collapse;
	margin: 5px 20px;
}

#terms table.terms_table th,
#terms table.terms_table td {
	padding: 3px;
	border: 1px solid #ccc;
}

#terms table.terms_table th {
	background-color: #5c2008;
	color: #FFF;
	text-align: center;
}

/*********************
* プライバシーポリシー
*********************/
#policy #right_inner ul,
#policy #right_inner ol {
	margin: 5px 0 0 25px;
}

#policy #right_inner ul li {
	margin-bottom: 5px;
}

/*********************
* blog
*********************/
#blog .entry {
	margin-bottom: 20px;
}

#blog .entry h3 {
}

#blog .entry h3 a {
	color: #333;
	text-decoration: none;
}

#blog .entry h3 a:hover {
	text-decoration: underline;
}

#blog .entry .entry_date {
	text-align: right;
	font-size: 12px;
	margin: 3px 20px;
}

#blog .entry .entry_body {
	border: 1px solid #ba7730;
	margin: 5px 20px 0 0;
}

#blog .entry .entry_body_inner {
	margin: 5px;
}


/*********************
* dream weaver対策（本番で消すこと）
*********************/
/*
.clearfix + *{
    clear: both;
}*/