@charset "utf-8";





/* #keyimgArea 

--------------------------------------------------------- */

#top #keyimgArea {

height: 320px;

}

#top #keyimgArea {

background: url(../img/keyimg_bg_001.gif) repeat-x left top;

}

#top #keyimgAreaInner {

background: url(../img/keyimg_bg_002.gif) no-repeat center top;

}





/* #tnavArea 

--------------------------------------------------------- */

#tnavArea {

margin: 0 0 20px 0;

text-align: left;

background: url(../img/tnvarea_bg_001.gif) no-repeat left bottom;

}

#tnavAreaInner {

margin: 0 0 20px 0;

padding: 14px 15px 17px 15px;

text-align: left;

background: url(../img/tnvarea_bg_002.gif) no-repeat left top;

}



/* #tcArea */

#tcArea {

background: url(../img/tcarea_bg_001.gif) no-repeat left bottom;

}

#tcArea .txtbox {

padding: 4px 18px 16px 18px;

}



#tcArea #tcBlock01,

#tcArea #tcBlock02,

#tcArea #tcBlock03,

#tcArea #tcBlock04 {

float: left;

width: 210px;

}



#tcArea #tcBlock01,

#tcArea #tcBlock02,

#tcArea #tcBlock03 {

margin-right:10px;

}



/* #tnvArea */

#tnvArea {}



#tnvArea #tnvBlock01,

#tnvArea #tnvBlock02,

#tnvArea #tnvBlock03,

#tnvArea #tnvBlock04,

#tnvArea #tnvBlock001,

#tnvArea #tnvBlock002,

#tnvArea #tnvBlock003,

#tnvArea #tnvBlock004 {

float: left;

width: 210px;

}



#tnvArea #tnvBlock01,

#tnvArea #tnvBlock02,

#tnvArea #tnvBlock03,

#tnvArea #tnvBlock001,

#tnvArea #tnvBlock002,

#tnvArea #tnvBlock003 {

margin-right:10px;

}



#tnvArea #tnav001 {background: url(../img/tnav_txt_005.gif) no-repeat left top;}

#tnvArea #tnav002 {background: url(../img/tnav_txt_006.gif) no-repeat left top;}

#tnvArea #tnav003 {background: url(../img/tnav_txt_007.gif) no-repeat left top;}

#tnvArea #tnav004 {background: url(../img/tnav_txt_008.gif) no-repeat left top;}

#tnvArea #tnav001 a,

#tnvArea #tnav002 a,

#tnvArea #tnav003 a,

#tnvArea #tnav004 a {

display: block;

width:210px;

height:171px;

overflow: hidden;

text-indent:-99999px;

}

#tnvArea #tnav001 a:hover {background: url(../img/tnav_txt_005ov.gif) no-repeat left top;}

#tnvArea #tnav002 a:hover {background: url(../img/tnav_txt_006ov.gif) no-repeat left top;}

#tnvArea #tnav003 a:hover {background: url(../img/tnav_txt_007ov.gif) no-repeat left top;}

#tnvArea #tnav004 a:hover {background: url(../img/tnav_txt_008ov.gif) no-repeat left top;}



#tnvArea #tnav01 {margin-top: 4px; background: url(../img/tnav_img_001.gif) no-repeat left top;}

#tnvArea #tnav02 {margin-top: 4px; background: url(../img/tnav_img_002.gif) no-repeat left top;}

#tnvArea #tnav03 {margin-top: 4px; background: url(../img/tnav_img_003.gif) no-repeat left top;}

#tnvArea #tnav04 {margin-top: 4px; background: url(../img/tnav_img_004.gif) no-repeat left top;}

#tnvArea #tnav01 a,

#tnvArea #tnav02 a,

#tnvArea #tnav03 a,

#tnvArea #tnav04 a {

display: block;

width:210px;

height:92px;

overflow: hidden;

text-indent:-99999px;

}

#tnvArea #tnav01 a:hover {background: url(../img/tnav_img_001ov.gif) no-repeat left top;}

#tnvArea #tnav02 a:hover {background: url(../img/tnav_img_002ov.gif) no-repeat left top;}

#tnvArea #tnav03 a:hover {background: url(../img/tnav_img_003ov.gif) no-repeat left top;}

#tnvArea #tnav04 a:hover {background: url(../img/tnav_img_004ov.gif) no-repeat left top;}







/* #topInfoArea 

--------------------------------------------------------- */

#topInfoArea {

width: 900px;

margin: 0 auto 30px auto;

padding: 3px 0 0 0;

text-align:left;

background: url(../img/tia_bg_001.gif) no-repeat left top; 

}

#topInfoAreaInner {

padding: 0 0 10px 0;

background: url(../img/tia_bg_002.gif) no-repeat left bottom; 

}



.tiattl01 {

padding: 2px 0 11px 28px;

font-size: 107%;

font-weight:bold;

background: url(../img/tiattl_bg_001.gif) no-repeat left bottom;

}



/* indexBgBlock01 */

.indexBgBlock01 {

margin: 10px;

padding: 6px 12px;

background: #ffffff;

border: 2px solid #cccccc;

}



* html .indexBgBlock01 {

	height:1%;

}



.indexBgBlock01 dl {}

.indexBgBlock01 dl dt {

margin: 0 0 8px 0;

padding: 0 0 3px 16px;

font-weight:bold;

background:url(../img/tiattl_bg_002.gif) no-repeat left bottom;

}

.indexBgBlock01 dl dd {}

.indexBgBlock01 dl dd.area {

font-size: 85%;

}




















