@charset "utf-8";
/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body{
margin:0 auto;
padding:0;
text-align:center}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{
margin:0;
padding:0;
color:#666;
font-style:normal;
font:small/160% verdana, "ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, "ＭＳ Ｐゴシック",  Osaka, sans-serif}

*html body div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{
font:x-small/180% verdana, "ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, "ＭＳ Ｐゴシック", Osaka, sans-serif}

*+html body div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{
font:small/160% verdana, "ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, "ＭＳ Ｐゴシック", Osaka, sans-serif}

;;body div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{
font:small/160% verdana, "ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, "ＭＳ Ｐゴシック", Osaka, sans-serif}

p,dt,dd,li,th,td,span{font-size:110%}

.form #main table span,
#main ul.sitemap li{
font-size:small;
_font-size:x-small!important}

table{
border-collapse:collapse;
border-spacing:0}

textarea,input{margin:0;padding:0}

caption,th{text-align:left}
td,th{vertical-align: top}

fieldset,img,abbr{border:none}
li{list-style-type:none}
hr{display:none}

fieldset{
margin:0;
padding:0}

a,a:link{color:#999}
a:visited{color:#999}
a:hover{color:#999;text-decoration:none}
strong{font-weight:bold}

/***********************************************/
/* layout divs                                 */
/***********************************************/

#wrapper{background:url(../img/common/bodyBg.jpg) repeat-x 50% 0}

#index #wrapper{background:url(../img/index/bodyBg.jpg) repeat-x 50% 0}

#head{
background:url(../img/common/wrapBg.jpg) repeat-x 50% 0;
height:235px;
margin:0 auto 30px;
position:relative;
width:900px}

#index #head{
background:none;
height:455px}

#cont{
margin:0 auto;
padding:0;
width:900px}

#cont:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#cont{display:inline-block;}

/*\*/
*html #cont{height:1%}
#cont{display:block}
/**/

#main{
float:right;
margin:0;
text-align:left;
width:630px}

#index #main{
float:none;
margin:0 auto;
width:900px}

#sideBar{
float:left;
margin:0 20px 0 0;
text-align:left;
width:250px}

#foot{background:url(../img/common/footBg.jpg) repeat-x}

/***********************************************/
/* head style                                  */
/***********************************************/

#head h1{
	left:-1px;
	top:17px;
	position:absolute
}

#head h1 a{
background:url(../img/common/headLogo2.jpg) no-repeat;
display:block;
height:72px;
width:532px;
text-indent:-1000px}

#index #head h1 a{background:url(../img/common/headLogo.jpg) no-repeat}

/*\*/
#head h1 a{overflow:hidden}
/* */

#head #description{
	color:#fff;
	font-size:75%;
	left:0;
	top:0px;
	position:absolute;
	text-align:left
}

#head h2{
color:#454545;
font-weight:bold;
position:absolute;
font-size:large;
_font-size:medium;
bottom:80px;
left:0}

#index #head h2{
font-size:1%;
position:absolute;
top:111px;
left:0}

#head #topNav{
position:absolute;
top:-3px;
right:0}

#head #topNav a{
background:url(../img/common/icon01.gif) no-repeat 0 4px;
color:#fff;
font-size:75%;
padding:0 0 0 10px}

#head #inq{
position:absolute;
top:72px;
left:720px}

#index #head #inq{
	top:53px;
	left:647px
}

#head #logo{
position:absolute;
top:33px;
left:755px}

#head #globalNav{
	background:url(../img/common/gNav2.jpg) no-repeat;
	height:35px;
	bottom:0;
	left:0;
	position:absolute;
	background-image: url(../img/common/gNav.jpg);
}

#index #head #globalNav{background:url(../img/common/gNav.jpg) no-repeat}

#head #globalNav li{float:left}
#head #globalNav li a{
display:block;
height:35px;
text-indent:-10000px}

/*\*/
#head #globalNav li a{overflow:hidden}
/* */

#head #globalNav li.menu01 a{width:132px}
#head #globalNav li.menu02 a{width:115px}
#head #globalNav li.menu03 a{width:195px}
#head #globalNav li.menu04 a{width:167px}
#head #globalNav li.menu05 a{width:115px}
#head #globalNav li.menu06 a{width:176px}

#head #globalNav li.menu01 a:hover{background:url(../img/common/gNav2.jpg) no-repeat 0 -35px}
#head #globalNav li.menu02 a:hover{background:url(../img/common/gNav2.jpg) no-repeat -132px -35px}
#head #globalNav li.menu03 a:hover{background:url(../img/common/gNav2.jpg) no-repeat -247px -35px}
#head #globalNav li.menu04 a:hover{background:url(../img/common/gNav2.jpg) no-repeat -442px -35px}
#head #globalNav li.menu05 a:hover{background:url(../img/common/gNav2.jpg) no-repeat -609px -35px}
#head #globalNav li.menu06 a:hover{background:url(../img/common/gNav2.jpg) no-repeat -724px -35px}

