@media screen,tv,projection {

a:link{
color:#0000ff;
background-color:inherit;
text-decoration:underline;
}
a:visited{
color:#0000ff;
background-color:inherit;
text-decoration:underline;
}
a:hover,a:active{
color:#ff9900;
background-color:inherit;
text-decoration:underline;
}


/*
===== reset ====================================
*/


html{
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
margin:0; 
padding:0; 
}


body {
font-weight:normal;
}

table { 
border-collapse:collapse; 
border-spacing:0; 
} 

fieldset,img {  
border:0; 
} 

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

strong {
font-style:normal;
}

ol,ul { 
list-style:none; 
}

caption,th { 
text-align:left; 
}
 
h1,h2,h3,h4,h5,h6 { 
font-size:100%; 
font-weight:normal; 
}
 
q:before,q:after { 
content:''; 
} 

abbr,acronym {
border:0; 
}



/*
===== html ====================================
*/


html{
color:#555;
letter-spacing :0.1em;
margin:0;
padding:0;
font-size:80%;
}


/*
===== body ====================================
*/


body{
margin:0;
padding:0;
background: #f9f9f9;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','Osaka','ＭＳ Ｐゴシック',sans-serif;
}


/*
===== wrapper ====================================
*/


#wrapper {
width:850px;
text-align:center;
margin:0 auto;
background:url(../img/wrapper_bg.gif) repeat-y top center;
position:relative;
}

#wrapper_s {
width:610px;
padding:0 4px 1px;
text-align:center;
margin:0 auto;
background:url(../img/wrapper_bg_s.gif) repeat-y top center;
}


/*
===== container ====================================
*/


#container {
width: 850px;
margin:0 auto;
padding:175px 0 0 0;
}

#index-container {
width: 850px;
margin:0 auto;
padding:145px 0 0 0;
}

/*
===== contents ====================================
*/

#contents{
float:right;
width:570px;
text-align:left;
padding:0 25px 0 0;
}

#contents_s{
width:570px;
text-align:left;
padding:0 20px;
}


/*
===== sidecontents ====================================
*/

#side-contents{
float:left;
width:210px;
text-align:left;
padding:0 0 0 25px;
}

#side-contents #sidenavi {
background:#eee;
width:208px;
border:1px solid #e1e1e1;
padding:4px 0;
margin-bottom:20px;
}

#side-contents #sidenavi h2{

background-color: #3D9AF0;
width:200px;
/*height:35px;*/
line-height:35px;
margin-left:4px;
font-weight:bold;
border-bottom:1px solid #fff;
}

#side-contents #sidenavi h2 a {
background:url(../img/sidenavi_title.gif) no-repeat top left;
display:block;
padding-left:27px;
width:172px;
}

#side-contents #sidenavi h2 a:link{
color:#fff;
background-color:inherit;
text-decoration:none;
}

#side-contents #sidenavi h2 a:visited{
color:#fff;
background-color:inherit;
text-decoration:none;
}
#side-contents #sidenavi h2 a:hover,a:active{
color:#fff;
background-color:inherit;
text-decoration:underline;
}

#side-contents #sidenavi ul li{
width:200px;
line-height:1.3;
margin-left:4px;
background:#e0f0fe;
border-bottom:1px solid #fff;
vertical-align:top;
}

#side-contents #sidenavi ul li a {
background: url(../img/sidenavi_01.gif) #e0f0fe no-repeat 10px 10px;
padding:8px 0px 8px 26px;
display:block;
width:172px;
border-left:1px solid #fff;
border-right:1px solid #fff;
}

#side-contents #sidenavi ul li span {
background: url(../img/sidenavi_01.gif) #e0f0fe no-repeat 10px 10px;
padding:8px 0px 8px 26px;
display:block;
width:172px;
border-left:1px solid #fff;
border-right:1px solid #fff;
}

#side-contents #sidenavi ul li a:link{
color:#555;
background-color:inherit;
text-decoration:none;
}

#side-contents #sidenavi ul li a:visited{
color:#555;
background-color:inherit;
text-decoration:none;
}
#side-contents #sidenavi ul li a:hover,a:active{
color:#555;
background-color:inherit;
text-decoration:underline;
}

#side-contents #sidenavi ul li ul li{
width:200px;
border-top:1px solid #fff;
border-bottom:none;
background:#f0f7fe;
margin:0;
padding:0;
}

#side-contents #sidenavi ul li ul li a {
background:url(../img/sidenavi_03.gif) #f0f7fe no-repeat 30px 10px;
padding:8px 0px 8px 40px;
display:block;
margin:0;
width:158px;
/*font-size:90%;*/
}

#side-contents #side-link h3 {
margin-bottom:5px;
}

#side-contents #side-link ul {
border:2px solid #e0e0e0;
width:206px;
background:#fff;
padding-bottom:2px;
}

#side-contents #side-link ul li{
background:url(../img/th_bg.gif) repeat left top;
padding:5px 0;
border-top:2px solid #fff;
border-left:2px solid #fff;
border-right:2px solid #fff;
border-top:2px solid #fff;
}

#side-contents #side-link ul li a{
padding-left:7px;
background:url(../img/sidenavi_pct.gif) no-repeat right center;
padding-right:16px;
}
#side-contents #side-link ul li a:link{
color:#3c9bf2;
background-color:inherit;
text-decoration:underline;
}

#side-contents #side-link ul li a:visited{
color:#3c9bf2;
background-color:inherit;
text-decoration:underline;
}
#side-contents #side-link ul li a:hover,a:active{
color:#3c9bf2;
background-color:inherit;
text-decoration:none;
}

#side-contents #side-banner {
margin-bottom:10px;
}

#side-contents #side-banner img{
vertical-align:top;
}

#side-contents #side-banner li{
margin:0 0 5px 0;
}

/*
===== header ====================================
*/

#header {
width:840px;
height:145px;
position:absolute;
top:0;
left:5px;
text-align:left;
border-top:3px solid #2b92f1;
background:#fff;
}

#header_s {
width:610px;
height:76px;
text-align:left;
border-top:3px solid #2b92f1;
background:#fff;
position:relative;
}

#header #title,
#header_s #title{
top:15px;
left:20px;
margin:0;
padding:0;
position:absolute;
}

#header #parents{
top:15px;
right:20px;
margin:0;
padding:0;
position:absolute;
}


/*
=====  globalnavi  ====================================
*/

#globalnavi {
top:87px;
left:20px;
list-style:none;
position:absolute;
}

#globalnavi ul li{float:left;}


/*
=====  headernavi  ====================================
*/

/*
=====  topic_path  ====================================
*/


#topic_path{
top:145px;
left:25px;
width:800px;
height:26px;
position:absolute;
}

#topic_path ol{text-align:left;}

#topic_path ol li{
text-align:left;
display: inline;
}

#topic_path ol li a{
background:url(../img/bread_arrow.gif) no-repeat right center;
padding-right:15px;
}


/*
=====  footer  ====================================
*/


#footer{
clear:both;
width:850px;
margin:0;
background: url(../img/footer_bg.gif) #f7f7f7 no-repeat top center;
text-align:left;
}

#footer_s{
clear:both;
width:618px;
margin:0 auto;
background: url(../img/footer_s_bg.gif) #f9f9f9 no-repeat top center;
text-align:left;
}

#footer ul{
margin:0;
padding:18px 0 0 10px;
}

#footer ul li{
float:left;
margin-right:12px;
color:#666;
}

#footer address{
clear:both;
margin-right:20px;
font-size:80%;
color:#666;
padding:25px 0 25px 10px;
}


#footer_s address{
margin-top:0;
margin-right:20px;
font-size:80%;
color:#666;
padding:10px 0 25px 14px;
}

