﻿@charset "utf-8";

/* --------------------------------------------------------------------

# Axis CSS v1.0  #

Copyright 2008 AxisFIRM

-------------------------------------------------------------------- */

* {
padding : 0px;
font-size : 100%;
}

img{
border : none;
margin:0;
padding:0;
}

.clear{
clear : both;
}

br{
letter-spacing:0;
}
.redb{
	color:#ff3600;
	font-weight:bold;
}

/* -- COMMON -- */
body{
text-align:center;
padding:0;
margin:auto;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color:#3e3e3e;
letter-spacing:1px;
line-height:120%;
}

/* LAYOUT */
div.wrapper{
margin:auto;
text-align:center;
width:885px;
font-size:80%;
background:#FFF;
margin-top:10px;
}

.container{
clear:both;
padding:0;
margin-top:30px;
width:889px;
background:url(../image/bg_wrap.gif) 3px top repeat-y;
text-align:left;
}

/* HEADER */
.top_header{
text-align:left;
background:url(../image/bg_illust.gif) 215px 20px no-repeat;
margin:0;
position:relative;
top:0px;
height:91px;
width:885px;
}

.top_header h1{
float:left;
position:relative;
top:18px;
left:7px;
margin:0;
padding:0;
}

.logo{
float:left;
margin:3px 0 0 14px;
}

.address{
float:right;
font-size:10px;
letter-spacing:0;
color:#737373;
margin:0;
padding:0;
width:400px;
text-align:right;
position:relative;
line-height:230%;
top:0px;
}

div.address p{
margin:0 0 0 0;
padding:0;
}

div.address p img{
margin-top:2px;
}

div.address p span{
font-size:9px;
}

/* NAVI */
#navigation{
position:absolute;
width:880px;
top:92px;
text-align:left;
float:left;
}

.naviCnt{
margin:0;
position:relative;
top:10px;
}

*html .naviCnt{
position:relative;
top:-10px;
}

ul#nav{
text-align:left;
margin:0;
padding:0;
position:relative;
left:4px;
top:-15px;
clear:both;
list-style-type:none;
height:33px;
display: block;
}

*html ul#nav{
position:relative;
left:4px;
top:5px;
width:884px;
list-style-type:none;
text-align:left;
height:33px;
display: block;
}

ul#nav li{
padding:0;
margin:0;
height:31px;
width:171px;
float:left;
display: block;
list-style: none;
width:165px;
z-index:1;
}
#nav ul{
display: none;
position: absolute;
left: 0;
margin:6px 0 0 0;
padding: 0;
width:165px;
z-index:3;
}

#nav ul li{
border-bottom:1px solid #FFF;}

ul#nav li a{
display:block;
padding:10px 0;
border-right:none;
width:165px;
text-decoration:none;
}

* html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
/* Everything else is theming */
#nav a { color: white; font-size: 12px; line-height: 1; }
#nav ul { top: 37px; }

/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

ul li ul#submenu1{
background:#00aec6;
left:0px;
text-decoration:none;
text-align:center;
}
ul li ul#submenu1 a.hover { background-color: #178fca; }

ul li ul#submenu2{
background:#e31965;
left:0px;
text-decoration:none;
text-align:center;
}
ul li ul#submenu2 a.hover{ background-color: #f92273; }

ul li ul#submenu3{
background:#e4681e;
left:0px;
text-decoration:none;
text-align:center;
}
ul li ul#submenu3 a.hover{ background-color: #ff7625; }



#nav li ul li#noborder{
border:none;
}

ul#nav li#naviinq a{
width:122px;
height:31px;
margin:0 0 0 10px;
}

.navSer{
position:relative;
left:173px;
}
*html .navSer{
position:relative;
left:168px;
}

.navLine{
position:relative;
left:175px;
}
*html .navLine{
position:relative;
left:167px;
}

#naviTop{
background:url(../image/line_top.gif) no-repeat 5px bottom #FFF;
}

#naviAbo{
background:url(../image/line_corp.gif) no-repeat 5px bottom #FFF;
}

#naviIns{
background:url(../image/line_lineup.gif) no-repeat 5px bottom #FFF;
}

#naviSer{
background:url(../image/line_service.gif) no-repeat 5px bottom #FFF;
}

#navi_inq{
position:relative;
left:180px;
top:2px;
}
#navi_inq a{
display:block;
width:120px;
margin-left:10px;
}

/* LOCATION */
body.follow .maincontents div#location{
margin:10px 17px 10px 25px;
border-bottom:1px solid #e0d0cb;
padding:4px 0 19px 4px;
}

body.top .maincontents div#location{
margin:7px 17px 7px 0;
padding:4px 0 16px 4px;
}

body.follow .maincontents div#location ol,div#location ol{
margin:0;
padding:0;
}

body.follow .maincontents div#location li,div#location li{
float:left;
list-style-type:none;
font-size:85%;
}

body.follow .maincontents div#location li a,div#location li a{
text-decoration:none;
color:#0d298a;
}

/* SUBCONTENTS */
.subcontents{
margin:0;
margin-top:10px;
padding:6px 0;
float:right;
width:199px;
position:relative;
left:0px;
}

