/* common
----------------------------------------*/
body { font-size: 12px; font-family: "ＭＳ Ｐゴシック", "MS-PGothic", "Osaka",; color: #484848; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center;}
img { border: 0px;}
h1, h2, h3, h4, h5, h6, div, p, hr, form, ul, li, ol, dl, dd, dt { margin: 0px 0px 0px 0px; padding:  0px 0px 0px 0px; text-indent: 0px;}

//h1 { font-size: 21px;}
//h2 { font-size: 18px;}
//h3 { font-size: 16px;}
//h4 { font-size: 14px;}
//h5 { font-size: 12px;}
//h6 { font-size: 11px;}

td { font-size: 12px; line-height: 145%;}
th { font-size: 12px; line-height: 145%;}
font { line-height: 140%;}

a { text-decoration: none;}
a:link { text-decoration: none;}
a:active { color: #ff0000; text-decoration: underline;}
a:visited { text-decoration: none;}
a:hover { color: #ff0000; background-color: #ffcc66; text-decoration: underline;}
a:hover img { text-decoration: none; background-color: #ffffff;}

blockquote { margin: 2px 0px 2px 10px; padding: 2px 0px 2px 10px;}
hr { color: #cccccc}


.clear_all { height: 1px; font-size: 1px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: both;}

div.hr { height: 31px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image: url(../images/bg_hr.gif); background-repeat: repeat-x; clear: both;}
p.hr { height: 21px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image: url(../images/bg_p_hr.gif); background-repeat: repeat-x; clear: both;}


/* header */

#body { width: 740px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; text-align: left; clear: both;}

#header { margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; text-align: left; background-image: url(../images/bg_header.gif); background-repeat: no-repeat; clear: both;}
#header a { color: #484848;}

#logo { float: left; margin: 0px auto 0px 0px; padding: 0px 0px 0px 0px;}

#head_menu { float: right; margin: 10px 15px 0px auto; padding: 0px 0px 0px 0px;}

#main_menu { margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; white-space: nowrap;}
#main_menu ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#main_menu li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: inline;}
#main_menu li img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

#m_copy { float: left; font-size: 11px; color:#484848; margin: 10px 0px 0px 10px; padding: 0px 0px 0px 0px;}
#m_search { float: right; margin: 5px 10px 0px 0px; padding: 0px 0px 0px 0px;}
#m_search img { text-align: absmiddle; vertical-align: middle;}

#contents { margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; background-image: url(../images/bg_contents.gif); background-repeat: repeat-y; clear: both;}


/* submenu */

#submenu { float: left; width: 155px; line-height: 125%; margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; text-align: left; vertical-align: top; clear: both;}

.submenu { margin: 10px 10px 0px 10px; padding: 3px 3px 3px 3px; background-color: #ffffff;}
#submenu a:hover { background-color: #ffcc66; text-decoration: underline}

#submenu .hr { height: 1px; margin: 4px 0px 4px 0px; padding: 0px 0px 0px 0px; background-image: url(../images/bg_hr.gif);}

#submenu h2 { font-size: 12px; font-weight: normal; color: #E18F2B; margin: 3px 0px 3px 0px; padding: 0px 0px 0px 0px;}
#submenu h2 a { color: #E18F2B;}

#submenu h3 { font-size: 12px; font-weight: normal; margin: 3px 0px 3px 0px; padding: 0px 0px 0px 0px;}
#submenu p { font-size: 11px; margin: 5px 0px 5px 0px; padding: 0px 0px 0px 0px;}
#submenu ul { margin: 0px 3px 0px 17px; padding: 0px 0px 0px 0px; color: #888888;}
#submenu li { font-size: 10px; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; list-style-image: url(../images/li_submenu.gif); clear: both;}

#submenu li a { font-size: 11px; color: #474747;}
#submenu li a:hover { list-style-image: url(../images/li_submenu_o.gif);}

#submenu ul li ul { margin: 5px 0px 0px 8px; padding: 0px 0px 0px 0px; font-size: 11px;}
#submenu ul li li { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; list-style-image: url(../images/li_submenu.gif);}
.submenu { margin: 10px 10px 0px 10px; padding: 3px 3px 3px 3px; background-color: #ffffff;}
#submenu p.bnr { text-align: center;}

#submenu_extra p { margin: 10px 0px 0px 14px; padding: 0px 0px 0px 0px;}


/* main */

#main { float: right; width: 575px; font-size: 12px; line-height: 145%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; vertical-align: top;}
#main h1 { font-size: 18px; margin: 10px auto 10px auto;}
#main h2 { font-size: 16px; margin: 10px auto 10px auto;}
#main h3 { font-size: 14px; margin: 0px 0px 0px 0px;}
#main h4 { font-size: 12px; margin: 0px 0px 0px 0px;}
#main p { margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px;}
#main a:hover { background-color: #ffcc66; text-decoration: underline}

.breadcrumbs { font-size: 11px; color: #333333; margin: 4px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: middle;}
.breadcrumbs a { color: #333333;}
.lead { color: #3F4040; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px;}

#main_contents { line-height: 145%; margin: 10px 0px 20px 0px; padding: 0px 0px 0px 0px;}


span.l { float: left; font-size: 11px; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; clear: left;}
span.r { float: right; font-size: 11px; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; text-align: center; clear: left;}
img.l { float: left; margin: 0px 10px 3px 0px; padding: 0px 0px 0px 0px;}
img.r { float: right; margin: 0px 0px 3px 10px; padding: 0px 0px 0px 0px;}

.l { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.l3 { width: 30%; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.l3 h2 { white-space: nowrap;}
.l3c { width: 30%; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center;}
.c { margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; text-align: center;}
.r { float: right; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px;}

.pnavi img { margin: 5px auto 5px auto;}
.pagetop p { margin: 5px 0px 5px 0px; padding: 0px 5px 0px 5px; text-align: right; clear: both;}

#ynquiz { background-color:#fffdec ; width:557; margin-left:10px;}
#ynquiz p { width:460; margin:0px 0px 0px 50px; padding:0px 0px 0px 0px; background-repeat:no-repeat;}

#matome { padding: 20px 10px 20px 20px; background-image:url(/square/camp/images/book_back.gif); background-repeat:no-repeat; width:562px; height:517px; margin-left:10px;}
#matome p.list_nam{ margin:0px; padding:0px; float:left;}
#matome p.list_title { margin:0px; padding:0px;}
#matome p.list_txt { margin:0px 0px 16px 0px; padding:0px; text-indent: 5px;}

/* footer */

#footer { font-size: 10px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; text-align: center; border-width: 2px 0px 0px 0px; border-style: solid; border-color: #0577AB; clear: both;}
#footer a { color:#484848;}
#copyright { margin: 15px auto 10px auto; padding: 0px 0px 0px 0px; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #0577AB;}
#copyright address { font-size: 11px; font-style: normal; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;}

#foot_menu { font-size: 11px; margin: 5px 0px 5px 0px; padding: 0px 0px 0px 0px; text-align: center; white-space: nowrap;}
#foot_menu ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#foot_menu li { margin: 0px 10px 0px 0px; padding: 0px 0px 0px 15px; display: inline; background-image: url(../images/li_submenu.gif); background-repeat: no-repeat;}


/* window */
#win_body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; clear: both;}
#win_header { margin: 0px auto 10px auto; padding: 0px 0px 0px 0px; text-align: left; background-image: url(../images/bg_win_header.gif); clear: both;}
#win_main { margin: 0px auto 0px auto; padding: 5px 10px 5px 10px; clear: both;}

#win_footer { margin: 10px auto 0px auto; padding: 0px 0px 0px 0px; clear: both;}.win_close { margin: 20px auto 20px auto; padding: 0px 0px 0px 0px; text-align: center; clear: both;}


/* home */

#home_swf { margin: 5px auto 5px auto; padding: 0px 0px 0px 0px; clear: both;}

#home_contents { margin: 0px auto 5px auto; padding: 0px 0px 0px 0px; background-image: url(../images/bg_home_contents.gif); clear: both;}

#home_main_l { float: left; width: 356px; font-size: 12px; line-height: 145%; margin: 5px 5px 5px 5px; padding: 0px 0px 0px 0px; text-align: left; vertical-align: top;}
#home_main_l h2 span { font-size: 12px; line-height: 100%; text-decoration: underline; margin: 0px 0px 0px 12px;}
#home_main_l h2 img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: absmiddle; vertical-align: middle;}
#home_main_l h2 a { color: #5F5E5E; font-size:12px;}

#hm_new { width: 355px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #ffffff; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #24BAFF;}
#hm_new ul { margin: 10px 10px 16px 10px; padding: 0px 0px 0px 0px; font-size: 12px; clear: both;}
#hm_new li { list-style-type: none; margin: 0px 0px 0px 0px; padding: 8px 5px 8px 5px; border-width: 0px 0px 1px 0px; border-style: dotted; border-color: #24BAFF; clear: both;}
#hm_new li a { color: #5F5E5E;}

#home_main { float: right; width: 356px; font-size: 12px; line-height: 145%; margin: 5px 5px 5px 5px; padding: 0px 0px 0px 0px; text-align: left; vertical-align: top;}
#home_main h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 12px; font-weight: bold; line-height: 145%; color: #5F5E5E;}
#home_main h2 a { color: #5F5E5E;}

#hm_compe { width: 356px; height: 205px; color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image: url(../images/bg_hm_compe.gif);  background-repeat: no-repeat; clear: both;}
#hm_compe h2 a { color: #FFFFFF;}
#hm_compe h2 { margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px;}
#hm_compe p { margin: 10px 0px 0px 10px; padding: 0px 0px 0px 0px;}
#hm_compe img { margin: 0px 0px 0px 8px; padding: 0px 0px 0px 0px;}

#hm_fortune { width: 356px; height: 205px; color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image: url(../images/bg_hm_fortune.gif);  background-repeat: no-repeat; clear: both;}
#hm_fortune h2 a { color: #FFFFFF;}
#hm_fortune h2 { margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px;}
#hm_fortune p { margin: 10px 0px 0px 10px; padding: 0px 0px 0px 0px;}
#hm_fortune img { margin: 0px 0px 0px 8px; padding: 0px 0px 0px 0px;}

div.home_bnr { width:163px; height:194px; margin: 0px 0px 10px 0px; padding: 5px 5px 5px 5px; float:left; border-style:solid; border-color:#23baff; border-width:1px; background-color:#FFFFFF}
div.home_bnr2 { width:163px; height:194px; margin: 0px 0px 10px 179px; padding: 5px 5px 5px 5px; border-style:solid; border-color:#23baff; border-width:1px; background-color:#FFFFFF}
div.home_bnr3 { width:342px; height:120px; margin: 10px 0px 10px 0px; padding: 5px 5px 5px 5px; border-style:solid; border-color:#23baff; border-width:1px; background-color:#FFFFFF}
div.home_bnr3 img { margin: 0px 10px 0px 0px;}

.right { float:right}

/* sitemap */

.sitemap { float: left; width: 180px; font-size: 12px; line-height: 145%; margin: 5px 5px 5px 5px; padding: 0px 0px 0px 0px; color: #606060;}
.sitemap a { color: #606060;}
.sitemap h2 { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; background-image: url(../images/bg_sitemap_h2.gif); background-repeat: no-repeat;}
.sitemap ul { margin: 0px 3px 0px 25px; padding: 0px 0px 0px 0px;}
.sitemap li { margin: 0px 0px 2px 0px; padding: 0px 0px 0px 0px; list-style-image: url(../images/li_sitemap.gif); clear: both;}


/* old style */


.head_menu { font-size: 12px; font-weight: bold; color: #7f7f7f;}
.global_menu { font-size: 12px; font-weight: bold; color: #9e6af6;}
.global_menu_o { font-size: 12px; font-weight: bold; color: #ef8908;}

.sm_title{ font-size: 12px; color: #3366ff;}
.sm_title_o{ font-size: 12px; font-weight: bold; color: #ef8908;}
.sm_description{ font-size: 11px; color: #444444;}
.sm_description_o{ font-size: 11px; color: #ef8908;}
.sm_menu{ font-size: 12px; color: #444444;}
.sm_menu_o{ font-size: 11px; font-weight: bold; color: #ef8908;}

.m_title{ font-size: 18px; color: #9d6cf9; line-height: 145%;}
.m_chapter{ font-size: 12px; color: #55bafe;}
.m_menu{ font-size: 12px; color: #55bafe;}

.subtitle { font-size: 14px; font-weight: bold; color: #777777; margin: 10px 10px; padding: 0px 0px;}


.main { margin: 5px 5px; padding: 5px 5px; text-align: center}
.menu { font-size: 12px; color: #50bbff;}
.menu_main { font-size: 14px; font-weight: bold; color: #9b6cfa;}
.border { margin: 0px 0px; padding: 0px 0px; width: 3px; height: 3px; background: #009933}
.home_menu { text-align: center; vertical-align: top;}


.title { font-size: 21px; font-weight: bold; line-height: 145%; margin: 0px 0px; padding: 0px 0px; vertical-align: center;}
.titles { font-size: 16px; font-weight: bold; line-height: 145%;}
.header { font-size: 18px; font-weight: bold; line-height: 145%; vertical-align: top;}
.header2 { font-size: 14px; font-weight: bold; line-height: 145%; vertical-align: top;}
.header3 { font-size: 12px; font-weight: bold; vertical-align: top;}
.number { font-size: 18px; font-style: italic; font-weight: bold; vertical-align: top; text-align: right;}
.text { font-size: 12px; line-height: 150%; vertical-align: top;}
.tabletxt { font-size: 11px; vertical-align: top;}
.spec1 { font-size: 11px; vertical-align: top;}
.author { font-size: 11px; text-align: center;}
.winner { font-size: 14px;}

.copy { font-size: 12px; font-weight: bold;}
.features { font-size: 12px;}
.caption { font-size: 10px;}
.download { font-size: 10px;}
.date { font-size: 12px; color: #666666;}
.blank { margin: 0px 0px; padding: 0px 0px; width: 0px; height: 15px;}
.menu_footer { font-size: 10px;}
.copyright { font-size: 10px; color: #7f7f7f;}
.question{ font-size: 18px;}

.answer_a { font-size: 18px; color: #ff0000; text-decoration: blink; background: #ffd7cc}
.answer_b { font-size: 18px; color: #0000ff; text-decoration: blink; background: #00ccff}
.answer_c { font-size: 18px; color: #0000ff; text-decoration: blink; background: #ffd572}
.result { font-size: 18px; font-weight: bold; color: #cc0000;}
.result_text { font-size: 14px;}
.result-text { font-size: 14px; font-weight: bold; color: #cc0000;}
.name { font-size: 12px;}
.kana { font-size: 9px;}
.header_title { font-family: "arial", "helvetica", "sans-serif"; font-size: 24px; color: #85b8ff}


  strong.keyword { color: red;}
  p.example      { text-indent: 1em; color: navy; font-weight: bold; monospace;}
  code           { color: navy; monospace;}
  code.example   { color: navy;font-weight: bold; monospace;}
  code.operator  { color: navy; monospace; font-weight: bold;}


.slc_event { margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; background-color: #FFCCFF;}


#main_sp { color: #996633; line-height: 145%; margin: 10px 0px 20px 0px; padding: 0px 0px 0px 0px;}
#main_sp .header { color: #FF78AB;}
#main_sp .headline { color: #FF6699;}
#main_sp .header2 {font-family: "MS-PGothic", "Osaka"; color: #CC6600}
#main_sp .text { font: normal 12px/125% "MS-PGothic", "Osaka"; vertical-align: top}
#main_sp .material { font: normal 11px/125% "MS-PGothic", "Osaka"; color: #EF8908}