@charset "utf-8";
/* 印刷用CSS */
/**************************
 for All Pages
***************************/
@page{
 margin: 1cm 0.5cm;
}
*{
 margin: 0;
 padding: 0;
}
body{
 text-align: center;
 font-size: 80%;
 font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}
table{
 font-size: 100%;
 text-align: left;
}
div img, dl img{
 border: 0;
 vertical-align: text-bottom;
}
abbr[title], acronym[title]{
 border-bottom-width: 0;
}
.container{
 width: 100%;
 background: #fff;
 margin: 0 auto;
 text-align: left;
}
.clearfix:after{   
 content: ".";   
 display: block;   
 visibility: hidden;   
 height: 0.1px;   
 font-size: 0.1em;   
 line-height: 0;   
 clear: both;   
}  
#wrapper{
 padding: 15px 20px;
}
.left{float: left;}
.right{float: right;}
.text_right{text-align: right;}
.clear{clear: both;}
.center{text-align: center; margin: 0 auto;}
big{font-size: 130%; color: #69c; font-weight: bold;}
small{font-size: 85%;}
strong{color: #69c; font-weight: bold;}

/* --Form Elements-- */
input, textarea{
 font-size: 100%;
}
form table, .tokusho{
 border: 1px solid #ccc;
 border-collapse: collapse;
 margin-left: auto;
 margin-right: auto;
}
form td, .tokusho td{
 border: 1px solid #ccc;
 border-collapse: collapse;
 padding: 3px;
}
form .item1, .tokusho .item1{
 color: #369;
 background: #dbe6f0;
}
form .item2{
 background: url(../images/bg_box2.gif) right repeat-y;
}
form .item2 table, form .item2 td{
 border: none;
 margin: 0;
}
form .item2 small{
 color: #f60;
 font-size: 80%;
}
form .bg_blue{
 color: #fff;
 text-align: center;
}

/* --List Style Elements-- */
ul li{
 list-style: none;
}
.disc li{
 list-style: disc;
 margin-left: 30px;
}
.arrow1 li{
 list-style: url(../images/list_arrow1.gif);
 margin-left: 30px;
}
.arrow2 li{
 list-style: url(../images/list_arrow2.gif) ;
 margin-left: 20px;
}
.dot li{
 list-style: url(../images/list_dot.gif);
 margin-left: 20px;
 padding-top: 0 !important;
}
.alpha li{
 list-style: lower-alpha;
}

/*--Link style Elements--*/
a{
 color: #069;
}
.no_border{
 text-decoration: none;
}

/* --Header Elements-- */
#header{
 width: 100%;
 background: url(../images/bg_header.gif);
 padding-top: 10px;
}
h1{
 display: none;
}
#logo{
 padding-left: 10px;
 padding-bottom: 5px;
 float: left;
}
#snav{
 display: none;
}

/* --Global Navi Elements-- */
#newgnav{
 display: none;
}

/* --Footer-- */
address{
 display: none;
}

/**************************
 for Top Page
***************************/
/* --Left Column Elements-- */
#leftcolumn{
 width: 510px;
 float: left;
}
* html #leftcolumn{
 padding-bottom: 20px;/* IE6 and below */
}
*:first-child+html #leftcolumn{
 padding-bottom: 20px;/* IE7 */
}
html>/**/body #leftcolumn{
 padding-bottom: 10px;/* other browsers */
}

#area1{
 background: url(../images/bg_blue.gif);
 padding: 3px;
 margin-bottom: 10px;
}
#area1 h2{
 padding: 5px 0 0 3px;
}
#area1 p{
 line-height: 120%;
}
#area1 ul{
 margin-top: 5px;
}
#area1 li{
 margin-right: 40px;
 display: inline;
}
#area1 .box{
 width: 100%;
 background: #fff url(../images/bg_box.gif) repeat-x;
 padding: 0;
}
#area1 .box2{
 background: url(../images/top_adv_item2.gif) right bottom no-repeat;
}
#area1 .text{
 padding: 5px 18px 5px;
}
#area2 .text{
 width: 392px;
 height: 52px;
 background: url(../images/item_selling3.gif) no-repeat;
}
#area2 .text p{
 padding: 0 25px 0 20px;
 font-size: 12px;
 line-height: 120%;
}
#area2 .text ul{
 margin: 5px 0 0 227px;
}
#area2 .text li{
 list-style: url(../images/list_arrow2.gif);
}