#footer ul li a{
color:#666;
background-color:inherit;
text-decoration:underline;
background:url(../img/footer_arrow.gif) no-repeat left center;
padding-left:12px;
}

#footer ul li a:link{
color:#666;
background-color:inherit;
text-decoration:underline;
}

#footer ul li a:visited{
color:#666;
background-color:inherit;
text-decoration:underline;
}
#footer ul li a:hover,a:active{
color:#666;
background-color:inherit;
text-decoration:none;
}


/*
===== skip ====================================
*/


ul#movenavi{
width:1px;
height:1px;
overflow:hidden;
position:absolute;
left:-1px;
top:-1px;
margin:0;
padding:0;
list-style:none;
}

ul#movenavi li{
margin:0;
padding:0;
}


#pagetop{
padding:10px 0 5px 0 ;
clear:both;
text-align:right;
margin:0 auto;
font-size:80%;
width:800px;
}

#pagetop a{
background:url(../img/pagetop.gif) no-repeat left center;
padding-left:10px;
}

#pagetop02{
padding:0px 0 20px 0 ;
clear:both;
text-align:right;
margin:0 auto;
font-size:80%;
width:570px;
}

#pagetop02 a{
background:url(../img/pagetop.gif) no-repeat left center;
padding-left:10px;
}

/*
===== index-parts ====================================
*/

#index-contents {
float:left;
width:570px;
text-align:left;
padding:0 0 0 25px;
}

#index-contents #index-subject{
width:568px;
border-left:1px solid #eee;
border-bottom:1px solid #eee;
border-right:1px solid #eee;
background:#f9f9f9;
height:159px;
margin-bottom:15px;
}

#index-contents #index-subject a:link{
color:#555;
background-color:inherit;
text-decoration:underline;
}
#index-contents #index-subject a:visited{
color:#555;
background-color:inherit;
text-decoration:underline;
}
#index-contents #index-subject a:hover,a:active{
color:#555;
background-color:inherit;
text-decoration:none;
}

#index-contents #subject-title {
height:35px;
background:url(../index_img/subject_title_bg.gif) repeat right top;
}

#index-contents #subject-title h2 {
width:130px;
float:left;
}

#index-contents #subject-title ul{
float:right;
margin-right:5px;
display:inline;
}

#index-contents #subject-title ul li{
float:left;
padding-top:10px;
}


#index-contents #index-subject .subject-box{
width:181px;
border:1px solid #ddd;
background:#fff;
padding-top:2px;
float:left;
margin-left:5px;
display:inline;
height:150px;
}

#index-contents #index-subject .subject-box ul{
width:165px;
margin:0 auto 10px auto;
}
#index-contents #index-subject .subject-box ul.sub01 li{
background:url(../index_img/btn_red.gif) no-repeat 0 2px;
padding-left:16px;
}

#index-contents #index-subject .subject-box ul.sub02 li{
background:url(../index_img/btn_blue.gif) no-repeat 0 2px;
padding-left:16px;
}

#index-contents #index-subject .subject-box ul.sub03 li{
background:url(../index_img/btn_green.gif) no-repeat 0 2px;
padding-left:16px;
}

#index-contents #index-subject h3{
width:175px;
margin:0 auto 0 auto;
background:#fff;
}

#index-contents #news #news-title {
text-align:left;
width:570px;
height:35px;
background:url(../index_img/news_bg.gif) repeat-x top left;
}

#index-contents #news #news-title h2{
width:130px;
float:left;
}

#index-contents #news #news-title .back{
float:right;
margin-right:5px;
display:inline;
padding-top:10px;
}

#index-contents #news dl dt{
float:left;
width:120px;
padding:10px 0;
clear:left;
display:block;
}

#index-contents #news dl dd{
padding:10px 0;
padding-left:120px;
border-bottom:1px solid #dedede;
display:block;
}

#index-contents #news dl dd a{
color:#555;
text-decoration:underline;
}

#index-contents #news dl dd a:hover{text-decoration:none;}

#index-side-contents{
float:right;
width:210px;
text-align:left;
padding:0 25px 0 0;
}

#index-side-contents .index-banner img{
vertical-align:top;
margin-bottom:5px;
}

#index-side-contents .index-banner {
margin-bottom:10px;
}

#index-side-contents #schedule{
width:210px;
background:url(../index_img/schedule_bg.gif) repeat-y bottom center;
margin-bottom:15px;
}

#index-side-contents #schedule dl{
width:176px;
margin:10px auto 10px auto;
padding-bottom:10px;
}

#index-side-contents #schedule dt{
color:#2b92f1;
margin-bottom:0;
}

#index-side-contents #schedule dd{
color:#555;
margin:0 0 5px 0;
}

#index-contents  .target-area {
height:49px;
margin-bottom:10px;
}

#index-contents  .target-area ul li{
float:left;
}

#index-contents  .ichi-area {
margin-bottom:5px;
height:155px;
margin-bottom:15px;
background:url(../index_img/ich_bg.gif) repeat top left;
}

#index-contents  .ichi-area ul{
margin-left:5px;
}

#index-contents  .ichi-area ul li{
float:left;
height:112px;
}

/* 100618 added */

#index-contents  .ichi-area-y {
margin-bottom:5px;
height:172px;
margin-bottom:15px;
background:url(../index_img/ich_bg.gif) repeat top left;
}

#index-contents  .ichi-area-y ul{
margin-left:5px;
}

#index-contents  .ichi-area-y ul li{
float:left;
height:129px;
}

/*
===== parts ====================================
*/

.float-left {
float:left;
}

.float-right {
float:right;
}

#contents .mnone,
#contents_s .mnone {
margin-bottom:0;
}

#contents h2,
#contents_s h2{
background:url(../img/heading_02.gif) repeat-x top left;
line-height:32px;
height:32px;
letter-spacing: .1em;
padding:0 0 0 10px;
margin:0 0 15px 0;
font-weight:bold;
font-size:120%;
}


#contents h2#heading-index,
#contents_s h2#heading-index{
background:none;
height:85px;
padding:0;
margin:0 0 15px 0;
}

#contents h2#heading-index2,
#contents_s h2#heading-index2{
background:none;
height:100px;
padding:0;
margin:0 0 15px 0;
}


#contents h3,
#contents_s h3{
clear:both;
width: 554px;
background:url(../img/heading_03.gif) no-repeat center left;
font-weight:bold;
letter-spacing: .1em;
padding:6px 0 6px 16px;
margin:0 0 15px 0;
border-top:solid 1px #afafaf;
border-bottom:solid 1px #afafaf;
}

#contents h3.h3-img,
#contents_s h3.h3-img{
clear:both;
background:#fff;
font-weight:bold;
letter-spacing: .1em;
padding:0;
margin:0 0 5px 0;
border:none;
}



#contents h4,
#contents_s h4{
clear:both;
font-weight:bold;
letter-spacing: 0.1em;
margin:0 0 5px 0;
color:#2991f1;
font-size:110%;
}

#contents p,
#contents_s p{
line-height:2;
margin:0 0 20px 0;
}



#contents p.flow-box,
#contents_s p.flow-box{
line-height:2;
margin:0 0 10px 0;
border:1px solid #dedede;
padding:1px;
}

#contents p.flow-box span,
#contents_s p.flow-box span{
margin:9px;
display:block;
}

.list01 {margin:0 0 20px 0;}
.list01 li {
text-align:left;
line-height:1.8;
padding:0 0 0 20px;
margin:0 0 4px 0;
background:url(../img/arrow_01.gif) no-repeat 7px 7px;
}

.list01 li.un {
background:url(../img/arrow_02.gif) no-repeat 7px 7px;
}

.list01 li.un span {
color:#eca202;
display:block;
margin-bottom:5px;
}

