@charset "utf-8";


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

body {font-size: 14px; font-family: "メイリオ","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif; margin:0; padding:0; line-height: 140%; }
h1 {font-size: 12px; margin: 0; padding: 0; font-weight: normal;}
h2,h3,h4 {font-size: 14px; margin: 0 0 10px 0; padding:5px 0 5px 0; text-align: center; border-bottom: 2px #ddd groove;}
h5 {font-size: 14px; margin: 0 ; padding: 0 ;}
ul,li { margin: 0; padding: 0; }
p { margin: 0; padding: 0; }
img { border-style: none; }

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




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

#shadow {width: 880px;height: 100% ;margin: 0 auto; background-image: url(../image/back_shadow.gif);background-repeat: repeat-y;  }
#wrapper {width: 860px;height: 100% ;margin: 0 auto; padding: 0 ; }
 


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

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

#header { width: 860px;font-size: 10px;} 
#top { width: 100% ;height: 120px; margin: 0 ;background-image: url(../image/h_backtop.jpg);background-repeat: no-repeat; } 
#bottom {width: 100%; height: 18px;background-image: url(../image/back_kodak.gif);background-repeat: no-repeat; color: #fff;}
#navi { width: 100%; height: 35px; border-bottom: 5px groove #f00;background-image:url(../image/navi_back.gif);background-repeat: repeat-x;} 
#navi ul {list-style:none;margin:0; padding-left: 43px;}
#navi li {float:left;text-align:center; padding:0 3px;}


/* ------------------------------
メイン部分
------------------------------ */
#main {width: 855px; margin: 5px 2px;}
#main a:hover { color: #f33;background-color: #000 ;}


#left {width: 670px ; float: left;text-align: left;  }

#left .flow {width: 550px ;height: 70px;  margin: 5px auto; border-bottom: dotted 1px #ccc;}
#left .flow img { margin: 0 30px;}
.price table{width: 600px ; margin: 5px auto ; text-align: center;}
.price td { border-bottom: solid 5px #fcc; }
S
.pay dl {margin: 5px 20px;}
.pay dt {color: #f00;font-weight: bold ; padding-top: 10px; }
.pay dd {border-bottom: dotted 1px #fcc; margin-left: 20px; padding-bottom: 5px;}

#left .lbox1 {width: 180px; float: left; background-color: #fff;background-image: url(../image/boxbackl.gif);background-repeat: repeat-x; margin: 3px;padding: 5px 10px; border-bottom: 2px groove #aaa;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;}

#left .lbox2 {width: 435px; float: left; background-color: #fff;background-image: url(../image/boxback.gif);background-repeat: repeat-x; margin: 3px;padding: 5px 10px; border-bottom: 2px groove #aaa;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;}

#left .lbox3 {width: 650px; float: left; background-color: #fff;background-image: url(../image/boxbackm.gif);background-repeat: repeat-x; margin: 3px; padding: 5px 10px;border-bottom: 2px groove #aaa;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;}



#right {float:right;width:180px;text-align:center; font-size: 12px; padding-right: 3px;}
#right img {margin-top: 15px;}
#right ul { padding: 0 0 0 20px;text-align: left; margin: 0;list-style-image: url(../image/list.gif);line-height: 180% ;}


#right .rbox {width: 150px; float: left; background-image: url(../image/boxbackr.gif);background-repeat: repeat-x; margin: 3px 3px 3px 10px; padding: 5px 10px;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;}




/* フッター
------------------------------ */
#footer { width: 100% ;  overflow: hidden; clear: both;  text-align: center;}

#fbottom {color: #ddd; width: 100% ; height: 80px; border-top: 3px #f00 groove; background-color:gray ;}

.fs01 a {margin: 0px 5px;}

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

.fs01 {font-size: 11px; color: #888;}
.fs01 a {font-size: 12px;}
.fs02 {font-size: 14px;}
.fs03 {font-size: 18px;}
.fs04 {font-size: 24px;}
.fs05 {color: #f00;}
.fs06 {color: #f00;font-weight: bold ; }
.fs07 {color: #00f}
.fs08 {color: #00f;font-weight: bold ; }
.fs09 {color: #f00;font-weight: bold ; font-size: 18px;}


.tbg { background-color:#ffc ;}
.tbk { color: #fff;background-color:#333 ;}


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