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

body{
background:url(../img/common/bodyBg.jpg) repeat-x;
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:#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,a,span{font-size:110%}

.form table td,
#foot ul li,
#main ul.sitemap li,
#main span.link,
#main .h301 dt,
#main dl dd.note,
#main dl dt span,
#main dl.flow dd span,
#main dl dd.note dl dt span{
font-size:small;
_font-size:x-small!important}

#main ul.sitemap li.nolink,
#main ul.sitemap li a,
#main dl dt span span,
#main dl.flow dd span a,
#main dl dd.note dl dt span span{font-size:110%}

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

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

#wrapper{
background:url(../img/common/wrapperBg.jpg) no-repeat 50% 0;
margin:0 auto;
width:910px}

#index #wrapper{background:url(../img/common/wrapperBg2.jpg) no-repeat 50% 0}

#head{
height:261px;
margin:0 auto 10px;
position:relative;
width:900px}

#index #head{height:341px}

#cont{
background:url(../img/common/contBg.jpg) repeat-y 50% 0;
margin:0 auto;
padding:0 15px 0 15px;
position:relative;
width:880px;
_width:910px;
z-index:2}

#index #cont{
background:url(../img/common/contBg2.jpg) repeat-y 50% 0;
padding:0 15px 0 15px}

#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;
margin:0 0 -23px;
position:relative;
z-index:3;
width:630px}

*:first-child+html #main{margin:0 0 -18px}
* html #main{margin:0 0 -15px}

#index #main{width:670px}

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

#index #sideBar{
margin:0 10px 0 0;
width:200px}

#foot{
background:url(../img/common/footBg.jpg) repeat-x;
position:relative;
z-index:1}

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

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

/*
#head p#logo a{
background:url(../img/common/logo.jpg) no-repeat;
display:block;
height:45px;
width:565px;
text-indent:-1000px}
*/
/*\*/
#head p#logo a{overflow:hidden}
/* */

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

#head .inq{
right:0;
top:41px;
position:absolute}

#head .search{
right:70px;
top:2px;
position:absolute}

#head .search th{vertical-align:middle}

#head .search td{
vertical-align:top;
padding:0 0 0 5px}

#head .search td.note input{width:110px}

#head .sitemap{
position:absolute;
top:0;
right:0}

*:first-child+html #head .sitemap{top:8px}
* html body #head .sitemap{top:8px}

#head h2{
background:url(../img/common/h2bg.jpg) no-repeat;
color:#df686d;
font-size:140%;
font-weight:bold;
min-height:71px;
_height:136px;
position:absolute;
top:83px;
left:0;
padding:65px 0 0 30px;
text-align:left;
width:870px;
_width:900px}

#head .main{
background:url(../img/common/h2bg.jpg) no-repeat;
color:#df686d;
font-size:140%;
font-weight:bold;
min-height:71px;
_height:136px;
position:absolute;
top:83px;
left:0;
padding:65px 0 0 30px;
text-align:left;
width:870px;
_width:900px}

#index #head h2{
background:none;
height:auto;
padding:0}

#index #head .main{
background: url(../img/index/mainVisual.jpg) no-repeat;
height:216px;
width:900px;
padding:0}


#head dl.VALink01 dt {
position:absolute;
top:78px;
left:40px;
width:380px;
height:109px;
}

#head dl.VALink01 dt a {
	display:block;
	width:380px;
	height:109px;
	text-indent:-9999px;
}

#head dl.VALink01 dd {
	text-indent:-9999px;
}

#head dl.VALink02 dt {
position:absolute;
top:79px;
left:481px;
width:380px;
height:109px;
}

#head dl.VALink02 dt a {
	display:block;
	width:380px;
	height:109px;
	text-indent:-9999px;
}

#head dl.VALink02 dd {
	text-indent:-9999px;
}

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

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

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

#head #globalNav li.menu01 a{width:168px}
#head #globalNav li.menu02 a{width:170px}
#head #globalNav li.menu03 a{width:170px}
#head #globalNav li.menu04 a{width:171px}
#head #globalNav li.menu05 a{width:221px}

#head #globalNav li.menu01 a:hover{background:url(../img/common/globalNav.jpg) no-repeat 0 -36px}
#head #globalNav li.menu02 a:hover{background:url(../img/common/globalNav.jpg) no-repeat -168px -36px}
#head #globalNav li.menu03 a:hover{background:url(../img/common/globalNav.jpg) no-repeat -338px -36px}
#head #globalNav li.menu04 a:hover{background:url(../img/common/globalNav.jpg) no-repeat -508px -36px}
#head #globalNav li.menu05 a:hover{background:url(../img/common/globalNav.jpg) no-repeat -679px -36px}

#head #globalNav li.menu01 a.c{background:url(../img/common/globalNav.jpg) no-repeat 0 -36px}
#head #globalNav li.menu02 a.c{background:url(../img/common/globalNav.jpg) no-repeat -168px -36px}
#head #globalNav li.menu03 a.c{background:url(../img/common/globalNav.jpg) no-repeat -338px -36px}
#head #globalNav li.menu04 a.c{background:url(../img/common/globalNav.jpg) no-repeat -508px -36px}
#head #globalNav li.menu05 a.c{background:url(../img/common/globalNav.jpg) no-repeat -679px -36px}


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

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

