@charset "shift_jis";

/* tag *******************************************************************/

html {
padding: 0px;
margin: 0px;
}

body {
color: #C7C7C7;
font-size: 9pt;
line-height: 140%;
padding: 0px;
margin: 0px;
}

h1,h2,h3,h4,h5,h6,table,p,div,pre,span,ul,ol,li,dl,dt,dd,form,strong,em,img,embed,object {
margin: 0px;
padding: 0px;
list-style: none;
}

img {
border: 0px;
}

td {
word-break:break-all;
}

table {
font-size: 100%;
border:0px none;
}

a:link {
color: #C81016;
text-decoration: none;
}

a:visited {
color: #777777;
background-color: transparent;
text-decoration:none;
}
a:active {
color: #C81016;
background-color: transparent;
text-decoration:none;
}
a:hover {
color: #C81016;
background-color: transparent;
text-decoration:underline;
}

.input_login
{
HEIGHT:18px; 
color: #FFFFFF;
FONT-SIZE:9pt; 
BACKGROUND-COLOR:#282828;
BORDER:1px solid #282828;
}
.input1
{
HEIGHT:18px; 
FONT-SIZE:9pt; 
BACKGROUND-COLOR:#F0F0F0;
BORDER:1px solid #CCCCCC;
}

/* top table *******************************************************************/

#top {
width: 100%;
height: 52px;
border: 0px;
margin: 2px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #000000;
}

#top_logo {
border: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
}

#top_logo li {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-indent: -9999px;
float: left;
}

#top_logo li#logo {
height: 50px;
width: 231px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: url(../image/main/32/logo.gif) no-repeat top left;
}

#top_m {
border: 0px;
margin: 15px 0px 0px 0px;
padding: 0px 2px 0px 0px;
float: right;
}

#top_m li {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-indent: -9999px;
float: left;
}

#top_m li#t_m01 a {
height: 14px;
width: 42px;
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: url(../image/main/32/top_m01.gif) no-repeat top right;
}


#top_m li#t_m02 a {
height: 14px;
width: 47px;
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: url(../image/main/32/top_m02.gif) no-repeat top right;
}

#top_m li#t_m03 a {
height: 14px;
width: 52px;
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: url(../image/main/32/top_m03.gif) no-repeat top right;
}

/* img table *******************************************************************/

#img {
width: 800px;
height: 188px;
border: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#img h1{
width: 100%;
height: 188px;
border: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url(../image/main/32/img.gif) repeat-x top left;
text-indent: -9999px;
}

/* login table *******************************************************************/
#login {
width: 160px;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}

#login_hd {
width: 160px;
height: 24px;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url(../image/main/32/login_title.gif)  no-repeat left;
text-indent: -9999px;
}

#login_tbl {
border-left: 4px solid #282828;
border-bottom: 4px solid #282828;
border-right: 4px solid #282828;
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
background: #000000;
}

#login_tbl ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#login_tbl li#id {
display: inline;
height: 11px;
font-size: 80%;
text-align: left;
width: 100%;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 58px;
background: url(../image/main/32/id.gif)  no-repeat left;
}
#login_tbl li#pw {
display: inline;
height: 11px;
font-size: 80%;
text-align: left;
width: 100%;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 58px;
background: url(../image/main/32/pw.gif)  no-repeat left;
}
#login_tbl li#ssl {
display: inline;
height: 11px;
font-size: 80%;
text-align: left;
width: 100%;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 20px;
}
#login_tbl li#log_but input {
display: block;
width: 73px;
height: 18px;
margin: 5px 0px 0px 2px;
padding: 0px 0px 0px 0px;
background: url(../image/main/32/but_login.gif)  no-repeat top left;
text-indent: -9999px;
}
#login_tbl li#join_but a {
display: block;
width: 73px;
height: 18px;
margin: -18px 0px 0px 77px;
padding: 0px 0px 0px 0px;
background: url(../image/main/32/but_join.gif)  no-repeat top right;
text-indent: -9999px;
}
#login_tbl li#pw_s_but a {
display: block;
width: 148px;
height: 18px;
text-align: center;
margin: 3px 0px 4px 2px;
padding: 0px 0px 0px 0px;
background: url(../image/main/32/but_pw_s.gif)  no-repeat top;
clear: both;
text-indent: -9999px;
}

/* logout table *******************************************************************/
#logout {
width: 160px;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}

