@charset "utf-8";

html{
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
}

body{
	font-family:"MS PGothic",Osaka,sans-self;
	font-size:14px;
	font-style:normal;
	line-height:100%;
	background-color:#FFF;
	margin:0px;
	padding:0px;
	width:100%;
	text-align:center;
	/* setting border:0px hoses ie5 win window inner well border */
}

a{ text-decoration:underline;border:none; }

a img{ border:none; }

h1,h2,h3,h4,h5,h6,h7{
	margin:0px;
	padding:0px;
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
	line-height:100%;
}

/* standard helper classes */

.clr{
	clear:both;
	overflow:hidden;
	width:1px;
	height:1px;
	margin:0px -1px -1px 0px;
	border:0px;
	padding:0px;
	font-size:0px;
	line-height:0px;
}

/* .pkg class wraps enclosing block element around inner floated elements */

.pkg:after{
	content:" ";
	display:block;
	visibility:hidden;
	clear:both;
	height:0.1px;
	font-size:0.1em;
	line-height:0px;
}

* html .pkg{ display:inline-block; }

/* no ie mac \*/

* html .pkg{ height:1%; }

.pkg{ display:block;min-height:0; }

/* */

.ghost{ display:none; }

/* Layout */

.left{
	text-align:left;
}
.right{
	text-align:right;
}
.center{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.top{
	vertical-align:top;
}
.middle{
	vertical-align:middle;
}
.bottom{
	vertical-align:bottom;
}


/* Float */

.fl{
	float:left;
}
.fr{
	float:right;
}

/* Font Size Keyword */

.xx-small{
	font-size:xx-small;
}
.x-small{
	font-size:x-small;
}
.small{
	font-size:small;
}
.medium{
	font-size:medium;
}
.large{
	font-size:large;
}
.x-large{
	font-size:x-large;
}
.xx-large{
	font-size:xx-large;
}
.smaller{
	font-size:smaller;
}
.larger{
	font-size:larger;
}

/* Lineheight */

.lh80{
	line-height:80%;
}
.lh100{
	line-height:100%;
}
.lh120{
	line-height:120%;
}
.lh140{
	line-height:140%;
}
.lh160{
	line-height:160%;
}

/* Color */

.c000{
	color:#000;
}
.c333{
	color:#333;
}
.c666{
	color:#666;
}
.c999{
	color:#999;
}
.cCCC{
	color:#CCC;
}
.cFFF{
	color:#FFF;
}
.cF33{
	color:#F33;
}
.c33F{
	color:#33F;
}

/* Background Color */
.bc000{
	background-color:#000;
}
.bc333{
	background-color:#333;
}
.bc666{
	background-color:#666;
}
.bc999{
	background-color:#999;
}
.bcCCC{
	background-color:#CCC;
}
.bcFFF{
	background-color:#FFF;
}
.bcFFE{
	background-color:#FFE;
}
.bc693{
	background-color:#693;
}

/* page layout */

.inner{
	position:static;
	width:100%;
	margin:0px;
	padding:0px;
	overflow:visible;
}

.nowrap{
	white-space:nowrap;
}

#container{
	width:760px;
	height:auto;
	margin:0px auto;
	padding:0px 0px;
	text-align:left;
	vertical-align:top;
	line-height:100%;
}

.home_image{
	background:url(image/home_image.jpg) 20px 205px no-repeat;
}

#container_header{
	width:740px;
	height:245px;
	margin:0px;
	padding:25px 10px 0px 10px;
	line-height:100%;
	background:url(image/container_header01.gif) left top no-repeat;
	text-align:right;
}

#header_catch{
	margin:0px;
	padding:0px;
	height:35px;
	background:url(image/header_catchcopy.gif) right top no-repeat;
}

#header_title{
	margin:0px;
	padding:5px 5px;
	height:107px;
	text-align:right;
	position:relative;
}

#header_navi{
	height:17px;
	margin:0px;
	padding:5px 20px;
	text-align:right;
	white-space:nowrap;
	position:relative;
}
#header_navi a,
#header_navi a:hover{
	height:17px;
	display:block;
	background-image:url(image/header_navi.gif);
	background-repeat:no-repeat;
	margin:0px 5px;
	padding:0px;
	float:right;
}
#header_navi a#navi_onion{
	width:99px;
	background-position:0px 0px;
}
#header_navi a#navi_rice{
	width:16px;
	background-position:-99px 0px;
}
#header_navi a#navi_cart{
	width:82px;
	background-position:-115px 0px;
}
#header_navi a#navi_howto{
	width:70px;
	background-position:-197px 0px;
}
#header_navi a#navi_home{
	width:52px;
	background-position:-267px 0px;
}
#header_navi a#navi_onion:hover{
	background-position:0px -17px;
}
#header_navi a#navi_rice:hover{
	background-position:-99px -17px;
}
#header_navi a#navi_cart:hover{
	background-position:-115px -17px;
}
#header_navi a#navi_howto:hover{
	background-position:-197px -17px;
}
#header_navi a#navi_home:hover{
	background-position:-267px -17px;
}

