@charset "utf-8";
/* 
http://www.gnavi.co.jp/
Layout Style CSS "style.css"
GOURMET NAVIGATOR INC.
*/


@import url("../../css/common_deli.css");

/*---------------------------------------------
 SearchResult
---------------------------------------------*/
#SearchResult {margin-top:20px;padding-bottom:5px;}
#SearchResult .red {color:#F00;}
#SearchResult .grayout {color:#999;}
.methodBg{background:#E7EFF7;}
.space20{margin-top: 20px;}
.caution{margin-top: 20px;color:#F00;font-size:125%;text-align: center;font-weight:bold;}


/*---------------
 Style
---------------*/
div#main{margin:30px 0 40px 0;}
* html body div#main{margin-bottom:25px;}

/* Top */
div#main div.top_menu{width:920px; height:210px; background-image:url(../img/bg_02.jpg); background-repeat:no-repeat; padding:0 15px;}
div#main div.top_menu div.top_price{float:left; margin:0 5px 0 0px; width:180px;}
div#main div.top_menu div.top_price2{float:left; margin:0; width:180px;}
div#main img.top_price{margin-top:4px;}
div#main div.top_area{margin:15px 0px; text-align:center;}
div#main div.top_link{width:950px; margin-bottom:25px;}
div#main div.top_link ul.top_link{list-style:none; text-align:center;}
div#main div.top_link li.top_link{margin-left:15px; display:inline; background-image:url(../img/bt_arrow.gif); background-repeat:no-repeat; padding-left:15px;}

/* list */
div#main div.menu{width:948px; min-height:40px; margin-bottom:15px; border:#CCCCCC 1px solid;}
* html body div#main div.menu{height:40px;}
div#main div.menu ul.menu{margin-top:10px; font-size:15px; font-weight:bold; list-style:none; text-align:center;}
div#main div.menu ul.menu li.menu_txt{width:135px; display:inline;}
div#main div.menu ul.menu li.menu{width:120px; margin-right:10px; padding-right:10px; border-right:solid #666666 1px; display:inline;}
div#main div.menu ul.menu li.menu_r{width:120px; display:inline;}

div.subimg{border:#CCCCCC 1px solid; width:923px; height:55px; background-image:url(../img/subimg01.jpg); background-position:right; background-repeat:no-repeat; padding:25px 0 0 25px;}
div.retu{margin-top:20px;}
div.retu div.box{width:210px; margin-right:20px; padding:5px; border:#CCCCCC 1px solid; float:left; text-align:center;}
div.retu div.box_r{width:210px; margin:0; padding:5px; border:#CCCCCC 1px solid; float:left; text-align:center;}
div.retu p.img{height:160px; margin:0;}
div.retu p.shop{margin-top:5px; font-weight:bold; text-align:left;}
div.retu p.name{min-height:35px; font-weight:bold; text-align:left;}
* html body p.name {height:35px;}
div.retu td.price{font-weight:bold; font-size:125%; text-align:left;}
div.retu div.area{margin-top:5px;}
div.retu img.area{margin-right:3px; float:left;}
div.retu p.area{width:168px; float:left; font-size:80%; text-align:left;}

div#main div.pagetop{width:150px; margin:20px 0 10px 0; float:right; text-align:right;}
div#main div.line_navy{margin-top:30px;}

/* pop */
div.bg_navy{background-color:#000066; min-height:40px;}
* html body div.bg_navy{height:40px;}
div.pop_shop{width:470px; color:#FFFFFF; font-size:200%; text-align:center; padding:5px; margin:0 auto;}
div.pop_main{width:480px; margin:0 auto; text-align:center;}
img.pop_img{margin:10px;}
div.pop_name{width:450px; background-color:#d8d8de; min-height:25px; border:#4b4c64 1px solid; margin:0 auto; padding:5px; font-size:150%; font-weight:bold; text-align:left;}
* html body div.pop_name{height:25px;}
div.pop_detail{width:450px; border:#4b4c64 1px solid; border-top-style:none; margin:0 auto; padding:5px; text-align:left;}
div.pop_area{width:450px; background-color:#d8d8de; min-height:15px; border:#4b4c64 1px solid; margin:0 auto; padding:5px; font-weight:bold; margin-top:20px; text-align:left;}
* html body div.pop_area{height:15px;}
div.area_detail{width:450px; border:#4b4c64 1px solid; border-top-style:none; margin:0 auto; padding:5px; text-align:left;}
img.close{margin:20px;}

/* flow */
a.flow:link {color: #FFFFFF; text-decoration:none;}
a.flow:visited {color:#d69797; text-decoration:none;}
a.flow:hover {color: #FFFFFF; text-decoration:underline;}
a.flow:active {color: #FFFFFF; text-decoration:underline;}

div#flow {margin-top:15px;}
div#flow div.step {width:150px; height:131px; margin:0; float:left;}
div#flow p.step {width:115px; height:25px; margin:0; background-image:url(../img/flow/arrow_white.gif); background-position:background-repeat:no-repeat; font-size:90%; font-weight:bold; padding-left:35px; padding-top:9px;}
div#flow div.arrow {width:8px; margin-top:25px; float:left;}
div#flow div.arrow2 {width:8px; margin-top:10px; float:left;}
div#flow div.step5 {width:166px; height:131px; float:left; margin:0;}
div#flow div.step5_2 {width:150px; margin:0; float:left;}
div#flow p.arrow_l {margin:3px 0 2px 0;}

div.step_top{width:910px; margin:0 auto; background-repeat:no-repeat;}
* html body div.up{margin-top:-2px;}
div.step_main{width:886px;margin:0 auto; border:#2e2f57 2px; border-style:none solid; padding:0px 0 15px 20px;}
p.step_title{float:left; margin:0 20px 15px 0; font-size:120%; color:#000033; font-weight:bold;}
* html body p.step_title{margin:0 10px;}
p.step_go{float:right; margin:0 20px 0 0;}
* html body p.step_go{margin:0 10px 0 0;}
img.bt_back{margin-right:10px;}


div.step_main div.step1{float:left; margin:15px 40px 0 0; text-align:center;}
div.step_main div.steptxt{float:left; margin:15px 0 0 0; text-align:left; width:350px;}
div.step_main div.steptxt2{float:left; margin:15px 0 0 0; text-align:left; width:450px;}
div.step_main div.step2{float:left; margin:15px 0px 0 0; text-align:center;}
div.step_main p.txt{text-align:left; width:255px;}
div.step_main .txt2{color: #FF0000; font-weight: bold;}
div.step_main p.txt3{text-align:left; width:290px;}
div.step_main img.photo{margin:5px;}
div.step_main div.step_left{float:left; width:630px; margin-top:20px;}
div.step_main p.carefull{min-height:20px; margin-top:5px; padding:3px; border:#FF0000 1px solid; width:475px; color:#FF0000; font-weight:bold;}
* html body div.step_main p.carefull{height:20px;}
div.step_main table.step{margin-top:15px;}

div.step_main div.step1_3{float:left; text-align:center; width:234px; margin-top:15px;}
div.step_main div.step1_3 p.detail{text-align:center; background-color:#eeeeee; padding:5px;}
div.step_under{width:910px; margin:0 auto ;}
div#main div.border{border:1px #000033 solid; border-style:solid none none none; width:865px; margin: 0 0 0;}
div#main div.pagetop_flow{width:150px; margin-top:20px; float:right; text-align:right;}
* html body div#main div.pagetop_flow{margin-bottom:30px;}
div#main div#bt_top{margin-bottom:30px; text-align:center; width:950px;}


/*---------------------------------------------
 Paging
---------------------------------------------*/
div#Paging{width:650px; margin:20px 0 10px 0; padding-left:150px; float:left;}
div#Paging ol{list-style:none;text-align:center;}
div#Paging ol li{margin-right:2px;padding-left:5px;display:inline;border-left:1px solid #000; white-space:nowrap;}
div#Paging ol li.title{border:0;margin-right:0;}
div#Paging ol li.first{border:0;}
div#Paging ol li.now{font-weight:bold;color:#F00;}
div#Paging ul{margin-top:10px;list-style:none;text-align:center;}
div#Paging ul li{margin-right:5px;padding-left:10px;display:inline;border-left:1px solid #000;white-space:nowrap;font-weight:bold;}
div#Paging ul li.first{border:0;}
div#Paging ul .grayout{color:#999;}

/*---------------
 CleraFix
---------------*/
.clfix{zoom:1;}
.clfix:after{display:block;clear:both;height:0;content: url(../img/spacer.gif);}
.clfix{display: inline-block;}
/* Mac版IEを除外 \*/
.clfix{display: block;}
/* */


//20081119追加
BODY { overflow-x : hidden ;}