@charset "shift_jis";

/* common.css */

/*=================================

 01.Reset

 02.Layout
    ├ #Header
    ├ #Contents
    ├ #SideLeft
    ├ #Main
    ├ #SideRight
    ├ #Footer

 03.Parts
    ├ font
    ├.default_table
    ├.default_form
    ├.ToolTip
	
 04.IconHelpTip
 
 99.clearfix

=================================*/


/* 01.Reset
-------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td{ 
margin:0;
padding:0;
}

body{
background:#fff;
}

input, textarea{
margin:0;
}

table{
border-collapse:collapse;
border-spacing:0;
font-size:100%;
}

fieldset, img{
border:0;
}

address, caption, cite, code, dfn, em, th, var{
font-style:normal;
font-weight:normal;
}

ol, ul{
list-style:none;
}

caption, th{
text-align:left;
}

h1, h2, h3, h4, h5, h6{
font-size:100%;
font-weight:normal;
line-height:1;
}

abbr, acronym{
border:0;
}

body{
color:#333333;
font:12px/1.5em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
}

* html body{
font-size:small; /* for IE6 */
}

*:first-child+html body{
font-size:small; /* for IE7 */
}

* html table{
font-size:100%; /* for IE6 table */
}

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

a:visited{
color:#333333;
text-decoration:none;
}

a:hover,
a:active {
color:#333333;
text-decoration:underline;
}

.floatleft{
float:left;
}

.floatright{
float:right;
}

/* 02.Layout
-------------------- */
/* #Header */
#header{
margin:0 auto;
width:900px;
height:110px;
background:url(../images/bg_header.gif) left top no-repeat;
position:relative;
}

#header p.logo{
position:absolute;
top:26px;
left:15px;
}

#header p.icon_parent{
position:absolute;
top:43px;
left:276px;
}

#header div.message_bg{
width:174px;
height:68px;
padding:10px 0 0 10px;
background:url(../img/common/bg_fukidashi.gif) left top no-repeat;
position:absolute;
top:15px;
left:342px;
}

#header div.message_bg p{
width:174px;
font-size:12px;
line-height:120%;
}

#header span.character{
width:85px;
height:85px;
position:absolute;
bottom:1px;
left:515px;
}

#header div.message_bg .txtred{
font-weight:bold;
}

#header div.message_bg .txtred a:link{
color:#EE4E11;
text-decoration:none;
}

#header div.message_bg .txtred a:visited{
color:#EE4E11;
text-decoration:none;
}

#header div.message_bg .txtred a:hover,
#header div.message_bg .txtred a:active {
color:#EE4E11;
text-decoration:underline;
}

#header div.head_userdata{
width:280px;
position:absolute;
top:5px;
right:10px;
}

* html #header div.head_userdata{
font-size:93%; /* for IE6 */
}

*:first-child+html #header div.head_userdata{
font-size:93%; /* for IE7 */
}

#header div.head_userdata ul{
margin-bottom:25px;
}

#header div.head_userdata ul li{
margin:0 5px 0 0;
display:inline;
line-height:normal;
}

#header div.head_userdata ul li.lastchild{
margin:0 0 0 10px;
}

#header div.head_userdata ul li img{
vertical-align:bottom;
}

/* #Container */
#container{
margin:0 auto;
width:900px;
}

#pankuzu{
margin-left:7px;
padding:10px 0 10px 15px;
font-weight:bold;
color:#666666;
line-height:normal;
background:url(../img/common/icon_home.gif) left center no-repeat;
}

* html #pankuzu{
font-size:93%; /* for IE6 */
}

*:first-child+html #pankuzu{
font-size:93%; /* for IE7 */
}

#pankuzu a{
font-weight:normal;
}

/* #SideLeft */
#sideleft{
width:190px;
float:left;
}

#menu{
margin:0 0 20px 0;
padding:0 0 16px 0;
background:url(../img/common/bg_menu.gif) left bottom no-repeat;
position:relative;
}

#menu a:link{
color:#5A5A5A;
text-decoration:none;
}

#menu a:visited{
color:#5A5A5A;
text-decoration:none;
}

#menu a:hover,
#menu a:active{
color:#5A5A5A;
text-decoration:underline;
}

#menu p.menuicon_btn{
cursor:pointer;
position:absolute;
top:35px;
right:6px;
}

