@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Gochi+Hand);

/*■初期設定■---------------------------------------------------------------------------------------------------------------------------*/
*{ margin: 0; padding: 0; text-decoration: none; line-height: 1em; list-style-type: none; color: #f0f; font-size: 14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
img { border-style: none; }
a { overflow: hidden; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix			 { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

body { background: #000; }

#wrapper { width: 1000px; margin: 0 auto; background: #fff; }


/*■サイト内共通クラス■-----------------------------------------------------------------------------------------------------------------*/
.float_l { float: left; }
.float_r { float: right; }

.text_fff { color: #fff; }
.text_666 { color: #666; }
.text_000 { color: #000; }
.text_red { color: #ea3434; }
.text_grn { color: #090; }
.sub_title { margin: 50px 0 30px 40px; font-size: 28px; color: #999; }

/*■ヘッダー■---------------------------------------------------------------------------------------------------------------------------*/
#header { margin-bottom: 30px; background:url(img_gif/header3.gif); width: 1000px; height: 200px; }
#header h1 { font-size: 18px; padding: 20px 0 0 20px; line-height: 1.3em; }

#header_logo { width: 300px; height: 50px; margin: 30px 0 0 13px; background: url(img_png/basirush_logo.png); text-indent: -9999px; }

#header_right { margin: 25px 20px 0 0; }

#header_right p { color: #fff; margin-bottom: 15px; }

#header a:hover { color: #ea3434; }

#tel { width: 240px; height: 80px; background: url(img_gif/tel2.gif); border-radius: 5px; }

#site_map a { font-size: 15px; color: #555; border: #555 2px solid; padding: 7px; border-radius: 5px; width: 150px; margin-top: 10px; text-align: center;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #d8dada), color-stop(0.22, #f1f1f1), color-stop(0.44, #c7c8ca), color-stop(0.74, #e7e8e8), color-stop(1.00, #fdfdfd));
background: -webkit-linear-gradient(top, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);
background: -moz-linear-gradient(top, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);
background: -o-linear-gradient(top, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);
background: -ms-linear-gradient(top, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);
background: linear-gradient(to bottom, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);
}


/*■メインナビ■-------------------------------------------------------------------------------------------------------------------------*/
#navi1 { width: 980px; margin: 0 auto 40px; }
#navi1 li { float: left }
#navi1 li a { width: 196px; height: 40px; display: block; text-indent: -9999px; }

#navi1_01 a { background: url(img_gif/navi1.gif) 0px 0px; }
#navi1_02 a { background: url(img_gif/navi1.gif) -196px 0px; }
#navi1_03 a { background: url(img_gif/navi1.gif) -392px 0px; }
#navi1_04 a { background: url(img_gif/navi1.gif) -588px 0px; }
#navi1_05 a { background: url(img_gif/navi1.gif) -784px 0px; }

#navi1_01 a:hover,#navi1_01_on { background: url(img_gif/navi1.gif) 0px 40px; }
#navi1_02 a:hover,#navi1_02_on { background: url(img_gif/navi1.gif) -196px 40px; }
#navi1_03 a:hover,#navi1_03_on { background: url(img_gif/navi1.gif) -392px 40px; }
#navi1_04 a:hover,#navi1_04_on { background: url(img_gif/navi1.gif) -588px 40px; }
#navi1_05 a:hover,#navi1_05_on { background: url(img_gif/navi1.gif) -784px 40px; }



/*■フッター■---------------------------------------------------------------------------------------------------------------------------*/

#footer {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #444444), color-stop(1.00, #111111));
	background: -webkit-linear-gradient(top, #444444 0%, #111111 100%);
	background: -moz-linear-gradient(top, #444444 0%, #111111 100%);
	background: -o-linear-gradient(top, #444444 0%, #111111 100%);
	background: -ms-linear-gradient(top, #444444 0%, #111111 100%);
	background: linear-gradient(to bottom, #444444 0%, #111111 100%);
}

#footer_text { margin: 0 90px 0 0; }

#kick { padding: 10px; }

#navi2 { margin: 10px 0px 0 0px; }
#navi2 ul li { color: #fff; float: left; }
#navi2 ul li a { color: #fff; }
#navi2 a:hover { border-bottom: 1px dotted; }

#copy { color: #fff; margin-top: 48px; text-align: center; }


/*■各タイトルバー■---------------------------------------------------------------------------------------------------------------------*/
.sub_title { width: 980px; height: 150px; margin: 0 auto 50px; border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #551b1b), color-stop(0.00, #972417));
	background: -webkit-linear-gradient(top, #972417 0%, #551b1b 100%);
	background: -moz-linear-gradient(top, #972417 0%, #551b1b 100%);
	background: -o-linear-gradient(top, #972417 0%, #551b1b 100%);
	background: -ms-linear-gradient(top, #972417 0%, #551b1b 100%);
	background: linear-gradient(to bottom, #972417 0%, #551b1b 100%);
}

.sub_title p { color: #fff; font-size: 24px; width: 900px; margin: 0 auto 0; border-bottom: 1px solid #ccc; line-height: 1.5em; padding: 40px 0 0 10px; }


/*■トップページ■-----------------------------------------------------------------------------------------------------------------------*/

#top_picture { width: 978px; height: 398px; background: url(img_jpg/top_pic2.jpg); margin: 0px auto 30px; padding: 1px; border-radius: 7px; }

#otodoke { width: 932px; height: 113px; background: url(img_png/top_mess.png) no-repeat; margin: 270px 0 0 20px; text-indent: -9999px; }

#dash p { width: 219px; height: 76px; margin: 5px 0 0 680px; background: url(img_gif/dash.gif) no-repeat; }

#dash p:hover { background: url(img_gif/anime_1.gif); }

#top_main { margin: 0 0 50px; }

#top_left_box { width: 480px; margin-left: 10px; padding: 20px 20px 0; background: #DDFFDF; border: #148e0b 3px dashed; border-radius: 5px; }
#top_left_box p { color: #666; font-size: 12px; line-height: 1.3em; }
.top_left_box_text { padding: 0 10px; text-indent: 15px; margin: 5px 0 25px; }

.top_sam { width: 70px; }
.top_sam img { border-radius: 5px; }
.top_sam_text { width: 370px; font-size: 18px; line-height: 1.3em; color: #148E0B; margin: 12px 10px 0 0; border-bottom: 1px solid #148E0B; }


/*----------------------*/
#making { font-size: 18px; color: #666; margin: 0 0 15px 10px; padding-left: 10px; line-height: 1.5em; }

#slide_show { width: 436px; margin: 0px 10px 0 0; border-radius: 5px; border: solid #f90 1px; padding: 20px 0 20px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ffb268), color-stop(0.17, #ffdfc2), color-stop(0.51, #ff8916), color-stop(0.79, #ffae5e), color-stop(1.00, #ff8a16));
	background: -webkit-linear-gradient(top, #ffb268 0%, #ffdfc2 17%, #ff8916 51%, #ffae5e 79%, #ff8a16 100%);
	background: -moz-linear-gradient(top, #ffb268 0%, #ffdfc2 17%, #ff8916 51%, #ffae5e 79%, #ff8a16 100%);
	background: -o-linear-gradient(top, #ffb268 0%, #ffdfc2 17%, #ff8916 51%, #ffae5e 79%, #ff8a16 100%);
	background: -ms-linear-gradient(top, #ffb268 0%, #ffdfc2 17%, #ff8916 51%, #ffae5e 79%, #ff8a16 100%);
	background: linear-gradient(to bottom, #ffb268 0%, #ffdfc2 17%, #ff8916 51%, #ffae5e 79%, #ff8a16 100%);
}

#maru { font-size: 15px; color: #fff; padding: 5px; border-radius: 5px; margin-left: 21px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #af2324), color-stop(0.00, #fa4248));
	background: -webkit-linear-gradient(top, #fa4248 0%, #af2324 100%);
	background: -moz-linear-gradient(top, #fa4248 0%, #af2324 100%);
	background: -o-linear-gradient(top, #fa4248 0%, #af2324 100%);
	background: -ms-linear-gradient(top, #fa4248 0%, #af2324 100%);
	background: linear-gradient(to bottom, #fa4248 0%, #af2324 100%);
}

/*skitter*/
#skitter { width: 400px; margin: 0px auto 0; }

/*skitter ラベル部分*/
.label_skitter { z-index: 150; position: absolute; bottom: 0px; left: 0px; background: url(gaibu/images/back-box-label-black.png) repeat-x left top;color:#fff;display:none;border-top:1px solid #000;}
.label_skitter p { padding: 10px; margin: 0; color: #fff; font: normal 18px arial,tahoma; letter-spacing:-1px; }

#stop { margin-top: 20px; padding: 3px; width: 392px; background: #fff; border-radius: 5px; text-align: center; border: 1px #f90 solid; color: #666}



/*■バジルについて■---------------------------------------------------------------------------------------------------------------------*/
#basil_pic { width: 854px; height: 300px; margin: 0 auto 50px; }
#basil_pic img { border-radius: 50px; box-shadow: 3px 3px 5px #999; }

#about_basil { width: 480px; margin: 0 0 80px 50px; }
#about_basil p { color: #666; font-size: 13px; line-height: 1.5em; text-indent: 12px; padding: 5px 10px; background: #efe; border-radius: 5px; }

#about_basil h3 { padding: 4px 10px; color: #fff; border-radius: 5px; display: inline;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2e9f28), color-stop(0.00, #276c23));
	background: -webkit-linear-gradient(top, #276c23 0%, #2e9f28 100%);
	background: -moz-linear-gradient(top, #276c23 0%, #2e9f28 100%);
	background: -o-linear-gradient(top, #276c23 0%, #2e9f28 100%);
	background: -ms-linear-gradient(top, #276c23 0%, #2e9f28 100%);
	background: linear-gradient(to bottom, #276c23 0%, #2e9f28 100%);
	border: #060 solid 1px;
}

.basil_title { margin: 30px 0 20px; }

#basil_right_box { width: 380px; margin: 40px 50px 0 0; }
#basil_right_box img { border-radius: 5px; }
#basil_right_box p { color: #666; font-size: 14px; text-align: center; margin: 10px 0 30px; }


/*■メニュー■---------------------------------------------------------------------------------------------------------------------------*/
#menu_table { width: 900px; margin: 0 auto 50px; }
#menu_table td { width: 33%; height: 370px; border: 1px solid #fff; border-radius: 7px; vertical-align: top; }

.menu_pic { width: 280px; margin: 0 auto; }
.menu_pic img { border-radius: 5px; }

.piza_list { width: 260px; margin: 0px auto; padding: 3px 0; border-bottom: solid 1px #666; }
.piza_list li  { float: left; }

.piza_name { color: #000; font-size: 12px; text-indent: 10px; margin-top: 2px; }

.menu_price_m  { width: 57px; height: 15px; margin: 0px 0 0 10px; text-indent: -9999px; }
.menu_price_l  { width: 57px; height: 15px; margin: 0px 0 0 10px; text-indent: -9999px; }

.price_m1 { background: url(img_gif/size.gif) 0 0; }
.price_m2 { background: url(img_gif/size.gif) 0 -30px; }
.price_m3 { background: url(img_gif/size.gif) 0 -60px; }
.price_m4 { background: url(img_gif/size.gif) 0 -90px; }

.price_l1 { background: url(img_gif/size.gif) -57px 0; }
.price_l2 { background: url(img_gif/size.gif) -57px -30px; }
.price_l3 { background: url(img_gif/size.gif) -57px -60px; }
.price_l4 { background: url(img_gif/size.gif) -57px -90px; }

.price_m1:hover { background: url(img_gif/size.gif) 0 -15px; }
.price_m2:hover { background: url(img_gif/size.gif) 0 -45px; }
.price_m3:hover { background: url(img_gif/size.gif) 0 -75px; }
.price_m4:hover { background: url(img_gif/size.gif) 0 -105px; }

.price_l1:hover { background: url(img_gif/size.gif) -57px -15px; }
.price_l2:hover { background: url(img_gif/size.gif) -57px -45px; }
.price_l3:hover { background: url(img_gif/size.gif) -57px -75px; }
.price_l4:hover { background: url(img_gif/size.gif) -57px -105px; }

.piza_mate { color: #972417; font-size: 11px; line-height: 1.7em; width: 260px; margin: 5px  auto; }
.piza_desc { color: #333; font-size: 11px; line-height: 1.7em; width: 260px; margin: 5px  auto; text-indent: 10px; }


/*■お届けエリア■-----------------------------------------------------------------------------------------------------------------------*/
#area_map { width: 870px; margin: 30px auto 50px; }
#area_map iframe {  border-radius: 15px; border: #FBD051 solid 10px; }

#area_text { margin: 0 0 0 30px; }
#area_text dt,#area_text dd,#area_text a { color: #666; }
#area_text a { text-decoration: underline; }
#area_text a:hover { color: #0C0; text-decoration: none; }

#area_text dt { color: #fff; border-radius: 5px; width: 240px; margin: 20px 0 10px 35px; padding: 3px; text-align: center;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ffa443), color-stop(1.00, #ff7400));
	background: -webkit-linear-gradient(top, #ffa443 0%, #ff7400 100%);
	background: -moz-linear-gradient(top, #ffa443 0%, #ff7400 100%);
	background: -o-linear-gradient(top, #ffa443 0%, #ff7400 100%);
	background: -ms-linear-gradient(top, #ffa443 0%, #ff7400 100%);
	background: linear-gradient(to bottom, #ffa443 0%, #ff7400 100%);
}

#area_text dd { margin-left: 65px; line-height: 1.3em; }

#piza_pic { margin-right: 57px; }


/*■ご注文■-----------------------------------------------------------------------------------------------------------------------------*/
#form_box { width: 800px; margin: 0px auto 50px; border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #21571e), color-stop(0.00, #319c30));
	background: -webkit-linear-gradient(top, #319c30 0%, #21571e 100%);
	background: -moz-linear-gradient(top, #319c30 0%, #21571e 100%);
	background: -o-linear-gradient(top, #319c30 0%, #21571e 100%);
	background: -ms-linear-gradient(top, #319c30 0%, #21571e 100%);
	background: linear-gradient(to bottom, #319c30 0%, #21571e 100%);
}

#form_box table { width: 650px; margin: 0 auto 0; padding: 50px 0 50px 0; }
#form_box tr { height: 70px; }

.form_item1 { width: 30%; }
.form_item2 { width: 35%; }
.form_item3 { width: 35%; }

.inp_wid { width: 350px; }

.zenkaku { ime-mode: active; }
.hankaku { ime-mode: inactive; }


/*■ご注文(確認)■-----------------------------------------------------------------------------------------------------------------------*/
#conf_table { width: 700px; border: #090 10px solid; border-radius: 5px; margin: 0 auto 50px; padding: 20px 0 20px 70px; }
#conf_table td { font-size: 15px; line-height: 2.5em; }

.conf_item1 { color: #090; width: 200px; }
.conf_item2 {  }

#conf_bottom_box { width: 700px; margin: 30px auto 50px; }
#conf_mess { width: 700px; margin: 0 auto 0; text-align: center; }
#conf_mess p { line-height: 2em; }
#conf_button { width: 400px; margin: 30px auto 0; }

/*■ご注文(送信)■-----------------------------------------------------------------------------------------------------------------------*/
#mail_send { width: 700px; border: #090 10px solid; border-radius: 5px; margin: 0 auto 50px; padding: 20px 0 20px 70px; }
#mail_send p { color: #090; font-size: 15px; line-height: 2.5em; }