.list02 {margin:0 0 20px 0;}
.list02 li {
text-align:left;
line-height:1.8;
padding:0 0 0 20px;
margin:0 0 4px 0;
background:url(../img/list_01.gif) no-repeat 9px 7px;
}

.list03 {
margin:0 0 20px 0;
border:1px solid #dedede;
padding-left:6px;
padding-right:6px;
}
.list03 li {
text-align:left;
line-height:1.8;
padding:8px 0 8px 20px;
margin:0;
background:url(../img/list_02.gif) no-repeat 6px 14px;
border-bottom:1px dotted #c8c8c8;
}

.list03 li strong{
font-size:115%;
}

.list03 li.bg_g{
background:url(../img/list_02.gif) #f9f9f9 no-repeat 6px 14px;
}

.list03 li.border_n{
border-bottom:none;
}

.list-dc {
margin:0 20px 0 30px;
padding:0;
}

.list-dc li {
text-align:left;
list-style-type:decimal;
line-height:1.8;
padding:0;
margin:0 0 10px 1.5em;
}

.list-dc li ul{
margin-top:10px;
}

.list-dc li ul li{
list-style-type:none;
padding:0 0 0 20px;
}

.bg-color-g {
background:#f9f9f9;
border:1px solid #dedede;
padding:20px 0 20px 0;
margin-bottom:20px;
}

.bg-color-g2 {
background:#f9f9f9;
border:1px solid #dedede;
padding:10px 20px;
color:#2991f1;
}

.bg-color-g3 {
background:#f9f9f9;
padding:10px 20px;
}

.note {
color:#c00;
}

.nowrap {
white-space:nowrap;
}

#contents .t1,
#contents_s .t1 {
margin:0 auto 20px auto;
border:#dfdfdf 1px solid;
line-height: 1.8;
}

#contents .t1 th,
#contents_s .t1 th {
text-align:center;
background:url(../img/th_bg.gif) repeat left top;
padding:10px 15px;
white-space: nowrap;
font-weight:bold;
color: #2991f1;
border-bottom:#dfdfdf 1px solid;
border-left:#dfdfdf 1px solid;
}

#contents .t1 td,
#contents_s .t1 td {
text-align:left;
background:#fff;
padding:6px;
border-bottom:#dfdfdf 1px solid;
border-left:#dfdfdf 1px solid;
}

#contents .t1 td input,
#contents_s .t1 td input,
#contents .t1 td select,
#contents_s .t1 td select {
margin-bottom:5px;
}

#contents .t2,
#contents_s .t2 {
margin:0 auto 20px auto;
border:#dfdfdf 1px solid;
line-height: 1.4;
width:570px;
}

#contents .t2 th,
#contents_s .t2 th {
text-align:center;
background:url(../img/th_bg.gif) repeat left top;
padding:3px 5px;
white-space: nowrap;
font-weight:bold;
color: #2991f1;
border-bottom:#dfdfdf 1px solid;
border-left:#dfdfdf 1px solid;
}

#contents .t2 td,
#contents_s .t2 td {
background:#fff;
padding:3px 5px;
border-bottom:#dfdfdf 1px solid;
border-left:#dfdfdf 1px solid;
}

#contents .t2 td.t-center,
#contents_s .t2 td.t-center {
text-align:center;
}

#contents .t3,
#contents_s .t3 {
margin-bottom:10px;
border:#dfdfdf 1px solid;
line-height: 1.8;
}

#contents .t3 th,
#contents_s .t3 th {
text-align:center;
background:url(../img/th_bg.gif) repeat left top;
padding:3px;
white-space: nowrap;
font-weight:bold;
color: #2991f1;
border-bottom:#dfdfdf 1px solid;
border-left:#dfdfdf 1px solid;
}

#contents .t3 td,
#contents_s .t3 td {
text-align:left;
background:#fff;
padding:3px;
border-bottom:#dfdfdf 1px solid;
border-left:#dfdfdf 1px solid;
}

#contents .t4,
#contents_s .t4  {
margin-bottom:20px;
border:#dfdfdf 1px solid;
line-height: 1.8;
}

#contents .t4 th,
#contents_s .t4 th {
text-align:left;
background:url(../img/th_bg.gif) repeat left top;
padding:3px 5px;
white-space: nowrap;
font-weight:normal;
color: #2991f1;
border-bottom:#dfdfdf 1px solid;
border-left:#dfdfdf 1px solid;
}

#contents .t4 td,
#contents_s .t4 td {
background:#fff;
padding:3px 5px;
border-bottom:#dfdfdf 1px solid;
border-left:#dfdfdf 1px solid;
}


#contents .t5,
#contents_s .t5 {
margin:0 auto 20px auto;
border:#dfdfdf 1px solid;
line-height: 1.4;
width:570px;
}

#contents .t5 th,
#contents_s .t5 th {
text-align:center;
background:url(../img/th_bg.gif) repeat left top;
padding:5px 2px;
white-space: nowrap;
font-weight:bold;
color: #2991f1;
border-bottom:#dfdfdf 1px solid;
border-left:#dfdfdf 1px solid;
}

#contents .t5 td,
#contents_s .t5 td {
background:#fff;
padding:5px 2px;
border-bottom:#dfdfdf 1px solid;
border-left:#dfdfdf 1px solid;
}

#contents .t5 td.t-center,
#contents_s .t5 td.t-center {
text-align:center;
}


#contents .small,
#contents_s .small{ font-size:75%; }
/* IE7 */
*:first-child+html #contents .small { font-size:55%; }
*:first-child+html #contents_s .small { font-size:55%; }

.big{ font-size:110%;}
.w10{width:10%;}
.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%;}
.w50{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w80{width:80%;}
.w90{width:90%;}
.w100{width:100%;}

.mb1em{padding-bottom:1em;}
.mr10{margin-right:10px;}

.center{text-align:center;}
#contents .left,
#contents_s .left{text-align:left;}
#contents .right,
#contents_s .right {text-align:right; margin-bottom:10px;}
.fr { background:#2991f1; color:#fff; padding:2px 3px; white-space:nowrap; display:block; text-align:center; margin-bottom:1px;}
.linklist01{
clear:both;
padding:0;
margin:0 0 20px 0;
width:630px;
min-height:2.5em;
background-color:#f7f7f7;
overflow: hidden;
}

* html .linklist01 {
height: 1%;
}

.linklist01 li{
float:left;
padding:.5em 10px;
}

.linklist01 li a{
padding:0 0 0 18px;
background:url(../img/list01.gif) no-repeat 0 50%;
}

.linklist01 li a:hover{background:url(../img/list01_on.gif) no-repeat 0 50%;}

.book-center {
width:100px;
margin:5px auto;
}


a.linkicon{
padding-left:14px;
background:url(../img/arrow_01.gif) no-repeat left center;
margin-left:7px;
}

a:hover .linkicon{background:url(../img/list01_on.gif) no-repeat 0 .3em;}




/*
=====  sidemenu  ====================================
*/


#sidemenu-area{
margin-bottom:10px;
background:url(../img/sidemenu_bg02.gif) no-repeat bottom left;
}

#sidemenu-inner{
padding:10px;
background:url(../img/sidemenu_bg01.gif) no-repeat top left;
}

#sidemenu-inner li{
background:url(../img/border.gif) repeat-x bottom left;
}

#sidemenu-inner li a{ display: inline-block; }

#sidemenu-inner li a{
display:block;
padding:10px 3px 10px 25px;
background:url(../img/list02.gif) no-repeat 6px 50%;
}

#sidemenu-inner li.has-submenu {margin:0;
padding-bottom:1px;
background:url(../img/border.gif) repeat-x bottom left;
}

#sidemenu-inner li.has-submenu a{
padding:10px 3px 5px 25px;
}

