@charset "UTF-8";

/****************** foundation ******************/

*{
font-size:100%;
font-weight:normal;
font-family:verdana,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka',sans-serif;
font-style:normal;
text-decoration:none;
margin:0;
padding:0;
}

img{
border-width:0;
}

a{
color:#065;
text-decoration:underline;
}

a:hover{
color:#393;
}

strong{
font-weight:bold;
}

pre{
font-size:90%;
line-height:1.2;
font-family:'ＭＳ ゴシック','Osaka－等幅',monospace;
margin:10px;
}


/*************** ENDOF foundation ***************/



/****************** common ******************/

body{
background-image:url(./img/bg_spoon.jpg);
background-position:50% 54px;
background-repeat:no-repeat;
}


h1{
width:780px;
margin:0 auto;
padding:5px 0;
}

h1 a.head_logo{
display:block;
text-align:right;
width:180px;
float:right;
}

h1 strong{
display:block;
padding-top:40px;
}

h1 strong a{
color:#947070;
font-weight:bold;
text-decoration:none;
}

h1 strong a:hover{ color:#b4a0a0; }

div#footer{
text-align:right;
width:780px;
clear:both;
margin:10px auto;
padding:5px 10px;
}

#footer dl{
color:#222;
font-size:90%;
padding:3px 15px;
border-style:solid;
border-color:#ddd;
border-width:1px 0;
}

#footer dt{
display:inline;
}

#footer dd{
display:inline;
padding:5px;
}

#footer dd a{
color:#466;
font-weight:bold;
text-decoration:none;
}

#footer dd a:hover{
color:#799;
text-decoration:underline;
}

#footer p#copyright{
color:#333;
margin:5px 10px;
}


/*************** ENDOF common ***************/


/****************** index ******************/

div#index_menu{
text-align:center;
width:780px;
clear:both;
margin:0 auto;
padding:0 0 10px 0;
}

div#index_menu h2{ display:none; }

div#index_menu ol.hiddenlist{ display:none; }


div#index_topics{
width:780px;
margin:0 auto;
}

#index_topics ul.index_banner{
list-style-type:none;
width:540px;
float:left;
}

.index_banner li{
width:262px;
float:left;
padding:7px 0px 9px 5px;
}

.index_banner li a{
display:block;
background-position:0 0;
background-repeat:no-repeat;
text-align:center;
width:200px;
height:17px;
margin:0 auto;
}

.index_banner li a:hover{ background-position:0 -103px; }

.index_banner li#banner_soupcurry a{
background-image:url(./photo/index_banner_soupcurry_bg.png);
padding:17px 41px 68px 25px;
}

.index_banner li#banner_rouxcurry a{
background-image:url(./photo/index_banner_rouxcurry_bg.png);
padding:17px 27px 68px 39px;
}

.index_banner li#banner_pork a{
background-image:url(./photo/index_banner_pork_bg.png);
padding:17px 41px 68px 25px;
}

.index_banner li#banner_blog a{
background-image:url(./photo/index_banner_blog_bg.png);
padding:17px 27px 68px 39px;
}

#index_topics div.twitter{
background-color:#a0e7ff;
width:230px;
margin-left:545px;
padding:5px 0 0 0;
}

.twitter h2{
text-align:center;
padding:2px 0;
}

.twitter h3{
text-align:center;
padding:0 0 5px 0;
}

.twitter ul{
list-style-type:none;
height:170px;
overflow:auto;
}

.twitter li{
color:#223;
font-size:80%;
line-height:1.3;
margin:0 5px;
padding:6px 2px 6px 5px;
border-style:solid;
border-color:#9bd;
border-width:0 0 1px 0;
}

.twitter li.twitter_notice{
color:#666;
font-size:80%;
}

.twitter li a{
color:#1d99bb;
font-size:80%;
}

.twitter p.follow_me{
font-size:80%;
text-align:center;
padding:3px 0 0 0;
}

.twitter p.follow_me a{
display:block;
color:#fff;
background-color:#30577f;
padding:3px 0;
}

.twitter p.follow_me a:hover{
background-color:#50779f;
}

