@charset "utf-8";


/* ------------------------------
共通部分
------------------------------ */

body {height: 100%; color: #000000; font-size: 14px; font-family: "メイリオ","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif; line-height: 140%; margin:0; padding:0;overflow-y:scroll;}
h1 {font-size: 10px; margin: 0; padding: 0; font-weight: normal ;}
h2 {font-size: 14px; margin: 0; padding:0 ;}
h3,h4 {font-size: 14px; padding:0 ; border-bottom: 2px solid #f00; border-left: 7px solid #f00; margin: 5px 10px 5px 0; padding: 2px 10px;}
h5 {font-size: 12px; margin: 0 ; padding: 0 ; }
ul { margin: 0; padding: 0; list-style: none; }

img { border : 0; }
strong {font-weight: normal;text-decoration: none;}
em {font-weight: normal;text-decoration: none;}

a:link {text-decoration: underline; color: #09c;}
a:visited {text-decoration: underline ; }
a:hover { text-decoration: none ; color: #c00; }
a:active {}




/* ------------------------------
角丸BOX
------------------------------ */
/* グレーバック*/
.bbox1 { margin: 5px 0 ; padding: 5px 7px;background-color: #ddd;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}

/* グレーバック　黒ボーダー  */
.bbox2 { border: 3px solid #000 ;margin: 5px 0 ; padding: 5px 7px;background-color: #eee;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}

/* グレーバック　赤ボーダー  */
.bbox3 { border: 3px solid #f00 ;margin: 5px 0 ; padding: 5px 7px;background-color: #eee;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}


/* ------------------------------
全体
------------------------------ */
#wrapper {width: 940px;height: 100% ;margin: 0 auto;  clear: both; overflow: hidden; padding: 0;}
#shadow {width: 960px;height: 100% ;margin: 0 auto;background-image: url(../image/wback.gif); background-repeat: repeat-y; }




/* ------------------------------
レフト
------------------------------ */

#left {float:left; width:180px; text-align:left; line-height: 150% ; padding-left: 2px;}

#top {float: left; width: 180px;}
#top p {margin: 0;}
#top a:link {text-decoration: none;}
#top a:visited {text-decoration: none;}
#top a:hover { text-decoration: none ;  }

#leftnavi ul {margin-left: 1px;line-height: 180%; }
#leftnavi li {background-image: url(../image/btn01.gif); background-repeat: no-repeat; padding:2px 0 0 15px;}

.un {width: 170px;margin: 10px auto; padding-bottom: 15px ;border-bottom: dotted 1px #0f0;}

#sns {width: 160px; margin: 0 auto;padding: 0 5px;}
/* ------------------------------
ヘッダー
------------------------------ */

#header {float: right; margin: 0 ;width: 750px ;height: 80px; } 




/* ------------------------------
メイン部分
------------------------------ */

#main {width: 750px ;float: right; margin-top: 5px;  text-align: left; overflow: hidden; }

.dpe {text-align: left; padding: 10px;}
.dpe table {width: 750px; border: 1px solid #000; margin: 5px 0;}
.dpe td {height: 30px; border: 1px solid #000;}

.orderleft {float: left;width:150px;height: 70px; text-align: center;border-top: 5px solid #ddd;border-bottom: 5px solid #ddd;margin:5px 5px 5px 50px; padding-top: 10px;}
.orderright {float: left;width: 500px;height: 70px;text-align: left;border-top: 5px solid #ddd; border-bottom: 5px solid #ddd;margin: 5px;padding-top: 10px;}
.order {width: 720px;height: 20px;text-align: center;  clear: both; margin: 0 auto;}


.price table {width: 700px; margin: 0 auto; text-align: center;border-spacing: 10px;}
.price td {border-left: solid 1px #fcf;border-bottom: solid 5px #fcf; padding-bottom: 5px; }

#cd {margin-top: 20px;}
#cd ul {list-style-type: square;margin-left: 20px;}

#cd ol {list-style-type: lower-latin; border: solid 1px #f00; width: 600px;}
#cd ol li {font-size: 12px; color: #333;}

.down {width: 700px;}
.down table {width: 650px; border: 1px solid #000; margin: 5px 0;}
.down td {border: 1px solid #555;}
.tbg {background-color: #eee;}
.tbp {background-color: #fcf;}


.pay {width: 650px;margin: 0 auto;}
.pay dt {font-size: 16px;border-bottom: solid 2px #00f;margin-top: 10px;}
.pay dd {font-size: 16px;border-bottom: dotted 1px #0f0;margin-top: 5px;}

.faq {width: 700px; text-align: left; overflow: hidden; margin: 0 auto 10px;  }
.faq dt { font-weight: bold ;background-color: #9ff;}
.faq dd { margin: 10px auto; padding-bottom: 15px; border-bottom:  1px dotted ; }


.cg table {width: 720px; border: 1px solid #000; margin: 5px auto;}
.cg td {border: 1px solid #555;}


/* フッター
------------------------------ */
#footer { width: 940px ; clear: both;  text-align: center; font-size: 12px;padding-top: 20px;}


/* 黒バック　赤ボーダー  */
.bbox4 {text-align: right; border: 3px solid #000 ;margin: 5px 0 ; padding: 5px 7px; color: #fff;background-color: #f00;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}







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

.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;}



/* Kwicks
------------------------------ */

.kwicks {  list-style: none; position: relative; margin: 0; padding: 0; background-image:url(navi.jpg); } 
  
.kwicks li{ display: block; overflow: hidden;  padding: 0;cursor: pointer; float: left;width: 125px;height: 40px;margin-right: 0px;	background-image:url(navi.jpg);	background-repeat:no-repeat;}

.kwicks a{	display:block;	height:40px;	text-indent:-9999px;	outline:none;}

#kwick1 {	background-position:0px 0px;}
#kwick2 {	background-position:-200px 0px;}
#kwick3 {	background-position:-400px 0px;}
#kwick4 {	background-position:-600px 0px;}
#kwick5 {	background-position:-800px 0px;}
#kwick6 {	background-position:-1000px 0px;}



#kwick1.active, #kwick1:hover { background-position: 0 bottom;}
#kwick2.active, #kwick2:hover {	background-position: -200px bottom;}
#kwick3.active, #kwick3:hover {	background-position: -400px bottom;}
#kwick4.active, #kwick4:hover {	background-position: -600px bottom; }
#kwick5.active, #kwick5:hover {	background-position: -800px bottom;}
#kwick6.active, #kwick6:hover {	background-position: -1000px bottom;}


#kwick1 a:hover{background-position: left -20px;}

#kwick6 a:hover{background-position: right -120px;}






.kwicksa {  list-style: none; position: relative; margin: 0; padding: 0; background-image:url(navi2.jpg); } 
  
.kwicksa li{ display: block; overflow: hidden;  padding: 0;cursor: pointer; float: left;width: 125px;height: 40px;margin-right: 0px;	background-image:url(navi2.jpg);	background-repeat:no-repeat;}

.kwicksa a{	display:block;	height:40px;	text-indent:-9999px;	outline:none;}

#kwick1a {	background-position:0px 0px;}
#kwick2a {	background-position:-200px 0px;}
#kwick3a {	background-position:-400px 0px;}
#kwick4a {	background-position:-600px 0px;}
#kwick5a {	background-position:-800px 0px;}
#kwick6a {	background-position:-1000px 0px;}



#kwick1a.active, #kwick1a:hover { background-position: 0 bottom;}
#kwick2a.active, #kwick2a:hover {	background-position: -200px bottom;}
#kwick3a.active, #kwick3a:hover {	background-position: -400px bottom;}
#kwick4a.active, #kwick4a:hover {	background-position: -600px bottom; }
#kwick5a.active, #kwick5a:hover {	background-position: -800px bottom;}
#kwick6a.active, #kwick6a:hover {	background-position: -1000px bottom;}


#kwick1a a:hover{background-position: left -20px;}

#kwicka6 a:hover{background-position: right -120px;}