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

body{
background:url(../img/common/bodyBg.jpg) repeat-x;
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:#777;
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}

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}

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

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

#head{
background:url(../img/sec/h2bg.jpg) no-repeat 0 100%;
height:302px;
margin:0 auto 15px;
position:relative;
width:900px}

#index #head{height:402px}

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

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

#cont{display:inline-block;}

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

#cont .inq{
clear:both}

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

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

#foot{
border-top:1px dotted #ddd;
margin:0 auto;
padding:10px 0 20px;
text-align:center;
width:900px}

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

#head #logo{
left:0;
top:37px;
position:absolute}

#head #desc h1{
margin:0;
padding:0;
}


#head #logo a{
background:url(../img/common/headLogo.jpg) no-repeat;
display:block;
height:62px;
width:136px;
text-indent:-2000px}

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

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

#head #mainvisu{
color:#CA3668;
font-weight:bold;
position:absolute;
font-size:large;
_font-size:medium;
bottom:80px;
left:29px;
text-align:left;
width:550px}

#index #head #mainvisu{
position:absolute;
top:102px;
left:0;
width:900px}

#h303 h2{
margin:0px;
padding:0px;
}

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

#head #topNav li{
background:url(../img/common/topNavBorder.gif) no-repeat 0 5px;
display:inline;
margin:0 0 0 2px;
padding:0 0 0 8px}

#head #topNav li a{
font-size:x-small;
_font-size:xx-small}

#head #topNav li.firstChild{
background:none;
margin:0;
padding:0}

#head #inq{
position:absolute;
top:113px;
left:625px}

#head #inq li{
font-size:1px;
margin:0 0 2px}

#index #head #inq{
top:205px;
left:625px}

*:first-child+html #index #head #inq{left:625px}
* html #index #head #inq{left:625px}

#head #inq li img{vertical-align:bottom}

#head #globalNav{
background:url(../img/common/gNav.jpg) no-repeat;
height:66px;
top:37px;
right:0;
position:absolute}

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

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

#head #globalNav li.menu01 a{width:141px}
#head #globalNav li.menu02 a{width:141px}
#head #globalNav li.menu03 a{width:141px}
#head #globalNav li.menu04 a{width:141px}
#head #globalNav li.menu05 a{width:140px}

#head #globalNav li.menu01 a:hover{background:url(../img/common/gNav.jpg) no-repeat 0 -66px}
#head #globalNav li.menu02 a:hover{background:url(../img/common/gNav.jpg) no-repeat -141px -66px}
#head #globalNav li.menu03 a:hover{background:url(../img/common/gNav.jpg) no-repeat -282px -66px}
#head #globalNav li.menu04 a:hover{background:url(../img/common/gNav.jpg) no-repeat -423px -66px}
#head #globalNav li.menu05 a:hover{background:url(../img/common/gNav.jpg) no-repeat -564px -66px}

#head #globalNav li.menu01 a.c{background:url(../img/common/gNav.jpg) no-repeat 0 -66px}
#head #globalNav li.menu02 a.c{background:url(../img/common/gNav.jpg) no-repeat -141px -66px}
#head #globalNav li.menu03 a.c{background:url(../img/common/gNav.jpg) no-repeat -282px -66px}
#head #globalNav li.menu04 a.c{background:url(../img/common/gNav.jpg) no-repeat -423px -66px}
#head #globalNav li.menu05 a.c{background:url(../img/common/gNav.jpg) no-repeat -564px -66px}

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

.sideBar_text01{
background:url(../img/common/border01.gif) repeat-x 0 100%;
margin:0 -10px 10px;
padding:0 0 2px}

#sideBar .sectionH3 p img{vertical-align:bottom}

#sideBar .sectionH3{
background:url(../img/common/secBg.gif) repeat-y;
margin:0 0 10px;
padding:0 10px 10px}

.sideBar_text02{
line-height:120%;
margin:0 0 10px}

#sideBar .h301 ul{margin:0 0 5px}

#sideBar .h301 ul li{
background:url(../img/common/icon01.gif) no-repeat 0 6px;
_background:url(../img/common/icon01.gif) no-repeat 0 7px;
margin:0;
padding:0 0 0 15px}

#sideBar .h301 .note{
background:#fff;
border-bottom:1px solid #eaeaea;
border-top:1px solid #eaeaea;
padding:5px 10px 10px}

#sideBar .h301 .note p{
font-size:x-small;
_font-size:xx-small;
line-height:140%;
margin:5px 0}

#sideBar .h301 .note dl{margin:0}

#sideBar .h301 .note dl dt{
font-size:x-small;
_font-size:xx-small;
font-weight:bold;
margin:0 0 5px}

#sideBar .h301 .note dl dd{
font-size:x-small;
_font-size:xx-small;
margin:0}

#sideBar .h302{
background:url(../img/common/secBg2.gif) repeat-y;
padding:0 10px}

#sideBar .h302 h3{
background:none;
margin:0 -10px;
padding:0}

#sideBar .h302 ul{margin:0 -10px}

#sideBar .h302 ul li{
background:url(../img/common/border02.gif) repeat-x;
height:1%}

#sideBar .h302 ul li a{
background:url(../img/common/icon02.gif) no-repeat 8px 10px;
_background:url(../img/common/icon02.gif) no-repeat 8px 11px;
display:block;
height:1%;
padding:5px 10px 5px 25px}

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

#foot address{
font-size:80%;
text-align:center}