/* STYLE RESET */

* {
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6, p, address {
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
}

img {
	border:none;
}


/* BASIC LAYOUT */

body {
	text-align:center;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color:#333333;
	height:100%;
}

#container {
	width: 800px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background-color:#ffffff;
}

#headder {
	width: 800px;
	height: 91px;
}

#pan {
	width: 800px;
	height:20px;
}

#contents {
	margin-top:15px;
	width: 770px;
	margin-left: 20px;	
	margin-right: 10px;
	clear:both;
}

#main {
	width: 594px;
	float: left;
}

#left {
	width:450px;
	float:left;
}
	
#right {
	width:128px;
	float:right;
}

#banner {
	width: 160px;
	float: right;
}

#clear {
	clear:both;
}



/* COMMON LAYOUT */

.left {
	float:left;
	width:284px;
}

.right {
	float:right;
	width:284px;
}


/* HEADDER */

#headder {
	background-image:url(img/back_head.jpg);
	position:relative;
}

h1 {
	width:221px;
}

#menu {
	width:580px;
	color:#CC0000;
	position:absolute;
	top:53px;
	right:10px;
	text-align:right;
}


/* PAN */

#pan {
	border-top:1px solid #cc0000;
	border-bottom:1px solid #cc0000;
}

.pan {
	float:left;
	padding-left:20px;
	color:#CC0000;
	width:650px;
}

.kosodate {
	float:right;
	padding-right:15px;
	text-align:right;
}

.kosodate img {
	margin-right:3px;
	vertical-align:middle;
}


/* MAIN */

#title {
	clear:both;
}

#setumei {
	margin-bottom:20px;
}

#space {
	min-height:500px;
}

#footer {
	padding-top: 15px;
	clear:both;
}

.paginate {
	font-size:12px;
	text-align:center;
}

.go img {
	margin-right:3px;
}

.go {
	text-align:right;
}

.go-top {
	font-size:10px;
	text-align:left;
}

#kosodate {
	font-size:12px;
	font-weight:bold;
	border-top:1px solid #cc0000;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	margin-top:5px;
	color:#cc0000;
}

#back {
	font-size:12px;
	text-align:center;
	padding-top:20px;
	margin-bottom:5px;
	clear:both;
}

#list {
	margin-top:10px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-top:1px dashed #666666;
	border-bottom:1px dashed #666666;
}

#copy {
	text-align:center;
	margin-bottom:15px;
}

.bottomnavi td {
	font-size:12px;
}


/* CATEGORY LAYOUT */

#cate {
    width:98px;
	margin:15px 15px 5px;
	text-align:left;
}

#cate h2 {
	margin-bottom:10px;
}


/* IMAGE LAYOUT */

.imageleft{
	float:left;
	margin-right:15px;
	margin-bottom:5px;
}

.imageright{
	float:right;
	margin-left:15px;
	margin-bottom:5px;
}


/* BANNER */

#square {
	width: 160px;
	height: 160px;
	margin-bottom: 10px;
}

#big {
	width: 160px;
	height:600px;
	margin-bottom: 10px;
}


/* COMMON LINK */

#menu a {
	font-weight:bold;
}

#menu a:link, #pan a:link, .shohin a:link {
    color:#333333;
	text-decoration:none;
}

#menu a:hover, #pan a:hover, .shohin a:hover {
    color:#CC0000;
	text-decoration:underline;
}

#menu a:visited, #pan a:visited, .shohin a:visited {
    color:#333333;
	text-decoration:none;
}

a:link {
	color:#CC0000;
}

a:hover {
	color:#CC0000;
}

a:visited {
	color:#CC0000;
}


/* COMMON FONT */

h1 {
	font-size: 22px;
}

h2 {
	font-size: 20px;
	margin-bottom:10px;
}

h3 {
	margin-bottom:10px;
}

h4 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom:10px;
}

h5 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom:15px;
}

p, address {
	font-size: 12px;
	line-height:150%;
	color: #333333;
}

#space td {
	color: #333333;
}

ul, ol {
	margin-top:10px;
}

#space ul li {
	font-size: 12px;
	line-height:150%;
	color: #333333;
	margin-left:18px;
}

ol li {
	font-size: 12px;
	line-height:150%;
	color: #333333;
	margin-left:18px;
}

.gray {
	color:#333333;
}

.small {
	font-size:10px;
}

.clear {
	clear:both;
}


/* CONTENTS DESIGN */


h3 {
	border-bottom:3px solid #99CC00;
	padding-bottom:3px;
	line-height:125%;
}

h4 {
	padding-bottom:10px;
}

h5 {
	clear:both;
}

td {
	font-size:12px;
	line-height:150%;
	vertical-align:top;
}

.title {
	font-size: 18px;
	font-weight: bold;
}

.category {
	font-size: 12px;
	font-weight: bold;
}

.list ul {
    padding-bottom:20px;
} 

.list ul  li {
    clear:left;
    list-style:none;
	font-size:14px;
	font-weight:bold;
} 

.list td {
	vertical-align:middle;
	font-size:14px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
}

#left img {
   vertical-align:middle;  
    float:left;
    margin-right:12px;
    padding-bottom:5px;	
} 

#message {
	text-align:right;
	font-weight:bold;
	margin-bottom:10px;
}

#sign {
	text-align:right;
}

.green {
	color:#669900;
	text-decoration:underline;
	font-size:14px;
}

.yohaku {
	padding-top:10px;
}

.shadow {
	width:595px;
	background-image:url(img/cook_shadow.gif);
	background-repeat:repeat-y;
	background-position:right;
	margin-top:20px;
	clear:both;
}

#waku {
	border-top:1px solid #99CC00;
	border-left:1px solid #99CC00;
	border-right:1px solid #99CC00;
	width:548px;
	padding:20px;
}

#waku li {
	padding-bottom:10px;
}

#shadow_bottom {
	width:594px;
	height:11px;
	background-image:url(img/cook_shadow_bottom.gif);
	background-repeat:no-repeat;
	clear:both;
}

.list a:link, #message a:link {
    color:#333333;
}

.list a:hover, #message a:hover {
    color:#CC0000;
}

.list a:visited, #message a:visited {
    color:#333333;
}


#right {
	border:1px solid #999999;
	background-color:#EFF3F5;   
	margin-bottom:15px; 
}

#cate p {
    color:#333333;
	font-weight:bold;
}

#cate ul li {
	font-size:12px;
	line-height:160%;	
	color:#666666;
	list-style-type:none;
}

#cate a:link {
    color: #666666;
}

#cate a:visited {
    color: #666666;
}

#cate a:hover {
    color: #666666;
}

#cate a:active {
    color: #666666;
}

.circle {
	color: #99CC00;
	text-align:center;
	clear:both;
}

.tejun {
	padding-right:15px;
}

.tejun ol li {
	* margin-left:25px; 
}

.zairyou {
	padding-left:5px;
}

.kosu {
	text-align:right;
}

#receipt {
	border:solid 1px #99CC00;
	margin-bottom:10px;
	margin-top:15px;
	clear:both;
}

#receipt img {
	margin-left:5px;
}

#receipt td {
	vertical-align:middle;
}