#sidemenu-inner li.has-submenu ul{margin-left:20px;}

#sidemenu-inner li.has-submenu ul li{margin:0;background:none;}

#sidemenu-inner li.has-submenu ul li a { display: inline-block; }
#sidemenu-inner li.has-submenu ul li a{
display:block;
padding:0 0 10px 20px;
background:url(../img/list03.gif) no-repeat 8px 0px;
}

#sidemenu-inner li.has-submenu ul li a.active{
color:#193f9b;
}

#subjectnavi{
padding:2px;
margin-top:8px;
margin-bottom:20px;
background-color:#fff;
border:2px solid #dedede;
}

#subjectnavi ul{line-height:1.6;}

#subjectnavi ul li a{
color:#333;
text-decoration:none;
}

#subjectnavi ul li a:hover{text-decoration:underline;}

#subjectnavi ul.sub01,
#subjectnavi ul.sub02 {
margin-left:4px;
margin-bottom:15px;
}

#subjectnavi ul.sub03{margin-left:4px;}

#subjectnavi ul.sub01 li{
background:url(../index_img/btn_green.gif) no-repeat 0 2px;

padding-left:16px;
margin-bottom:5px;
}

#subjectnavi ul.sub02 li{
background:url(../index_img/btn_blue.gif) no-repeat 0 2px;
padding-left:16px;
margin-bottom:5px;
}

#subjectnavi ul.sub03 li{
background:url(../index_img/btn_red.gif) no-repeat 0 2px;
padding-left:16px;
margin-bottom:5px;
}





/*
=====  contact  ====================================
*/


#contact-area {
border-bottom:1px solid #e7e7e7;
}

#contact-area dl{
line-height:1.6;
background:url(../img/contact_bg.gif) repeat-x top left #f7f7f7;
padding:10px;
}

#contact-area dt{font-weight:bold;}





/*
=====  Q&A  ====================================
*/

.qa-q dt {
float:left;
width:46px;
margin-bottom:10px;
}

.qa-q dt span {
border:1px solid #2b92f1;
color:#2b92f1;
padding:0px 4px;
position: relative;
}

.qa-q dd {
margin-left:46px;
width:520px;
margin-bottom:10px;
color:#2b92f1;
}

.qa-a{
border-bottom:1px solid #ddd;
margin-bottom:20px;
}

.qa-a dt {
float:left;
width:46px;
margin-bottom:10px;
}

.qa-a dt span {
background:#2b92f1;
color:#fff;
padding:0px 4px;
border:1px solid #2b92f1;

}

.qa-a dd {
margin-left:46px;
width:520px;
margin-bottom:10px;
}



/*
=====  to  ====================================
*/

#to-area h1{
margin-bottom:30px;
}

#to-area ul{
width:800px;
margin:0 auto;
}

#to-area ul li{float:left;}

#to-box {
background-color:#f6f6f6;
padding:10px 0;
width:798px;
border:1px solid #e2e2e2;
text-align:center;
margin:0 auto 2px;
}

#to-box h2{
margin-bottom:20px;
}

#to-box p.merit{text-align:left;
margin-left:210px;
line-height:1.6;
margin-bottom:10px;
}

#to-box h3#cap_sub{
border-bottom:1px solid #000;
padding-bottom:2px;
font-size:123%;
color:#000;
text-align:left;
margin-top:20px;
margin-left:10px;
margin-bottom:10px;
font-weight:bold;
}

#to-box table#subjectlist{margin-left:40px;}

#to-box table#subjectlist tr th{width:250px;}

#to-box table#subjectlist tr th p{
font-size:123%;
font-weight:bold;

margin-right:30px;
}

#to-box table#subjectlist tr th p.subjectlist01{
color:#9eb141;
padding-bottom:6px;
border-bottom:1px solid #9eb141;
}

#to-box table#subjectlist tr th p.subjectlist02{
color:#5896CA;
padding-bottom:6px;
border-bottom:1px solid #5896CA;
}

#to-box table#subjectlist tr th p.subjectlist03{
color:#D6548C;
padding-bottom:6px;
border-bottom:1px solid #D6548C;
}

#to-box table#subjectlist tr td{
vertical-align:top;
line-height:1.6;
padding:10px;
width:250px;
text-align:left;

color:#000;
}

#to-box table#subjectlist tr td.subjectlist01 p{
background:transparent url(../index_img/btn_green.gif) no-repeat scroll 0 2px;
padding-left:16px;
float:none;
}

#to-box table#subjectlist tr td.subjectlist02 p{
background:transparent url(../index_img/btn_blue.gif) no-repeat scroll 0 2px;
padding-left:16px;
float:none;
}

#to-box table#subjectlist tr td.subjectlist03 p{
background:transparent url(../index_img/btn_red.gif) no-repeat scroll 0 2px;
padding-left:16px;
float:none;
}

#to-box table#subjectlist tr td p a{color:#333;}
#to-box table#subjectlist tr td p a:hover{text-decoration:none;}

#to-box div#to-trouble{
margin-left:10px;
background:url(../../to/img/bg_trouble.gif) repeat-y top left;
margin-bottom:15px;}


#to-box div#to-trouble-in{background:url(../../to/img/bg_trouble_top.gif) no-repeat top left;padding-top:3px;}

#to-box div#to-trouble ul {
padding-bottom:4px;
background:url(../../to/img/bg_trouble_btm.gif) no-repeat bottom left;
overflow:hidden;
}

#to-box div#to-trouble ul li{
width:186px;
padding-left:1px;
float:left;
margin-right:9px;
display:inline;
}

#to-box div#to-trouble ul li h3{
padding-bottom: 5px;
margin:10px;
color:#ed8001;
text-align:left;
border-bottom:1px solid #e1e1e1;
}

#to-box div#to-trouble ul li h3 a{color:#ed8001;}
#to-box div#to-trouble ul li h3 a:hover{text-decoration:none;}

#to-box div#to-trouble ul li p{
line-height:1.6;
text-align:left;margin:10px;}

#to-box .to-link{
position:relative;

}
#to-box .to-link span{background:url(../img/arrow_03.gif) no-repeat center left;
padding-left:14px;
}

#to-box .to-link a{color:#333;}
#to-box .to-link a:hover{text-decoration:none;}

#to-box .to-link .to-01{
position:absolute;
top:105px;
left:230px;
}

#to-box .to-link .to-02{
position:absolute;
top:105px;
left:350px;
}

#to-box .to-link .to-03{
position:absolute;
top:105px;
left:450px;
}

#to-box .to-link .to-04{
position:absolute;
top:105px;
left:600px;
}

#to-box .to-link .to-05{
position:absolute;
top:135px;
left:230px;
}

#to-box .to-link .to-06{
position:absolute;
top:135px;
left:350px;
}

#to-box .to-link .to-07{
position:absolute;
top:135px;
left:450px;
}

#to-box .to-link .to-08{
position:absolute;
top:135px;
left:600px;
}

#use-area{
background:#f9f9f9;
padding:10px 5px;
width:800px;
margin:0 auto;
}



#use-area h2{
text-align:left;
margin-bottom:30px;
margin-left:20px;
}

#use-box{
text-align:left;
border:1px solid #ccc;
background:#fff;
padding:15px 20px;
margin:20px;
}

#use-box h2{margin-left:0;}

#use-box dl dt {
color:#000066;
font-weight:bold;
font-size:123%;
margin-bottom:5px;}

#use-box dl dd {
color:#000066;
font-size:123%;
margin-bottom:15px;
margin-left:10px;}

#use-area div.usecontents{
clear:both;
overflow:hidden;
margin-bottom:40px;
margin-left:10px;
}

#use-area div.imagebox{
float:left;
width:120px;
}

