@charset "UTF-8";

/*===== 全体レイアウト ======*/
html{margin:0;padding:0;}
body{margin:0;padding:0;font-size:14px;line-height:1.8;background-color:#ffffff;text-align:center;background-image:url(img/back1.gif);background-repeat:repeat-x;background-attachment: fixed;}

#back{}
#waku{width:900px;margin:0 auto;background-color:#ffffff;}

/*===== レイアウト調整用 ======*/
p{margin-left:20px;margin-right:20px;}
img{border:none;}
a:hover img{position: relative;top:1px;left:1px;}
#logo a:hover img{position: relative;top:0px;left:0px;}

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

/*===== 左右カラム分け ======*/
#inner{clear:both;}

#left{float:left;width:200px;text-align:center;line-height:1.5;}
#right{float:right;width:690px;padding-right:10px;text-align:left;}
#footer{clear:both;text-align:right;padding-right:10px;}

#footer a.top{text-decoration:none;font-size:12px;color:#57a5cc;border-bottom:1px dotted;}
#footer a:hover.top{color:#ed9db9;}


/*===== 見出し ======*/
h1#logo{clear:both;margin:0 auto;padding:0;text-align:center;}

h2{margin-top:15px;font-size:16px;margin-bottom:10px;padding-left:40px;line-height:50px;height:50px;background-image:url(img/h2.gif);background-repeat:no-repeat;background-position:center;color:#ffffff;}

h3{margin-top:15px;margin-bottom:10px;padding-left:90px;line-height:30px;height:30px;background-image:url(img/h3.gif);background-repeat:no-repeat;background-position:right center;}

h4{padding-left:15px;}

/*===== index専用（1カラム） ======*/
#inner #index{margin:0px 5px;text-align:left;}

#index h2{margin-top:15px;margin-bottom:10px;padding-left:40px;line-height:50px;height:50px;background-image:url(img/h2-index.gif);background-repeat:no-repeat;background-position:center;}

#index h3{padding-left: 40px;background-position:left center;}

#index .prof{height:300px;background-image: url(img-kiji/01-prof.jpg);background-position:center;background-repeat: no-repeat;}
#index .prof p{padding-top:130px;padding-left:80px;padding-right:250px;padding-bottom: 20px;}

#index .book{height:700px;background-image: url(img-kiji/01-book.jpg);background-position:center;background-repeat: no-repeat;}
#index .book p{padding-top:340px;padding-left:40px;padding-right:250px;padding-bottom: 20px;}

/*===== 最上部navi ======*/
div#top{margin:0 auto;width:900px;background-image:url(img/title-top.jpg);}
div#top ul{margin:0;margin-left:10px;padding:0;height:25px;text-align:left;list-style:none;}
div#top ul li{float:left;margin:5px;padding:0;}
div#top ul li a{display:block;width:100px;text-align:center;font-size:10px;text-decoration:none;color:#ffffff;border:solid 1px #ffffff;}
div#top ul li a:hover{color:#ff6699;border:solid 1px #ff6699;}

/*===== ページ上部navi ======*/
div.menu ul{margin:0;padding:0;width:900px;background-color: #ffffff;}
div.menu ul li{float:left;list-style:none;margin:5px 4px;padding:0;}
div.menu ul li a{display:block;width:120px;height:60px;background-position:top center;text-decoration:none;}
div.menu ul li a:hover{background-position:0px 60px;}

div.menu ul li.m01 a{background-image:url(img/menu/01.jpg);}
div.menu ul li.m02 a{background-image:url(img/menu/02.jpg);}
div.menu ul li.m03 a{background-image:url(img/menu/03.jpg);}
div.menu ul li.m04 a{background-image:url(img/menu/04.jpg);}
div.menu ul li.m05 a{background-image:url(img/menu/05.jpg);}
div.menu ul li.m06 a{background-image:url(img/menu/06.jpg);}
div.menu ul li.m07 a{background-image:url(img/menu/07.jpg);}

/*===== 左カラム内部 ======*/

#left img{margin:5px;}

#left div.left-cat{border:solid 1px #fc6ca1;margin:5px;padding:0px 5px;}
#left div.left-cat h3{font-size:14px;color:#fc6ca1;text-align:center;margin:0;padding:0;background-image:none;}

/*----- 左カラムnavi -----*/
#left div.left-cat ul{padding:0;margin:0;list-style:none;}
#left div.left-cat ul li{margin:5px 0px;text-align:left;}
#left div.left-cat ul li a{display:block;padding:0px 5px;line-height:25px;color:#ffffff;text-decoration:none;background-image:url(img/left-navi1.gif);background-position:center;border:solid 1px #ff6ea8;}
#left div.left-cat ul li a:hover{color:#fc6ca1;text-decoration:none;background-image:url(img/left-navi2.gif);}

/*===== 右カラム内部 ======*/
.pagetop {}
div.copy{font-size:12px;padding-top:10px;padding-bottom:10px;}

/*----- 右カラムnavi -----*/
#right div.right-list ul{list-style: none;padding:0;margin:0px 10px;}
#right div.right-list ul li{border-bottom:dotted 1px #a080cb;padding:2px 10px;padding-left: 20px;}
#right div.right-list ul li a{text-decoration: none;}
#right div.right-list ul li a:hover{color:#fc6ca1;}

#right div.right-list ul li ul li{border-bottom:none;}

/*----- 右カラム体験談枠 -----*/
.voice h2{margin-top:-10px;}
div.voice div.text{background-image:url(img-kiji/voice/back.jpg);background-repeat: repeat-y;margin:0;padding:0;padding-left:10px;padding-right: 20px;}
div.voice h3{background-image:url(img-kiji/voice/h3.gif);}

a.goods{display: block;background-image:url(img/btn1.gif);background-position:top center;background-repeat: no-repeat;}
a:hover.goods{background-position:bottom center;position: relative;top:1px;left:1px;}

/*===== 右カラム絵コンテ ======*/
div#col{text-align:center;}
div#col ul{width:635px;list-style:none;margin:0 auto;padding:0;}
div#col ul li{float:left;list-style:none;margin:5px;padding:0;}
div#col ul li a{display:block;}
div#col ul li a img{width:200px;height:125px;}
div#col ul li a:hover{position: relative;top:1px;left:1px;}

div#col ul li#col30 a{background-image:url(img-kiji/column/column01.gif);}
div#col ul li#col31 a{background-image:url(img-kiji/column/column02.gif);}
div#col ul li#col32 a{background-image:url(img-kiji/column/column03.gif);}
div#col ul li#col33 a{background-image:url(img-kiji/column/column04.gif);}
div#col ul li#col34 a{background-image:url(img-kiji/column/column05.gif);}
div#col ul li#col35 a{background-image:url(img-kiji/column/column06.gif);}
div#col ul li#col36 a{background-image:url(img-kiji/column/column07.gif);}
div#col ul li#col37 a{background-image:url(img-kiji/column/column08.gif);}
div#col ul li#col84 a{background-image:url(img-kiji/column/column09.gif);}
div#col ul li#col114 a{background-image:url(img-kiji/column/column14.gif);}
div#col ul li#col116 a{background-image:url(img-kiji/column/column15.gif);}
div#col ul li#col117 a{background-image:url(img-kiji/column/column16.gif);}
div#col ul li#col118 a{background-image:url(img-kiji/column/column17.gif);}

div#col ul li#col14 a{background-image:url(img-kiji/column/column10.gif);}
div#col ul li#col15 a{background-image:url(img-kiji/column/column11.gif);}
div#col ul li#col16 a{background-image:url(img-kiji/column/column12.gif);}
div#col ul li#col5 a{background-image:url(img-kiji/column/column13.gif);}

/*【メールフォーム用CSS】================================*/
table.mail{width:660px;margin:0 auto;}
table.mail th{width: 250px;text-align: left;white-space: nowrap;padding: 5px;font-weight: normal;background-color:#ad9fcb;color: #ffffff;}
table.mail td{padding: 5px;border: solid 1px #ad9fcb;}

/* hidden使うとエラーになるようなので、代わりに */
input.hid{height:0px;border:solid 1px #ffffff;color:#ffffff;}

/*【会社情報テーブル用CSS】================================*/
table#gaiyo{width:660px;margin:0 auto;}
table#gaiyo th{padding: 5px;border:solid 1px #a080cb;background-color:#a080cb;color: #ffffff;}
table#gaiyo td{padding: 5px;border:solid 1px #a080cb;}

/*【商品テーブル用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.syo p.mi{background-color:#cccccc;font-size:12px;margin:5px 0px;padding: 3px;}

/*===== 【文字装飾用CSS】 ======*/
.red{font-weight:bold;color: red;}
.blue{font-weight:bold;color: blue;}
.pink{font-weight: bold;color:#fc6ca1;}

.greyn{color: #cccccc;}
.redn{color: red;}
.bluen{color: blue;}
.oren{color:#ff6600;}

.oren-big{color:#ff6600;font-size: 18px;}