@charset "Shift_JIS";

/* ------------------------------
 initialize
------------------------------ */

h1,h2,h3,h4,h5 {
margin:0;
padding:0;
}

hr {
margin:0;
padding:0;
display:none;
}

dl,dt,dd,ul,ol,td {
margin:0;
padding:0;
}

th {
margin:0;
padding:0;
text-align:left;
}

li {
margin:0;
padding:0;
list-style:none;
}

img {
border:0;
}

form {
margin:0;
padding:0;
display:block;
}

input,select,option {
margin:0;
padding:0;
vertical-align: middle;
}

br{
letter-spacing:0;
}


/* ------------------------------
 common
------------------------------ */

.clear { 
clear: both; 
} 

.alignL{
text-align:left;
}

.alignR{
text-align:right;
}

.alignC{
text-align:center;
}

.floatL{
float:left;
}

.floatR{
float:right;
}

.nomargin{
margin:0;
padding:0;
}

.bgLink a{
text-indent:-10000px;
display:block;
}

.bgLink a img{
visibility:hidden;
display:none;
height:0;
}

#toAnchors {
width:0px;
height:0px;
text-indent:-10000em;
vertical-align:top;
text-decoration:none;
overflow:hidden;
position:absolute;
left: 167px;
top: -207px;
}


/* ------------------------------
 ClearFix
------------------------------ */

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

.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/


/* ------------------------------
 Link 
------------------------------ */
a{
color:#003399;
text-decoration:none;
}

a:link {
color:#003399;
}

a:visited {
color:#003399;
}

a:hover {
color:#003399;
text-decoration:underline;
}

a:active{ 
color:#003399;
text-decoration:underline;
}

/* ------------------------------
 fontcolor
------------------------------ */
.fontgray{
color:#666;
}

.fontorange{
color:#fe8e00;
}

/* ------------------------------
 Layout 
------------------------------ */

body {
margin:0; 
padding:0;
color:#4a505e;
background:url(../image/bg_wrap.gif) left top repeat #FFF;
text-align:center;
font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS Gothic","Osaka",Myriad Pro,Verdana,Arial, sans-serif;
}

/* wrapper 
------------------------------ */
#wrapper{
background:#FFF;
margin:auto;
width:900px;
border-left:1px solid #ffa664;
border-right:1px solid #ffa664;
text-align:left;
padding:0 0 18px 0;
margin-bottom:0;
}

/* header
------------------------------ */
/* h1 -- */
#header{
border-bottom:1px solid #ffa664;
}

#header a{
color:#003399;
}

#header h1{
background:#ffd07f;
color:#003399;
font-weight:400;
padding:3px 0 3px 12px;
font-size:80%;
}

div#headerL p{
margin:17px 0 0 0;
padding:0;
position:relative;
left:10px;
float:left;
}

div#headerR{
border-top:1px solid #FFF;
margin:0;
padding:0;
position:relative;
right:0;
float:right;
text-align:right;
}

div#headerR p{
float:right;
margin-right:5px;
margin-left:2px;
}

/* textsize -- */
#textSize{
margin:8px 0 0 0;
text-align:right;
float:right;
position:relative;
right:35px;
}

#textSize img{
float:left;
position:relative;
top:5px;
}

#textSize a{
float:left;
}

a#sizeS{
background:url(../image/txtsize_s.gif) left top no-repeat #FFF;
position:relative;
left:9px;
float:left;
width:28px;
height:19px;
}

a:hover#sizeS{
background:url(../image/txtsize_s_on.gif) left top no-repeat #FFF;
}

a#sizeM{
background:url(../image/txtsize_m.gif) left top no-repeat #FFF;
position:relative;
left:14px;
width:28px;
height:19px;
}

a:hover#sizeM{
background:url(../image/txtsize_m_on.gif) left top no-repeat #FFF;
}

#sizeL{
background:url(../image/txtsize_l.gif) left top no-repeat #FFF;
position:relative;
left:19px;
width:28px;
height:19px;
}

a:hover#sizeL{
background:url(../image/txtsize_l_on.gif) left top no-repeat #FFF;
}

/* heraderMenu --------------- */
p#headerMenu{
clear:both;
margin:8px 0 2px 0;
color:#003399;
position:relative;
top:0;
right:8px;

}

/* location
------------------------------ */
#location ul{
margin:10px 0 8px 0;
padding:0;
list-style-type:none;
color:#ffa100;
}

#location li{
margin:0;
padding:0;
float:left;
}

#location li a{
color:#ffa100;
}

/* container
------------------------------ */
#container{
width:900px;
text-align:left;
}

/* mainCnt
------------------------------ */
#mainCnt{
float:right;
width:670px;
text-align:left;
position:relative;
top:0;
right:0px;
}

#sitemenu{
margin:20px 10px 30px 30px;
padding:0;
color:#888;
line-height:180%;
}

#sitemenu a{
color:#888;
}

/* localNavi
------------------------------ */
#subCnt{
float:left;
width:220px;
padding:0;
margin:16px 0 0 0;
position:relative;
left:5px;
}

#localNavi{
background:url(../image/subcnt/gbox_mdl.gif) left top repeat-y #FFF;
padding:0;
margin:0;
}

p#localNaviBtm{
margin:6px 0 0 0;
}

#naviMerit{
background:url(../image/subcnt/sbox_mdl.gif) left top repeat-y transparent;
}

#naviMerit ul{
margin:0;
padding:0;
list-style-type:none;
}