#logout_tbl {
border: 4px solid #282828;
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
background: #000000;
}

#logout_tbl ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#logout_tbl li#logout_text {
font-size: 85%;
text-align: left;
color: #C7C7C7;
text-decoration:none;
display: inline;
width: 100%;
height: 60px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 20px;
}
#logout_tbl li#logout_but a {
display: block;
width: 148px;
height: 18px;
text-align: center;
margin: 3px 0px 0px 2px;
padding: 0px 0px 0px 0px;
background: url(../image/main/32/but_logout.gif)  no-repeat top;
text-indent: -9999px;
}
#logout_tbl li#mypage_but a {
display: block;
width: 148px;
height: 18px;
text-align: center;
margin: 3px 0px 0px 2px;
padding: 0px 0px 0px 0px;
background: url(../image/main/32/but_member.gif)  no-repeat top;
text-indent: -9999px;
}
#logout_tbl li#sece_but a {
display: block;
width: 148px;
height: 18px;
text-align: center;
margin: 3px 0px 4px 2px;
padding: 0px 0px 0px 0px;
background: url(../image/main/32/but_sece.gif)  no-repeat top;
text-indent: -9999px;
}
#logout_tbl li#line {
display: inline;
width: 138px;
height: 1px;
margin: 3px 0px -15px 2px;
padding: 0px 0px 0px 0px;
background: url(../image/main/32/line_gray.gif)  no-repeat top;
}

/* menu table *******************************************************************/
#menu_tbl {
width: 160px;
border: 0px 0px 0px 0px;
margin: 5px 0px 5px 0px;
}
#m_big b {
font-size: 100%;
font-weight: bold;
text-align: left;
color: #FFFFFF;
border: 0px;
text-decoration:none;
padding: 8px 0px 0px 17px;
margin:  0px 0px 0px 0px;
}

#m_small a {
font-size: 100%;
text-align: left;
color: #AFAFAF;
border: 0px;
text-decoration:none;
padding: 3px 0px 0px 13px;
margin:  0px 0px 0px 0px;
}
#m_small a:hover {
color: #C81016;
font-weight: bold;
text-decoration:underline;
}

/* quick_menu table *******************************************************************/
#quick_menu {
width: 160px;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}
#quick_hd {
width: 160px;
height: 24px;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url(../image/main/32/quick_m_title.gif) no-repeat top left;
text-indent: -9999px;
}
#quick_tbl {
border-left: 4px solid #282828;
border-bottom: 4px solid #282828;
border-right: 4px solid #282828;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
background: #000000;
text-align: center;
}

/* calendar table *******************************************************************/
#cal_menu {
width: 160px;
height: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url(../image/main/32/sechedule_title.gif) no-repeat top left;
}

#cal_tbl {
border-left: 4px solid #282828;
border-right: 4px solid #282828;
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
background: #000000;
}

#cal_day {
text-align: center;
font-size: 80%;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
}

#cal_tbl ul {
border: 0px;
margin: 0px 0px 0px 3px;
padding: 10px 0px 0px 0px;
background: url(../image/main/32/cal_bg.gif) no-repeat;
}

#cal_tbl li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#cal_tbl li#sun {
text-align: center;
font-size: 80%;
color: #AFAFAF;
display: inline;
width: 20px;
margin: 1px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#cal_tbl li#mon {
text-align: center;
font-size: 80%;
color: #AFAFAF;
display: inline;
width: 20px;
margin: 1px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#cal_tbl li#sat {
text-align: center;
font-size: 80%;
color: #AFAFAF;
display: inline;
width: 20px;
margin: 1px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#day_b_tbl {
border-left: 4px solid #282828;
border-bottom: 4px solid #282828;
border-right: 4px solid #282828;
margin: 0px 0px 5px 0px;
padding: 5px 0px 5px 0px;
background: #000000;
}
#day_b_tbl li#day_b {
text-align: left;
font-size: 80%;
color: #AFAFAF;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
}
/* poll table *******************************************************************/
#poll {
width: 160px;
height: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url(../image/main/32/poll_title.gif) no-repeat top left;
text-indent: -9999px;
}

#poll_tbl {
border-left: 4px solid #282828;
border-bottom: 4px solid #282828;
border-right: 4px solid #282828;
margin: 0px 0px 5px 0px;
padding: 5px 0px 5px 0px;
background: #000000;
}