#menu div.menu_wrap{
background:#FFFFFF;
}

#menu ul{
margin:0 auto;
width:180px;
border-top:1px solid #DFDFDF;
}

#menu li{
padding:12px 0 12px 40px;
font-weight:bold;
line-height:normal;
border-bottom:1px solid #DFDFDF;
}

* html #menu li{
font-size:93%; /* for IE6 */
}

*:first-child+html #menu li{
font-size:93%;  /* for IE7 */
}

#menu li.menu01{
background:url(../img/common/icon_menu01.gif) left center no-repeat;
}

#menu li.menu02{
background:url(../img/common/icon_menu02.gif) left center no-repeat;
}

#menu li.menu03{
background:url(../img/common/icon_menu03.gif) left center no-repeat;
}

#menu li.menu04{
background:url(../img/common/icon_menu04.gif) left center no-repeat;
}

#menu li.menu05{
background:url(../img/common/icon_menu05.gif) left center no-repeat;
}

#menu li.menu06{
background:url(../img/common/icon_menu06.gif) left center no-repeat;
}

#menu li.menu07{
background:url(../img/common/icon_menu07.gif) left center no-repeat;
}

#menu li.menu08{
background:url(../img/common/icon_menu08.gif) left center no-repeat;
}

#menu li.menu09{
background:url(../img/common/icon_menu09.gif) left center no-repeat;
}

#menu li.menu10{
background:url(../img/common/icon_menu10.gif) left center no-repeat;
}

#menu li.menu11{
background:url(../img/common/icon_menu11.gif) left center no-repeat;
}

#menu li.menu12{
background:url(../img/common/icon_menu12.gif) left center no-repeat;
}

#menu li.menu13{
background:url(../img/common/icon_menu13.gif) left center no-repeat;
}

#menu ul.iconoff{
margin:0 auto;
width:180px;
}

#menu ul.iconoff li{
padding:12px 0 12px 5px;
background:none;
}

#sideleft ul.banner li{
margin:10px 0 0 0;
line-height:normal;
}
#sideleft ul.banner li img{
vertical-align:bottom;
}

#menu ul li span.iconpopup{
margin-left:3px;
}

/* #Main */
#main{
width:700px;
float:right;
}

.main_bg{
padding:0 0 20px 0;
background:#FFFFFF;
}

/* #Contents [top only] */
#contents{
width:500px;
float:left;
}

/* #SideRight [top only] */
#sideright{
width:190px;
float:right;
}

/* #Footer */
#footer{
}

.footer_nav{
padding:12px 0 10px 0;
background:#F0F0F0;
}

* html .footer_nav{
font-size:93%; /* for IE6 */
}

*:first-child+html .footer_nav{
font-size:93%; /* for IE7 */
}

.footer_nav a:link{
color:#0302A8;
text-decoration:none;
}

.footer_nav a:visited{
color:#0302A8;
text-decoration:none;
}

.footer_nav a:hover,
.footer_nav a:active{
color:#0302A8;
text-decoration:underline;
}

.footer_section{
margin:0 auto;
width:900px;
}

.footer_section ul.f_nav li{
display:inline;
padding:0 10px 0 15px;
line-height:normal;
background:url(../img/common/icon_arrow01.gif) left center no-repeat;
}

table.formersite{
margin:8px 0 0 0;
background:#FFFFFF;
}

table.formersite th{
vertical-align:top;
}

table.formersite td{
background:#FFFFFF;
padding:0 10px;
background:url(../img/common/bg_footernavline.gif) right center no-repeat;
}

table.formersite td.lastchild{
padding:0 12px 0 10px;
background:#FFFFFF url(../img/common/bg_title_formersite.gif) right top no-repeat;
}

.footer_copy{
padding:8px 0 30px 0;
background:#003B82;
}

.footer_copy p,
.footer_copy address{
margin:0 auto;
width:900px;
line-height:normal;
color:#FFFFFF;
}

* html .footer_copy p{
font-size:85%; /* for IE6 */
}

*:first-child+html .footer_copy p{
font-size:85%; /* for IE7 */
}

.footer_copy address{
margin-top:18px;
}

.footer_copy address img{
vertical-align:bottom;
}

.footer_copy a:link{
color:#FFFFFF;
text-decoration:none;
}

