@charset "utf-8";
/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body{
background:#f0f0f0;
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}

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:#999}
a:visited{color:#999}
a:hover{color:#999;text-decoration:none}
strong{font-weight:bold}

/***********************************************/
/* layout divs                                 */
/***********************************************/

#wrapper{background:url(../img/common/bodyBg.gif) repeat-y 50% 0}

#head{
background:url(../img/common/headBg.jpg) no-repeat 20px 0;
height:290px;
margin:0 auto;
position:relative;
width:850px}

#index #head{
background:url(../img/index/headBg.jpg) no-repeat;
height:390px;
margin:0 auto;
position:relative;
width:850px}

#cont{
margin:0 auto;
padding:0 25px 20px;
width:810px;
_width:860px}

#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;
text-align:left;
width:590px}

#sideBar{
float:left;
margin:0 20px 0 0;
text-align:left;
width:200px}

#foot{
background:url(../img/common/footBg.gif) no-repeat 0 100%;
margin:0 auto 20px;
padding:0 0 15px;
width:860px}

/***********************************************/
/* head style                                  */
/***********************************************/

#head h1{
left:6px;
top:4px;
position:absolute}

#head h1 a{
display:block;
height:99px;
width:455px;
}

/*\*/
#head h1 a{overflow:hidden}
/* */

#head p#h1{
left:6px;
top:4px;
position:absolute}

#head p#h1 a{
display:block;
height:99px;
width:455px;
}

/*\*/
#head p#h1 a{overflow:hidden}
/* */


#head #description{
color:#fff;
font-size:75%;
left:21px;
top:12px;
position:absolute}

#head .inq{
position:absolute;
top:49px;
right:30px}

#head .inq2{
position:absolute;
top:107px;
right:174px}

#head .inq3{
position:absolute;
bottom:10px;
left:20px;
	top:170px;
}


#index #head .inq3{
position:absolute;
bottom:10px;
left:20px;
	top:270px;
}


#index #head .inq3{bottom:10px}

#head #headLink{
position:absolute;
top:10px;
right:30px}

#head #headLink li{
background:url(../img/common/headLinkBg.jpg) no-repeat 0 4px;
display:inline;
margin:0 0 0 8px;
padding:0 0 0 10px}

#head #headLink li.firstChild{
background:none;
padding:0}

#head #headLink li a{
color:#ffdf00;
font-size:80%}

#index #head h2{
position:absolute;
top:107px;
left:20px}

#head h2{
color:#00adcc;
font-size:166.7%;
font-weight:bold;
position:absolute;
top:165px;
right:25px;
text-align:right}

/***********************************************/
/* side style                                  */
/***********************************************/

#sideBar ul#menu{
background:url(../img/common/sideBorder.gif) repeat-x 0 100%;
margin:0 0 10px;
padding:0 0 5px}

* html #sideBar ul#menu li,
* html #sideBar ul#menu li a,
* html #sideBar ul#menu li dl,
* html #sideBar ul#menu li dl dt,
* html #sideBar ul#menu li dl dd a{height:1%}

*:first-child+html #sideBar ul#menu li,
*:first-child+html #sideBar ul#menu li a,
*:first-child+html #sideBar ul#menu li dl,
*:first-child+html #sideBar ul#menu li dl dt,
*:first-child+html #sideBar ul#menu li dl dd a{zoom:1}

#sideBar ul#menu li dl dt{
background:url(../img/common/sideBg.gif) repeat;
color:#fff;
font-weight:bold;
margin:-1px 0 0;
padding:5px 10px;
position:relative;
z-index:2}

#sideBar ul#menu li.note{background:none}

#sideBar ul#menu li ,
#sideBar ul#menu li dl dd{
border-bottom:1px dotted #999}

#sideBar ul#menu li a,
#sideBar ul#menu li dl dd a{
display:block;
position:relative;
z-index:2}

#sideBar ul#menu li a:hover,
#sideBar ul#menu li dl dd a:hover{background:url(../img/common/sideHover.gif)}

#sideBar ul#menu li a span,
#sideBar ul#menu li.note dl dd a span{
background:url(../img/common/icon_001.gif) no-repeat 10px 10px;
display:block;
padding:4px 0 6px 25px}

#sideBar ul#menu li.note dl dd{
position:relative;
z-index:1}

#sideBar ul#menu li.firstChild{
background:url(../img/common/sideBorder.gif) repeat-x 0 0;
margin:-1px 0 0;
padding:5px 0 0;
position:relative;
z-index:2}

/***********************************************/
/* foot style                                  */
/***********************************************/

#foot #footCont{
background:url(../img/common/footContBg.gif) repeat-y;
padding:10px 35px;
text-align:right;
width:790px;
_width:860px}

#foot address{
color:#fff;
font-size:80%}
