@charset "UTF-8";

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

#back{background-image:url(img/body/back2.gif);background-position:center;background-repeat:repeat-y;}
#waku{width:760px;margin:0 auto;background-image:url(img/body/left.gif);}

/*===== レイアウト調整用 ======*/
.text{padding:0 10px;}

img{border:none;}
a:hover img{position:relative;top:1px;left:1px;}

.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;border:solid 1px #999999;}

#left{float:left;width:190px;text-align:center;}
#right{float:right;width:568px;text-align: left;}
#footer{clear:both;margin-top:10px;text-align:center;font-size:14px;}

/*===== 見出し ======*/
h1{width:740px;margin:0 auto;padding:10px;padding-bottom:130px;text-align:left;background-image:url(img/title.jpg);}
h2{margin:10px 0px 5px;}

/*===== トップバナー ======*/
#logo a:hover img{position:relative;top:0px;left:0px;}

/*== 上部ナビゲーション用 ==*/
div#menu ul {width:760px;height:50px;margin:0;padding:0;list-style:none;background-image:url(img/menu/menu-back.gif);}
div#menu ul li{float: left;}

div#menu ul a{display:block;}
div#menu ul a img{width:114px;height:50px;}
div#menu ul a:hover{background-position:0px 50px;}

div#menu ul li#menu1 a{background-image:url(img/menu/menu01.gif);}
div#menu ul li#menu2 a{background-image:url(img/menu/menu02.gif);}
div#menu ul li#menu3 a{background-image:url(img/menu/menu03.gif);}
div#menu ul li#menu4 a{background-image:url(img/menu/menu04.gif);}
div#menu ul li#menu5 a{background-image:url(img/menu/menu05.gif);}
div#menu ul li#menu6 a{background-image:url(img/menu/menu06.gif);}
div#menu ul li#menu7 a{background-image:url(img/menu/menu07.gif);}

/*===== 左カラム内部 ======*/
#left img{margin: 5px;}

/*費用比較*/
#left a.hikaku{}
#left a:hover.hikaku{filter:alpha(opacity=70);opacity:0.7;}


/*----- 左カラムnavi -----*/
#left ul{margin:0;padding:0;list-style:none;text-align:left;font-size:14px;}
#left ul li{display:block;margin-right:1px;border-bottom:solid 1px #eaeaea;}
#left ul li a{display:block;padding-left:10px;;padding-top:5px;padding-bottom:5px;background-color:#999999;color:#ffffff;
				text-decoration:none;font-weight:bold;}
#left ul li a:hover{background-position:0px 40px;background-color:#fff09e;color:#003333;}

/************ 右カラム内レイアウト用 ************/
.pagetop{clear:both;text-align:right;margin:5px 0px;padding-right:10px;}
.copy{font-size:12px;text-align:center;padding-top:10px;padding-bottom:10px;}

/*== 詳しくはこちらをクリック ==*/
a.kotira img{width:600px;height:90px;}
a.kotira{display:block;background-image:url(img/kotira.gif);background-repeat:no-repeat;background-position:top center;margin-bottom:10px;}
a:hover.kotira{background-position:bottom center;}

/*== 前・次ナビゲーション ==*/
.dplink{width:480px;margin:auto;}
.dplink a{display:block;margin:5px;background-position:top;background-repeat:no-repeat;float:left;}
.dplink a img{width:150px;height:60px;}
.dplink a:hover{background-position:bottom;}

.dplink a.prev{background-image:url(img/menu/dplink-prev.gif);}
.dplink a.home{background-image:url(img/menu/dplink-home.gif);}
.dplink a.next{background-image:url(img/menu/dplink-next.gif);}

/*== メールフォーム用のテーブル ==*/
table.mail{margin: 10px;}
table.mail th{text-align: left;white-space: nowrap;padding: 5px;font-weight: normal;}
table.mail td{text-align: left;padding: 5px;}

/*== faq用 ================================*/
div.faq{text-align:left;padding-left:20px;border-bottom:dotted 1px #333333;}
div.faq p{padding-bottom:5px;padding-top:3px;padding-left:35px;margin-right:10px;background-repeat: no-repeat;background-position: left top;}

div.faq p.q{background-image:url(img/faq_q.gif);font-weight: bold;color: red;}
div.faq p.a{background-image:url(img/faq_a.gif);}

/*== 会社概要テーブル ================================*/
table#gaiyo{width:90%;margin-left:auto;margin-right:auto;border-collapse:collapse;}
table#gaiyo th{border-bottom:solid 1px #029acd;padding:5px;padding-left:10px;}
table#gaiyo td{text-align:left;border-bottom:solid 1px #029acd;padding:5px;}