div#index_info{
background-image:url(./img/index_whatsnew_bg2.png);
background-position:center bottom;
background-repeat:no-repeat;
clear:both;
width:740px;
margin:10px auto;
padding:0 10px 7px 10px;
border-style:solid;
border-color:#426b6b;
border-width:15px 0 0 0;
}

/*
div#index_info{
background-image:url(./img/index_whatsnew_bg.png);
background-position:center center;
background-repeat:no-repeat;
clear:both;
width:740px;
margin:10px auto;
padding:7px 20px;
}
*/

#index_info a{
color:#ffffe3;
text-decoration:none;
}

#index_info .whats_new a{
color:#fff6cc;
font-weight:bold;
}

#index_info a:hover{
color:#fff;
text-decoration:underline;
}

#index_info div.whats_new{
width:420px;
float:left;
}

.whats_new h2{
margin-bottom:4px;
}

.whats_new h2 img{
vertical-align:middle;
padding-right:5px;
}

.whats_new dt{
color:#eed9d9;
font-size:90%;
margin:0 13px 0 5px;
padding:2px 3px;
border-style:solid;
border-color:#eecfcf;
border-width:0 0 1px 0;
}

.whats_new dd{
color:#fff;
font-size:90%;
margin:5px 5px 6px 10px;
}

#index_info table.shop_data{
color:#fff;
font-size:80%;
width:305px;
margin-left:430px;
}

#index_info table caption{ display:none; }

#index_info .shop_data th{
text-align:right;
width:75px;
padding:0.1em 0;
}

#index_info .shop_data td{
padding:0.1em 0 0.1em 5px;
}

#index_info .shop_data td.shop_hour{
padding:0.1em 0 0.1em 0;
}

#index_info .shop_data td.shop_hour table{
width:220px;
margin:0;
}

#index_info .shop_data td.shop_hour th{
text-align:center;
width:50px;
padding:1px 0;
}

#index_info .shop_data td.shop_hour td{ padding:1px 0 1px 0; }

#index_info p.more{
color:#fff;
font-size:80%;
text-align:center;
clear:both;
padding:12px 0 5px 0;
}

#index_info p.more a{
color:#ffc;
margin:0 5px;
}

/*************** ENDOF index ***************/



/****************** contents ******************/

ol.head_menu{
background-image:url(./img/headmenu_bg.png);
background-position:center center;
background-repeat:no-repeat;
width:530px;
clear:both;
margin:0 auto;
padding:15px 20px 9px 230px;
}

.head_menu li{
display:inline;
padding:0 7px;
}

div#contents{
background-image:url(./img/lawer_bg.png);
background-position:50% 50px;
background-repeat:no-repeat;
width:730px;
margin:0 auto;
padding:0 25px 15px 25px;
}

#contents h2{
padding-top:9px;
}

ul.topic_path{
background-image:url(./img/topicpath_home.gif);
background-position:2px 50%;
background-repeat:no-repeat;
font-size:80%;
margin:0 10px 10px 10px;
padding:1px 3px 1px 20px;
border-style:solid;
border-color:#91aea4;
border-width:1px 0;
}

.topic_path li{
display:inline;
padding:0 3px;
}

.topic_path li a{
color:#376;
text-decoration:none;
}
.topic_path li a:hover{ text-decoration:underline; }

#contents h3{
background-image:url(./img/chapter_marker.gif);
background-position:left center;
background-repeat:no-repeat;
clear:both;
margin:20px 5px 10px 5px;
padding:0 0 0 35px;
}

#contents h3 img{
vertical-align:middle;
}

div.content{
background-color:#fff;
margin:5px 20px;
padding:10px;
}

.content h4{
color:#415620;
background-image:url(./img/subchapter_marker.png);
background-position:left center;
background-repeat:no-repeat;
font-size:110%;
font-weight:bold;
margin:1.3em 0 0.5em 0;
padding:0 0 0 25px;
}

.content h5{
color:#333;
font-weight:bold;
margin:1em 15px 0.5em 25px;
}


.content p{
line-height:1.4;
margin:0.5em 20px 0.5em 28px;
}