#use-area div.usecontents dl{
font-size:123%;
width:660px;
float:right;
text-align:left;
line-height:1.6;
}

#use-area div.usecontents dt{
margin-bottom:10px;
color:#000066;
font-weight:bold;
}

ul#use-navi {
width:800px;
margin:5px auto 0;
}

ul#use-navi li{
float:left;
margin-bottom:20px;
}

#allsubject-box{text-align:left; margin:0 60px 0 40px;}

#allsubject-box h2{
background:transparent url(../img/heading_03_02.gif) no-repeat scroll left center;
border-bottom:1px solid #AFAFAF;
border-top:1px solid #AFAFAF;
clear:both;
font-weight:bold;
letter-spacing:0.1em;
margin:0 0 15px;
padding:6px 0 6px 16px;
width:100%;
}

#allsubject-box .subjectlist01,
#allsubject-box .subjectlist02,
#allsubject-box .subjectlist03{margin-left:10px;margin-bottom:2em;}
#allsubject-box .subjectlist01 li{
line-height:1.6;
background:transparent url(../index_img/btn_green.gif) no-repeat scroll 0 2px;
padding-left:16px;
margin-bottom:5px;
}

#allsubject-box h1{margin-bottom:2em;}

#allsubject-box .subjectlist02 li{
background:transparent url(../index_img/btn_blue.gif) no-repeat scroll 0 2px;
padding-left:16px;
margin-bottom:5px;
line-height:1.6;
}

#allsubject-box .subjectlist03 li{
background:transparent url(../index_img/btn_red.gif) no-repeat scroll 0 2px;
padding-left:16px;
margin-bottom:5px;
line-height:1.6;}

#allsubject-box ul li a{color:#333;}
#allsubject-box ul li a:hover{text-decoration:none;}

/*
=====  examination  ====================================
*/



#exam-box{
background:url(../../examination/img/exambox-bg.gif) #e5e5e5;
margin-bottom:60px;
}

#contents #exam-box div,
#contents_s #exam-box div{padding:0 10px 10px 10px;}



/*
=====  each subject  ====================================
*/

#subject-news #news dl{padding-bottom:2em;}

#subject-news #news dl dt{
float:left;
width:120px;
padding:10px 0;
clear:left;
display:block;
}

#subject-news #news dl dd{
padding:10px 0;
padding-left:120px;
border-bottom:1px solid #dedede;
display:block;
}

#contents .exa-box,
#contents_s .exa-box {
padding:1px;
background:#f0f7fe;
border:1px solid #3c9bf2;
margin-bottom:30px;
}

#contents .exa-box h3.h3-img,
#contents_s .exa-box h3.h3-img{
background:#f0f7fe;
padding:0;
margin:0;
border:none;
}

#contents .exa-box h3.h3-img img,
#contents_s .exa-box h3.h3-img img{
padding-bottom:10px;
}

#contents .exa-box h4.h4-img,
#contents_s .exa-box h4.h4-img{
background:#f0f7fe;
padding:0;
margin:0;
border:none;
}

#contents .exa-box p,
#contents_s .exa-box p{
padding-left:10px;
padding-right:10px;
padding-top:10px;
}
.exa-box {}

/*
=====  learn  ====================================
*/

body#learn #contents h3.h3-img{
margin:40px 0px 20px 0;
}

body#learn #contents .t1 tr td.center{
text-align:center;
margin:0;
}


/*
=====  pagebute   ====================================
*/


.pagebute{width:100%;}
.butebef{width:100px;}
.pagelist{text-align:center;
width:354px;}
.butenext{
text-align:right;
width:100px;
}


/*
=====  textbook   ====================================
*/


.handbook-box{
border:1px solid #dedede;
margin:20px 0;
}

#contents .handbook-box table{margin:10px 10px 0 10px;}
.data{
border:1px solid #e2f1fe;
background-color:#f0f7fe;
padding:8px;
margin-bottom:10px;
}
.item tr td{padding-right:20px; vertical-align:top;}
.item tr td img.itemimg{
border-top:1px solid #e2f1fe;
border-left:1px solid #e2f1fe;
border-right:1px solid #e2f1fe;
display:block;
}

#contents .data p{margin:0 0 5px 0; letter-spacing: 0;}
.data .name{font-weight:bold;color:#2b92f1;}
.data .code{color:#2b92f1;}


/*
=====  textbook form  ====================================
*/

.saletable{
width:100%;
border:1px solid #e2f1fe;
margin-bottom:20px;
letter-spacing:0;
}
.saletable tr td{padding:5px 0;
}
.saletable tr th{padding:5px 10px 10px;
font-weight:bold;
}
.saletable .amount{width:13%;}
.saletable .amount input{margin-right:3px;}
.saletable .name{font-weight:bold;color:#2b92f1;width:57%;}
.saletable .code{color:#2b92f1;width:27%;padding-left:10px;}
.saletable .check{
width:3%;
padding-left:10px;
}

.formtable{width:100%;margin-bottom:20px;}

.formtable tr th{
width:33%;
vertical-align:top;
font-weight:bold;
background:url(../img/form_bg.gif) no-repeat 5px 9px;
padding:10px 10px 10px 15px;
border-bottom:1px solid #dedede;
}
.formtable tr td{
padding:10px 0;
border-bottom:1px solid #dedede;
}
input#man,input#woman,input#ko,input#hou,
label{
  cursor: pointer;
}


.formtable .small{
font-size:85%;
font-weight:normal;color:#c00;
}



#contents h3.formcap,
#contents h4.formcap,
#contents_s h3.formcap,
#contents_s h4.formcap{
clear:both;
background:none;
background-color:#fff;
font-weight:bold;
letter-spacing: .1em;
padding:0;
padding-top:10px;
margin:0 0 20px 0;
border:none;
}

/*販売士　更新のテーブル*/
#contents .graph{
	margin-bottom:20px;
}
#contents .graph td.txt{
	padding:20px 5px 0px 10px;
	vertical-align:top;
	
}

#banner_area{
	margin-top:10px;
	padding-bottom:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	width:570px;
}

#banner_area img{
	margin-right:3px;
	
}

p.ind{
	margin:5px;
	text-indent:-1em;
	padding-left:1em;
}

/*
===== banners ====================================
*/


.banners ul {
margin-bottom:10px;
padding:0;
}

.banners ul li{
margin:0 0 5px 0;
}

.influ{
margin-top:10px;
margin-bottom:20px;
}


.sponserbnr{
padding-top:8px;
padding-bottom:3px;
background-color:#ddd;
border:1px solid #ccc;
margin:20px 0;
}

.sponserbnr li,
#index-side-contents .index-banner .sponserbnr li{
margin:0;
padding:0 0 5px 0;
text-align:center;
display:block;
line-height:0;
}

.sponserbnr li{
/padding:0 0 1px 0;
}


.sponserbnr li img,
#index-side-contents .index-banner .sponserbnr li img{
margin:0;
padding:0;
line-height:0;
}

.sponserbnr li.spon_ttl,
#index-side-contents .index-banner .sponserbnr li{
padding:5px 0;
font-weight:bold;
margin-bottom:5px;
font-size:12px;
}

/*110929追記
---------------------------------------------------*/
#contents .imgFloat p.imgR{
	float:left;
	display:inline;
	margin:0 15px 30px 0;
}

#contents .imgFloat ul{
	margin:0 0 15px;
}

#contents .imgFloat:after{
content: "."; 
display: block; 
height: 0; 
font-size:0;	
clear: both; 
visibility:hidden;
}

#contents .imgFloat{display: inline-block;} 

/* Hides from IE Mac */
* html #contents .imgFloat{height: 1%;}
#contents .imgFloat{display:block;}
/* End Hack */

