
body {
font-size : small;
font-family :"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"Ms Pゴシック",sans-serif;
color : #555555;
text-align : center;
letter-spacing : 0.25em;
margin : 0;
padding : 0;
background-color : #68B6E3;
background-image : url("../lib-img/bg.gif");
}


h1 {
font-size : small;
text-align : right;
margin : 0;
padding : 5px;
color : #ffffff;
background-color : #007BC3;
}

h2 {
margin : 10px;
font-size : medium;
color : #ff0000;
}

h3 {
margin : 10px;
font-size : medium;
color : #980000;
font-weight :normal;
}

p {
margin : 10px;
line-height : 150%;
font-style : normal;
}

strong {
color : #ff0000;
}

a img {
	filter: Alpha(Opacity=100);
	-moz-opacity: 1.0;
 	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

a:hover img { filter: Alpha(Opacity=50); -moz-opacity: 0.7; }

#header_box {
width : 100%;
height : 100px;
display : block;
background-image : url("../lib-img/header_bg.jpg");
background-repeat : repeat-x;
}

#header {
width : 800px;
height : 80px;
display : block;
overflow : hidden;
margin : 0 auto 0 auto;
padding : 0;
}

#header_logo {
width : 350px;
height : 80px;
display : block;
overflow : hidden;
float : left;
margin : 0 auto 0 auto;
padding : 0;
}

#header_info {
width : 450px;
height : 80px;
float : right;
display : block;
overflow : hidden;
text-align : center;
vertical-align : middle;
color : #ffffff;
line-height : 140%;
margin : 10px auto 0 auto;
padding : 0;
}

#g_menu {
width : 800px;
height : 50px;
text-align : left;
margin : 15px auto 0 auto;
padding : 0;
background-color : #007BC3;
}

#g_menu ul {
margin : 0;
padding : 0;
}

#g_menu li {
list-style-type : none;
width : 160px;
height : 50px;
display : block;
overflow : hidden;
margin : 0;
padding : 0;
float : left;
}


#contents {
width : 800px;
text-align : left;
display : block;
margin : 10px auto 0 auto;
padding : 0;
background-color : #ffffff;
}


#leftbox {
width : 600px;
text-align : center;
margin : 10px auto 0 auto;
padding : 0;
display : block;
overflow : hidden;
float : left;
background-color : #ffffff;
}


#mainbox {
width : 580px;
text-align : left;
margin : 10px auto 10px auto;
padding : 0;
display : block;
overflow : hidden;
background-color : #ffffff;
}

#rightbox {
width : 200px;
text-align : center;
float : right;
margin : 10px auto 10px auto;
padding : 0;
background-color : #ffffff;
}

#r_contents {
width : 190px;
margin : 10px auto 10px auto;
padding : 0;
background-color : #ffffff;
}

#rightbox h2{
color : #980000;
}

.top_recipi_m {
width : 190px;
margin : 0;
padding : 0;
background-image : url("../lib-img/r_recipi_bg.gif");
}

.top_recipi_m p{
margin : 0 5px 0 5px;
padding : 5px;
}


#foot_infobox h3{
color : #0D004C;
font-size : small;
padding :2px 0 0 20px;
background-image :url("../lib-img/arrow_dotto.gif");
background-repeat : no-repeat;
}

#foot_infobox table{
margin-top: 0;
margin-left : auto;
margin-bottom : 0;
margin-right : auto;
background-color : #ffffff;
}

.info_tb td{
font-size : x-small;
color : #555555;
}

.info_tb th{
font-size : x-small;
color : #ffffff;
}

address {
color : #0D004C;
text-decoration : none;
margin : 10px;
}

.item_box {
width : 190px;
display : block;
margin : 10px auto 10px auto;
padding : 0;
background-color : #ffffff;
float : left;
}


.rank_box{
width : 180px;
margin : 0 auto 0 auto;
padding : 0;
clear : both;
}

.rank_box h2 {
color : #ff0000;
font-size : small;
margin : 0;
padding : 0;
}