.box4{ 
 width: 100%;
 background: #fff url(../images/bg_box.gif) repeat-x;
 padding: 10px;
 line-height:130%;
 letter-spacing:1px;
}

.box4 p{ 
 padding: 18px;
}

.box4 ul{
 margin-top: 5px;
 margin-left:20px;
}

.box4 ol{
 margin-top: 5px;
 margin-left:20px;
}

.box5{ 
 background-color:transparent;
 border: 0px solid #ccc;
 padding-top: 10px;
 margin-left:70px;
 margin-right:20px;
 padding: 10px;
 line-height:130%;
 letter-spacing:1px;
}

/* --News Elements-- */
#news{
 margin-top: 10px;
 clear: both;
}
#news img{
 margin-bottom: 10px;
}
#news dl{
 line-height: 120%;
 clear: both;
}
#news dt{
 margin-left: 6px;
 float: left;
}
#news dd{
 margin-left: 20px;
 float: left;
}

/* --Right Column Elements-- */
#rightcolumn{
 width: 240px;
 float: right;
}
#rightcolumn .box{
 margin-top: 15px;
}
#rightcolumn .box2{
 margin-top: 15px;
 background: url(../images/bg_box.gif) repeat-x;
 border: 1px solid #dfdfdf;
}
#rightcolumn .box2 h4{
 background: url(../images/bg_header.gif);
 font-size: 100%;
 color: #69c;
 padding: 5px 0;
 text-indent: 1em;
}
#rightcolumn .box2 .border{
 background: url(../images/bg_box.gif);
 padding: 10px 0;
 border-top: 1px dotted #ccc;
}
#rightcolumn .box2 p{
 margin-left: 15px;
}
#rightcolumn .box2 ul, #rightcolumn .box2 p{
 margin-left: 30px;
}
#rightcolumn .box2 li{
 list-style: url(../images/list_arrow1.gif);
}
#rightcolumn #pagetop{
 margin-top: 125px;
}


/*********************************
 for Sub Pages
**********************************/
#container2{
 width: 100%;
 background: #fff url(../images/bg_container.gif);
 margin: 0 auto;
 text-align: left;
}
/* --Pankuzu Navi Elements-- */
#pnav{
 color: #069;
 width: 800px;
 height: 22px;
 line-height: 22px;
 background: url(../images/bg_pnav.gif);
 text-indent: 20px;
}

