@charset "UTF-8";

/*===== 全体レイアウト ======*/
html{margin:0;padding:0;}
body{margin:0;padding:0;font-size:14px;line-height:1.5;background-color:#ffffff;text-align:center;background-image:url(img/body/back1.jpg);background-repeat: repeat-x;}

#back1{background-image:url(img/body/back1-light.jpg);background-repeat:no-repeat;}/*左上ライト画像上乗せ用*/

#back{background-image:url(img/body/back2.gif);background-repeat:repeat-y;background-position:center 250px;}
#waku{width:840px;margin:0 auto;background-color:#ffffff;}

/*===== レイアウト調整用 ======*/
img{border:none;}
.cr{clear:both;}

.lef{text-align:left;}
.rig{text-align:right;}

.cen{text-align:center;}
.a-right{float:right;margin-left:10px;margin-bottom:5px;}
.a-left{float:left;margin-right:10px;margin-bottom:5px;}

.b{font-weight:bold;}

/*===== 左右カラム分け ======*/
#left{float:left;width:190px;text-align:center;}
#right{float:right;width:620px;margin-right:10px;text-align:left;}

#footer{clear:both;text-align:right;padding-right:10px;}

/*===== 見出し ======*/
h1{margin:0;padding:0;}
h2{margin:10px 0px 5px;}

/*===== 左カラム内部 ======*/

#left img{margin:5px;}
#left p.bana{text-align:center;margin:0px 5px;}
#left p.bana a:hover img{position: relative;top:1px;left:1px;}

/*----- 左カラムnavi -----*/
ul.menu{margin:0;padding:0;list-style:none;}
ul.menu li{text-align: center;}
ul.menu li a{display: block;width: 190px;height: 50px;margin:10px 5px;padding:0;background-position:top center;background-repeat: no-repeat;}
ul.menu li a:hover{background-position:0px -50px;}

ul.menu li.menu00 a{background-image:url(img/body/left-m00.jpg);}
ul.menu li.menu01 a{background-image:url(img/body/left-m01.jpg);}
ul.menu li.menu02 a{background-image:url(img/body/left-m02.jpg);}
ul.menu li.menu03 a{background-image:url(img/body/left-m03.jpg);}
ul.menu li.menu04 a{background-image:url(img/body/left-m04.jpg);}
ul.menu li.menu05 a{background-image:url(img/body/left-m05.jpg);}
ul.menu li.menu06 a{background-image:url(img/body/left-m06.jpg);}
ul.menu li.menu07 a{background-image:url(img/body/left-m07.jpg);}
ul.menu li.menu08 a{background-image:url(img/body/left-m08.jpg);}
ul.menu li.menu-mali a{background-image:url(img/body/left-mail.jpg);}

/*----- 左カラムnavi(没) 
ul.menu{margin:0;padding:0;list-style:none;text-align:left;font-size:12px;}
ul.menu li{line-height:25px;margin:5px;}
ul.menu li a{display:block;width:180px;color:#000000;text-decoration:none;padding-left:10px;background-image:url(img/body/left-li.gif);background-repeat:no-repeat;background-position:0px 6px;}
ul.menu li a:hover{color:#cccccc;background-color:#333333;background-image:url(img/body/left-li_on.gif);}
-----*/

/*===== 右カラム内部 ======*/
.pagetop {display:block;text-align:right;margin-bottom:20px;}
div.copy{font-size:12px;text-align:center;padding-top:10px;padding-bottom:10px;}

.col-text{text-align:left;}

/*----- 右カラム見出し -----*/
#right h2{background-image:url(img/body/right-h2.jpg);border-bottom:dotted 1px #ffffff;border-left:solid 5px #999999;color:#ffffff;padding-left:10px;}

#right h3{border-bottom:dotted 1px #cccccc;background-image:url(img/body/right-h3.jpg);background-repeat:no-repeat;background-position:2px 4px;padding-left:20px;}

/*【box用CSS】================================*/
.box_gray{color:#006699;font-weight:bold;text-align:center;background-color:#cccccc;margin:10px 30px;}
.box_line_g{margin:10px 30px;padding:10px;border:solid 1px #cccccc;}

/*【テーブル用CSS】================================*/
table.t-cen{margin:auto;}

table{border-collapse:collapse;margin:auto;background-color:#ffffff;}
table th{padding:5px;border:solid 1px #CCCCCC;word-spacing:nouwrap;}
table td{padding:5px;border:solid 1px #CCCCCC;text-align:center;}

table.line{border:solid 1px #CCCCCC;}
table.line td{border:none;}

hr.b1{height:1px;background-color:#333333;border:solid 0px #333333;}

.gray{background-color:#cccccc;}
.none{border:none;}
.none-l{border-left:none;}

/*【メールフォーム用テーブルCSS】 ================================*/
table.mail{margin:10px;}
table.mail th{width:250px;text-align:left;white-space:nowrap;padding:5px;font-weight:normal;border:solid 1px #333333;background-color:#333333;color:#ffffff;border-bottom:solid 1px #cccccc;}
table.mail th.last{border-bottom:solid 1px #333333;}
table.mail td{width:350px;padding:5px;text-align:left;border:solid 1px #333333;}

/* hidden使うとエラーになるようなので、代わりに */
input.hid{height:0px;border:solid 1px #ffffff;color:#ffffff;}


/*【商品テーブル用CSS】================================*/
table.syo{margin:10px auto;width:620px;font-size:12px;text-align:center;border:none;border-collapse:separate;}
table.syo td{padding:10px;text-align:center;vertical-align:top;border:solid 1px #cccccc;}
table.syo td.none{border:none;}
table.syo td.txt{border:none;font-size:14px;text-align:left;padding:5px;}


/*内部文章左寄せテーブル*/
table.t-left{margin:10px auto;width:600px;}
table.t-left td{text-align:left;}
table.t-left th{font-weight:normal;text-align:center;}

table.t-left th.th1{color:#006699;font-weight:bold;text-align:center;background-color:#eeeeee;}
table.t-left th.th2{font-weight:bold;text-align:center;border-right:none;}/*01-04.html用*/
table.t-left th.th3{font-weight:bold;text-align:center;white-space:nowrap;}

/*(col/01-01.html#c04)*/
table.t01 th.th1{color:#006699;background-color:#e3e3e3;}
table.t01 td.td1 span{color:#006699;font-weight:bold;}

table.t01 td.td2{text-align:center;background-color:#e3e3e3;}
table.t01 td.td3{text-align:center;background-color:#ffffff;width:1em;}

/*(col/01-01.html01-01#c05)(col/01-02.html#c02)*/
table.t02 th.th1{color:#006699;font-weight:bold;width:1em;background-color:#eeeeee;}
table.t02 th.th2{color:#006699;font-weight:normal;background-color:#eeeeee;}
table.t02 th.th3{color:#006699;font-weight:bold;background-color:#eeeeee;}
table.t02 td.td2{width:200px;}

/*(col/01-02.html#c02)*/
table.t03 th{padding:3px 5px;width:100px;font-weight:normal;}
table.t03 td{padding:3px 5px;width:300px;text-align:left;}
table.t03 th.th1{color:#006699;background-color:#eeeeee;}

/*(col/01-02.html#c02)*/
table.t04{border:none;margin:10px auto;width:600px;}
table.t04 th.th1{color:#006699;font-weight:bold;width:1em;background-color:#eeeeee;}
table.t04 th.th2{color:#006699;background-color:#eeeeee;text-align:center;}
table.t04 th.th3{color:#006699;background-color:#eeeeee;text-align:center;font-weight:normal;}

/*(col/01-02.html#c05)*/
table.t05{margin:10px auto;width:600px;}
table.t05 th{background-color:#eeeeee;text-align:left;}
table.t05 td{text-align:left;}
table.t05 td.td1{background-color:#eeeeee;}

/*(02-12.html)*/
table.t06{margin:10px auto;width:600px;}
table.t06 th{background-color:#eeeeee;font-weight:normal;}
table.t06 td{vertical-align:top;}

/*【文字装飾CSS】==================================*/
.v-top{vertical-align:top;}
.v-bo{vertical-align:bottom;}

ul.wh{list-style-type:circle;}

.cr{clear:both;font-size:0px;line-height:0px;height:0px;}
.cen{text-align:center;}
.rig{text-align:right;}
.lef{text-align:left;}

.b{font-weight:bold;}
.u{text-decoration:underline;}
.bu{font-weight:bold;text-decoration:underline;}

.redb{font-weight:bold;color:#ff0000;}

.blue{color:#006699;}
.blueb{font-weight:bold;color:#006699;}
.bluebu{font-weight:bold;color:#006699;text-decoration:underline;}

.b10{font-size:10px;font-weight:bold;}
.blueb14{font-size:14px;font-weight:bold;color:#006699;}