.feature .content p{
text-indent:1em;
}

.content p.right_image{
text-align:center;
text-indent:0;
width:220px;
float:right;
margin:2px;
padding:5px 10px 10px 5px;
}

.content p.right_image_large{
text-align:center;
text-indent:0;
width:360px;
float:right;
margin:2px;
padding:5px 10px 5px 5px;
}

.content p.right_image_large img{
padding:5px;
}


.content p.center_image{
text-align:center;
text-indent:0;
margin:20px 0;
}

p.page_top{
text-align:right;
clear:both;
margin:5px 10px;
}

.content dl{
margin:5px 30px;
}

.content dt{
color:#f33;
background-image:url(./img/dt_border.png);
background-position:left bottom;
background-repeat:no-repeat;
font-weight:bold;
padding:2px 5px 9px 25px;
}

.content dd{
margin:3px 30px 15px 30px;
}

.content dd em{
display:block;
color:#f33;
font-weight:bold;
text-align:center;
margin:10px 0 14px 0;
}

.content table{
width:600px;
margin:5px auto;
border-collapse:collapse;
border-style:solid;
border-color:#fff;
border-width:2px;
}

.content th{
color:#355;
background-color:#f0f7f7;
font-weight:bold;
width:135px;
padding:0.5em 5px;
border-style:solid;
border-color:#72abab;
border-width:1px;
}

.content td{
color:#333;
padding:0.3em 5px;
border-style:solid;
border-color:#72abab;
border-width:1px;
}

/*************** ENDOF contents ***************/



/****************** feature ******************/


ul.feature_banner{
list-style-type:none;
width:610px;
height:205px;
margin:20px auto;
}

.feature_banner li{
width:292px;
float:left;
padding:5px 4px 10px 5px;
}

.feature_banner li a{
display:block;
background-position:0 0;
background-repeat:no-repeat;
text-align:center;
width:200px;
height:17px;
margin:0 auto;
}

.feature_banner li a:hover{ background-position:0 -81px; }

.feature_banner li#banner_soupcurry a{
background-image:url(./photo/feature_banner_soupcurry_bg.png);
padding:14px 71px 49px 25px;
}

.feature_banner li#banner_rouxcurry a{
background-image:url(./photo/feature_banner_rouxcurry_bg.png);
padding:14px 27px 49px 69px;
}

.feature_banner li#banner_pork a{
background-image:url(./photo/feature_banner_pork_bg.png);
padding:14px 71px 49px 25px;
}

.feature_banner li#banner_sidemenu a{
background-image:url(./photo/feature_banner_sidemenu_bg.png);
padding:14px 27px 49px 69px;
}


p.feature_link{
margin:10px 0;
padding:0;
}

p.feature_link a{
display:block;
color:#fff;
background-color:#92bbbb;
font-size:150%;
font-weight:bold;
text-align:center;
text-decoration:none;
clear:both;
margin:20px 100px;
padding:10px;
border-style:double;
border-color:#fff;
border-width:6px;
}

p.feature_link a:hover{
color:#92bbbb;
background-color:#d3e6e6;
}


/*************** ENDOF feature ***************/



/****************** menu ******************/

/* banner */

ul.menu_banner{
list-style-type:none;
width:720px;
height:100px;
margin:10px auto;
}

.menu_banner li{
width:238px;
float:left;
padding:5px 1px;
}

.menu_banner li a{
display:block;
background-position:0 0;
background-repeat:no-repeat;
text-align:center;
width:200px;
height:45px;
margin:0 auto;
padding:22px 16px 18px 16px;
}

.menu_banner li a#active{ background-position:0 -170px; }
.menu_banner li a:hover{ background-position:0 -85px; }

.menu_banner li#banner_soupcurry a{ background-image:url(./photo/menu_banner_soupcurry_bg.png); }
.menu_banner li#banner_rouxcurry a{ background-image:url(./photo/menu_banner_rouxcurry_bg.png); }
.menu_banner li#banner_sidemenu a{ background-image:url(./photo/menu_banner_sidemenu_bg.png); }

/* soup curry */

