@charset "utf-8";
@import url("other.css");


/* 全体の設定・1 */
body{ margin:0; padding:0;font-size:small;line-height:1.3em; color:#333;font-family: verdana;}
img{ border:none;}
p{font-size:small;margin :0 15px 10px;}
.mb35{margin-bottom :35px;}
.mb25{margin-bottom :25px;}
ul{margin:0; padding:0;}
.green{color:#397B78;}

div#contents a:link{ color:#397B78; text-decoration:underline}
div#contents a:visited{color:#397B78;text-decoration:underline}
div#contents a:hover{text-decoration: none;}
div#contents a:active{text-decoration: none;}

p.pagetop{ text-align:right; margin:35px 15px;}

.fl_right{ float:right; margin:5px 15px 15px 20px;}
.fl_left{ float:left; margin:5px 20px 15px 15px;}
.clear{ clear:both}

/* サービスページ共通 */
img.titleimg{ margin:15px 0 25px;}
h3.service{background:url(../images/common/service.gif) no-repeat left; text-align:right; font-size:13px; padding-right:10px; margin:auto 15px 15px 2px; color: #f00}
h3.merit{background:url(../images/common/merit.gif) no-repeat left; text-align:right; font-size:13px; padding-right:10px; margin:auto 15px 15px 2px; color: #f00}
h3.flow{background:url(../images/common/flow.gif) no-repeat left; text-align:right; font-size:13px; padding-right:10px; margin:auto 15px 15px 2px; color: #f00}
h3.plan{background:url(../images/common/plan.gif) no-repeat left; text-align:right; font-size:13px; padding-right:10px; margin:auto 15px 15px 2px; color: #f00}
h3.service{background:url(../images/common/case.gif) no-repeat left; text-align:right; font-size:13px; padding-right:10px; margin:auto 15px 15px 2px; color: #f00}



/* 全体の枠の設定 */
a:link{ color:#333;text-decoration: none;}
a:visited{color:#333;text-decoration: none;}
a:hover{color:#999;text-decoration: none;}
a:active{text-decoration: none;}

div#container{width:100%; text-align:center; background:url(../images/common/top_bg.gif) top repeat-x;}
div#container_inner{width:800px; margin:0 auto 0;  text-align:left;}
#logo{ margin:55px 8px 15px}

div#frame1{ height:45px; background:url(../images/common/frame_top.gif) top ;}
div#frame2{ background:url(../images/common/frame_gley.gif) repeat-y; text-align:center;}
div#frame3{ background:url(../images/common/frame_white.gif) repeat-y;}
div#frame4{ background:url(../images/common/frame_lgley.gif) repeat-y;}
div#frame4_top{ background:url(../images/common/frame_lgley.gif) repeat-y; padding-top:15px; padding-left:30px}
div#frame5{ background:url(../images/common/frame_white.gif) repeat-y; text-align:center;}
div#frame6{ height:25px; background:url(../images/common/frame_bottom.gif) top no-repeat; text-align:center; padding-top:15px; }

/* フッターなどその他 */
div#frame2 img{ margin:5px auto;}
div#frame3 p{ margin:0 30px ; padding:5px 0}
div#frame3 a{ text-decoration:underline}
div#frame5 img{ margin:10px auto 5px;}
div#frame5 p{margin:0; padding-bottom:10px}
div#frame6 p{font-size:10px}

/* 上ボタン */
div#top_button{ margin:23px 1px 0;width:397px;  clear:both;background:url(../images/common/btn_inquiry_bg.gif) left no-repeat; float:right; text-align:right}

/* 上ナビ */
ul#top_navi{ margin:10px 10px auto;float:right; list-style:none;}
ul#top_navi li{ text-indent:15px; float:left; padding-right:15px;}

ul#top_navi li#nv1{background:url(../images/common/icon1.gif) no-repeat left;}
ul#top_navi li#nv2{background:url(../images/common/icon2.gif) no-repeat left;}
ul#top_navi li#nv3{background:url(../images/common/icon3.gif) no-repeat left;}
ul#top_navi li#nv4{background:url(../images/common/icon4.gif) no-repeat left;}
ul#top_navi li#nv5{background:url(../images/common/icon5.gif) no-repeat left; padding:0}

/* グローバルナビ */
div#frame1 ul{ margin:5px 0 0 10px;_margin:5px 0 0 8px; padding:5px 0 0; _padding:0; list-style:none;}
div#frame1 ul li{ float:left; text-indent:-9999px;}
div#frame1 ul li a{ height:40px; display:block; width:131px;background:url(../images/common/navi.gif) }
div#frame1 ul li a:hover{background:url(../images/common/navi_on.gif) }
div#frame1 ul li#m_case a{ margin-left:10px; padding-left:30px;}
div#frame1 ul li#nv1 a{ background-position:0 0;}
div#frame1 ul li#nv2 a{ background-position:640px 0;}
div#frame1 ul li#nv3 a{ background-position:512px 0;}
div#frame1 ul li#nv4 a{ background-position:384px 0;}
div#frame1 ul li#nv5 a{ background-position:256px 0;}
div#frame1 ul li#nv6 a{ background-position:128px 0;}
div#frame1 ul li#nv1 a:hover{ background-position:0 0;}
div#frame1 ul li#nv2 a:hover{ background-position:640px 0;}
div#frame1 ul li#nv3 a:hover{ background-position:512px 0;}
div#frame1 ul li#nv4 a:hover{ background-position:384px 0;}
div#frame1 ul li#nv5 a:hover{ background-position:256px 0;}
div#frame1 ul li#nv6 a:hover{ background-position:128px 0;}

/* コンテンツ */
div#left{margin:15px 15px auto 30px;_margin:15px 15px auto 15px; width:155px; float:left;}
div#right{margin:15px 30px auto auto;_margin:15px 15px auto auto;  float:right; background:#fff; width:570px;}
div#right div#contents{ width:550px; margin-left:10px;}
p#fix{margin:0;clear:both;}
div#main_c{ text-align:center;}
p.fh4{ font-size:x-small; padding:0 10px 10px 0;}

/* 左メニュー */
div#left div.top{ width:155px;background:url(../images/common/menu_t_bg.gif) top no-repeat; margin-bottom:10px}
div#left div.top h3{ width:155px; font-size:15px; text-indent:25px; padding-top:3px ; margin:0; height:30px; background:none}
div#left div.middle li{margin:0 10px;padding:0; list-style:none; background:url(../images/common/listimg.gif) no-repeat left; text-indent:18px; border-bottom:#ccc 1px solid;}
div#left div.middle li a{ text-decoration:none; color:#333; display:block; height:28px; padding-top:8px}
div#left div.middle li a:hover{ color:#397B78;}
div#left div.middle p{ padding:0 10px; margin:5px 0 10px; font-size:x-small; line-height:1.2em}
div#left div.middle img{margin-left:10px;}
div#left div.middle{ width:155px;background:url(../images/common/menu_m_bg.gif) repeat-y;}
div#left div.bottom{ width:155px;background:url(../images/common/menu_b_bg.gif) no-repeat bottom; padding-bottom:15px;}