@charset "utf-8";
@import url("margin.css");
@import url("text.css");
@import url("padding.css");
@import url("set_details.css");
@import url("menu.css");
@import url("addin.css");
@import url("map.css");
 /*------------------------------------
共通
------------------------------------*/
* {
margin : 0 ;
padding : 0 ;
background-repeat:no-repeat;
}
p{
font:normal 12px/130% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"
line-break: normal;
}
strong{
font-style: normal;
font-weight: normal;
}
body{
width : 100% ;
}
#my_body{
margin: 0 auto;
width: 800px;
}
.indentset{
text-indent: none;
text-decoration:none;
}
/*------------------------------------
ヘッダー
------------------------------------*/
/*#my_headerue{
width : 760px;
padding-left: 10px;
padding-right: 30px;
padding-top: 5px;
border-left: solid 1px #32550f;
border-right: solid 1px #32550f;
background-image: url(../img/header_ue.jpg);
background-repeat: repeat-y;
}*/
#my_headerue{
width : 800px;
padding-left: 0px;
padding-right: 0px;
padding-top: 1px;
border-left: solid 1px #32550f;
border-right: solid 1px #32550f;
background-image: url(../img/header_ue.jpg);
background-repeat: repeat-y;
}
#headertitle{
color: #000000;
font-size: 11px;
font-weight: normal;
}
#header{
width : 800px;
height : 70px;
border-left: solid 1px #32550f;
border-right: solid 1px #32550f;
background-image:url(../img/header2.jpg);
}
#top_img{
width: 800px;
border-left: solid 1px #32550f;
border-right: solid 1px #32550f;
}
#top_img2{
width: 800px;
border-left: solid 1px #32550f;
border-right: solid 1px #32550f;
}
#header_btn_rap{
float: right;
margin-right: 10px;
padding-top: 11px;
}
.header_btn{
margin-top: 5px;
}
.header_btn a{
display: block;
width: 90px;
height: 10px;
padding: 5px 0px;
font-size: 12px;
text-align: center;
text-decoration: none;
color: #d7ffd7;
background-color:#284b19;
}
.header_btn a:hover{
color: #d7ffd7;
background-color: #669900;
}
/*------------------------------------
グローバルメニュー
------------------------------------*/
#main_menu{
width : 800px;
height : 40px;
border-left: solid 1px #32550f;
border-right: solid 1px #32550f;
background-color:#FF9900;
}
/*------------------------------------
メインコンテンツ
------------------------------------*/
#my_main{
width : 800px;
padding-bottom: 30px;
background-image: url(../img/bg.jpg);
background-color:#FFCC00;
background-repeat: repeat-x;
border-left: solid 1px #32550f;
border-right: solid 1px #32550f;
overflow: auto;
}
#my_main_2nd{
width : 800px;
padding-bottom: 30px;
background-color:#FFCC00;
background-image: url(../img/bg.jpg);
overflow: auto;
border-left: solid 1px #32550f;
border-right: solid 1px #32550f;
}
#contentsrap{
width: 800px;
}
#contentsrap_2{
width: 800px;
background-image: url(../img/bg_2nd.gif);
overflow: auto;
background-repeat: repeat-y;
}
/*--左コンテンツ--*/
#contentsleft{
/*width: 525px;*/
width: 565px;
padding-left: 15px;
float: left;
}
.titlebar{
/*width: 430px;*/
width: 470px;
height:28px;
padding-top: 28px;
padding-left: 90px;
background-image: url(../img/titlebar.gif);
background-repeat: no-repeat;
clear: both;
}
.titlebar h2{
color: #FFFFFF;
font-size: 18px;
margin-top: 0px;
}
.text_area{
/*width: 500px;*/
width: 540px;
height: 240px;
font-size: 12px;
line-height: 1.5;
padding: 5px 10px 10px 10px;
overflow: hidden;
/*background-color:#ebe3c0;*/
background-color:#FFFF99;
}