.menu h4{
margin:10px;
}

div.menu_soupcurry{
padding:0 5px 10px 5px;
}

div.menu_soupcurry ul{
background-image:url(./photo/menu_leg_bg.png);
background-position:49% 155px;
background-repeat:no-repeat;
list-style-type:none;
height:570px;
position:relative;
}

.menu_soupcurry li{
position:absolute;
background-position:center top;
background-repeat:no-repeat;
text-align:center;
width:204px;
}

.menu_soupcurry li a{
display:block;
padding:120px 2px 5px 2px;
}

.menu_soupcurry li img{ margin:2px; }


.menu_soupcurry li#menu_soupcurry_leg{ width:auto; top:165px; left:210px; }
.menu_soupcurry li#menu_soupcurry_leg a{ padding:150px 60px 10px 20px; }

.menu_soupcurry li#menu_soupcurry_vegi{
background-image:url(./photo/menu_vegi_bg.png);
top:0px;
left:245px;
}

.menu_soupcurry li#menu_soupcurry_bacon{
background-image:url(./photo/menu_bacon_bg.png);
top:15px;
left:470px;
}

.menu_soupcurry li#menu_soupcurry_shrimp{
background-image:url(./photo/menu_shrimp_bg.png);
top:195px;
left:505px;
}

.menu_soupcurry li#menu_soupcurry_boneless{
background-image:url(./photo/menu_boneless_bg.png);
top:25px;
left:20px;
}

.menu_soupcurry li#menu_soupcurry_tongue{
background-image:url(./photo/menu_tongue_bg.png);
top:210px;
left:5px;
}

.menu_soupcurry li#menu_soupcurry_hamburg{
background-image:url(./photo/menu_hamburg_bg.png);
top:390px;
left:50px;
}

.menu_soupcurry li#menu_soupcurry_simmeredpork{
background-image:url(./photo/menu_simmeredpork_bg.png);
top:405px;
left:280px;
}

.menu_soupcurry li#menu_soupcurry_seafood{
background-image:url(./photo/menu_seafood_bg.png);
top:375px;
left:490px;
}

/* spice level */

div.menu_spicelevel{
width:400px;
float:left;
padding:10px 5px;
}

.menu_spicelevel p{
text-align:center;
}




/*
div.menu_rice{
background-image:url(./img/menu_soupcurry_line.gif);
background-position:left center;
background-repeat:no-repeat;
margin-left:410px;
padding:10px 5px;
}
*/

div.menu_rice{
text-align:center;
margin:0;
padding:10px 5px;
}

.menu_rice table{
width:290px;
margin:17px auto;
}

.menu_rice th, .menu_rice td{
color:#666;
font-weight:bold;
text-align:center;
padding:1em 0;
}

.menu_rice td img{
padding:5px;
}

div.menu_topping{
margin:10px 0;
}

.menu_topping div.topping_list{
background-color:#ebf1e4;
padding:8px 3px;
border-style:solid;
border-color:#2f3d1f;
border-width:2px;
}

.topping_list table{
width:150px;
float:left;
border-style:solid;
border-color:#698646;
border-width:0 0 0 1px;
}

.topping_list table th{
text-align:center;
}

.topping_list table td{
color:#698646;
font-weight:bold;
line-height:1.4;
text-align:center;
}


.topping_list table#topping_100yen{
width:260px;
border-width:0;
}

.topping_list table#topping_300yen{
float:none;
}

.topping_list em{
color:#c42;
font-weight:bold;
}

.topping_list p{
color:#c42;
font-size:90%;
font-weight:bold;
clear:left;
padding:10px 0 4px 20px;
}


/* roux curry */

div.menu_rouxcurry{
padding:5px;
}

div.menu_rouxcurry ul{
list-style-type:none;
height:500px;
position:relative;
}

.menu_rouxcurry li{
position:absolute;
background-position:center top;
background-repeat:no-repeat;
text-align:center;
width:310px;
}

.menu_rouxcurry li a{
display:block;
padding:183px 2px 5px 2px;
}

.menu_rouxcurry li img{ margin:2px; }