/* --Main Area Elements-- */
#mainarea{
 margin: 0 0 0 50px;
 width: 510px;
 line-height: 150%;
 text-align: left;
}
/* h2 */
#mainarea h2{
 color: #069;
 width: 500px;
 height: 33px;
 font-size: 18px;
 line-height: 33px;
}
/* h3 */
#mainarea h3{
 width: 490px;
 border-left: 5px solid #69c;
 border-bottom: 1px solid #69c;
 margin: 10px 5px 0;
 padding: 0 0 3px 10px;
 color: #69c;
 font-size: 130%;
}
#mainarea h3 span{
 text-indent: 15px;
 display: block;
}
/* h4 */
#mainarea h4{
 color: #069;
 font-size: 120%;
 margin: 20px 0 10px;
 padding: 3px;
 background: url(../images/bg_pnav.gif);
 border-left: 3px solid #69c;
}
#mainarea .box{
 padding: 10px 15px;
}
#mainarea .bg_box{
 background: #fff url(../images/bg_box.gif) repeat-x;
 border: 1px solid #dfdfdf;
 padding: 5px;
}
#mainarea .bg_box p{
 margin-bottom: 0;
}
#mainarea dt{
 color: #69c;
 font-weight: bold;
}
#mainarea dd{
 margin: 0 0 10px 15px;
}
#mainarea li span, #mainarea dd span{
 padding-right: 20px;
}
#mainarea p, #mainarea dl, #mainarea ul{
 margin-bottom: 10px;
}
#mainarea ol{
 margin: 0 0 10px 25px;
}
#mainarea table{
 margin: 15px auto 10px;
}
#mainarea table, td{
 background: #fff;
 border: 1px solid #ccc;
 border-collapse: collapse;
} 
#mainarea td{
 padding: 3px;
 line-height: 150%;
}
#mainarea td image{
 margin: 5px;
}
#mainarea caption{
 font-weight: bold;
 margin: 10px auto 0;
}
.bg_blue{
 width: 100%;
 padding: 3px;
 background: url(../images/bg_blue.gif);
 margin-bottom: 10px;
}
#mainarea .bg_blue table, #mainarea .bg_blue caption{
 margin: 0;
 width: 100%;
}
#mainarea .bg_blue caption{
 color: #fff;
 text-align: left;
 padding: 3px 0 3px;
}
#mainarea .bg_blue caption a{
 color: #fff;
}
#mainarea .bg_blue td{
 background: url(../images/bg_box2.gif);
}
#mainarea .bg_blue ul{
 margin-bottom: 0;
}
#mainarea .heading{
 margin: 20px 0 0;
}
#mainarea .imgGroup p, #mainarea .imgGroup ul, #mainarea .imgGroup li, #mainarea .imgGroup dl, #mainarea .imgGroup dt, #mainarea .imgGroup dd{
 margin: 0;
 padding: 0;
 line-height: 0%;
}
#mainarea .text{
 background: url(../images/bg_box.gif) repeat-x;
}

/* --Side Menu Elements-- */
#sidemenu{
 display: none;
}

/* --Link to PageTop-- */
#pagetop{
 display: none;
}

.font10{
 font-size: 10px;
 font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

/*********************************
 for About Page 
**********************************/
#about p{
 margin: 0;
 padding: 0;
}
#about .text{
 width: 470px;
 background: url(../images/abt_item2.gif) repeat-y;
}
#about .text .box{
 width: 466px;
 margin: 0;
 padding: 0;
 background: url(../images/abt_item_pic.jpg) top right no-repeat;
}
#about ul{
 margin-left: 15px;
 margin-bottom: 0;
}
#mainarea .box2{
 margin-top: 0;
 padding: 0 15px 0;
}

/***************************************
 for Course > price.html 
****************************************/
#mainarea .box3{
 padding-left: 10px;
 margin: 10px 0 30px 10px;
}
#mainarea .box3 ul{
 margin-top: 0;
}
#mainarea th{
 background: url(../images/bg_blue.gif);
 color: #000;
 padding: 0;
 border: 1px solid #ddd;
 text-align: center;
 font-weight: normal;
 font-size: 100%;
}
#mainarea .price_table{
 width: 460px;
 margin: 0 0 0 10px;;
 padding: 0;
}
#mainarea .price_table caption{
 margin: 0;
 padding: 0;
}
#mainarea table .border{
 border-top: 2px solid #69c;
 border-bottom: 1px solid #69c;
}
#mainarea .detail{
 color: #69c;
 font-weight: bold;
 background: url(../images/bg_header.gif);
}
.month{
 text-align: center;
 width: 5em;
}
.price{
 text-align: right;
 width: 5em;
}
.lesson{
 width: 5em;
}

/***************************************
 for Frow Page 
****************************************/
#frow .bg_blue{
 width: 480px;
 margin: 0 auto;
 padding: 5px;
}
#frow .bg_box{
 height:150px;
 padding: 10px 15px 5px 15px;
 text-align: left;
}
#frow .ss{
 background: url(../images/frow_bg_ss.gif) no-repeat;
 float: left;
 width: 158px;
 height: 130px;
 padding: 10px 0 0 10px;
}
#frow dl{
 width: 230px;
 margin-left: 20px;
 margin-bottom: 0;
 float: left;
}
#frow dd{
 margin: 10px 0 0 0;
}
.zoomBtn1{
 margin-top: 30px;
 float: right;
}
.zoomBtn2{
 margin-top: 20px;
 float: right;
}
.zoomBtn3{
 margin-top: 5px;
 float: right;
}