#head #globalNav li.menu02 a.c{background:url(../img/common/gNav2.jpg) no-repeat -132px -35px}
#head #globalNav li.menu03 a.c{background:url(../img/common/gNav2.jpg) no-repeat -247px -35px}
#head #globalNav li.menu04 a.c{background:url(../img/common/gNav2.jpg) no-repeat -442px -35px}
#head #globalNav li.menu05 a.c{background:url(../img/common/gNav2.jpg) no-repeat -609px -35px}
#head #globalNav li.menu06 a.c{background:url(../img/common/gNav2.jpg) no-repeat -724px -35px}

#index #head #globalNav li.menu01 a:hover{background:url(../img/common/gNav.jpg) no-repeat 0 -35px}
#index #head #globalNav li.menu02 a:hover{background:url(../img/common/gNav.jpg) no-repeat -114px -35px}
#index #head #globalNav li.menu03 a:hover{background:url(../img/common/gNav.jpg) no-repeat -283px -35px}
#index #head #globalNav li.menu04 a:hover{background:url(../img/common/gNav.jpg) no-repeat -536px -35px}
#index #head #globalNav li.menu05 a:hover{background:url(../img/common/gNav.jpg) no-repeat -723px -35px}

#index #head #globalNav li.menu01 a.c{background:url(../img/common/gNav.jpg) no-repeat 0 -35px}

#head #planNav li{
	position:absolute;
	height: 284px;
}

#head #planNav li.li01{
	top:141px;
	left:0px
}
#head #planNav li.li02{
	top:141px;
	left:222px
}
#head #planNav li.li03{
	top:141px;
	left:444px
}
#head #planNav li.li04{top:134px;left:675px}

/***********************************************/
/* side style                                  */
/***********************************************/

#sideBar ul.banner{text-align:center}

#sideBar ul.banner li{margin:0 0 5px}

#sideBar ul#menu *{height:1%}

#sideBar ul#menu{
background:url(../img/common/sideBorder.gif) repeat-y;
border-top:1px solid #e0e0e0;
margin:0 0 10px;
padding:0 1px;
position:relative;
z-index:1}

#sideBar ul#menu li{
background:url(../img/common/sideBg.jpg) no-repeat #f6f5ef;
border-bottom:1px solid #e0e0e0;
margin:0;
padding:0}

#sideBar ul#menu li a,
#sideBar ul#menu li dl dt a{
background:url(../img/common/sideBorder2.gif) no-repeat 6px 8px;
border:1px solid #fff;
color:#757575;
display:block;
font-weight:bold}

#sideBar ul#menu li a span{
background:url(../img/common/sideArrow.gif) no-repeat 225px 10px;
cursor:pointer;
display:block;
font-size:small;
_font-size:x-small;
padding:4px 25px 4px 15px}

#sideBar ul#menu li a:hover{background:url(../img/common/sideBorder2.gif) no-repeat 6px 9px #fff}

#sideBar ul#menu li a:hover span{
background:url(../img/common/sideArrow.gif) no-repeat 225px 11px;
padding:5px 25px 3px 15px}

#sideBar ul#menu li dl dt a span{
background:url(../img/common/sideArrow2.gif) no-repeat 225px 10px;
display:block;
font-size:small;
_font-size:x-small;
padding:4px 25px 4px 15px}

#sideBar ul#menu li dl dt a:hover span{background:url(../img/common/sideArrow2.gif) no-repeat 225px 11px}

#sideBar ul#menu li dl dd{
background:#fff;
border-top:1px dotted #ccc;
margin:0 -1px;
position:relative;
width:250px;
z-index:2}

#sideBar ul#menu li dl dd.firstChild{border-top:1px solid #e0e0e0}

#sideBar ul#menu li dl dd a{
background:url(../img/common/icon04.gif) no-repeat 10px 12px;
display:block;
font-size:small;
_font-size:x-small;
font-weight:normal;
padding:3px 10px 3px 20px}

#sideBar ul#menu li dl dd a:hover{background:url(../img/common/icon04.gif) no-repeat 10px 12px}

/***********************************************/
/* foot style                                  */
/***********************************************/

#foot #footCont{
background:url(../img/common/footBg.jpg) repeat-x;
margin:0 auto;
padding:15px 0;
text-align:left;
width:900px}

#foot #footCont ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#foot #footCont ul{display:inline-block;}

/*\*/
*html #foot #footCont ul{height:1%}
#foot #footCont ul{display:block}
/**/

#foot #footCont ul{
background:url(../img/common/footLiBorder.gif) no-repeat;
padding:0 0 0 10px}

#foot #footCont ul li{
background:url(../img/common/footLiBorder.gif) no-repeat 100% 0;
float:left;
margin:0 10px 0 0;
padding:0 10px 0 0}

#foot #footCont ul li a{
background:url(../img/common/icon03.gif) no-repeat 0 6px;
padding:0 0 0 10px}

#foot #footCont div{
margin:-10px 0 10px;
text-align:right}

#foot address{
color:#454545;
font-size:80%;
margin:0;
text-align:right}