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

body{
background:url(../img/com_bg.gif) repeat-x scroll 0 0 #FBF5F5;
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{font-size:110%}

#main dl.faq dd.note,
#main .bg07 dd,
#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}

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

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

#wrapper{
background:url(../img/com_wrapBg.gif) repeat-y;
margin:0 auto;
padding:0;
width:900px}

#head{
background:url(../img/com_headBg2.jpg) no-repeat 50% 0;
height:338px;
margin:0 auto 10px;
padding:0;
border-bottom:1px solid #f0e0d0;
position:relative}

#index #head{
background:url(../img/com_headBg.jpg) no-repeat 50% 0;
height:478px}

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

#cont{
display:inline-block;
margin:0 auto;
padding:0}

/*\*/
*html #cont{
height:1%;
margin-top:15px;}
#cont{display:block}
/**/

#main{
float:right;
margin:0 10px 0 0;
_margin:0 5px 0 0;
text-align:left;
width:640px}

#sideBar{
float:left;
margin:0 20px 0 10px;
_margin:0 10px 0 5px;
padding:0px;
text-align:left;
width:220px}

#foot{
margin:0 auto;
padding:0}

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

#head p#logo{
left:17px;
top:50px;
position:absolute}

#head h1#logo a{
background:url(../img/com_headLogo.jpg) no-repeat;
display:block;
height:46px;
width:450px;
text-indent:-1000px}

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

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

#head #topBg{
display:inline-block;
width:900px;
height:20px;
position:absolute;
top:0;
left:0;
}

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

	
#head h1{
position:absolute;
top:3px;
left:5px;
color:#C0A066;
font-size:75%;
}

#head #topLogo{
float:right;
margin-right:5px;
margin-top:3px;
height:10px;
line-height:100%}

#head h2{
color:#663300;
font-weight:bold;
font-size:x-large;
_font-size:large;
padding:0;
position:absolute;
top:227px;
right:27px;
text-align:right}

#index #head h2{
top:169px;
left:10px;
right:auto}


#head #inq{
position:absolute;
top:29px;
right:9px}

#head #globalNav{
background:url(../img/com_gNav.jpg) no-repeat;
height:35px;
top:123px;
left:1px;
position:absolute}

#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:80px}
#head #globalNav li.menu02 a{width:250px}
#head #globalNav li.menu03 a{width:209px}
#head #globalNav li.menu04 a{width:180px}
#head #globalNav li.menu05 a{width:177px}

#head #globalNav li.menu01 a:hover{background:url(../img/com_gNav.jpg) no-repeat 0 -35px}
#head #globalNav li.menu02 a:hover{background:url(../img/com_gNav.jpg) no-repeat -80px -35px}
#head #globalNav li.menu03 a:hover{background:url(../img/com_gNav.jpg) no-repeat -330px -35px}
#head #globalNav li.menu04 a:hover{background:url(../img/com_gNav.jpg) no-repeat -539px -35px}
#head #globalNav li.menu05 a:hover{background:url(../img/com_gNav.jpg) no-repeat -719px -35px}

#head #globalNav li.menu01 a.c{background:url(../img/com_gNav.jpg) no-repeat 0 -35px}
#head #globalNav li.menu02 a.c{background:url(../img/com_gNav.jpg) no-repeat -80px -35px}
#head #globalNav li.menu03 a.c{background:url(../img/com_gNav.jpg) no-repeat -330px -35px}
#head #globalNav li.menu04 a.c{background:url(../img/com_gNav.jpg) no-repeat -539px -35px}
#head #globalNav li.menu05 a.c{background:url(../img/com_gNav.jpg) no-repeat -719px -35px}

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

#sideBar #menu{border:1px solid #F0E0D0}

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

#sideBar ul#menu li{padding-left:1px}
#sideBar ul#menu li a{
background:url(../img/com_sideBar.gif) repeat-y scroll 0 0;
border-top:1px dotted #f0e0d0;
color:#555;
display:block;
padding:8px 0 8px 10px;
margin:1px 0;
text-decoration:underline;}

#sideBar ul#menu li a:hover{text-decoration:none}

#sideBar #menu li.firstChild{background:url(../img/com_sideBg.gif) no-repeat scroll 97% 85%}

#sideBar #menu li.firstChild a,
#sideBar #menu li dl dd.firstChild a{border:none}

#sideBar ul#menu dl dt img{
height:auto;
vertical-align:bottom}

#sideBar ul#menu dl dd{background:url(../img/com_sideBg.gif) no-repeat scroll 97% 85%}

#sideBar ul#que{
background-color:#fbf5f5;
border:1px solid #f0e0d0;
margin:10px 0 15px 0;
padding:10px 10px 0}

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

#sideBar ul#que li a{
background:url(../img/com_arrow.jpg) no-repeat 0 10px;
color:#555;
display:block;
padding:0 0 0 10px;
margin-bottom:10px;
text-decoration:underline}

#sideBar ul#que li a:hover{text-decoration:none}

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

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

#foot #footCont{
margin:20px auto 0;
padding:7px 0px 10px 10px;
border-top:1px solid #F0E0D0;
text-align:right;
position:relative;
width:890px}

#foot address{
color:#555;
font-size:80%;
text-align:left}

#foot #footCont #pageTop{
position:absolute;
top:10px;
right:0;
margin-right:10px}