@charset "UTF-8";

body { margin: 0px; padding: 0px; text-align: center; font-size: 12px; line-height: 20px; color: #333; }
*+html body { margin: 0px; padding: 0px; text-align: center; color: #333; letter-spacing: 0.1em; font-size: 12px; line-height: 20px; }
* html body { margin: 0px; padding: 0px; text-align: center; color: #333; letter-spacing: 0.1em; font-size: 12px; line-height: 20px; }
ul { list-style: none; }
img { border-width: 0px; border-style: none; }
br { letter-spacing: 0; }
p { margin: 0px; padding: 0px; }
a:link { color: #0099DC; text-decoration: none; }
a:visited { text-decoration: underline; }
a:hover, a:active { color: #0099DC; text-decoration: underline;}
.input { width: 90%; }

.left { float: left; margin: 0px; padding: 0px; text-align: right; }
.left2 { float: left; margin: 0px; padding: 0px 6px 0px 0px; text-align: right; }
.right { text-align: right; margin: 0px; padding: 0px; }

.clear { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 0px; width: 0px; clear: both; display: block; }
.red { color: #F00; }
.float_left { float: left; margin-bottom: 15px; margin-right: 20px; }
.float_right { float: right; margin-bottom: 15px; margin-left: 20px; margin-right: 40px; }

#container { margin: 0px auto; padding: 0px; width: 850px; }
#page_header { background: #000; margin: 0px; padding: 5px 0px 0px; height: 177px; width: 100%; }
#ph_photo_edge { border: 1px solid #333; margin: 0px auto; padding: 4px 0px; height: 120px; width: 826px; text-align: center; vertical-align: middle; }
#ph_photo { margin: 0px; padding: 0px; }
#ph_title { text-align: right; width: 815px; margin: 0px; padding: 12px 0px 0px; }
#content { background: url(../i/sub_image/back.gif) repeat-y center top; margin: 0px; padding: 25px 10px 15px; width: 830px; clear: both; height: auto; }

#header { margin: 0px; padding: 0px; height: 115px; width: 850px; }
#bh_opening { margin: 0px; padding: 0px; float: left; height: 115px; width: 130px; }
#bh_opening a { background: url(../i/sub_header/b_opening.gif) no-repeat left top; margin: 0px; padding: 0px; display: block; height: 115px; width: 130px; }
#head1 { background: url(../i/sub_header/header1.gif) no-repeat left top; margin: 0px; padding: 0px; height: 115px; width: 635px; float: left; text-align: left; }
#head1 a { display: block; margin: 25px 0px 0px; padding: 0px; width: 240px; height: 70px; }
#header_list { margin: 0px; padding: 0px; float: left; height: 115px; width: 85px; }
#head2 { background: url(../i/sub_header/header2.gif) no-repeat left top; margin: 0px; padding: 0px; height: 43px; width: 85px; font-size: 0px; line-height: 0px; }
#bh_profile { margin: 0px; padding: 0px; height: 17px; width: 85px; font-size: 0px; line-height: 0px; }
#bh_profile a { background: url(../i/sub_header/b_profile.gif) no-repeat left top; margin: 0px; padding: 0px; height: 17px; width: 85px; display: block; }
#bh_blog { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 17px; width: 85px; }
#bh_blog a { background: url(../i/sub_header/b_blog.gif) no-repeat left top; margin: 0px; padding: 0px; height: 17px; width: 85px; display: block; }
#head3 { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 38px; width: 85px; background: url(../i/sub_header/header3.gif) no-repeat left top; }

#MB { margin: 0px; padding: 0px; height: 85px; width: 850px; background: #1d3a5b; }

#MB1 { margin: 0px; padding: 0px; height: 45px; width: 850px; }
#MB_concept { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 39px; float: left; width: 135px; }
#MB_court { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 39px; width: 133px; float: left; }
#MB_gallery { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 39px; width: 134px; float: left; }
#MB_history { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 39px; width: 138px; float: left; }
#MB_sp { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 39px; width: 176px; float: left; }
#MB_process { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 39px; width: 134px; float: left; }

#MB_concept a { margin: 0px; padding: 0px; height: 39px; width: 135px; display: block; background: url(../i/sub_MB/mb_concept.gif) no-repeat left top; }
#MB_court a { margin: 0px; padding: 0px; height: 39px; width: 133px; display: block; background: url(../i/sub_MB/mb_court.gif) no-repeat left top; }
#MB_gallery a { margin: 0px; padding: 0px; height: 39px; width: 134px; display: block; background: url(../i/sub_MB/mb_gallery.gif) no-repeat left top; }
#MB_history a { margin: 0px; padding: 0px; height: 39px; width: 138px; display: block; background: url(../i/sub_MB/mb_history.gif) no-repeat left top; }
#MB_sp a { margin: 0px; padding: 0px; height: 39px; width: 176px; display: block; background: url(../i/sub_MB/mb_sp.gif) no-repeat left top; }
#MB_process a { margin: 0px; padding: 0px; height: 39px; width: 134px; display: block; background: url(../i/sub_MB/mb_process.gif) no-repeat left top; }

#MB_concept a:hover { margin: 0px; padding: 0px; height: 39px; width: 135px; display: block; background: url(../i/sub_MB/mb_concept.gif) no-repeat left -39px; }
#MB_court a:hover { margin: 0px; padding: 0px; height: 39px; width: 133px; display: block; background: url(../i/sub_MB/mb_court.gif) no-repeat left -39px; }
#MB_gallery a:hover { margin: 0px; padding: 0px; height: 39px; width: 134px; display: block; background: url(../i/sub_MB/mb_gallery.gif) no-repeat left -39px; }
#MB_history a:hover { margin: 0px; padding: 0px; height: 39px; width: 138px; display: block; background: url(../i/sub_MB/mb_history.gif) no-repeat left -39px; }
#MB_sp a:hover { margin: 0px; padding: 0px; height: 39px; width: 176px; display: block; background: url(../i/sub_MB/mb_sp.gif) no-repeat left -39px; }
#MB_process a:hover { margin: 0px; padding: 0px; height: 39px; width: 134px; display: block; background: url(../i/sub_MB/mb_process.gif) no-repeat left -39px; }

#MB_concept_v { margin: 0px; padding: 0px; height: 39px; width: 135px; display: block; background: url(../i/sub_MB/mb_concept.gif) no-repeat left -39px; font-size: 0px; line-height: 0px; float: left; }
#MB_court_v { margin: 0px; padding: 0px; height: 39px; width: 133px; display: block; background: url(../i/sub_MB/mb_court.gif) no-repeat left -39px; font-size: 0px; line-height: 0px; float: left; }
#MB_gallery_v { margin: 0px; padding: 0px; height: 39px; width: 134px; display: block; background: url(../i/sub_MB/mb_gallery.gif) no-repeat left -39px; font-size: 0px; line-height: 0px; float: left; }
#MB_history_v { margin: 0px; padding: 0px; height: 39px; width: 138px; display: block; background: url(../i/sub_MB/mb_history.gif) no-repeat left -39px; font-size: 0px; line-height: 0px; float: left; }
#MB_sp_v { margin: 0px; padding: 0px; height: 39px; width: 176px; display: block; background: url(../i/sub_MB/mb_sp.gif) no-repeat left -39px; font-size: 0px; line-height: 0px; float: left; }
#MB_process_v { margin: 0px; padding: 0px; height: 39px; width: 134px; display: block; background: url(../i/sub_MB/mb_process.gif) no-repeat left -39px; font-size: 0px; line-height: 0px; float: left; }

#MB2 { margin: 0px; padding: 0px; height: 40px; width: 850px; clear: both; }
#MB_voice { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 40px; width: 135px; float: left; }
#MB_staff { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 40px; float: left; width: 133px; }
#MB_webuser { font-size: 0px; line-height: 0px; height: 40px; width: 135px; margin: 0px; padding: 0px; float: left; }
#MB_space { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 40px; width: 447px; float: left; background: url(../i/sub_MB/space.gif) no-repeat left top; }
#MB_voice a { margin: 0px; padding: 0px; height: 40px; width: 135px; display: block; background: url(../i/sub_MB/mb_voice.gif) no-repeat left top; }

#MB_staff a { margin: 0px; padding: 0px; height: 40px; width: 133px; display: block; background: url(../i/sub_MB/mb_staff.gif) no-repeat left top; }
#MB_webuser a { margin: 0px; padding: 0px; height: 40px; width: 135px; display: block; background: url(../i/sub_MB/mb_webuser.gif) no-repeat left top; }
#MB_voice a:hover { margin: 0px; padding: 0px; height: 40px; width: 135px; display: block; background: url(../i/sub_MB/mb_voice.gif) no-repeat left -40px; }

#MB_staff a:hover { margin: 0px; padding: 0px; height: 40px; width: 133px; display: block; background: url(../i/sub_MB/mb_staff.gif) no-repeat left -40px; }
#MB_webuser a:hover { margin: 0px; padding: 0px; height: 40px; width: 135px; display: block; background: url(../i/sub_MB/mb_webuser.gif) no-repeat left -40px; }
#MB_voice_v { margin: 0px; padding: 0px; height: 40px; width: 135px; display: block; background: url(../i/sub_MB/mb_voice.gif) no-repeat left -40px; font-size: 0px; line-height: 0px; float: left; }

#MB_staff_v { margin: 0px; padding: 0px; height: 40px; width: 133px; display: block; background: url(../i/sub_MB/mb_staff.gif) no-repeat left -40px; font-size: 0px; line-height: 0px; float: left; }
#MB_webuser_v { margin: 0px; padding: 0px; height: 40px; width: 135px; display: block; background: url(../i/sub_MB/mb_webuser.gif) no-repeat left -40px; font-size: 0px; line-height: 0px; float: left; }

#footer { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; width: 850px; height: 50px; clear: both; }
#footer1 { font-size: 0px; line-height: 0px; background: url(../i/sub_footer/footer1.gif) no-repeat left top; margin: 0px; padding: 0px; height: 7px; width: 850px; }
#footer2 { font-size: 0px; line-height: 0px; background: url(../i/sub_footer/footer2.gif) no-repeat left top; margin: 0px; padding: 0px; height: 30px; width: 850px; clear: both; }

#BF { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; width: 850px; height: 13px; }
#bf_space1 { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; float: left; height: 13px; width: 5px; background: url(../i/sub_footer/bf_space1.gif) no-repeat left top; }
#bf_space2 { font-size: 0px; line-height: 0px; background: url(../i/sub_footer/bf_space2.gif) no-repeat left top; margin: 0px; padding: 0px; float: left; height: 13px; width: 5px; }

#bf_home { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 13px; width: 43px; float: left; }
#bf_concept { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; float: left; height: 13px; width: 60px; }
#bf_court { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; float: left; height: 13px; width: 49px; }
#bf_gallery { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; float: left; height: 13px; width: 60px; }
#bf_history { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; float: left; height: 13px; width: 59px; }
#bf_sp { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; float: left; height: 13px; width: 128px; }
#bf_workflow { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; float: left; height: 13px; width: 68px; }
#bf_voice { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; float: left; height: 13px; width: 47px; }
#bf_staff { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; float: left; height: 13px; width: 46px; }
#bf_company { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; float: left; height: 13px; width: 61px; }
#bf_link { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; float: left; height: 13px; width: 42px; }
#bf_blog { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; float: left; height: 13px; width: 45px; }
#bf_user { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; float: left; height: 13px; width: 40px; }
#bf_privacy { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; float: left; height: 13px; width: 92px; }

#bf_home a { margin: 0px; padding: 0px; height: 13px; width: 43px; display: block; background: url(../i/sub_footer/bf_home.gif) repeat left top; }
#bf_concept a { margin: 0px; padding: 0px; height: 13px; width: 60px; display: block; background: url(../i/sub_footer/bf_concept.gif) no-repeat left top; }
#bf_court a { margin: 0px; padding: 0px; height: 13px; width: 49px; display: block; background: url(../i/sub_footer/bf_court.gif) no-repeat left top; }
#bf_gallery a { margin: 0px; padding: 0px; height: 13px; width: 60px; display: block; background: url(../i/sub_footer/bf_gallery.gif) no-repeat left top; }
#bf_history a { margin: 0px; padding: 0px; height: 13px; width: 59px; display: block; background: url(../i/sub_footer/bf_history.gif) no-repeat left top; }
#bf_sp a { margin: 0px; padding: 0px; height: 13px; width: 128px; display: block; background: url(../i/sub_footer/bf_sp.gif) no-repeat left top; }
#bf_workflow a { margin: 0px; padding: 0px; height: 13px; width: 68px; display: block; background: url(../i/sub_footer/bf_workflow.gif) no-repeat left top; }
#bf_voice a { margin: 0px; padding: 0px; height: 13px; width: 47px; display: block; background: url(../i/sub_footer/bf_voice.gif) no-repeat left top; }
#bf_staff a { margin: 0px; padding: 0px; height: 13px; width: 46px; display: block; background: url(../i/sub_footer/bf_staff.gif) no-repeat left top; }
#bf_company a { margin: 0px; padding: 0px; height: 13px; width: 61px; display: block; background: url(../i/sub_footer/bf_company.gif) no-repeat left top; }
#bf_link a { margin: 0px; padding: 0px; height: 13px; width: 42px; display: block; background: url(../i/sub_footer/bf_link.gif) no-repeat left top; }
#bf_blog a{ margin: 0px; padding: 0px; height: 13px; width: 45px; display: block; background: url(../i/sub_footer/bf_blog.gif) no-repeat left top; }
#bf_user a { margin: 0px; padding: 0px; height: 13px; width: 40px; display: block; background: url(../i/sub_footer/bf_user.gif) no-repeat left top; }
#bf_privacy a { margin: 0px; padding: 0px; height: 13px; width: 92px; display: block; background: url(../i/sub_footer/bf_privacy.gif) no-repeat left top; }
.b_pagetop { font-size: 0px; line-height: 0px; margin: 15px auto 0px; padding: 0px; height: 19px; width: 780px; clear: both; }
.b_pagetop a { background: url(../i/sub_image/b_pagetop.gif) no-repeat right center; margin: 0px; padding: 0px; height: 19px; width: 780px; display: block; }
.b_join { margin: 20px auto 6px; padding: 0px; width: 785px; height: 23px; text-align: right; }
.b_join a { font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; height: 23px; width: 104px; background: url(../i/b_join.gif) no-repeat left top; display: block; float: right; }