#tableStyle .t2 th {
text-align:center;
background:url(../img/th_bg.gif) repeat left top;
padding:3px 5px;
white-space: nowrap;
font-weight:bold;
color: #2991f1;
border-bottom:#dfdfdf 1px solid;
border-left:#dfdfdf 1px solid;
}

#tableStyle .t2 td {
background:#fff;
padding:3px 5px;
border-bottom:#dfdfdf 1px solid;
border-left:#dfdfdf 1px solid;
vertical-align:top;
text-align:right;
}

#tableStyle .t2 td.t-center {
text-align:center;
}

#tableStyle h2{
background:url(../img/heading_02.gif) repeat-x top left;
line-height:32px;
height:32px;
letter-spacing: .1em;
padding:0 0 0 10px;
margin:0 0 15px 0;
font-weight:bold;
font-size:120%;
}

#header2{
width:840px;
height:76px;
position:absolute;
top:0;
left:5px;
text-align:left;
border-top:3px solid #2b92f1;
background:#fff;
}

#header2 #title{
top:15px;
left:20px;
margin:0;
padding:0;
position:absolute;
}


#header2 #parents{
top:15px;
right:20px;
margin:0;
padding:0;
position:absolute;
}

#container2{
width: 850px;
margin:0 auto;
padding:80px 0 0 0;
}

#tableStyle{
	padding:0 20px ;
}

#tableStyle table{
	border:#dfdfdf 1px solid;
	margin:0 0 20px;
}

#tableStyle table .w30{
	width:31%;
}

/*110929追記
---------------------------------------------------*/

}
@media print {

a:link{
color:#eca202;
background-color:inherit;
text-decoration:underline;
}
a:visited{
color:#eca202;
background-color:inherit;
text-decoration:underline;
}
a:hover,a:active{
color:#eca202;
background-color:inherit;
text-decoration:none;
}


/*
===== reset ====================================
*/


html{
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
margin:0; 
padding:0; 
}


body {
font-weight:normal;
}

table { 
border-collapse:collapse; 
border-spacing:0; 
} 

fieldset,img {  
border:0; 
} 

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

strong {
font-style:normal;
}

ol,ul { 
list-style:none; 
}

caption,th { 
text-align:left; 
}
 
h1,h2,h3,h4,h5,h6 { 
font-size:100%; 
font-weight:normal; 
}
 
q:before,q:after { 
content:''; 
} 

abbr,acronym {
border:0; 
}



/*
===== html ====================================
*/


html{
color:#555;
letter-spacing :0.1em;
margin:0;
padding:0;
font-size:70%;
}


/*
===== body ====================================
*/


body{
margin:0;
padding:0;
background: #fff;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','Osaka','ＭＳ Ｐゴシック',sans-serif;
}


/*
===== wrapper ====================================
*/


#wrapper,
#wrapper_s {
background:none;
position:relative;
}


/*
===== container ====================================
*/


#container {
margin:0 auto;
padding:105px 0 0 0;
}

#index-container {
width: 850px;
margin:0 auto;
padding:145px 0 0 0;
}

/*
===== contents ====================================
*/

#contents,
#contents_s{
width:100%;
text-align:left;
padding:0;
}

/*
===== sidecontents ====================================
*/

#side-contents{
display:none;
}

/*
===== header ====================================
*/

#header{
width:100%;
height:80px;
position:absolute;
top:0;
left:5px;
text-align:left;
border-top:3px solid #2b92f1;
background:#fff;
}

#header_s {
width:610px;
height:76px;
text-align:left;
border-top:3px solid #2b92f1;
background:#fff;
position:relative;
}

#header #title,
#header_s #title{
top:15px;
left:20px;
margin:0;
padding:0;
position:absolute;
}


#header #parents{
top:15px;
right:20px;
margin:0;
padding:0;
position:absolute;
}


/*
=====  globalnavi  ====================================
*/

#globalnavi {
display:none;
}

/*
=====  headernavi  ====================================
*/

/*
=====  topic_path  ====================================
*/


#topic_path{
top:80px;
left:5px;
height:26px;
position:absolute;
}

#topic_path ol{text-align:left;}

#topic_path ol li{
text-align:left;
display: inline;
}

#topic_path ol li a{
background:url(../img/bread_arrow.gif) no-repeat right center;
padding-right:15px;
}


/*
=====  footer  ====================================
*/


#footer{
clear:both;
width:100%;
margin:0;
background:none;
text-align:left;
}

#footer_s{
clear:both;
width:618px;
margin:0 auto;
text-align:left;
}

#footer ul{
display:none;
}

#footer ul li a{
text-decoration:underline;
}

#footer ul li a:hover{
text-decoration:none;
}

#footer address,
#footer_s address{
clear:both;
margin-right:20px;
font-size:80%;
color:#666;
padding:25px 0 25px 10px;
}



/*
===== skip ====================================
*/


ul#movenavi{
display:none;
}

#pagetop{
display:none;
}

#pagetop02{
display:none;
}


/*
===== index-parts ====================================
*/

#index-contents {
float:left;
width:570px;
text-align:left;
padding:0 0 0 25px;
}

#index-contents #index-subject{
width:568px;
border-left:1px solid #eee;
border-bottom:1px solid #eee;
border-right:1px solid #eee;
background:#f9f9f9;
height:159px;
margin-bottom:15px;
}

#index-contents #index-subject a:link{
color:#555;
background-color:inherit;
text-decoration:underline;
}
#index-contents #index-subject a:visited{
color:#555;
background-color:inherit;
text-decoration:underline;
}
#index-contents #index-subject a:hover,a:active{
color:#555;
background-color:inherit;
text-decoration:none;
}

#index-contents #subject-title {
height:35px;
background:url(../index_img/subject_title_bg.gif) repeat right top;
}

#index-contents #subject-title h2 {
width:130px;
float:left;
}

#index-contents #subject-title ul{
float:right;
margin-right:5px;
display:inline;
}

#index-contents #subject-title ul li{
float:left;
padding-top:10px;
}


#index-contents #index-subject .subject-box{
width:181px;
border:1px solid #ddd;
background:#fff;
padding-top:2px;
float:left;
margin-left:5px;
display:inline;
height:150px;
}

#index-contents #index-subject .subject-box ul{
width:165px;
margin:0 auto 10px auto;
}
#index-contents #index-subject .subject-box ul.sub01 li{
background:url(../index_img/btn_red.gif) no-repeat 0 2px;
padding-left:16px;
}

#index-contents #index-subject .subject-box ul.sub02 li{
background:url(../index_img/btn_blue.gif) no-repeat 0 2px;
padding-left:16px;
}

#index-contents #index-subject .subject-box ul.sub03 li{
background:url(../index_img/btn_green.gif) no-repeat 0 2px;
padding-left:16px;
}

#index-contents #index-subject h3{
width:175px;
margin:0 auto 0 auto;
background:#fff;
}

#index-contents #news #news-title {
text-align:left;
width:570px;
height:35px;
background:url(../index_img/news_bg.gif) repeat-x top left;
}

#index-contents #news #news-title h2{
width:130px;
float:left;
}

#index-contents #news #news-title .back{
float:right;
margin-right:5px;
display:inline;
padding-top:10px;
}

#index-contents #news dl dt{
float:left;
width:120px;
padding:10px 0;
border-bottom:1px solid #dedede;
}

#index-contents #news dl dd{
padding-left:120px;
padding:10px 0;
border-bottom:1px solid #dedede;
}

#index-contents #news dl dd a{
color:#555;
}


#index-side-contents{
float:right;
width:210px;
text-align:left;
padding:0 25px 0 0;
}

#index-side-contents .index-banner img{
vertical-align:top;
margin-bottom:5px;
}

#index-side-contents .index-banner {
margin-bottom:10px;
}

