@charset "utf-8";
/* CSS Document */

/* base */
body { margin: 0px; padding: 0px; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: 12px; line-height: 16px; letter-spacing: 1px; color: #FFFFFF; background: url(/img/bg.gif) repeat;}
img{border:0;}
a:link { color: #FFFFFF; text-decoration: none;}
a:visited { color: #FFFFFF; text-decoration: none;}
a:hover { color: #FFFFFF; text-decoration: underline;}

img{ border: 0;}
form {margin: 0; text-align: center;}
.center{ text-align: center;}
.f_l{ float: left;}
.f_r{ float: right;}
.m0{margin:0px;}
.m2_bottom{margin-bottom:2px;}
.m2_left{margin-left:2px;}
.m2_right{margin-right:2px;}
.m3_tb{margin:3px 0px 3px 0px;}
.m3_left{margin-left:3px;}
.m3_right{margin-right:3px;}
.m4_top{margin-top: 4px;}
.m4_bottom{margin-bottom: 4px;}
.m4_left{margin-left:4px;}
.m4_right{margin-right:4px;}
.m5_top{margin-top: 5px;}
.m5_bottom{margin-bottom: 5px;}
.m5_left{margin-left: 5px;}
.m5_right{margin-right: 5px;}
.m8_left{margin-left: 8px;}
.m10_top{margin-top: 10px;}
.m10_bottom{margin-bottom: 10px;}
.m10_left{margin-left: 10px;}
.m14_right{margin-right: 14px;}
.m20_left{margin-left: 20px;}
.font10{font-size:10px;}

h1#h1 { width: 980px; height: 13px; margin: 0px auto; padding: 0px; font-size:10px; font-weight: normal; line-height: 12px; color:#FFFFFF; text-align:right;}
h2 { width:614px; height:26px; margin:0px 0px 5px 0px; padding-left:26px; background: url(/img/h2_bg.gif) no-repeat; font-size:14px; color:#FFFFFF; line-height:26px;}
h3 { margin:0px; height:36px; padding:0px;}
h4 { margin: 3px; padding:0px 0px 0px 8px; font-size: 12px; background: url(/img/icon.gif) no-repeat left; display:block;}
h5 img{ vertical-align: middle;}


#wrapper { width: 1000px; padding: 0px; height: auto; background-image: url(/img/wrapper_bg.gif); background-repeat: repeat-y; text-align: center; overflow:hidden; margin: 0px auto;}
#page { width: 980px; height: auto; margin: 5px auto; padding: 0px; text-align: left;}
#footer { width: 980px; margin:0px auto; text-align:center;}

/* pXg */
#pankuzu{width:640px; height:18px; margin-bottom:5px; padding:0px; clear:both;}
#pankuzu h4{ font-weight:normal; float:left;}
#pankuzu span{ font-weight:bold; float:right;}

/* wb_[ */
#header { width: 980px; height:120px; margin: 0px auto; background:url(/img/head_bg1.jpg) no-repeat; overflow:hidden;}
#head_01{ width:359px; height:107px; margin:0px; padding:0px; float:left;}
#head_02{ width:621px; height:107px; margin:0px; padding:0px; float:right;}
.head_flash{ width:250px; height:107px; margin:0px; padding:0px; float:left;}

/* wbhj[ */
#head_menu{ width:616px; height:107px; margin:0px; padding:0px; float:right;}
.head_menu_txt{ width:435px; height:20px; margin:0px; padding:7px 10px 7px 0px; color:#FFFFFF; font-size:12px; text-align:right; float:right; display:block;}
#head_menu_b{width:616px; height:32px; margin:0px; padding:0px;}
#head_menu_b span{width:100px; height:30px; list-style-type:none; float:left; padding:0px 0px 0px 2px; margin:0;}
#head_menu_b span a{display:block; width:100px; height:30px; background-position:0 0; background-repeat:no-repeat; text-decoration:none; text-indent:-9999em;}
#head_menu_b span#menu01 a {background-image:url(/img/menu01.jpg);}
#head_menu_b span#menu02 a {background-image:url(/img/menu02.jpg);}
#head_menu_b span#menu03 a {background-image:url(/img/menu03.jpg);}
#head_menu_b span#menu04 a {background-image:url(/img/menu04.jpg);}
#head_menu_b span#menu05 a {background-image:url(/img/menu05.jpg);}
#head_menu_b span#menu06 a {background-image:url(/img/menu06.jpg);}
#head_menu_b span#menu07 a {background-image:url(/img/menu07.jpg);}
#head_menu_b span#menu08 a {background-image:url(/img/menu08.jpg);}
#head_menu_b span#menu09 a {background-image:url(/img/menu09.jpg);}
#head_menu_b span#menu10 a {background-image:url(/img/menu10.jpg);}
#head_menu_b span#menu11 a {background-image:url(/img/menu11.jpg);}
#head_menu_b span#menu12 a {background-image:url(/img/menu12.jpg);}
#head_menu_b span#menu13 a {background-image:url(/img/menu13.gif);}
#head_menu_b span#menu14 a {background-image:url(/img/menu14.jpg);}

#head_menu_b span a:hover {background-position: 0 -30px;}
    
#head_menu a:link { color: #FFFFFF; text-decoration: none;}
#head_menu a:visited { color: #FFFFFF; text-decoration: none;}
#head_menu a:hover { color: #FFFFFF; text-decoration: underline;}

/* RecE */
#contents { width: 640px; margin: auto; float:right;}

/*  */
#menu_left{ width: 330px; margin: auto; float: left;}
#menu_block{ width: 326px; height:auto; padding:1px; margin-top: 5px; border: 1px solid #FFFFFF; background:#000000;}

/* L[[h */
.key_search{width:326px; height:70px; margin:5px 0px 0px 0px; padding:0;}
.key_search p{width:195px; height:70px; margin:0; padding:0px; float:left;}

/* IXXV[Y */
.osusume_bn{ width:321px; height:auto; margin:10px 0px 0px 0px; padding:0;}

/* tb^[ */
#up{ width:980px; margin-bottom:10px;}
#foot_1{width:980px; height:26px; margin:0px; padding:0px; color:#FFFFFF; line-height:24px; background:url(/img/foot_bg.gif) no-repeat;}
#foot_2 span{margin:5px 0px; padding:0px; display:block;}

#foot_1 a:link { color: #ffffff; text-decoration: none;}
#foot_1 a:visited { color: #ffffff; text-decoration: none;}
#foot_1 a:hover { color: #ffffff; text-decoration: underline;}

#foot_2 a:link { color: #FFFFFF; text-decoration: underline;}
#foot_2 a:visited { color: #FFFFFF; text-decoration: underline;}
#foot_2 a:hover { color: #FFFFFF; text-decoration: underline;}