.footer_copy a:visited{
color:#FFFFFF;
text-decoration:none;
}

.footer_copy a:hover,
.footer_copy a:active {
color:#FFFFFF;
text-decoration:underline;
}

/* 03.Parts
-------------------- */
.xxs{
font-size: 77%;
}

.xs{
font-size: 85%;
}

.s{
font-size: 93%;
}

.m{
font-size: 100%;
}

.l{
font-size: 108%;
}

.xl{
font-size: 116%;
}

.xxl{
font-size: 123%;
}

.xxxl{
font-size:138%;
}

.xxxxl{
font-size:153%;
}

.font_weight_normal{
font-weight:normal;
}

.bold{
font-weight:bold;
}

.alignLeft{
text-align:left;
}

.alignRight{
text-align:right;
}

.alignCenter{
text-align:center;
}

.basecolor_txt{
color:#003B82;
}

.english{
color:#E83C1D;
}

.math{
color:#0082CB;
}

.national_language{
color:#4943A3;
}

.science{
color:#86BD24;
}

.science02{
color:#68963A;
}

.science03{
color:#6C993F;
}

.social{
color:#F6AC00;
}

.social02{
color:#C96E00;
}

.essay{
color:#E95383;
}

.txtred{
color:#EE4E11;
}

.txtorg{
color:#FF6600;
}

.txtgray{
color:#999999;
}

.txtgray02{
color:#666666;
}

.txtblue{
color:#0066CC;
}

.txtblue02{
color:#6666CC;
}

.txtblue03{
color:#3072B4;
}

.txtblue04{
color:#37A6C1;
}

.txtblue05{
color:#5583E1;
}

.txtpink{
color:#FF3366;
}

.txtpink02{
color:#DA4971;
}

.txtpink03{
color:#E24172;
}

.txtgreen{
color:#529431;
}

.txtgreen02{
color:#6A9F2F;
}

.txtgreen03{
color:#2F9137;
}

.txtpurplebrown{
color:#A44D40;
}

.txtbrown{
color:#663300;
}

.txtverdana{
font-family:Verdana;
}

 /* message_txt */
 /*2014改修:テキストの色/背景色の変更*/
 .message_txt
{
border:solid 2px #BB3728;
margin:0 0 10px 0;
padding:10px;
color:#BB3728;
font-size:108%;
font-weight:bold;
background:#FFF0FF;
display:block;
}

.cautionmessage_txt{
margin:0 0 10px 0;
padding:7px 10px;
color:#BB3728;
font-size:108%;
background:#ECEBBF;
display:block;
}

div.title03{
margin:0 0 10px 0;
padding:0 0 8px 0;
background:url(../img/common/bg_subtitle01.gif) left bottom repeat-x;
}

div.title03 h2{
padding:8px 0 8px 8px;
font-weight:bold;
border-left:4px solid #333333;
}

/* Default Table */
table.default_table{
margin: 0 auto;
border:1px solid #CCCCCC;
border-collapse:collapse;
border-spacing:0;
empty-cells: show;
}

table.default_table th {
padding:13px 8px;
width:159px;
font-weight:bold;
vertical-align:top;
background:#E6E6E6 url(../img/common/icon_essential.gif) 137px 13px no-repeat;
border-bottom:1px solid #CCCCCC;
}

table.default_table th.arbitrarily{
background-image:none;
}

table.default_table td{
padding:8px 15px;
background:#F9F8EA;
border-bottom:1px solid #CCCCCC;
}

table.default_table td.arbitrarily{
background:#FFFFFF;
}

table.default_table td.caution_td{
padding:8px;
width:184px;
font-size: 85%;
background-image:url(../img/common/bg_dotline02.gif) ;
background-position:left top;
background-repeat:repeat-y;
}

table.default_table td.caution_td span.icon_caution{
padding:0 0 0 15px;
min-height:10px;
display:block;
background:url(../img/common/icon_caution.gif) 0 2px no-repeat;
}

table.default_table td.kana_name dl{
width:223px;
float:left;
}

table.default_table td.kana_name dl.lastchild{
width:218px;
}

table.default_table td.kana_name dt{
padding:4px 0 0 0;
width:30px;
float:left;
}

table.default_table td.kana_name dd{
width:178px;
float:left;
}