#naviMerit li{
margin:0 0 0 8px;
padding:0;
}

#naviMerit ul li a{
display:block;
width:184px;
}

#naviMerit ul li#naviCurriculum a{
background:url(../image/subcnt/merit_program.gif) left top no-repeat transparent;
height:36px;
}

#naviMerit ul li#naviCurriculum a:hover,#naviMerit ul li#naviCurriculumOn{
background:url(../image/subcnt/merit_program_on.gif) left top no-repeat transparent;
height:36px;
}

#naviMerit ul li#naviTest a,#naviMerit ul li#naviMagazine a,#naviMerit ul li#naviPrice a,#naviMerit ul li#naviPriceOn,#naviMerit ul li#naviTestOn,#naviMerit ul li#naviMagazineOn{
height:37px;
}

#naviMerit ul li#naviTest a{
background:url(../image/subcnt/merit_test.gif) left top no-repeat transparent;
}

#naviMerit ul li#naviTest a:hover,#naviMerit ul li#naviTestOn{
background:url(../image/subcnt/merit_test_on.gif) left top no-repeat transparent;
}

#naviMerit ul li#naviMagazine a{
background:url(../image/subcnt/merit_magazine.gif) left top no-repeat transparent;
}

#naviMerit ul li#naviMagazine a:hover,#naviMerit ul li#naviMagazineOn{
background:url(../image/subcnt/merit_magazine_on.gif) left top no-repeat transparent;
}

#naviMerit ul li#naviPrice a{
background:url(../image/subcnt/merit_price.gif) left top no-repeat transparent;
}

#naviMerit ul li#naviPrice a:hover,#naviMerit ul li#naviPriceOn{
background:url(../image/subcnt/merit_price_on.gif) left top no-repeat transparent;
}

#naviGuide{
border-top:2px solid #fcc45e;
margin:10px 22px 0 2px;
}

#naviGuide h3{
margin:10px 0 0 0;
position:relative;
left:-2px;
}

#naviGuide ul{
background:url(../image/subcnt/sbox_mdl.gif) 0 50px repeat-y transparent;
margin:0;
padding:0;
list-style-type:none;
position:relative;
left:-2px;
width:202px;
}

#naviGuide li{
margin:0 0 0 8px;
padding:0;
}

#naviGuide ul li a{
display:block;
width:184px;
}

#naviGuide ul li#naviFlow a{
background:url(../image/subcnt/guide_flow.gif) left top no-repeat transparent;
height:36px;
}

#naviGuide ul li#naviFlow a:hover,#naviGuide ul li#naviFlowOn{
background:url(../image/subcnt/guide_flow_on.gif) left top no-repeat transparent;
height:36px;
}

#naviGuide ul li#naviUtility a{
background:url(../image/subcnt/guide_utility.gif) left top no-repeat transparent;
}

#naviGuide ul li#naviUtility a:hover,#naviGuide ul li#naviUtilityOn{
background:url(../image/subcnt/guide_utility_on.gif) left top no-repeat transparent;
}

#naviGuide ul li#naviVoice a{
background:url(../image/subcnt/guide_voice.gif) left top no-repeat transparent;
}

#naviGuide ul li#naviVoice a:hover,#naviGuide ul li#naviVoiceOn{
background:url(../image/subcnt/guide_voice_on.gif) left top no-repeat transparent;
}

#naviGuide ul li#naviInfo a{
background:url(../image/subcnt/guide_info.gif) left top no-repeat transparent;
}

#naviGuide ul li#naviInfo a:hover,#naviGuide ul li#naviInfoOn{
background:url(../image/subcnt/guide_info_on.gif) left top no-repeat transparent;
}

#naviGuide ul li#naviBallpen a{
background:url(../image/subcnt/guide_ballpen.gif) left top no-repeat transparent;
height:42px;
}

#naviGuide ul li#naviBallpen a:hover,#naviGuide ul li#naviBallpenOn{
background:url(../image/subcnt/guide_ballpen_on.gif) left top no-repeat transparent;
height:42px;
}

#naviGuide ul li#naviUtility a,#naviGuide ul li#naviVoice a,#naviGuide ul li#naviInfo a,#naviGuide ul li#naviUtilityOn,#naviGuide ul li#naviVoiceOn,#naviGuide ul li#naviInfoOn{
height:35px;
}

#subCnt p#bnr{
margin:14px 0;
}

#naviNews{
background:url(../image/subcnt/nbox_mdl.gif) left top repeat-y transparent;
margin-bottom:20px;
}

#naviNews li{
margin:10px 32px 10px 10px;
border-bottom:1px dotted #b0b0b0;
padding-bottom:8px;
}

#naviNews p.moreinfo{
text-align:right;
padding:0 0 0 13px;
position:relative;
margin:0 34px 10px 0;
}

#naviNews p.moreinfo a{
color:#f7931e;
}

/* footer
------------------------------ */
#footer{
background:url(../image/bg_footer.jpg) left top repeat-x #FFF;
clear:both;
margin:10px 0 0 0;
padding:0;
height:100%;
border-top:1px solid #FFF;
}

p#footerMenu{
margin:30px 20px 20px 20px;
}

p#footerMenu span{
border-bottom:1px solid #fbce79;
padding:0 30px 7px 30px;
}

#footer address{
color:#7f7f7f;
margin:0;
padding:0;
font-style:normal;
}

/* print ---------- */
@media print{body{zoom:70%;}}
@media print{*:first-child+html body{zoom:100%;}}