#pan_list{
	margin:0px;
	padding:2px 10px 5px 200px;
	text-align:left;
	font-size:10px;
	line-height:100%;
	color:#666;
	position:static;
}

#container_body{
	width:720px;
	height:auto;
	margin:0px;
	padding:0px 20px 0px 20px;
	line-height:100%;
	background:url(image/container_body.gif) left top repeat-y;
}

#home_shopdata{
	width:420px;
	height:355px;
	display:block;
	margin:0px;
	padding:0px;
	position:relative;
}
#home_shopdata img{
	position:absolute;
	left:0px;
	bottom:0px;
}

.entry1{
	width:620px;
	height:auto;
	padding:5px;
	margin-left:auto;
	margin-right:auto;
	border:double 5px #9C0;
}

.entry1 img{ margin:5px; }

.entry_title{
	width:520px;
	height:18px;
	margin:0px auto;
	padding:7px 10px 20px 70px;
	font-size:18px;
	line-height:100%;
	text-align:left;
	color:#696;
	background:url(image/onion_bar1.gif) left top no-repeat;
}

#googlemap{
	width:500px;
	height:400px;
	padding:0px;
	margin:20px auto;
	font-size:10px;
	line-height:110%;
}

.balloon{
	width:200px;
	height:auto;
	white-space:nowrap;
	text-align:left;
}
.balloon_name{
	font-size:14px;
	font-weight:bold;
	line-height:110%;
	background:#33F;
	color:#FFF;
	padding:2px;
}

.balloon_address{
	font-size:12px;
	line-height:120%;
}
.balloon_tel{
	font-size:12px;
	line-height:120%;
}
.balloon_fax{
	font-size:12px;
	line-height:120%;
}

.textbox_ime{
	width:300px;
	ime-mode:active;
}
.textbox_noime{
	width:300px;
	ime-mode:disabled;
}
.textarea_ime{
	width:300px;
	height:100px;
	ime-mode:active;
	overflow:auto;
}

#container_footer{
	width:760px;
	height:auto;
	margin:0px;
	padding:0px;
	line-height:100%;
	text-align:center;
	background-color:#FFF;
}

#footer_contents{
	width:740px;
	height:auto;
	margin:0px;
	padding:5px 10px 5px 10px;
	line-height:100%;
	background:url(image/container_body.gif) left top repeat-y;
}

#footer_navi{
	width:424px;
	height:17px;
	margin:0px;
	padding:0px 168px 0px 168px;
	text-align:center;
	white-space:nowrap;
	background:url(image/container_body.gif) left top repeat-y;
	position:relative;
}
#footer_navi a,
#footer_navi a:hover{
	height:17px;
	display:block;
	background-image:url(image/footer_navi.gif);
	background-repeat:no-repeat;
	margin:0px 5px;
	padding:0px;
	float:left;
}
#footer_navi a#navi_law{
	width:86px;
	background-position:0px 0px;
}
#footer_navi a#navi_privacy{
	width:141px;
	background-position:-86px 0px;
}
#footer_navi a#navi_access{
	width:85px;
	background-position:-227px 0px;
}
#footer_navi a#navi_contact{
	width:71px;
	background-position:-312px 0px;
}
#footer_navi a#navi_law:hover{
	background-position:0px -17px;
}
#footer_navi a#navi_privacy:hover{
	background-position:-86px -17px;
}
#footer_navi a#navi_access:hover{
	background-position:-227px -17px;
}
#footer_navi a#navi_contact:hover{
	background-position:-312px -17px;
}

#footer_copyright_back{
	width:740px;
	height:15px;
	display:block;
	margin:0px;
	padding:15px 10px 10px 10px;
	line-height:100%;
	background:url(image/container_footer.gif) left top no-repeat;
}

#footer_copyright{
	width:720px;
	height:15px;
	margin:0px;
	padding:0px;
	line-height:100%;
	position:relative;
	background:url(image/footer_copyright.gif) center top no-repeat;
}