#sideBar ul#menu{
background:url(../img/common/sideDtBgTop.jpg) no-repeat;
padding:7px 0 0}

#sideBar ul#menu li{}

#sideBar ul#menu li dl dt{
background:url(../img/common/sideDtBg.jpg) repeat-y;
color:#fff;
font-size:110%;
font-weight:bold;
margin:7px 0 0;
padding:2px 0 2px 12px}

#sideBar ul#menu li dl dd{
background:url(../img/common/sideBorder.gif) repeat-x 0 100%;
padding:7px 0}

#sideBar ul#menu li a{
background:url(../img/common/icon01.gif) no-repeat 5px 7px;
border:none;
display:block;
font-size:small;
_font-size:x-small;
padding:0 0 0 15px}

#sideBar ul#menu li.note{
background:url(../img/common/sideBorder.gif) repeat-x 0 100% #f0e9d9;
padding:7px 0}

#sideBar ul#menu li.firstChild{
margin:7px 0 0;
padding:0 0 7px}

#sideBar ul#menu li.firstChild span{
border-top:2px solid #ffa71b;
display:block;
padding:7px 0 0}

#sideBar ul#menu li dl dt.note{
margin:0;
padding:0}

#sideBar ul#menu li dl dt.note a{
background:url(../img/common/icon02.gif) no-repeat 97% 4px;
color:#fff;
display:block;
padding:0 0 2px 12px;
text-decoration:none}

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

#foot #footCont{
background:url(../img/common/footBgTop.jpg) no-repeat 50% 0;
margin:0 auto;
padding:38px 0 5px;
text-align:left;
width:910px}

#index #foot #footCont{background:url(../img/common/footBgTop2.jpg) no-repeat 50% 0}

#foot ul{margin:0 0 30px}

#foot ul li{
border-left:1px solid #666;
display:inline;
margin:0 10px 0 0;
padding:0 0 0 10px}

#foot ul li.firstChild{
border:none;
margin:0;
padding:0 10px}

#foot .pageTop{
margin:-50px 0 10px;
text-align:right}

#foot .footLogo,
#foot .add{
margin:0 0 5px;
text-align:right}

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

#main .indexSide dl.k_01 {
	background:url(../img/index/banner05.jpg) no-repeat;
	width:180px;
	height:140px;
	margin:0 0 10px 10px;
}

#main .indexSide dl.k_01 dt a { 
	display:block;
	width:180px;
	height:140px;
	text-indent:-9999px;
}

#main .indexSide dl.k_01 dd {
	display:block;
	text-indent:-9999px;
}



#main .indexSide dl.k_02 {
	background:url(../img/index/banner06.jpg) no-repeat;
	width:180px;
	height:140px;
	margin:0 0 10px 10px;
}

#main .indexSide dl.k_02 dt a { 
	display:block;
	width:180px;
	height:140px;
	text-indent:-9999px;
}

#main .indexSide dl.k_02 dd {
	display:block;
	text-indent:-9999px;
}


#main .indexSide dl.k_03 {
	background:url(../img/index/banner07.jpg) no-repeat;
	width:180px;
	height:140px;
	margin:0 0 10px 10px;
}

#main .indexSide dl.k_03 dt a { 
	display:block;
	width:180px;
	height:140px;
	text-indent:-9999px;
}

#main .indexSide dl.k_03 dd {
	display:block;
	text-indent:-9999px;
}




#sideBar dl.k_01 {
	background:url(../img/index/banner01.jpg) no-repeat;
	width:180px;
	height:140px;
	margin:0 0 10px 10px;
}

#sideBar dl.k_01 dt a { 
	display:block;
	width:180px;
	height:140px;
	text-indent:-9999px;
}

#sideBar dl.k_01 dd {
	display:block;
	text-indent:-9999px;
}



#sideBar dl.k_02 {
	background:url(../img/index/banner02.jpg) no-repeat;
	width:180px;
	height:140px;
	margin:0 0 10px 10px;
}

#sideBar dl.k_02 dt a { 
	display:block;
	width:180px;
	height:140px;
	text-indent:-9999px;
}

#sideBar dl.k_02 dd {
	display:block;
	text-indent:-9999px;
}


#sideBar dl.k_03 {
	background:url(../img/index/banner03.jpg) no-repeat;
	width:180px;
	height:140px;
	margin:0 0 10px 10px;
}

#sideBar dl.k_03 dt a { 
	display:block;
	width:180px;
	height:140px;
	text-indent:-9999px;
}

#sideBar dl.k_03 dd {
	display:block;
	text-indent:-9999px;
}



#sideBar dl.k_04 {
	background:url(../img/index/banner04.jpg) no-repeat;
	width:180px;
	height:140px;
	margin:0 0 10px 10px;
}

#sideBar dl.k_04 dt a { 
	display:block;
	width:180px;
	height:140px;
	text-indent:-9999px;
}

#sideBar dl.k_04 dd {
	display:block;
	text-indent:-9999px;
}