.titlebar_yaoko{
width: 400px;
height:24px;
padding-top: 50px;
padding-left: 120px;
clear: both;
background-image: url(../img/titlebar_yaoko.gif);
background-repeat: no-repeat;
}
.titlebar_yaoko h2{
color: #FFFFFF;
font-size: 18px;
margin-top: 0px;
}
.text_area_yaoko{
width: 390px;
height: 142px;
font-size: 12px;
padding: 15px 10px 10px 120px;
overflow: hidden;
background-image: url(../img/titlebar_yaoko_2.gif);
}
.text_area_yaoko p{
line-height: 1.5;
}
.text_area3{
/*width: 500px;*/
width: 540px;
font-size: 12px;
line-height: 1.5;
padding: 5px 10px 10px 10px;
overflow: hidden;
background-color:#ebe3c0;
}

.text_area4{
/*width: 500px;*/
width: 550px;
hegith: 100px;
font-size: 12px;
line-height: 1.5;
margin-bottom: 10px;
padding: 5px 20px 10px 10px;
overflow: hidden;
background-image: url(../img/maeoki_bg.jpg);
}

.text_area5{
width: 700px;
font-size: 12px;
line-height: 1.5;
padding: 5px 10px 10px 10px;
margin-left: 20px;
margin-right: 20px;
overflow: hidden;
background-color:#ebe3c0;
}

.text_area_osusume{
width: 500px;
height: 400px;
font-size: 12px;
line-height: 1.5;
padding: 5px 10px 10px 10px;
overflow: hidden;
background-color:#ebe3c0;
}
.text_area_osusume2{
/*width: 500px;*/
width: 540px;
font-size: 12px;
line-height: 1.5;
padding: 5px 10px 10px 10px;
overflow: hidden;
background-color:#ebe3c0;
}
.article_rap{
float: left;
width: 480px;
padding-left: 10px;
padding-right: 10px;
padding-top: 8px;
padding-bottom: 8px;
border-bottom: dashed 1px #333333;
}
.date{
float: left;
width: 70px;
}
.article{
float: left;
width: 390px;
padding-left: 20px;
}
.go_list{
margin-top: 8px;
float:right;
}
.go_list a{
text-align:center;
display: block;
width: 95px;
padding: 5px;
font-size: 10px;
text-decoration: none;
color: #FFFFFF;
background-color: #FF6600;
}
.go_list a:hover{
color: #FFFFFF;
background-color: #FF0000;
}
#top_osusume_rap{
width:480px;
}
.top_osusume_con{
width: 150px;
padding: 5px;
margin-top:10px;
float: left;
border-top: solid 2px #50024E;
background-image: url(../img/top_osusume_bg.jpg);
background-repeat: repeat;
}
.top_osusume_text{
font-size: 11px;
line-height: 1.2;
padding-bottom: 3px;
}
.top_osusume_img{
width: 150px;
}
.top_osusume_shopname{
width: 150px;
text-align: center;
color: #FFFFFF;
font-size: 12px;
padding-bottm: 5px;
/*background-color: #50024E;*/
background-color:#CC3300;
}
.top_osusume_img_2{
/*margin-left: 5px;*/
width: 150px;
border:0;
}
.gototop{
float: right;
font-size: 11px;
margin-right: 5px;
margin-top: 20px;
}
/*--右コンテンツ--*/
#contentsright{
/*width: 215px;*/
/*width: 180px;*/
width:215px;
padding-left: 5px;
float: right;
}
.titlebar2{
width: 145px;
height: 26px;
padding-top: 20px;
padding-left: 65px;
margin-top: 10px;
background-image: url(../img/titlebar2.gif);
background-repeat: no-repeat;
}
.titlebar2 h2{
color: #FFFFFF;
font-size: 16px;
}
.text_area2{
width: 180px;
height: 240px;
font-size: 12px;
padding: 5px 10px 10px 10px;
overflow: auto;
/*background-color:#ebe3c0;*/
background-color:#FFFFCC;
}
.border_nasi{
border:0;
}
#text_area2_text_rap{
width: 180px;
padding-bottom: 5px;
}
#text_area2_img{
width: 180px;
}
.baner_area_top{
width: 190px;
height: 300px;
margin-top: 21px;
font-size: 12px;
/*padding-top:10px:*/
/*padding: 10px;*/
padding: 5px;
overflow: auto;
/*background-color: #ebe3c0;*/
background-color:#FFFFCC;
}
.baner_area{
width: 180px;
height: 428px;
margin-top: 32px;
font-size: 12px;
padding: 10px;
overflow: auto;
/*background-color: #ebe3c0;*/
background-color:#FFFFCC;
}
.baner_area_2nd{
width: 180px;
/*width: 220px;*/
font-size: 12px;
padding: 15px;
}
/*------------------------------------
八麺会って
------------------------------------*/
.about_kuchikomi_img{
width: 240px;
float: right;
}
.about_kuchikomi_img_left{
margin-top:10px;
width: 240px;
float: left;
}
.about_kuchikomi_text{
/*width: 250px;*/
width: 290px;
line-height: 1.5;
float: left;
}
.about_kuchikomi_text1{
/*width: 250px;*/
width: 500px;
line-height: 1.5;
float: left;
}
.about_kuchikomi_text2{
/*width: 250px;*/
width: 520px;
line-height: 1.5;
float: left;
}
.glay{
color: #996600;
font-weight: 800;
}
.sankajyo_rap{
width: 230px;
clear: both;
padding-top: 5px;
}