.menu_rouxcurry li#menu_rouxcurry_vegi{
background-image:url(./photo/menu_roux_vegi_bg.png);
top:0px;
left:30px;
}

.menu_rouxcurry li#menu_rouxcurry_plain{
background-image:url(./photo/menu_roux_plain_bg.png);
top:250px;
right:30px;
}


.menu_rouxcurry li#menu_rouxcurry_cutlet{
background-image:url(./photo/menu_roux_cutlet_bg.png);
top:0px;
right:30px;
}

.menu_rouxcurry li#menu_rouxcurry_hamburg{
background-image:url(./photo/menu_roux_hamburg_bg.png);
top:0px;
left:30px;
}

.menu_rouxcurry li#menu_rouxcurry_tongue{
background-image:url(./photo/menu_roux_tongue_bg.png);
top:250px;
left:30px;
}


p.child_menu{
color:#e30;
background-image:url(./photo/menu_childcurry.jpg);
background-position:93% 50%;
background-repeat:no-repeat;
font-size:120%;
font-weight:bold;
line-height:1.5;
text-align:center;
margin:20px 60px;
padding:25px 200px 25px 30px;
border-style:solid;
border-color:#fe6;
border-width:4px;
}


/* side menu */

div#side_menu{
background-image:url(./photo/menu_sidemenu_image.jpg);
background-position:right center;
background-repeat:no-repeat;
margin-right:20px;
padding:2px 0 10px 0;
}

#contents #side_menu h3{
margin:30px 5px 10px 5px;
}



div.drink_menu{
color:#40807b;
background-color:#e4f1f0;
width:270px;
margin:15px 30px;
border-style:solid;
border-color:#244644;
border-width:2px;
}

div.dessert_menu{
color:#41789c;
background-color:#e2ecf3;
width:270px;
margin:15px 30px;
border-style:solid;
border-color:#274961;
border-width:2px;
}

.drink_menu table, .dessert_menu table{
width:240px;
margin:15px auto;
}

.drink_menu th, .dessert_menu th{
font-weight:bold;
text-align:left;
width:180px;
padding:2px 0;
}

.drink_menu td, .dessert_menu td{
font-weight:bold;
text-align:right;
padding:2px 0;
}

/*************** ENDOF menu ***************/






/****************** access ******************/

.access_map p.map_image{
text-align:center;
margin:20px 0 5px 0;
}

.access_map p.googlelink{
text-align:right;
margin:5px 100px 30px 100px;
}

.access_map dl{
color:#f6fff6;
background-color:#333;
font-size:90%;
margin:10px 100px;
padding:10px;
}

.access_map dt{
width:195px;
float:left;
}

.access_map dd{
margin-left:200px;
}

.access_map p.car_notice{
font-size:80%;
margin:10px 110px;
}


/*************** ENDOF access ***************/



/****************** owner_talk ******************/

ul.owner_talk_list{
list-style-type:none;
letter-spacing:1px;
margin:15px 120px;
}

ul.owner_talk_list li{

margin:0.8em 0;
}

ul.owner_talk_list li a{
display:block;
font-weight:bold;
text-decoration:none;
padding:0.1em 10px;
border-style:dotted;
border-color:#bbc;
border-width:0 0 3px 0;
}

ul.owner_talk_list li a:hover{
border-color:#9db;
}

ul.owner_talk_list a span.desc{
color:#555;
font-size:90%;
letter-spacing:0px;
margin-left:15px;
}

ul.owner_talk_list a:hover span.desc{
color:#f30;
font-size:90%;
letter-spacing:0px;
margin-left:15px;
}

/*************** ENDOF owner_talk ***************/


div.content.owner_talk{
background-color:#fff;
margin:5px 60px;
padding:10px 15px;
}


.owner_talk h4 span.date{
font-size:90%;
margin-left:10px;
}

.feature .content.owner_talk p{
font-size:90%;
line-height:1.6;
text-indent:0;
margin:0.6em 30px 0.6em 38px;
}

.content.owner_talk p.right_image{
margin:2px;
}

.content.owner_talk p.right_image img{
padding-bottom:5px;
}