#index-side-contents #schedule{
width:210px;
background:url(../index_img/schedule_bg.gif) repeat-y bottom center;
margin-bottom:15px;
}

#index-side-contents #schedule dl{
width:176px;
margin:10px auto 10px auto;
padding-bottom:10px;
}

#index-side-contents #schedule dt{
color:#2b92f1;
margin-bottom:0;
}

#index-side-contents #schedule dd{
color:#555;
margin:0 0 5px 0;
}

#index-contents  .target-area {
height:49px;
margin-bottom:10px;
}

#index-contents  .target-area ul li{
float:left;
}

#index-contents  .ichi-area {
margin-bottom:5px;
height:155px;
margin-bottom:15px;
background:url(../index_img/ich_bg.gif) repeat top left;
}

#index-contents  .ichi-area ul{
margin-left:5px;
}

#index-contents  .ichi-area ul li{
float:left;
height:112px;
}

/*
===== parts ====================================
*/

.float-left {
float:left;
}

.float-right {
float:right;
}

#contents .mnone,
#contents_s .mnone {
margin-bottom:0;
}

#contents h2,
#contents_s h2{
background:url(../img/heading_02.gif) repeat-x top left;
line-height:32px;
height:32px;
letter-spacing: .1em;
padding:0 0 0 10px;
margin:0 0 15px 0;
font-weight:bold;
font-size:120%;
}

#contents h2#heading-index{
background:none;
height:85px;
padding:0;
margin:0 0 15px 0;
}


#contents h3,
#contents_s h3{
clear:both;
width: 554px;
background:url(../img/heading_03.gif) no-repeat center left;
font-weight:bold;
letter-spacing: .1em;
padding:6px 0 6px 16px;
margin:0 0 15px 0;
border-top:solid 1px #afafaf;
border-bottom:solid 1px #afafaf;

}

#contents h4,
#content_s h4{
clear:both;
font-weight:bold;
letter-spacing: 0.1em;
margin:0 0 5px 0;
color:#2991f1;
font-size:110%;
}

#contents p,
#contents_s p{
line-height:2;
margin:0 0 20px 0;
}

#contents p.flow-box,
#contents_s p.flow-box{
line-height:2;
margin:0 0 10px 0;
border:1px solid #dedede;
padding:1px;
}

#contents p.flow-box span,
#contents_s p.flow-box span{
margin:9px;
display:block;
}

.list01 {margin:0 0 20px 0;}
.list01 li {
text-align:left;
line-height:1.8;
padding:0 0 0 20px;
margin:0 0 4px 0;
background:url(../img/arrow_01.gif) no-repeat 7px 7px;
}

.list01 li.un {
background:url(../img/arrow_02.gif) no-repeat 7px 7px;
}

.list01 li.un span {
color:#eca202;
display:block;
margin-bottom:5px;
}

.list02 {margin:0 0 20px 0;}
.list02 li {
text-align:left;
line-height:1.8;
padding:0 0 0 20px;
margin:0 0 4px 0;
background:url(../img/list_01.gif) no-repeat 9px 7px;
}

.list03 {
margin:0 0 20px 0;
border:1px solid #dedede;
padding-left:6px;
padding-right:6px;
}
.list03 li {
text-align:left;
line-height:1.8;
padding:8px 0 8px 20px;
margin:0;
background:url(../img/list_02.gif) no-repeat 6px 14px;
border-bottom:1px dotted #c8c8c8;
}

.list03 li strong{
font-size:115%;
}

.list03 li.bg_g{
background:url(../img/list_02.gif) #f9f9f9 no-repeat 6px 14px;
}

.list03 li.border_n{
border-bottom:none;
}

.list-dc {
margin:0 20px 0 30px;
padding:0;
}

.list-dc li {
text-align:left;
list-style-type:decimal;
line-height:1.8;
padding:0;
margin:0 0 10px 1.5em;
}

.list-dc li ul{
margin-top:10px;
}

.list-dc li ul li{
list-style-type:none;
padding:0 0 0 20px;
}

.bg-color-g {
background:#f9f9f9;
border:1px solid #dedede;
padding:20px 0 20px 0;
margin-bottom:20px;
}

.bg-color-g2 {
background:#f9f9f9;
border:1px solid #dedede;
padding:10px 20px;
color:#2991f1;
}

.bg-color-g3 {
background:#f9f9f9;
padding:10px 20px;
}

.note {
color:#c00;
}

.nowrap {
white-space:nowrap;
}

#contents .t1,
#contents_s .t1 {
margin:0 auto 20px auto;
border:#dfdfdf 1px solid;
line-height: 1.8;
}

#contents .t1 th,
#contents_s .t1 th {
text-align:center;
background:url(../img/th_bg.gif) repeat left top;
padding:10px 15px;
white-space: nowrap;
font-weight:bold;
color: #2991f1;
border-bottom:#dfdfdf 1px solid;
border-left:#dfdfdf 1px solid;
}

#contents .t1 td,
#contents_s .t1 td{
text-align:left;
background:#fff;
padding:6px;
border-bottom:#dfdfdf 1px solid;
border-left:#dfdfdf 1px solid;
}

#contents .t1 td input,
#contents_s .t1 td input,
#contents .t1 td select,
#contents_s .t1 td select {
margin-bottom:5px;
}

#contents .t2,
#contents_s .t2 {
margin:0 auto 20px 0;
border:#dfdfdf 1px solid;
line-height: 1.4;
width:570px;
}

#contents .t2 th,
#contents_s .t2 th {
text-align:center;
background:url(../img/th_bg.gif) repeat left top;
padding:3px 5px;
white-space: nowrap;
font-weight:bold;
color: #2991f1;
border-bottom:#dfdfdf 1px solid;
border-left:#dfdfdf 1px solid;
}

#contents .t2 td,
#contents_s .t2 td {
background:#fff;
padding:3px 5px;
border-bottom:#dfdfdf 1px solid;
border-left:#dfdfdf 1px solid;
}

#contents .t2 td.t-center,
#contents_s .t2 td.t-center {
text-align:center;
}

#contents .t3,
#contents_s .t3 {
margin-bottom:10px;
border:#dfdfdf 1px solid;
line-height: 1.8;
}

#contents .t3 th,
#contents_s .t3 th {
text-align:center;
background:url(../img/th_bg.gif) repeat left top;
padding:3px;
white-space: nowrap;
font-weight:bold;
color: #2991f1;
border-bottom:#dfdfdf 1px solid;
border-left:#dfdfdf 1px solid;
}

#contents .t3 td,
#contents_s .t3 td {
text-align:left;
background:#fff;
padding:3px;
border-bottom:#dfdfdf 1px solid;
border-left:#dfdfdf 1px solid;
}

#contents .t4,
#contents_s .t4 {
margin-bottom:20px;
border:#dfdfdf 1px solid;
line-height: 1.8;
}

#contents .t4 th,
#contents_s .t4 th {
text-align:left;
background:url(../img/th_bg.gif) repeat left top;
padding:3px 5px;
white-space: nowrap;
font-weight:normal;
color: #2991f1;
border-bottom:#dfdfdf 1px solid;
border-left:#dfdfdf 1px solid;
}

#contents .t4 td,
#contents_s .t4 td {
background:#fff;
padding:3px 5px;
border-bottom:#dfdfdf 1px solid;
border-left:#dfdfdf 1px solid;
}