.sankajyo_rap1{
width: 510px;
clear: both;
padding-top: 5px;
}
.sankajyo_rap2{
width: 320px;
clear: both;
padding-top: 5px;
}
.sankajyo_number{
width: 20px;
float: left;
}
.sankajyo_text{
width: 210px;
float: right;
}
.sankajyo_text1{
width: 470px;
float: left;
}
.sankajyo_text2{
width: 300px;
float: right;
}
/*------------------------------------
めぐり合いツアー
------------------------------------*/
.event_rap{
width: 500px;
background-image: url(../img/event_bg.jpg);
background-repeat: repeat;
overflow: auto;
margin-top: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
.event_title{
width: 284px;
padding-left: 6px;
color: #FF3300;
font-size: 12px;
line-height: 1.3;
border-left: solid 3px #FF3300; 
}
/*---.event_title{
width: 480px;
color: #FF3300;
font-size: 14px;
padding: 0px 10px;
}---*/
.event_text_rap{
width: 290px;
float: left;
padding-left:10px;
}
.text_img_rap{
padding-top:5px;
}
.event_text{
width: 290px;
font-size: 12px;
line-height: 1.5;
padding-top: 10px;
}
.event_img{
width:180px;
float:right;
padding-right:10px;
}
.event_to_shousai{
padding-top: 5px;
float: right;
}
.event_to_shousai a{
color: #996699;
font-size: 12px;
text-decoration: none;
}
.event_to_shousai a:hover{
color: #9999CC;
}
/*------------------------------------
ニュース・八麺会ツアー・ゲリライベント・おすすめ店舗情報詳細ぺージ
------------------------------------*/
/*.event_rap2{
width: 700px;
background-image: url(../img/event_bg.jpg);
background-repeat: repeat;
overflow: auto;
margin-top: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
.event_title2{
width: 670px;
padding-left: 10px;
color: #FF3300;
font-size: 16px;
font-weight: bold;
line-height: 1.3;
margin-left: 10px;
border-left: solid 3px #FF3300; 
}
.event_text_rap2{
width: 350px;
padding-left: 10px;
float: left;
}
.text_img_rap2{
padding-top:10px;
clear: both;
}
.event_text2{
width: 350px;
font-size: 12px;
line-height: 1.5;
padding-top: 10px;
}
.event_img2{
width:310px;
float:right;
padding-right:10px;
}
*/.shop_info_rap{
width: 390px;
border-bottom: dotted 1px #333333;
padding-bottom: 3px;
padding-top: 5px;
overflow: auto;
}
.shop_info_left{
width: 80px;
color: #FF6600;
float: left;
}
.shop_info_rap_right{
width: 310px;
float: right;
}
.back_number{
width: 680px;
padding-top: 8px;
padding-bottom: 8px;
padding-right: 10px;
text-align: right;
float: right;
}
.event_title3{
width: 680px;
font-size: 14px;
font-weight: bold;
line-height: 1.3;
margin-top: 10px;
margin-left: 10px;
}
.event_text_rap3{
width: 390px;
padding-right: 10px;
float: right;
}
.event_text3{
width: 390px;
font-size: 12px;
font-weight: bold;
line-height: 1.5;
padding-top: 10px;
border-bottom: solid 1px #333333;
}
.event_img3{
width:270px;
float:left;
padding-left:10px;
}
.event_title4{
width: 680px;
font-size: 12px;
line-height: 1.3;
margin-top: 10px;
padding-left: 10px;
}
.event_text4{
width: 390px;
font-size: 12px;
line-height: 1.5;
padding-top: 10px;
}
.event_img4{
width:270px;
float:right;
padding-right:10px;
}

.event_title5{
width: 670px;
padding: 3px 0px 3px 10px;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
line-height: 1.3;
margin-left: 10px;
clear: both;
background-color: #CFAFBA;
}
.go_list2{
margin-top: 15px;
margin-right: 5px;
float:right;
clear: both;
}
.go_list2 a{
display: block;
width: 50px;
padding: 5px;
font-size: 10px;
text-decoration: none;
color: #FFFFFF;
background-color: #FF0000;
}
.go_list2 a:hover{
color: #FFFFFF;
background-color: #FF6600;
}
/*------------------------------------
サイトマップ・リンク
------------------------------------*/
#kanrenlink_rap{
width: 450px;
}
#kanrenlink{padding-left: 20px; float: left;}
#kanrenlink ul{list-style: none;}
#kanrenlink li{
width: 200px;
height: 20px;
margin-top: 5px;
}
#kanrenlink a{
display: block;
width: 165px;
height: 18px;
font-size: 12px;
padding-left: 35px;
padding-top: 2px;
color: #666666;
text-decoration: none;
background: url("../img/pochi.jpg") no-repeat 0px 0px;
}
#kanrenlink a:hover{
color: #00CC00;
background: url("../img/pochi.jpg") no-repeat 0px -20px;
}

