@charset "UTF-8";
@import url("layout.css");/*全テンプレート共通のレイアウトCSS*/

/*===== 記事内部 ======*/
#inner{clear:both;}
#footer{clear:both;text-align:right;padding-right:10px;}

/*===== 見出し ======*/
h1{margin:0;padding:0;padding-right:5px;font-size:12px;line-height:1.5;text-align:right;}
h2{font-size:16px;text-align:left;margin:5px 60px;padding:5px 5px 5px 10px;
	border-left:5px solid #3ae;border-top:1px dotted silver;border-right:1px solid silver;border-bottom:3px double silver;}

/*== 上部ナビゲーション用 ==*/
div#menu ul {width:760px;height:60px;margin:0;padding:0;list-style:none;background-image:url(img/body/navi_back.jpg);}
div#menu ul li{float:left;}

div#menu ul a{display:block;}
div#menu ul a img{width:108px;height:60px;}
div#menu ul a:hover{background-position:0px 60px;}

div#menu ul li#menu1 a{background-image:url(img/body/navi01.jpg);}
div#menu ul li#menu2 a{background-image:url(img/body/navi02.jpg);}
div#menu ul li#menu4 a{background-image:url(img/body/navi03.jpg);}
div#menu ul li#menu5 a{background-image:url(img/body/navi04.jpg);}
div#menu ul li#menu6 a{background-image:url(img/body/navi05.jpg);}
div#menu ul li#menu7 a{background-image:url(img/body/navi06.jpg);}
div#menu ul li#menu8 a{background-image:url(img/body/navi07.jpg);}

/*== パンくずリスト ==*/
#Bread{text-align:left;font-size:14px;margin-left:10px;}

/*== box ==*/
.box_blue5_cen{padding:25px;border:5px solid #6699FF;margin:10px 60px;}
.box_blue5{text-align:left;padding:25px;border:5px solid #6699FF;margin:10px 60px;}

.box_blue5 p.che{background-image:url(img/che.gif);background-repeat:no-repeat;background-position:left center;padding-left:30px;padding-right:20px;font-weight:bold;background-color:#ffff99;}

.box_red5{text-align:left;padding:25px;border:5px solid #cc0000;margin:10px 60px;}

/************ 右カラム内レイアウト用 ************/
.text{text-align:left;margin:0 60px;}
.copy{font-size:12px;text-align:center;padding-top:10px;padding-bottom:10px;}

/*== 申し込みボタン ==*/
.box_blue5_cen a.buy{margin-left:50px;margin-right:50px;}

a.buy{display:block;background-image:url(img/buy.gif);background-repeat:no-repeat;background-position:top center;}
a:hover.buy{background-position:bottom;}
a.buy img{width:480px;height:93px;}

/*== faq用（他デザインのFAQとタグ流用のため別個に作成しているが、枠は「box_blue5」と同じ） ===*/
div#faq-waku div{text-align:left;padding:25px;border:5px solid #6699FF;margin:10px 60px;}
div#faq-waku h2{width:640px;margin:40px auto;line-height :35px;text-align:left;padding:5px;}

#faq-list{margin:0px 20px;margin-left:50px;}
#faq-list li{text-align:left;list-style-type:disc;}
#faq-list a{font-weight:normal;}
#faq-list a:hover{color:red;position:relative;top:1px;left:1px;}

/*=== 申し込みフォーム ===*/
.form-mousikomi{border-collapse:collapse;font-size:14px;}
.form-mousikomi th{border:solid 1px #cccccc;padding:5px;background-color:#efefef;white-space:nowrap;}
.form-mousikomi td{border:solid 1px #cccccc;padding:5px;text-align:left;}
.form-mousikomi td.last{border:none;}
.form-mousikomi span{color:#cc0000;font-weight:bold;}

.form-mousikomi a.pay img{width:200px;height:70px;}
.form-mousikomi a.pay{background-image:url(img/pay.jpg);display:block;float:right;}
.form-mousikomi a:hover.pay{background-position:0px 70px;}

/*=== お問い合わせフォーム ===*/
.form-toi{border-bottom:dotted 5px #cccccc;padding-bottom:10px;margin:0px 50px;}
.form-toi table{border-collapse:collapse;font-size:14px;margin:0 auto;width:500px;}
.form-toi table caption{font-weight:bold;font-size:16px;}
.form-toi table th{border:solid 1px #cccccc;padding:5px;background-color:#efefef;white-space:nowrap;}
.form-toi table td{border:solid 1px #cccccc;padding:5px;text-align:left;}
.form-toi table td.last{border:none;}
.form-toi span{color:#cc0000;font-weight:bold;}

/*== プロフィールテーブル ================================*/
#prof{margin:10px 60px;border-collapse:collapse;}
#prof th.title{font-size:20px;color:#000080;background-color:#ffffff;;border:none;width:auto;}
#prof th{border:solid 1px #808080;background-color:#ccffff;padding:5px;text-align:center;vertical-align:top;width:60px;}
#prof td{border:solid 1px #808080;text-align:left;padding:5px;}

/*== 配送の流れテーブル ================================*/
#deliver{margin:10px 60px;border-collapse:collapse;}
#deliver th{border:solid 1px #cccccc;}
#deliver td{border:solid 1px #cccccc;text-align:left;padding:5px 10px;}

/*== 運営者情報テーブル ================================*/
table.company{margin:10px 60px;font-size:10pt;}
table.company th{width:130px;padding:5px;border-left:solid 4px #cbcbcc;border-bottom:solid 1px #cbcbcc;vertical-align:top;}
table.company td{text-align:left;padding:5px;background-color:#efefef;border-bottom:solid 1px #cbcbcc;border-right:solid 1px #cbcbcc;}