.subcontents p{
text-align:left;
margin:0 0 7px 0;
}

.staff h3,.voice h3{
margin:0;
padding:0;
height:28px;
position:relative;
top:0;
left:0;
}

.staff{
background:url(../image/bg_ver.gif) repeat-y left 28px #FFF;
width:180px;
text-align:left;
clear:both;
padding-bottom:10px;
margin-bottom:10px;
}

.staff p{
margin:0 0 10px 0;
position:relative;
top:13px;
left:10px;
padding:0 3px 0 0;
text-align:left;
width:157px;
}

.staff img.photo{
float:right;
}

.staff p span.rubi{
font-size:70%;
}

.staff p span.detail{
display:block;
position:relative;
top:6px;
font-size:85%;
}

.voice{
background:url(../image/bg_ver.gif) repeat-y left 28px #FFF;
width:180px;
text-align:left;
clear:both;
margin-bottom:10px;
}

.voice ul{
	margin:0;
padding:0;

}
.voice ul li{
	list-style:none;
	margin:0 0 0 10px;
	padding:6px 0 6px 0;
	border-bottom:1px dotted #CCC;
	font-size:12px;
}



.voice dl{
margin:0;
padding:0;
}

.voice dt{
margin:6px 0 0 10px;
padding:0;
}

.voice dd{
margin:0 0 0 10px;
padding:0 0 4px 0;
border-bottom:1px dotted #CCC;
font-size:85%;
}

.voice dd.no-line{
border:none;
}

div.main-btm{
position:relative; 
top:0; 
left:20px;
float:left;
width:858px;
}

.main-btm p{
margin:0;
padding:0;
}

.main-btm address{
font-size:85%;
margin-top:10px;
font-style:normal;
color:#9e9e9e;
}

div.btm{
margin:0;
padding:0;
position:relative;
left:4px;
clear:both;
height:8px;
width:885px;
}

/* FOOTER */
div.footer{
clear:both;
margin:0;
font-size:85%;
color:#9e9e9e;
}

.footer p.footer-menu{
text-align:center;
padding:15px 0 10px 0;
maegin:0;
width:850px;
position:relative;
left:20px; 
float:left;
}

.footer p a{
color:#9e9e9e;
text-decoration:none;
}

p.footer-menu{
margin:0 0 24px 0;
padding:0;
}

p.copy{
clear:both;
text-align:center;
margin:0 0 22px 0;
padding:0;
}

/* navi_pdown */
div#pmenu{
position:relative;
top:0;
left:0;
text-align:left;
z-index:4;
color:#FFF;
}

.pdown_hidden {
display:none;
}

.pdown {
position : absolute;
}

dd.shikiri{
height:0;
margin:0;
padding:0;
line-height:1px;
border-top:1px solid #FFF;
font-size:1px;
}

dd#pd2{
background:#00aec6;
}

dd#pd3{
background:#e31965;
}

dd#pd4{
background:#e4681e;
}

dl.pdown_dl{
margin:0;
padding:0;
position:relative;
top:-5px;
width:165px;
float:left;
}

.pdown dl dd a{
font-size:12px;
text-decoration:none;
display:block;
width:165px;
height:30px;
padding-top:6px;
}

.pdown dl dd.pdown_link{
background:#00aec6;
width:165px;
text-align:center;
padding:0;
margin:0;
height:30px;
}

#pdown_2{
left:174px;
top:36px;
width:165px;
background:#00aec6;
z-index:3;
margin:0;
padding:0;
}

div#pdown_2 a{
background:#00aec6;
margin:0;
padding:6px 0 0 0;
color:#FFF;
}

#pdown_2 a:hover{
background:#178fca;
display:block;
width:165px;
padding:6px 0 0 0;
margin:0;
height:30px;
color:#FFF;
}

#pdown_3{
left:346px;
top:36px;
width:165px;
background:#e31965;
z-index:3;
margin:0;
padding:0;
color:#FFF;
}

div#pdown_3 a{
background:#e31965;
margin:0;
padding:6px 0 0 0;
color:#FFF;
}

#pdown_3 a:hover{
background:#f92273;
display:block;
width:165px;
padding:6px 0 0 0;
margin:0;
height:30px;
color:#FFF;
}

#pdown_4{
left:517px;
top:36px;
width:165px;
background:#e4681e;
z-index:3;
margin:0;
padding:0;
color:#FFF;
}

div#pdown_4 a{
background:#e4681e;
margin:0;
padding:6px 0 0 0;
color:#FFF;
}

#pdown_4 a:hover{
background:#ff7625;
display:block;
width:165px;
padding:6px 0 0 0;
margin:0;
height:30px;
color:#FFF;
}

.pover_hidden{
display : none;
}

.pover{
position : absolute;
background : #fff4a5;
height : 43px;
width : 130px;
color:#FFF;
}

#pover_1 {
display : none;
visibility:hidden;
width : 1px;
}

#pover_3 {
left : 273px;
top : 93px;
width : 138px;
}

#pover_4 {
left : 410px;
top : 93px;
width : 120px;
}