#kanrenlink2{padding-left: 20px; float: left;}
#kanrenlink2 ul{list-style: none;}
#kanrenlink2 li{
width: 200px;
height: 20px;
margin-top: 5px;
}
#kanrenlink2 a{
display: block;
width: 165px;
height: 18px;
font-size: 12px;
padding-left: 35px;
padding-top: 2px;
color: #666666;
text-decoration: none;
background: url("../img/pochi.jpg") no-repeat 0px 0px;
}
#kanrenlink2 a:hover{
color: #00CC00;
background: url("../img/pochi.jpg") no-repeat 0px -20px;
}
/*------------------------------------
お問合せフォーム・新着情報
------------------------------------*/
.list_box{
width: 500px;
margin-top: 20px;
margin-left: 5px;
}
.list_box table{
border-top: 1px solid #999999;
border-right: none;
border-bottom: none;
border-left: none;
width: 500px;
font-size: 12px;
}
.list_box td{
border-bottom: 1px solid #999999;
border-right: none;
border-left: none;
padding: 10px;
}
.list_box th{
border-bottom: 1px solid #999999;
border-right: none;
border-left: none;
width: 112px;
padding: 10px 10px 10px 20px;
text-align:left;
line-height: 1.5;
background-color:#EBE3BF;
font-weight: normal;
}
.list_box2{
width: 500px;
margin-left: 10px;
border: none !important;
}
.list_box3{
width: 500px;
}
/*------------------------------------
フッター
------------------------------------*/
#my_footer{
width : 740px;
height: 15px;
padding-left: 30px;
padding-right: 30px;
padding-top: 10px;
padding-bottom: 10px;
clear: both;
border-left: solid 1px #32550f;
border-right: solid 1px #32550f;
background-color:#FF6600;
}
#credit{
font-size: 12px;
float: left;
color: #FFFFFF;
}
#sitemap{
float: right;
padding-left: 10px;
}
#sitemap a{
text-decoration: none;
font-size: 12px;
color: #FFFFFF;
}
#sitemap a:hover{
color: #FFFF00;
}