#poll_tbl_list {
margin: 0px 5px 0px 0px;
padding: 3px 3px 3px 3px;
}
#poll_tbl_list li#p_01 {
font-size: 85%;
text-align: left;
color: #AFAFAF;
text-decoration:none;
display: block;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
background: #282828;
}

#poll_tbl_list li#radio {
font-size: 80%;
text-align: left;
margin: 0px 5px 0px 0px;
padding: 0px 0px 0px 0px;
}

#poll_tbl_list li#but {
text-align: center;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* inquiry table *******************************************************************/
#inquiry {
width: 160px;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}
#inquiry_hd {
width: 160px;
height: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url(../image/main/32/inquiry_title.gif) no-repeat top left;
text-indent: -9999px;
}

#inquiry_list {
border-left: 4px solid #282828;
border-bottom: 4px solid #282828;
border-right: 4px solid #282828;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
background: #000000;
}
#inquiry_list li#bg {
font-family:Verdana;
font-size: 80%;
text-align: left;
text-decoration:none;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 1px 0px 0px 5px;
}
#inquiry_list li#bg a {
font-family:Verdana;
font-size: 100%;
color: #C7C7C7;
text-align: left;
text-decoration:underline;
margin: 0px 0px 0px 0px;
padding: 1px 0px 0px 0px;
word-break:break-all;
}

/* count table *******************************************************************/
#count {
width: 160px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#count ul {
width: 160px;
height: 23px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#count li#total {
width: 100%;
height: 23px;
font-size: 80%;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 47px;
background: url(../image/main/32/total.gif) no-repeat left;
}

/* layout table *******************************************************************/

#layout_left {
width: 225px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
float: left;
}

#layout_right {
width: 225px;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 0px;
float: right;
}

/* document table *******************************************************************/
#doc {
width: 470px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}

#doc h1 {
width: 470px;
height: 26px;
font-size: 100%;
text-align: left;
color: #FFFFFF;
font-weight: bold;
text-decoration:none;
display: block;
margin: 5px 0px 0px 0px;
padding: 8px 0px 0px  15px;
background: url(../image/main/32/title_01.gif)  no-repeat left;
}

#doc_more a {
width: 40px;
height: 10px;
display: block;
margin: -20px 0px 0px 0px;
padding: 7px 0px 0px 15px;
float: right;
}

#doc_tbl {
width: 470px;
margin: 0px 0px 10px 0px;
padding: 10px 10px 10px 10px;
}

.doc_title {
font-size: 100%;
text-align: left;
color: #C7C7C7;
LINE-HEIGHT:120%;
margin: 0px 0px 5px 0px;
padding: 5px 0px 0px 5px;
}

/* document table    ::::::::: 02  :::::::::::         *******************************************************************/
#doc01 {
width: 225px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}

#doc01 h1 {
width: 225px;
height: 26px;
font-size: 100%;
text-align: left;
color: #FFFFFF;
font-weight: bold;
text-decoration:none;
display: block;
margin: 5px 0px 0px 0px;
padding: 8px 0px 0px 15px;
background: url(../image/main/32/title_02.gif)  no-repeat left;
}

#doc_more01 a {
width: 40px;
height: 10px;
display: block;
margin: -20px 0px 0px 0px;
padding: 7px 0px 0px 15px;
float: right;
}

#doc_tbl01 {
width: 225px;
margin: 0px 0px 10px 0px;
padding: 10px 10px 10px 10px;
}

/* bbs table *******************************************************************/
#bbs {
width: 470px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}

#bbs h1 {
width: 470px;
height: 26px;
font-size: 100%;
text-align: left;
color: #FFFFFF;
font-weight: bold;
text-decoration:none;
display: block;
margin: 10px 0px 0px 0px;
padding: 8px 0px 0px  15px;
background: url(../image/main/32/title_01.gif)  no-repeat left;
}
#bbs_more a {
width: 40px;
height: 10px;
display: block;
margin: -20px 0px 0px 0px;
padding: 7px 0px 0px 15px;
float: right;
}

#bbs_tbl {
width: 470px;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
}

#bbs_tbl li#title {
width: 100%;
border: 0px;
font-size: 100%;
text-align: left;
color: #C7C7C7;
margin: 0px 0px 0px 0px;
padding: 6px 0px 6px 0px;
background: url(../image/main/32/dot_line.gif) no-repeat center bottom;
}
#bbs_tbl li#title a {
color: #C7C7C7;
}
#bbs_tbl li#title a:hover {
color: #C7C7C7;
}