/***************************************
 for Application Pages 
****************************************/
#application_id dl{
 width: 470px;
 clear: left;
 margin: 0;
 font-size: 12px;
}
#application_id dt{
 width: 190px;
 float: left;
 height: 76px;
 margin: 0;
}
#application_id dd{
 margin-left: 15px;
 padding-top: 10px;
 float: left;
 line-height: 130%;
 width: 260px;
}
#application_id2 dd{
 margin-left: 15px;
 padding-top: 15px;
 float: left;
 line-height: 130%;
 width: 260px;
}
#application_id2 dl{
 width: 470px;
 clear: left;
 margin: 0;
 font-size: 12px;
}
#application_id2 dt{
 width: 190px;
 float: left;
 height: 76px;
 margin: 0;
}
#application_co dl{
 width: 470px;
 clear: left;
 margin: 0;
 font-size: 12px;
}
#application_co dt{
 width: 190px;
 float: left;
 height: 70px;
 margin: 0;
}
#application_co dd{
 margin-left: 15px;
 padding-top: 15px;
 float: left;
 line-height: 120%;
 width: 260px;
}

/***************************************
 for FAQ Page 
****************************************/
#mainarea .faq dt{
 background: url(../images/faq_q.gif) 0px 50% no-repeat;
 padding-left: 25px;
}
#mainarea .faq dd{
 padding-left: 12px;
 padding-bottom: 15px;
}
#mainarea .faq dd .heading{
 margin-top: 10px;
}
#mainarea .faq ul{
 margin-bottom: 0;
}


/***************************************
 for Sitemap 
****************************************/
.border2{
 padding: 10px 0px;
 border-bottom: 2px dotted #ccc;
 width: 500px;
}
.square{
 font-size: 100%;
 background: url(../images/list_square.gif) left no-repeat;
 text-indent: 13px;
 padding: 10px 0px;
 width: 80px;
}
.square a{
 text-decoration: none;
}
.border2 h3{
 color:#069;
 width: 190px;
 background: url(../images/list_triangle2.gif) left no-repeat;
 text-indent: 10px;
 margin 0px;
 float: left;
 font-size: 100%;
}
.border2 h3 a{
 text-decoration: none;
}
.arrow3 li{
 list-style: url(../images/list_arrow3.gif);
 margin-left: 20px;
 padding-top: 0 !important;
}


/***************************************
 for Extra Sub Pages 
****************************************/
#wrapper2{
 padding: 20px 100px;
 line-height: 150%;
}
#wrapper2 .box3 h3{
 background: url(../images/list_triangle.gif) left no-repeat;
 font-size: 120%;
 color:#069;
 margin-top: 20px;
 text-indent: 10px;
}
#wrapper2 .box{
 padding: 10px 10px 20px;
}
#wrapper2 .box2{
 padding: 0 10px;
}
#wrapper2 .box3{
 padding: 10px 10px 20px;
}
#wrapper2 .box3 p{
 margin-bottom: 10px;
}
#wrapper2 .bg_box{
 background: url(../images/bg_box2.gif) right repeat-y;
 padding: 10px 0 5px 0;
 border: 1px solid #ccc;
 margin: 5px 10px;
}
#wrapper2 ol{
 padding: 0 0 10px 25px;
 font-family: Verdana, Helvetica, sans-serif;
}
#wrapper2 .border{
 border-bottom: 2px dotted #069;
 padding-bottom: 3px;
 margin-bottom: 10px;
}
#wrapper2 li{
 padding-top: 10px;
}
#wrapper2 ol ul li{
 padding-top: 3px;
}