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

body{
margin:0;
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:#333;
font-style:normal;
font-family:verdana, "ヒラギノ角ゴ Pro W4",ヒラギノ角ゴ Pro W4, Hiragino Kaku Gothic Pro, "ＭＳ ゴシック",  Osaka, sans-serif;
line-height:160%}

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:#333;text-decoration:underline}
a:visited{color:#333}
a:hover{color:#333;text-decoration:none}
strong{font-weight:bold}

img{vertical-align:bottom}

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

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

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

#head{
height:90px;
margin:0 auto 20px;
position:relative;
text-align:left;
width:960px}

#index #head{margin:0 auto}

#cont:before,
#cont:after{
content:"";
display:table;}

#cont:after{clear:both;}

#cont{
margin:0 auto;
padding:0 0 10px;
text-align:left;
width:960px;
zoom:1;/* For IE 6/7 */}

#main{
float:left;
width:960px}

#index #main{padding:0}

#sideBar{
float:right;
width:220px}

#pageTop{
background:url(../img/common/pageTopBg.jpg) repeat-x 0 100%;
min-width:920px;
padding:0 20px;
text-align:right}

#footBanner{background:url(../img/common/footBg01.jpg) repeat-x}
#foot{background:url(../img/common/footBg02.jpg) repeat}
#foot2{background:url(../img/common/footBg03.jpg) repeat}


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

#head #headLogo{
position:absolute;
top:16px;
left:0}

#head h1{
color:#444;
font-size:12px;
font-weight:bold;
position:absolute;
top:40px;
left:205px}

#head ul:before,
#head ul:after,
#head dl:before,
#head dl:after{
content:"";
display:table;}

#head ul:after,
#head dl:after{clear:both;}

#head ul,
#head dl{
position:absolute;
zoom:1;/* For IE 6/7 */}

#head ul li,
#head dl dt,
#head dl dd{
font-size:1%;
float:left}

#head #headLink{
top:10px;
right:126px}

#head #headMoji{
top:0;
right:-2px}

#head #headMoji dd a{
height:29px;
display:block;
overflow:hidden;
text-indent:-10000px}

#head #headMoji dd.big a{
background:url(../img/common/mojiDd01.jpg) no-repeat 0 -29px;
width:24px}

#head #headMoji dd.small a{
background:url(../img/common/mojiDd02.jpg) no-repeat 0 -29px;
width:27px}

#head #headMoji dd a.c{background-position:0 0}

#head #headInq{
position:absolute;
top:36px;
right:0}

#head #gNav{
top:91px;
left:0}

#head #gNav li a{
background-repeat:no-repeat;
background-position:0 0;
display:block;
height:60px;
overflow:hidden;
text-indent:-10000px}

#head #gNav li.li01 a{
background-image:url(../img/common/gNav01.jpg);
width:144px}

#head #gNav li.li02 a{
background-image:url(../img/common/gNav02.jpg);
width:200px}

#head #gNav li.li03 a{
background-image:url(../img/common/gNav03.jpg);
width:200px}

#head #gNav li.li04 a{
background-image:url(../img/common/gNav04.jpg);
width:227px}

#head #gNav li.li05 a{
background-image:url(../img/common/gNav05.jpg);
width:189px}


#head #gNav li a:hover{background-position:0 -60px}
#head #gNav li a.c{background-position:0 -120px}

/***********************************************/
/* #sideBar style                              */
/***********************************************/

#sideBar #sideInq,
#sideBar ul#sideBanner li{margin:0 0 10px}

#sideBar dl.sideMenu{
background:url(../img/common/sideBg.jpg) no-repeat 0 100%;
margin:0 0 10px;
padding:0 3px 3px}

#sideBar dl.sideMenu dt{
font-size:1%;
margin:0 -3px}

#sideBar dl.sideMenu dd{
border-top:1px dotted #999;
font-size:14px;}

#sideBar dl.sideMenu dd.firstChild{border:none}

#sideBar dl.sideMenu dd a{
background:url(../img/common/sideIcon.jpg) no-repeat 7px 13px;
display:block;
padding:8px 5px 8px 25px;
text-decoration:none}

#sideBar dl.sideMenu dd.firstChild a{
background-position:7px 9px;
padding:4px 5px 8px 25px}

#sideBar dl.sideMenu dd a:hover{text-decoration:underline}

#sideBar dl.sideMenu dd a.c{
color:#3984B3;
font-weight:bold}

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

#footBanner ul:before,
#footBanner ul:after{
content:"";
display:table;}

#footBanner ul:after{clear:both;}

#footBanner ul{
background:url(../img/common/footBg01.jpg) repeat-x;
margin:0 auto;
padding:20px 0 21px;
width:960px;
zoom:1;/* For IE 6/7 */}

#footBanner ul li{
float:left;
margin:0 0 0 10px}

#footBanner ul li.firstChild{margin:0}

#foot .footCont:before,
#foot .footCont:after{
content:"";
display:table;}

#foot .footCont:after{clear:both;}

#foot .footCont{
background:url(../img/common/footBg02.jpg) repeat;
margin:0 auto;
padding:15px 0 10px;
text-align:left;
width:960px;
zoom:1;/* For IE 6/7 */}

#foot .footCont dl,
#foot .footCont ul{
float:left;
margin:0 10px 0 0}

#foot .footCont dl.menu01{width:210px}
#foot .footCont dl.menu02{width:280px}
#foot .footCont dl.menu03{width:220px}
#foot .footCont ul.menu04{margin:0;width:220px}

#foot .footCont dl dt,
#foot .footCont ul li{
background:url(../img/common/footIcon01.jpg) no-repeat 0 7px;
margin:2px 0 0;
padding:0 0 0 20px}

#foot .footCont dl dd{
background:url(../img/common/footIcon02.jpg) no-repeat 20px 10px;
line-height:140%;
padding:0 0 0 30px}

#foot .footCont dl dt.firstChild,
#foot .footCont dl dd.firstChild,
#foot .footCont ul li.firstChild{margin:0}

#foot .footCont dl dt a,
#foot .footCont dl dd a,
#foot .footCont ul li a{
color:#fff;
font-size:12px;
text-decoration:none}

#foot .footCont dl dt a:hover,
#foot .footCont dl dd a:hover,
#foot .footCont ul li a:hover{text-decoration:underline}

#foot2 .footCont:before,
#foot2 .footCont:after{
content:"";
display:table;}

#foot2 .footCont:after{clear:both;}

#foot2 .footCont{
background:url(../img/common/footBg03.jpg) repeat;
margin:0 auto;
text-align:left;
width:960px;
zoom:1;/* For IE 6/7 */}

#foot2 .footCont ul{
float:left}

#foot2 .footCont ul:before,
#foot2 .footCont ul:after{
content:"";
display:table;}

#foot2 .footCont ul:after{clear:both;}

#foot2 .footCont ul{zoom:1;/* For IE 6/7 */}

#foot2 .footCont ul li{float:left}

#foot2 .footCont #footLogo{
margin:0 0 10px;
padding:20px 0 0;
text-align:right}

#foot2 .footCont address{
color:#fff;
font-size:10px;
text-align:right}