@charset "utf-8";


/* ------------------------------
共通部分
------------------------------ */
html,body{height: 100%;  }
body {font-size: 14px; font-family: "メイリオ","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif; margin:0; padding:0; line-height: 150%; background-image: url(../pict/back000.gif) ;background-repeat: repeat-y; background-color: #fff;}
h1 {font-size: 12px; margin: 0; padding: 0; font-weight: normal;}
h2,h3 {font-size: 14px; margin: 0 ; padding: 0; color: #f00;}
h4 {font-size: 14px; margin: 0 ; padding: 0 ;}
ul,li { margin: 0; padding: 0; }
p { margin: 0; padding: 0; }
img { border-style: none; }
strong,em {font-weight: normal;font-style: normal;text-decoration: none; }

a:link {text-decoration: none; }
a:visited {text-decoration: none;  }
a:hover { text-decoration: none; }


/* ------------------------------
全体,ボーダー角丸BOX
------------------------------ */

.backbox01 {  margin: 5px ; padding: 5px ;background-color: #ddd;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;behavior: url(border-radius.htc);}

.backbox02 {  margin: 5px ; padding: 5px ;background-color: #eee;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;behavior: url(border-radius.htc);}


/* ------------------------------
ヘッダー
------------------------------ */

#header { width: 100% ;height: 130px; font-size: 11px ;background-image: url(../pict/h_back01.gif) ;background-repeat: repeat-x;border-bottom: 5px groove #f60; clear: both; overflow: hidden;}
#top { width: 800px;height: 120px; margin: 0 ; padding: 0 10px;} 

#hnavi0 { width: 100% ;height: 25px; margin: 0; padding: 0 10px;font-size: 11px; color: #fff ;border-bottom: 5px groove #f00;background-color:#000; clear: both;}
#hnavi {width: 800px;}
#hnavi ul {list-style: none;margin:0;padding-top: 3px; }
#hnavi li {float:left;text-align:center; padding:0 5px;}
#hnavi a:link {text-decoration: none;color: #fff; }
#hnavi a:visited {text-decoration: none; color: #ccc; }
#hnavi a:hover { text-decoration: none; color: #f00; background-color: #eee;}


/* ------------------------------
メイン部分
------------------------------ */
#container  { width: 940px ;height: 100%;}
#main a:link {text-decoration: underline;color: #36f; }
#main a:visited {text-decoration: underline; }
#main a:hover { text-decoration: none; color: #000; background-color: #9ff;}



#left {width: 100px; height: 100%; float: left;text-align: center; }

#left .snavi ul {list-style: none;margin:0;padding: 7px 0 0 0;}
#left .snavi li { margin:-6px 0 0 0;padding:0;}



#left02 {width: 120px; float: left;font-size: 11px; text-align: center;  }
#left02 ul { list-style: none;margin:0;padding:0; }
#left02 p { margin: 30px 0;}
#left02 h4 { background-color: #f00;text-align: center; font-weight: normal;}



#main  {width: 700px; float: left ;padding:0 10px; }
#main  h3 {border-bottom: 7px solid #0f9; margin: 5px 0; padding: 3px 0 2px 5px;}
#main  h4 {border-bottom: 5px solid #cf9; margin: 5px 0; padding: 3px 0 0 5px;}
#main  p {margin: 10px 0;}




.flow { margin: 5px auto;border-bottom: 8px solid #6cf ;width: 600px;height: 70px;}
.flow img {margin: 0px 80px 0px 50px ; float: left; }


.order {clear: both; margin: 5px;text-align: center;}
.price table {margin: 5px auto; width: 650px; border: 1px #000 solid; background-color: #fff;}
.price td { border: 1px #000 solid;}
.pay dt {color: #f00;font-weight: bold; margin-left: 25px; padding-top: 3px; }
.pay dd {margin:0 20px;border-bottom: dotted 1px #e33;}

.faq dt {color: #009;font-weight: bold; margin-left: 20px; padding-top: 3px; border-bottom: dotted 1px #090;}
.faq dd {margin:0 10px; padding: 5px ;}

.law {width: 630px; margin: 5px auto; padding: 0 30px; border: double  3px #690;}
.law ul li { margin:0 0 0 25px }



.tbg { background-color:#ffc ; font-weight: bold; color: #f00;}
.tbk { color: #fff;background-color:#333 ;}


#cunder  { width: 800px ;height: 30px; margin: 10px auto;text-align: center; clear: both;}

/* フッター
------------------------------ */
#footer {color: #000; width: 100% ;height: 100px; background-image: url(../pict/f_back01.gif) ;background-repeat: repeat-x;border-bottom: 5px groove #f60;border-top: 5px groove #00f; overflow: hidden; clear: both;  text-align: center; }
#fbox {width: 800px; margin: 0 auto;}


/* その他文字等
------------------------------ */

.fs01 {font-size: 10px;}
.fs02 {font-size: 11px;}
.fs03 {font-size: 12px;}
.fs04 {font-size: 14px;}
.fs05 {font-size: 18px;}
.fs06 {font-size: 24px;}
.fs07 {font-size: 30px;}
.fs08 {font-size: 36px;}




.fsr {color: #f00;}
.fsrb {color: #f00;font-weight: bold ; }
.fsb {color: #00f}
.fsbb {color: #00f;font-weight: bold ; }






.acf { text-align: center; clear: both;}
.ac { text-align: center; }
.ar { text-align: right; }
.al { text-align: left; }

.fleft {float: left;}
.fright {float: right;}
.fcl {clear: both;}

.m5  {margin: 5px;}
.m10 {margin: 10px;}
.m20 {margin: 20px;}

.rm5  {margin-right: 5px;}
.rm10 {margin-right:10px;}
.rm20 {margin-right:20px;}

.lm5  {margin-left: 5px;}
.lm10 {margin-left:10px;}
.lm20 {margin-left:20px;}

.tm5  {margin-top:5px;}
.tm10 {margin-top:10px;}
.tm20 {margin-top:20px;}

.bm5  {margin-bottom:5px;}
.bm10 {margin-bottom:10px;}
.bm20 {margin-bottom:20px;}


/* 噴出し部分
------------------------------ */

p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 14px; background-color: white; border: 1px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }