@charset "utf-8";

/* ==================================
 MENU
===================================== */

/* DEMO 
--------------------------------------*/

.demo {
	margin-left: -20px;}

/* MENU 
--------------------------------------*/

* html .ttlmenu {behavior: expression(IEPNGFIX.fix(this));}

.largebox,.lboxbtm {
	width: 934px;
	color: #000;}

.lboxbtm {
	height: 6px;
	background: url(../img/bg_largebox02.gif) left top no-repeat;}

#shioyaki {
	position: relative;
	height: 400px;
	margin-top: 30px;
	padding-bottom: 10px;
	background: url(../img/bg_shiobox.jpg) left top no-repeat;}

#shioyaki  h4 img,#tare  h4 img {
	position: absolute;
	left: -20px; top: -20px;}

#shiolist01 {
	margin: 15px 0 0 396px;}

#shioyaki ul li,#tare ul li {
	margin-top: 0.6em;}

#shioyaki p {
	padding: 15px 0 0 80px;}

span {
	letter-spacing: 0;}

.menulist li {
	position: relative;
	width: 255px;
	background: url(../img/bg_menulist.gif) left 8px repeat-x;}

.menulist li strong,.menulist li em {
	padding: 0 2px;
	background: url(../img/bg_text.gif) left top;}

.menulist li strong {
	line-height: 18px;
	letter-spacing: 0;}

.menulist li em {
	position: absolute;
	right: 0; top: 0;}

.menulist li span {
	font-size: 10px;
	display: block;
	margin-left: 3px;}

#shiolist02 {
	position: absolute;
	left: 670px; top: 40px;}

#shiolist02 li {padding-bottom: 4px;}

#tare {
	position: relative;
	height: 365px;
	margin-top: 30px;
	padding-bottom: 10px;
	background: url(../img/bg_terebox.jpg) left top no-repeat;}

#tarelist01 {
	position: absolute;
	left: 200px; top: 40px;}

#tarelist02 {
	position: absolute;
	left: 466px; top: 40px;}

.mttl {
	margin: 30px 5px;}

#btmbox {
	position: relative;
	float: left;
	width: 573px;
	height: 1044px;
	color: #000;
	background: url(../img/bg_leftbox02.jpg) left top no-repeat;}

#menu01 {
	position: absolute;
	left: 9px; top: 12px;}

#menu02 {
	position: absolute;
	left: 305px; top: 12px;}

#menu03 {
	position: absolute;
	left: 9px; top: 432px;}

#menu04 {
	position: absolute;
	left: 305px; top: 432px;}

#menu04 p {
	font-size: 10px;
	text-indent: -1.2em;
	margin: 0.5em 0 1em 1em;
	color: #900;
	line-height: 1.3em;}

.btmmenu dd {
	padding: 5px 0 0 2px;}

.btmmenu ul li {
	margin-top: 4px;}

*:first-child+html .btmmenu ul li {margin-top: 3px;} 
* html  .btmmenu ul li {margin-top: 3px;} 

#btmright {
	float: right;
	width: 336px;}

.menulist02 {
	margin: 15px 0 30px 0;}

.menulist02 li {
	position: relative;
	width: 335px;
	background: url(../img/bg_menulist02.gif) left 8px repeat-x;}

.menulist02 li strong,.menulist02 li em {
	padding: 0 2px;
	background: url(../img/bg_text02.gif) left top;}

.menulist02 li strong {
	line-height: 20px;}

.menulist02 li em {
	position: absolute;
	right: 0; top: 0;}

.menulist02 li span {
	font-size: 10px;
	display: block;
	margin-left: 3px;}

#btmright dl {
	margin-bottom: 2em;}

#btmright dl dd {
	padding: 15px 0 0 0;}

/* KODAWARI 
--------------------------------------*/

.kodawari {height: 380px;}

.kodawari h3 {margin-bottom: 1.5em;}

.kodawari p {
	line-height: 2em;
	margin-bottom: 1em;}

#kodawari01 {
	padding-right: 390px;
	background: url(../img/img_kodawari01.jpg) right 5px no-repeat;}

#kodawari01 p a {
	text-decoration: underline;}

#kodawari02 {
	padding-left: 390px;
	background: url(../img/img_kodawari02.jpg) left top no-repeat;}