.small{font-size:85%;}
.big{ font-size:110%;}
.w10{width:10%;}
.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%;}
.w50{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w80{width:80%;}
.w90{width:90%;}
.w100{width:100%;}

.mb1em{padding-bottom:1em;}

.center{text-align:center;}
#contents .left,
#contents_s .left{text-align:left;}

#contents .right,
#contents_s .right {text-align:right; margin-bottom:10px;}
.fr { background:#2991f1; color:#fff; padding:2px 3px; white-space:nowrap; display:block; text-align:center; margin-bottom:1px;}
.linklist01{
clear:both;
padding:0;
margin:0 0 20px 0;
width:630px;
min-height:2.5em;
background-color:#f7f7f7;
overflow: hidden;
}

* html .linklist01 {
height: 1%;
}

.linklist01 li{
float:left;
padding:.5em 10px;
}

.linklist01 li a{
padding:0 0 0 18px;
background:url(../img/list01.gif) no-repeat 0 50%;
}

.linklist01 li a:hover{background:url(../img/list01_on.gif) no-repeat 0 50%;}

.book-center {
width:100px;
margin:5px auto;
}


a.linkicon{
padding-left:14px;
background:url(../img/arrow_01.gif) no-repeat left center;
margin-left:7px;
}

a:hover .linkicon{background:url(../img/list01_on.gif) no-repeat 0 .3em;}




/*
=====  sidemenu  ====================================
*/


#sidemenu-area{
margin-bottom:10px;
background:url(../img/sidemenu_bg02.gif) no-repeat bottom left;
}

#sidemenu-inner{
padding:10px;
background:url(../img/sidemenu_bg01.gif) no-repeat top left;
}

#sidemenu-inner li{
background:url(../img/border.gif) repeat-x bottom left;
}

#sidemenu-inner li a{ display: inline-block; }

#sidemenu-inner li a{
display:block;
padding:10px 3px 10px 25px;
background:url(../img/list02.gif) no-repeat 6px 50%;
}

#sidemenu-inner li.has-submenu {margin:0;
padding-bottom:1px;
background:url(../img/border.gif) repeat-x bottom left;
}

#sidemenu-inner li.has-submenu a{
padding:10px 3px 5px 25px;
}

#sidemenu-inner li.has-submenu ul{margin-left:20px;}

#sidemenu-inner li.has-submenu ul li{margin:0;background:none;}

#sidemenu-inner li.has-submenu ul li a { display: inline-block; }
#sidemenu-inner li.has-submenu ul li a{
display:block;
padding:0 0 10px 20px;
background:url(../img/list03.gif) no-repeat 8px 0px;
}

#sidemenu-inner li.has-submenu ul li a.active{
color:#193f9b;
}


/*
===== banners ====================================
*/


.banners ul {
margin-bottom:10px;
padding:0;
}

.banners ul li{
margin:0 0 5px 0;
}


/*
=====  contact  ====================================
*/


#contact-area {
border-bottom:1px solid #e7e7e7;
}

#contact-area dl{
line-height:1.6;
background:url(../img/contact_bg.gif) repeat-x top left #f7f7f7;
padding:10px;
}

#contact-area dt{font-weight:bold;}





/*
=====  Q&A  ====================================
*/

.qa-q dt {
float:left;
width:46px;
margin-bottom:10px;
}

.qa-q dt span {
border:1px solid #2b92f1;
color:#2b92f1;
padding:0px 4px;
position: relative;
}

.qa-q dd {
margin-left:46px;
width:520px;
margin-bottom:10px;
color:#2b92f1;
}

.qa-a{
border-bottom:1px solid #ddd;
margin-bottom:20px;
}

.qa-a dt {
float:left;
width:46px;
margin-bottom:10px;
}

.qa-a dt span {
background:#2b92f1;
color:#fff;
padding:0px 4px;
border:1px solid #2b92f1;

}

.qa-a dd {
margin-left:46px;
width:520px;
margin-bottom:10px;
}











/*
=====  examination  ====================================
*/



#exam-box{
background:url(../../examination/img/exambox-bg.gif) #e5e5e5;
margin-bottom:60px;
}

#contents #exam-box div{padding:0 10px 10px 10px;}


/*
=====  each subject  ====================================
*/

#subject-news #news dl{padding-bottom:2em;}

#subject-news #news dl dt{
float:left;
width:120px;
padding:10px 0;
clear:left;
display:block;
}

#subject-news #news dl dd{
padding:10px 0;
padding-left:120px;
border-bottom:1px solid #dedede;
display:block;
}


/*
=====  learn  ====================================
*/

body#learn #contents h3.h3-img{
margin:40px 0px 20px 0;
}

body#learn #contents .t1 tr td.center{
text-align:center;
margin:0;
}


/*
=====  pagebute   ====================================
*/

.pagebute{width:100%;}
.butebef{width:100px;}
.pagelist{text-align:center;
width:354px;}
.butenext{
text-align:right;
width:100px;
}

/*
=====  textbook   ====================================
*/


.handbook-box{
border:1px solid #dedede;
margin:20px 0;
}

#contents .handbook-box table{margin:10px 10px 0 10px;}
.data{
border:1px solid #e2f1fe;
background-color:#f0f7fe;
padding:8px;
margin-bottom:10px;
}
.item tr td{padding-right:20px; vertical-align:top;}
.item tr td img.itemimg{
border-top:1px solid #e2f1fe;
border-left:1px solid #e2f1fe;
border-right:1px solid #e2f1fe;
display:block;
}

#contents .data p{margin:0 0 5px 0;}
.data .name{font-weight:bold;color:#2b92f1;}
.data .code{color:#2b92f1;}


/*
=====  textbook form  ====================================
*/

.saletable{
width:100%;
border:1px solid #e2f1fe;
margin-bottom:20px;
letter-spacing:0;
}
.saletable tr td{padding:5px 0;
}
.saletable tr th{padding:5px 10px 10px;
font-weight:bold;
}
.saletable .amount{width:13%;}
.saletable .amount input{margin-right:3px;}
.saletable .name{font-weight:bold;color:#2b92f1;width:57%;}
.saletable .code{color:#2b92f1;width:27%;padding-left:10px;}
.saletable .check{
width:3%;
padding-left:10px;
}

.formtable{width:100%;margin-bottom:20px;}

.formtable tr th{
width:33%;
vertical-align:top;
font-weight:bold;
background:url(../img/form_bg.gif) no-repeat 5px 9px;
padding:10px 10px 10px 15px;
border-bottom:1px solid #dedede;
}
.formtable tr td{
padding:10px 0;
border-bottom:1px solid #dedede;
}
input#man,input#woman,input#ko,input#hou,
label{
  cursor: pointer;
}


.formtable .small{
font-size:85%;
font-weight:normal;color:#c00;
}



#contents h3.formcap,
#contents h4.formcap,
#contents_s h3.formcap,
#contents_s h4.formcap{
clear:both;
background:none;
background-color:#fff;
font-weight:bold;
letter-spacing: .1em;
padding:0;
padding-top:10px;
margin:0 0 20px 0;
border:none;
}
/*販売士　更新のテーブル*/
#contents .graph{
	margin-bottom:20px;
}
#contents .graph td.txt{
	padding:20px 5px 0px 10px;
	vertical-align:top;
	
}

.influ{
margin-top:10px;
margin-bottom:20px;
}


.sponserbnr{
padding-top:8px;
padding-bottom:3px;
background-color:#ddd;
border:1px solid #ccc;
margin:20px 0;
}

.sponserbnr li,
#index-side-contents .index-banner .sponserbnr li{
margin:0;
padding:0 0 5px 0;
text-align:center;
display:block;
line-height:0;
}

.sponserbnr li{
/padding:0 0 1px 0;
}


.sponserbnr li img,
#index-side-contents .index-banner .sponserbnr li img{
margin:0;
padding:0;
line-height:0;
}

.sponserbnr li.spon_ttl,
#index-side-contents .index-banner .sponserbnr li{
padding:5px 0;
font-weight:bold;
margin-bottom:5px;
font-size:12px;
}

}