table.default_table td input{
padding:4px 0;
line-height:normal;
background:#FEEAAB;
border:1px solid #7F9DB9;
}


table.default_table td textarea{
margin:5px 0;
padding:1px;
height:140px;
font-size:100%;
}

/*Input width*/
.w30{
width:30px;
}

.w40{
width:40px;
}

.w50{
width:50px;
}

.w70{
width:70px;
}

.w80{
width:80px;
}

.w130{
width:130px;
}

.w140{
width:140px;
}

.w170{
width:170px;
}

.w176{
width:176px;
}

.w180{
width:180px;
}

.w200{
width:200px;
}

.w240{
width:240px;
}

.w260{
width:260px;
}

.w280{
width:280px;
}

.w300{
width:300px;
}

.w360{
width:360px;
}

.w390{
width:390px;
}

.w400{
width:400px;
}

.w460{
width:460px;
}

.w480{
width:480px;
}

/* margin */
.mr05{
margin-right:5px;
}

.mr10{
margin-right:10px;
}

.ml05{
margin-left:5px;
}

.ml10{
margin-left:10px;
}

.ml18{
margin-left:18px;
}

.mrl05{
margin:0 5px;
}

.mt05{
margin-top:5px;
}

.mt10{
margin-top:10px;
}

.mt15{
margin-top:15px;
}

.mt20{
margin-top:20px;
}

.mt30{
margin-top:30px;
}

.mb05{
margin-bottom:5px;
}

.mb10{
margin-bottom:10px;
}

.mb15{
margin-bottom:15px;
}

.mb30{
margin-bottom:30px;
}

.mb40{
margin-bottom:40px;
}

.mtb05{
margin:5px 0;
}

.mtb15{
margin-top:15px;
margin-bottom:15px;
}

.mtb30{
margin-top:30px;
margin-bottom:30px;
}

/* IE checkbox */
.ie_adj{
margin:0;
padding:0;
 width:13px;
}

.pagetop{
clear:both;
text-align:right;
}

/* ToolTip*/
.tooltip {
display:none;
background:url(../img/common/bg_tooltip.gif) left bottom no-repeat;
border-top:1px solid #666666;
font-size:10px;
width:52px;
padding:3px 4px 10px 4px;
}

 /* link */
.blue_link a:link{
color:#3366BB;
text-decoration:none;
}

.blue_link a:visited{
color:#3366BB;
text-decoration:none;
}

.blue_link a:hover,
.blue_link a:active {
color:#3366BB;
text-decoration:underline;
}

/* 04.IconTip + HelpTip 
----------------------------- */
/*TipBasic*/
.tipbox{
position:relative;
}
img.icontip{}
span.helptip{
padding:5px;
font-size:85%;
color:#666666;
text-align:left;
background:#F6F6F6;
border:1px solid #56B5CD;
display:none;
position:absolute;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
span.helptip{
line-height:120%;  /* for safari */
}
}

.upbox{
z-index:5; 
}

/*HelpTipPosition*/
/*Study (D-A01 / D-A04 / D-B01)*/
span.helptip.tip01{
width:100px;
top:14px;
left:-16px;
}

/*Study ( D-B01 )*/
.tip02{
width:144px;
top:-62px;
left:21px;
}

/*Study (D-A-05 / D-B02 / D-G01〜05 / D-H01〜02 )*/
.tip03{
width:170px;
top:-34px;
left:12px;
}

/*Study (D-E02)*/
.tip04{
width:190px;
top:-64px;
left:-16px;
}

/*Study (D-E04)*/
.tip05{
width:190px;
top:-42px;
left:-202px;
}

/*Study (大問別評価)*/
span.helptip.tip06{
width:100px;
top:14px;
left:-16px;
}

/*Study (理解度)*/
.tip07{
width:120px;
top:-60px;
left:16px;
}

/*Calender (C-01)*/
.c_tip01{
width:120px;
top:-50px;
left:-108px;
}

/* 99.clearfix
-------------------- */
.clear{
clear:both;
}

.clearfix:after{
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

*:first-child+html .clearfix{
display:inline-block;
min-height:1%;
}

/* Hides from IE6/IE Mac \*/
* html .clearfix{
height:1%;
}
.clearfix{
display:block;
}
/* End hide from IE6/IE Mac */