/* bbs table    ::::::::: 02  :::::::::::         *******************************************************************/
#bbs01 {
width: 225px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}

#bbs01 h1 {
width: 225px;
height: 26px;
font-size: 100%;
text-align: left;
color: #FFFFFF;
font-weight: bold;
text-decoration:none;
display: block;
margin: 5px 0px 0px 0px;
padding: 8px 0px 0px  15px;
background: url(../image/main/32/title_02.gif)  no-repeat left;
}
#bbs_more01 a {
width: 40px;
height: 10px;
display: block;
margin: -20px 0px 0px 0px;
padding: 7px 0px 0px 15px;
float: right;
}

#bbs_tbl01 {
width: 225px;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
}

#bbs_tbl01 li#title {
width: 100%;
border: 0px;
font-size: 100%;
text-align: left;
color: #C7C7C7;
margin: 0px 0px 0px 0px;
padding: 6px 0px 6px 0px;
background: url(../image/main/32/dot_line.gif) no-repeat center bottom;
}
#bbs_tbl01 li#title a {
color: #C7C7C7;
}
#bbs_tbl01 li#title a:hover {
color: #C7C7C7;
}

/* photo table *******************************************************************/
#photo {
width: 470px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}

#photo h1 {
width: 470px;
height: 26px;
font-size: 100%;
text-align: left;
color: #FFFFFF;
font-weight: bold;
text-decoration:none;
display: block;
margin: 10px 0px 0px 0px;
padding: 8px 0px 0px 15px;
background: url(../image/main/32/title_01.gif)  no-repeat left;
}
#photo_more a {
width: 40px;
height: 10px;
display: block;
margin: -20px 0px 0px 0px;
padding: 7px 0px 0px 15px;
float: right;
}

#photo_tbl {
width: 470px;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
.photo_title {
color: #C7C7C7;
font-size: 100%;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
}
.photo_title a {
color: #C7C7C7;
font-size: 100%;
}
.photo_title a:hover {
color: #C7C7C7;
font-size: 100%;
}

/* photo table    ::::::::: 02  :::::::::::          *******************************************************************/
#photo01 {
width: 225px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}

#photo01 h1 {
width: 225px;
height: 26px;
font-size: 100%;
text-align: left;
color: #FFFFFF;
font-weight: bold;
text-decoration:none;
display: block;
margin: 10px 0px 0px 0px;
padding: 8px 0px 0px 15px;
background: url(../image/main/32/title_02.gif)  no-repeat left;
}
#photo_more01 a {
width: 40px;
height: 10px;
display: block;
margin: -20px 0px 0px 0px;
padding: 7px 0px 0px 15px;
float: right;
}

#photo_tbl01 {
width: 225px;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}

/*banner table *******************************************************************/

#ban {
width: 160px;
border: 0px;
margin: 5px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}
.ban01 {
width: 160px;
height: 50px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 1px 0px;
}
/* sub_title table *******************************************************************/
.sub_t {
font-size: 100%;
text-align: left;
color: #C7C7C7;
font-weight: bold;
text-decoration:none;
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 10px;
}
/* sub_body table *******************************************************************/
.sub_body {
font-size: 100%;
text-align: left;
color: #C7C7C7;
text-decoration:none;
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 10px;
}

/* bottom table *******************************************************************/

#bot_tbl {
width: 800px;
height: 30px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url(../image/main/32/bot_bg.gif) repeat-x;
}

#bot_tbl_h {
width: 800px;
display: block;
height: 30px;
margin: 0px 0px 0px 0px;
padding: 9px 0px 0px 0px;
}

#bot_tbl_h li {
display: block;
text-align: center;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 0px 15px 0px 15px;
background: url(../image/main/32/bot_line.gif) no-repeat right;
float: left;
}

#bot_tbl_h li#b_m01 a {
font-size: 100%;
color: #777777;
text-align: center;
text-decoration:none;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px;
}
#bot_tbl_h li#b_m01 a:hover {
font-size: 100%;
color: #C81016;
text-align: center;
text-decoration:underline;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px;
}
#bot_tbl_h li#b_m_o a {
font-size: 85%;
color: #777777;
text-align: left;
text-decoration:none;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px;
}

#copy {
HEIGHT: 50px;
font-size: 80%;
color: #777777;
text-align: center;
text-decoration:none;
display: block;
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
background: #000000;
}