/*
Theme Name: 東京高速学習アカデミー
Theme URI: http://www.brlm.net/
Author: なかじま制作
Author URI: http://y-nakajima.jp
Description: 
Version: 1.1
License: なかじま制作
License URI: http://y-nakajima.jp
Text Domain: 

*/

@charset "utf-8";
/* CSS Document */

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

東京高速学習アカデミー

URI: http://www.brlm.net/

-------------------------------------------------------------------
*/


/* =Base Structure
========================== */
html,body {
	-webkit-text-size-adjust: none;
}


body {
	background:#fff;
	width:100%;
	height:auto;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
	font-size:14px;
	line-height:1.8;
	text-align:center;
	overflow-x : hidden;
	position:relative;
}

a:link{color:#000;text-decoration:none;}
a:visited{color:#000;text-decoration:none;}
a:active{color:#ff6600;text-decoration:none;}
a:hover{color:#ff6600;text-decoration:none;}

a:hover{
	opacity:0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
	}

/*------------------------------------------------------------
パンくずリスト
------------------------------------------------------------*/
#pankuzu_list{
	width: 920px;
	position: absolute;
	top: 30px;
	left: 0px;
}

#pankuzu_list ol{
	margin:0 0 0 50px;
	}

#pankuzu_list li{
	color: #999999;
	display: inline;
	font-size: 10px;
}

#pankuzu_list li strong {
	font-weight: normal;
}

#pankuzu_list li a {
	padding-right: 10px;
	background-image: url(../images/pan.png);
	background-position: right center;
	background-repeat: no-repeat;
}

#skype_header div#pankuzu_list,
#guide_header div#pankuzu_list,
#material_header div#pankuzu_list,
#about_container_inner div#pankuzu_list,
#book_header div#pankuzu_list,
#contact_header div#pankuzu_list{
	top: 30px;
	}

#company_container_inner div#pankuzu_list{
	top: 20px;
	}

#company_container_inner div#pankuzu_list ol{
	margin:0 0 0 0px;
	}

/*
▼ページトップリンク
-------------------*/
#page-top {
	position: fixed;
	bottom: -185px;
	right: 30px;
	z-index:10;
}

#page-top a {
	width: 54px;
	text-align: center;
	z-index:10;
	display: block;
}

#page-top a:hover {
	opacity:1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )";
	text-decoration: none;
}


/*
反転時の文字色・背景色
-------------------*/

::selection {
	background:#0c546d;/* 背景色*/
	color:#fff;　　/* 文字色*/
}

/* Firefox対応*/
::-moz-selection {
	background:#0c546d;/* 背景色*/
	color:#fff;　　/* 文字色*/
}


/*
トップページ
-------------------*/

div#title_box{
	background:#F0F0F0;
	width:100%;
	height:auto;
	border-top: 3px solid #1D9200;
	}

div#title_box_inner{
	width:960px;
	height:30px;
	margin:0 auto 0 ;
	text-align:left;
	}

div#title_box_inner h1{
	line-height:30px;
	font-size:12px;
	color:#555;
	}



div#header{
	width:100%;
	height:auto;
	background:#fff;
	}

div#header_inner{
	width:960px;
	height:auto;
	margin:0 auto 0 ;
	text-align:left;
	position:relative;
	}

div#header_inner span#logo{
	display:block;
	width:350px;
	height:71px;
	background:url("../images/logo.png") no-repeat 50%;
	margin: 10px 0 20px 0;
	text-indent:-9999px;
	float:left;
}

div#header_inner span#logo a{
	display:block;
	width:350px;
	height:71px;
}

div#header_inner a#link{
	width: 190px;
padding: 5px 0px;
text-align: center;
display: block;
position: absolute;
top: 15px;
right: 270px;
color: #FFF;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background: #8E575F;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #8e575f 8%, #961618 50%, #6b1110 54%, #931629 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(8%,#8E575F), color-stop(50%,#961618), color-stop(54%,#6B1110), color-stop(100%,#931629));
background: -webkit-linear-gradient(top, #8E575F 8%,#961618 50%,#6B1110 54%,#931629 100%);
background: -o-linear-gradient(top, #8e575f 8%,#961618 50%,#6b1110 54%,#931629 100%);
background: -ms-linear-gradient(top, #8e575f 8%,#961618 50%,#6b1110 54%,#931629 100%);
background: linear-gradient(to bottom, #8E575F 8%,#961618 50%,#6B1110 54%,#931629 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e575f', endColorstr='#931629',GradientType=0 );
	}

div#header_inner span#tel{
	display:block;
	width:291px;
	height:71px;
	background:url("../images/tel.png") no-repeat 50%;
	margin: 10px 0 20px 0;
	float:right;
}

div#header_inner ul{
	width:959px;
	height:20px;
	margin:0 auto 0 ;
	text-align:left;
	border-right:1px solid #ccc;
	}

div#header_inner li{
	float:left;
	height:20px;
	margin:0 auto 0 ;
	padding:0 15px 0 ;
	text-indent:-9999px;
	border-left:1px solid #ccc;
	}

div#header_inner li a{
	display:block;
	height:20px;
	}

div#header_inner li#menu_about{	width:212px;}
div#header_inner li#menu_school{width:148px;}
div#header_inner li#menu_material{width:139px;}
div#header_inner li#menu_book{width:105px;}
div#header_inner li#menu_contact{width:199px;}


div#header_inner li#menu_about a{
	width:212px;
	background:url("../images/menu_about.png") no-repeat 50%;
	}

div#header_inner li#menu_school a{
	width:154px;
	background:url("../images/menu_school.png") no-repeat 50%;
	}

div#header_inner li#menu_material a{
	width:144px;
	background:url("../images/menu_material.png") no-repeat 50%;
	}

div#header_inner li#menu_skype a{
	width:105px;
	background:url("../images/menu_skype.png") no-repeat 50%;
	}

div#header_inner li#menu_book a{
	width:105px;
	background:url("../images/menu_book.png") no-repeat 50%;
	}

div#header_inner li#menu_contact a{
	width:199px;
	background:url("../images/menu_contact.png") no-repeat 50%;
	}

#visual{
	width:100%;
	height:395px;
	position:relative;
}

#vusial_top_index{
	width:100%;
	height:35px;
	position:absolute;
	background:url("../images/bk_visu_top.png") no-repeat 50% 0;
	z-index: 9999;
	}

#vusial_top{
	width:100%;
	height:35px;
	position:absolute;
	background:url("../images/bk_visu_top.png") no-repeat 50% 0;
	z-index: 1;
	}

#vusial_bottom{
	width:100%;
	height:35px;
	position:absolute;
	bottom: -5px;
	background:url("../images/bk_visu_bottom.png") no-repeat 50% bottom;
	z-index: 9999;
	}

#visual_inner{
	width:100%;
	height:395px;
	position:relative;
	margin: 0px auto;
}

ul.bxslider{
	width:100%;
	height:395px;
	}

ul.bxslider li{
	width:100% !important;
	height:395px;
	margin:0 auto;
	background-position:50% 0;
	background-repeat:no-repeat;
	}

ul.bxslider li a{
	display:block;
	width:100%;
	height:395px;
	}

/*
トップページ_contents
-------------------*/

div#contents{
	width:100%;
	height:auto;
	background: #FFF;
	}

div#contents_inner{
	width:960px;
	height:auto;
	margin:0 auto 0 ;
	padding:20px 0;
	text-align:left;
	}


div#point_box{
	width:100%;
	height:auto;
	background:#F5F5F5;
	margin:0 auto 30px;
	text-align:center;
	padding: 10px 0 10px;
	border-top: 10px solid #1EA839;
	}

div#point_box_inner{
	width:915px;
	height:auto;
	padding:10px;
	border:1px solid #DFDFDF;
	background:#F5F5F5;
	margin:20px auto 0 ;
	text-align:left;
	}

span#pointBox{
	width:932px;
	height:99px;
	background:url("../images/top/point.png") no-repeat 50%;
	display:block;
	margin:5px 0 0 15px;
	position:relative;
	}

span#pointBox a{
	display:block;
	width:190px;
	height:30px;
	background:#09C url("../images/top/icon_skype.png") no-repeat 10px 50%;
	margin:5px 0 0 15px;
	position:relative;
	color:#fff;
	line-height:30px;
	position:absolute;
	right:10px;
	bottom:0px;
	border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */  
	}

h2#tit_point{
	width:960px;
	height:46px;
	background:url("../images/top/tit_feature.png") no-repeat 50%;
	text-indent:-9999px;
	margin:0 0 20px 0;
	}

div#point_box_inner div#left{
	width:520px;
	float:left;
	}

div#point_box_inner div#left img{
	float:left;
	}

div#point_box_inner div#left div#left_inner{
	width:330px;
	float:right;
	}

div#point_box_inner div#left span{
	display:block;
	}

span.btnspan{
	display:block;
	height:30px;
	line-height:30px;
	}

span.btnspan a{
	display:block;
	text-align:center;
	font-size:12px;
	height:30px;
	line-height:30px;
	padding:0 20px;
	background:#FF9900;
	color:#FFF;
	border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */  
	}

div#point_box_inner a#btn_pt_contact{
	width:367px;
	display:block;
	float:right;
	}

ul#top_ban_area{}

ul#top_ban_area li{
	width:225px;
	margin:0 20px 30px 0;
	float:left;
	}

ul#top_ban_area li.last{
	margin:0 0 0 0;
	}

span#zaiko{
margin: 10px 0 0px;
    display: block;
    width: 80px;
    line-height: 1;
    padding: 8px 32px 5px;
    border: 2px solid #F00;
    color: #F00;
    font-size: 20px;
    }

div#material_box{
	margin:0 auto 30px;
	}

div#material_box h3{
	width:160px;
	height:36px;
	background:url("../images/top/tit_material.png") no-repeat left 50%;
	margin:0 0 10px 0;
	text-indent:-9999px;
	float:left;
	}

div#material_box p{
	width:780px;
	height:36px;
	line-height:36px;
	margin:0 0 10px 0;
	float:right;
	}

div#material_box p span{
	display:block;
	height:20px;
	line-height:20px;
	margin:8px 0 0 0;
	float:right;
	}

div#material_box p span a{
	display:block;
	font-size:12px;
	height:20px;
	line-height:20px;
	padding:0 20px;
	background:#FF9900;
	color:#FFF;
	border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */  
	}

div#material_box ul li a{
	width:293px;
	height:92px;
	display:block;
	}

div#material_box ul li{
	width:293px;
	height:92px;;
	float:left;
	background:#f5f5f5;
	margin:0 0 5px 5px;
	padding:10px;
	border:1px solid #DFDFDF;
	}

div#material_box ul li img{
	float:left;
	width:130px;
	}

div#material_box ul li span{
	float: right;
	width: 150px;
	margin: 0px 0 0 0;
	font-size: 12px;
	}


div#pickup_box{
	width:465px;
	height:auto;
	float:left;
	}

div#pickup_box h3{
	width:465px;
	height:36px;
	margin:0 0 10px 0;
	background:url("../images/top/tit_pickup.png") no-repeat left 50%;
	text-indent:-9999px;
	}


div#book_box{
	width:465px;
	height:auto;
	float:right;
	}

div#book_box h3{
	width:465px;
	height:36px;
	margin: 0 auto 10px;
	background:url("../images/top/tit_book.png") no-repeat left 50%;
	text-indent:-9999px;
	}

div#book_box_outer{
	border: 1px solid #ccc;
	padding: 10px 0 0px;
	height: 145px;
	background: #f5f5f5;
}

ul#book_box_inner{
	}

ul#book_box_inner li{
	position:relative;
	}

ul#book_box_inner li img{
	height:125px;
	}

ul#book_box_inner li span{
	width: 280px;
	height: 125px;
	position: absolute;
	top: 0px;
	left: 90px;
	font-size: 12px;
	}



#footer{
	width:100%;
	height:auto;
	background:#f5f5f5;
	}

#footer_inner{
	width:960px;
	height:130px;
	margin:0 auto 0;
	text-align:left;
	padding:20px 0 0 0;
	}

#footer_inner img{
	float:left;
	}

#footer_inner p{
	width: 245px;
	height: auto;
	margin: 0 0 0 20px;
	float: left;
	text-align: left;
	font-size: 12px;
	}

#footer_inner ul#footer_list{
	width:183px;
	height:auto;
	margin:0 auto 0;
	float:left;
	text-align:left;
	}

#footer_inner ul#footer_list li,
#footer_inner ul#footer_list_2 li{
	background:url("../images/sankaku.gif") no-repeat left 6px;
	padding:0 0 0 12px;
	font-size:12px;
	}

#footer_inner ul#footer_list_2{
	width:200px;
	height:auto;
	margin:0 auto 0;
	float:left;
	text-align:left;
	}


#footer_inner ul#footer_list_2 ul li{
	font-size:10px;
	}

	
#footer_under{
	width:100%;
	height:auto;
	background:#1EA839;
	}

#footer_under_inner{
	width:960px;
	height:60px;
	margin:0 auto 0;
	}

#footer_under_inner p{
	height: 30px;
	width: 240px;
	color: #fff;
	font-size: 12px;
	line-height: 30px;
	text-align: right;
	margin: 0 auto 0;
	float: right;
	}

#footer_under_inner ul{
	height: 30px;
	width: 720px;
	color: #fff;
	font-size: 12px;
	line-height: 30px;
	margin: 0 auto 0;
	float: left;
	text-align: left;
	}

#footer_under_inner ul li{
	display:inline;
	line-height: 30px;
	margin: 0 5px 0;
	}

#footer_under_inner ul li a{
	color: #fff;
	}



/*
アバウトページ
-------------------*/

div#about_container_outer{
	width:100%;
	height:auto;
	background:url("../images/about/desk.jpg")repeat 50% 0;
	}

div#about_container{
	width:100%;
	height:auto;
	background:url("../images/about/about_tool.png")no-repeat 50% 480px;
	}

div#about_container_inner{
	width:960px;
	height:auto;
	margin:0 auto;
	padding:85px 0 0 0;
	position: relative;
	text-align:left;
	}

div#about_contents_header{
	width: 960px;
	height:auto;
	margin: 0 auto 100px;
	padding: 0 0 0 0;
	text-align: left;
	position: relative;
	}
	
div#about_contentsbox01{
	width:580px;
	height:auto;
	float:left;
	margin: 50px 0 0 30px;
	color:#000;
	}

div#about_contentsbox01 h2 {
	width: 578px;
	height: 201px;
	margin:0 0 20px 0;
	text-indent: -9999px;
	background: url("../images/about/tit_about01.png") no-repeat;
	}

div#about_contentsbox02{
	width:250px;
	height:auto;
	float:right;
	}
	
div#about_contentsbox02 img{
	box-shadow: 0px 2px 5px 0px #ccc ;
	}
	
div#about_contentsbox02 div#yt_switch a{
	display:block;
	width:191px;
	height:65px;
	font-size:16px;
	font-weight:bold;
	margin:20px 0 0 0;
	padding:0 0 0 57px;
	color:#FF0000;
	line-height:65px;
	border:2px solid #FF0000;
	border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */  
	background:url("../images/about/about_ triangle.png")no-repeat 23px 23px;
	}

div#about_contentsbox02 div#yt_switch a span{
	font-size:12px;
	font-weight:bold;
	}

div#about_contentsbox03 {
	width: 610px;
	height: auto;
	float:right;
	margin: 0 0 20px 0;
	color:#000;
	}

div#about_contentsbox03 h2 {
	width: 610px;
	height: 34px;
	padding: 7px;
	margin: 0 0 12px 0;
	border-bottom:1px solid #929292;
	text-indent: -9999px;
	background: url("../images/about/tit_about02.png") no-repeat;
	}
	
div#about_contentsbox03 span{
	color:#FF0000;
	}

div#about_contentsbox04 {
	width: 900px;
	height: 220px;
	margin: 50px 0 0 30px;
	background:url(/images/about/about_name.png) no-repeat 685px 140px;
	color:#000;
	}


div#about_container02{
	width:100%;
	height:auto;
	background:url("../images/about/about_logo.png")no-repeat 50% 85px;
	border-top:2px solid #CCC;
	}

div#about_container_inner02{
	width:960px;
	height:auto;
	margin:0 auto;
	padding:90px 0 0 0;
	position: relative;
	text-align:left;
	}

div#about_contentsbox05 h2 {
	width: 900px;
	height: 95px;
	margin:auto;
	text-indent: -9999px;
	background: url("../images/about/tit_about03.png") no-repeat 50% 0px;
	}
	
div#about_contentsbox05 h3 {
	font-size:16px;
	margin:30px 0 45px 30px;
	}

div#about_contentsbox05 p {
	font-size:24px;
	margin:0 0 0 80px;
	line-height:50px;
	}

div#about_ransuu_level01{
	float:left;
	margin:90px 0 10px 110px;
	}

div#about_ransuu_level01 iframe{
	border:1px solid #CCC;
	padding:5px 5px;
	}


div#about_ransuu_level02{
	float:right;
	margin:90px 110px 0 0;
	}

div#about_ransuu_level02 iframe{
	border:1px solid #CCC;
	padding:5px 5px;
	}

div#about_ransuu{
	margin:0 0 50px 0;
	}

div#about_ransuu p{
	text-align:center;
	font-size:16px;
	}

div#about_contentsbox06{
	width:960px;
	height:auto;
	padding:30px 0 0 0;
	border-top:1px solid #CCC;
	}

div#about_contentsbox06 h3{
	font-size:20px;
	margin:30px 0 20px 0;
	}

div#about_contentsbox06_left{
	width:580px;
	margin:0 0 0 30px;
	float:left;
	}

div#about_ransuu03{
	float:right;
	margin:40px 0 50px 0;
	}
	
div#about_ransuu03 iframe{
	border:1px solid #CCC;
	padding:5px 5px;
	}
	
div#linkbox{
	padding:50px 0 0 0;
	margin:0 0 50px 0;
	}
	
div#about_ransuu03 p{
	display:block;
	margin:0 0 0 150px;
	}
	
div#linkbox a.link_left{
	float:left;
	}
	
div#linkbox a.link_right{
	float:right;
	}
	

/*---
脳と学習のはなし
-------------------*/

div#about_brain{
	width:100%;
	height:auto;
	background: url(/images/about/bk_brain.jpg) no-repeat 50% 0;
	}

div#about_brain_inner{
	width:899px;
	height:auto;
	margin:0 auto;
	text-align:left;
	color:#FFF;
	padding: 120px 0 20px 0;
	  position: relative;
	}

div#brainbox_right{
	width:547px;
	height:740px;
	margin:0 0 40px 0;
	float:right;
	background: url(/images/about/about_im_brain.png)no-repeat 50% bottom;
	}

div#about_brain_inner p.brainbox_bottom{
	width:889px;
	height:auto;
	margin:0 auto;
	}

div#about_brain_inner h2{
	width:547px;
	height:68px;
	margin:0 auto 60px;
	text-indent:-9999px;
	background: url(/images/about/tit_brain.png)no-repeat 50% 0;
	}

div#about_brain_inner h3{
	font-family: "HiraMinProN-W3","ヒラギノ明朝 Pro W3","KozMinPro-ExtraLight","HGS明朝E","AGaramondPro-Regular",serif;;
	font-size:20px;
	margin:0 0 10px 0;
	}

div#about_job{
	width:100%;
	height:auto;
	background: url(/images/about/bk_brain.jpg) no-repeat 50% bottom;
	}

div#about_job_inner{
	width:960p;
	height:auto;
	padding:30px 0;
	}

div#about_job_inner h4{ 
	text-aline:center;
	font-size:32px;
	font-family: "HiraMinProN-W3","ヒラギノ明朝 Pro W3","KozMinPro-ExtraLight","HGS明朝E","AGaramondPro-Regular",serif;
	color:#FFF;
	margin:20px 0 10px;
	}

div#about_job_inner ul{

	width:960px;
	height:528px;
	margin:0 auto 50px;
	background:url(/images/about/about_job_back.jpg)no-repeat 50% 0;
	}

div#about_job_inner ul li.job_left{
	width:415px;
	height:auto;
	text-align:left;
	float:left;
	background:url(/images/about/about_icon_book.png)no-repeat 35px 20px;
	padding:20px 0 0 35px; 
	}

div#about_job_inner ul li.job_right{
	width:415px;
	height:auto;
	text-align:left;
	background:url(/images/about/about_icon_pen.png)no-repeat 9px 20px;
	float:right;
	padding:20px 35px 0 0;
	}

div#about_job_inner ul li span{
	display:block;
	width:325px;
	font-size:29px;
	font-family: "HiraMinProN-W3","ヒラギノ明朝 Pro W3","KozMinPro-ExtraLight","HGS明朝E","AGaramondPro-Regular",serif;
	height:auto;
	border-bottom:2px solid #299C3A;
	margin: 0 0 20px 83px;
	line-height: 1.7;
	}

div#about_job_inner ul li p{
	font-size:14px;
	margin: 0 0 20px 0;
	}

div#life_pdf{
	width:408px;
	height:138px;
	margin:35px auto 0;
	}

div#more_job{
	width: 398px;
	height: auto;
	padding: 5px 5px;
	margin: 0 0 0 0;
	border: 1px solid #299C3A;
	}
	
div#more_job h6{
	text-align:center;
	font-size:16px;
	font-family: "HiraMinProN-W3","ヒラギノ明朝 Pro W3","KozMinPro-ExtraLight","HGS明朝E","AGaramondPro-Regular",serif;
	margin:0 0 5px 0;
	}
	
div#more_job p.more_job{
	font-size:12px;
	}

div#linkbox{
	width:960px;
	height:auto;
	padding:50px 0 0 0;
	margin:0 auto 50px;
	}

div#about_ransuu03 p{
	display:block;
	margin:0 0 0 150px;
	}
	
div#linkbox a.link_left{
	float:left;
	}
	
div#linkbox a.link_right{
	float:right;
	}

/*
アバウトページここまで
-------------------*/







/*
塾ページ
-------------------*/

div#guide_outer{
	width:100%;
	height:auto;
	background:#E9F8FF url("../images/bk_juku02.jpg") no-repeat 50% -155px;
	}

div#guide_header{
	width:960px;
	height:300px;
	margin:0 auto 0 ;
	padding:0;
	text-align:left;
	position:relative;
	}

div#guide_header h2{
	width:540px;
	height:206px;
	text-indent:-9999px;
	position:absolute;
	top: 75px;
	left: 30px;
	background:url("../images/guide/tit_guide02.png") no-repeat;
	}

div#guide_inner{
	width:960px;
	min-height:500px;
	height:auto !important;
	height:500px;
	margin:0 auto;
	text-align:left;
	background: url("../images/bk85.png");
	box-shadow: 0px 0px 5px 0px #ccc ;
	padding:30px 0;
	}
	
div#guide_inner_inner{
	width:865px;
	margin:0 auto;
	}


div#memory_box{
	width:865px;
	height:auto;
	text-align:left;
	}

div#memory_box h3{
	font-size:12px;
	color:#939393;
	}

div#memory_box h2{
	height:80px;
	border-top: solid 1px #008C45;
	border-bottom:solid 1px #008C45;   
	font-size:22px;
	color:#000;
	font-weight:bold;
	line-height:80px;
	margin:0 0 20px 0;
	background: url(/images/guide/juku01.png) no-repeat 642px 50%;
	}

div#loop {
	width: 465px;
	height: 110px;
	background: url(/images/guide/juku02.png) no-repeat -5px 0px;
	padding: 215px 0 0 400px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin:0 0 30px 0;
}

div#loop p{
	width:434px;
	height:auto;
	line-height:22px;
	font-size:14px;
	color:#000;
	}

div#think_box_left{
	text-aline:left;
	width:560px;
	height:auto;
	float:left;
	margin:0 0 60px 0;
	}

div#think_box_left h3{
	font-size:12px;
	color:#939393;
	}
	
div#think_box_left h2{
	height:80px;
	border-top: solid 1px #008C45;
	border-bottom:solid 1px #008C45;
	font-family:"HiraMinProN-W3","ヒラギノ明朝 Pro W3","KozMinPro-ExtraLight","HGS明朝E","AGaramondPro-Regular",serif;
	color:#008c45;
	font-size:25px;
	line-height:80px;
	margin:0 0 20px 0;
	background: url(/images/guide/brain.png) no-repeat 495px 50%;
	}

div#think_box_left p{
	font-size:14px;
	color:#4d4d4d;
	line-height:25px;
	margin:0 0 20px 0;
	}
	
div#think_box_left h4{
	width:520px;
	height:60px;
	font-size:16px;
	font-weight:bold;
	color:#000;
	line-height:25px;
	padding:10px 20px 0 20px;
	margin:0 0 30px 0;
	background-color:#F4F4F4;
	border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */  
	}
	
div#think_box_left h4 span{
	font-size:16px;
	font-weight:bold;
	color:#F00;
	}
	
div#think_box_left h5{
	font-size:16px;
	font-weight:bold;
	color:#008C45;
	line-height:25px;
	margin:0 0 5px 0;
	}

div#think_box_left div#think_box_price{
	width:380px;
	height:110px;
	border:1px solid #393;
	border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */  
	padding:15px 15px;
	}
		
div#think_box_left div#think_box_price h3{
	font-size: 16px;
	color: #008C45;
	font-weight: bold;
	margin: 0 0 10px 0;
	}
		
#think_box_price p span{
	font-size: 12px;
	color: #FFF;
	padding: 3px 10px;
	background-color: #B6B8B7;
	border-radius: 10px;
	-webkit-border-radius: 20px;
	margin:0 0 0 10px;
	}
		



div#think_box_right{
	text-aline:left;
	width:240px;
	height:245px;
	float:right;
	background: url(/images/guide/juku03.png) no-repeat -1px 5px;
	}
	
div#think_box_right p{
	width:235px;
	font-size:12px;
	color:#008c45;
	margin:265px 0 20px 0;
	padding:0 0 0 8px;
	}

div#think_box_right img {
	margin:10px auto 0 10px;
	}

div#think_box_right span {
	display: block;
	margin: 0 0 30px 58px;
	}


div#yoshioka_box{
	text-align:left;
	width:865px;
	height:auto;
	margin:0 0 30px 0;
	position:relative;
	}

div#yoshioka_box h3{
	font-size:12px;
	color:#939393;
	}
	
div#yoshioka_box h2{
	height:80px;
	border-top: solid 1px #008C45;
	border-bottom:solid 1px #008C45;
	font-family:"HiraMinProN-W3","ヒラギノ明朝 Pro W3","KozMinPro-ExtraLight","HGS明朝E","AGaramondPro-Regular",serif;
	color:#008c45;
	font-size:25px;
	line-height:80px;
	margin:0 0 20px 0;
	}

div#yoshioka_box p{
	width:auto;
	height:auto;
	font-size:14px;
	color:#4d4d4d;
	line-height:25px;
	margin:0 0 20px 0;
	}
	
div#yoshioka_box h9{
	font-weight:bold;
	position:absolute;
	top: 350px;
	right:-5px;
	}	

div.accordion_head{
	width:240px;
	font-size:18px;
	line-height:50px;
	margin:0 auto 40px;
	text-align:center;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	background: -moz-linear-gradient(top, #990, #066);
	background: -webkit-gradient(linear, left top, left bottom, from(#990), to(#066));
	color:#fff;
	cursor:pointer;
	}

div.accordion_head:hover{
	background: #063;
	}


/*
スカイプページ
-------------------*/
div#skype_outer{
	width:100%;
	height:auto;
	background:#E9F8FF url("../images/bk_skype.jpg") no-repeat 50% -70px;
	}

div#skype_header{
	width:960px;
	height:300px;
	margin:0 auto 0 ;
	padding:0;
	text-align:left;
	position:relative;
	}

div#skype_header h2{
	width:540px;
	height:206px;
	text-indent:-9999px;
	position:absolute;
	top: 75px;
	left: 30px;
	background:url("../images/tit_skype.png") no-repeat;
	}

div#skype_inner{
	width:960px;
	min-height:500px;
	height:auto !important;
	height:500px;
	margin:0 auto;
	text-align:left;
	background: url("../images/bk85.png");
	box-shadow: 0px 0px 5px 0px #ccc ;
	padding:30px 0;
	}
	
div#skype_inner_inner{
	width:865px;
	margin:0 auto;
	}




div#skype_box{
	width:865px;
	height:auto;
	margin:0 0 0 0; 
	background:url(/images/guide/skype_logo.png)no-repeat right 130px;
	}

div#skype_box h2 {
height: 80px;
border-top: solid 1px #008C45;
border-bottom: solid 1px #008C45;
font-size: 22px;
color: #000;
font-weight: bold;
line-height: 80px;
margin: 0 0 20px 0;
background: url(/images/guide/juku01_2.png) no-repeat 575px 50%;
}

div#skype_box p#skypebox_text01{
	width:680px;
	height:auto;
	margin:0 0 30px 0;
	}

div#skype_box p#skypebox_text01 a{
	color:#009CDB;
	border-bottom:1px solid #009CDB;
	}

div#skype_box img.kaigai{
	float:left;
	}

div#skype_box p.kaigai{
	width:610px;
	height:auto;
	float:right;
	margin:0 0 30px 0;
	}

div#skype_box ul{
	width:865px;
	height:auto;
	}

div#skype_box ul li#skype_left{
	width:400px;
	height:auto;
	padding:0 0 20px 0;
	float:left;
	background:#FFF6EB;
	border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */  
	}

div#skype_box ul li#skype_right{
	width:400px;
	height:auto;
	float:right;
	padding:0 0 20px 0;
	background:#FFF6EB;
	border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */  
	}

div#skype_box ul li h5{
	width:375px;
	height:auto;
	font-size:20px;
	font-weight:bold;
	line-height:60px;
	border-bottom:1px solid #39AF4A;
	background:url(/images/guide/skype_mike.png) no-repeat 340px 50%;
	padding:0 0 0 25px;
	margin:0 0 5px 0;
	}

div#skype_box ul li h5 span{
	color:#29A5DC;
	font-weight:bold;
	padding:0 5px;
	}

div#skype_box ul li#skype_left p{
	width:360px;
	height:auto;
	padding:0 0 0 10px;
	font-weight:bold;
	border-bottom:1px dashed #F18D1E;
	margin:0 auto 5px;
	}

div#skype_box ul li div#skype_left_under{
	width:360px;
	height:auto;
	margin:20px auto 0;
	}

div#skype_box ul li div#skype_left_under img{
	float:left;
	}

div#skype_box ul li div#skype_left_under div#skype_child{
	width:220px;
	height:auto;
	float:right;
	}

div#skype_box ul li div#skype_left_under div#skype_child span{
	font-size:12px;
	}

div#skype_box ul li span#skype_left_span{
	display:block;
	width:360px;
	height:auto;
	margin:12px auto;
	}

div#skype_box ul li span span.kyoka{
	color:#FFF;
	background:#39AF4A;
	padding:0 5px;
	margin:0 8px 0 0;
	border-radius: 3px;        /* CSS3草案 */  
-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 3px;   /* Firefox用 */  
	}

div#skype_box ul li span span.kyozai{
	color:#BB272D;
	font-size:10px;
	line-height: 1.8;
	display: block;
	}

div#skype_right_top{
	width:375px;
	margin:0 auto 10px;
	}

div#skype_right_top img{
	float:left;
	margin:0 0 15px 0;
	}

div#skype_right_top div#adult_text{
	width:205px;
	float:right;
	}

div#skype_right_top div#adult_text p{
	font-weight:bold;
	border-bottom:1px dashed #F18D1E;
	margin:0 auto 5px;

	}

div#skype_right_top span{
	font-size:12px;
	margin:0 0 0 0}

div#skype_right_top span.kyoka{
	color:#FFF;
	background:#39AF4A;
	padding:0 5px;
	margin:0 8px 0 0;
	border-radius: 3px;        /* CSS3草案 */  
-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 3px;   /* Firefox用 */  
	}


div#skype_right_under{
	width:375px;
	margin:0 auto;
	}

div#skype_right_under span{
	float:left;
	font-size:12px;
	margin:10px 0 0 0;
	}

div#skype_right_under img{
	float:right;
	}

div#waribiki{
	height:75px;
	margin:20px 0 0 0;
	background:url(/images/guide/tokuten3.jpg) no-repeat 0 5px;
	}

div#waribiki p{
	color: #FF433C;
	font-size: 17px;
	margin: 0 0 0 85px;
	padding: 16PX 0 0 0;
	}

div#waribiki p span{
	font-size: 25px;
	}






div#timetable_box{
	width:865px;
	height:auto;
	}

div#timetable_box h5{
	font-size:18px;
	font-weight:bold;
	margin:0 0 15px 0;
	}
	
div#timetable_box table.timetable{
	border:1px solid #ccc;
	background-color:#fff;
	margin:0 0 50px 0;
	width: 100%;
	}

div#timetable_box table.timetable tr{
	font-size:12px;
	text-align:center;
	line-height:22px;
	padding:5px 3px;
	}

table.timetable tr.primary{
	background-color:#FFC;
	}
	
table.timetable tr.middle{
	background-color:#FFE8E8;
	}
	
table.timetable tr.high{
	background-color:#8ECCCC;
	}
	

div#timetable_box table.timetable th{
	font-size:13px;
	border:1px solid #ccc;
	color:#fff;
	background-color:#23773E;
	text-align:center;
	line-height:22px;
	padding:5px 3px;
	vertical-align:middle;
	}

table.timetable th.game{
	width:50px;
	}
	
table.timetable th.year{
	width:50px;
	}
	
div#timetable_box table.timetable td{
    border:1px solid #ccc;
    padding:5px 3px;
	vertical-align:middle;
	}
	
div#timetable_box table.timetable td.grade{
	font-size:20px;
	font-weight:bold;
	}
	
div#timetable_box table.timetable td span{
	display: block;
	width: 70px;
	padding: 0px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: #FC6;
	color: #fff;
	font-size: 11px;
	margin: 0 auto 0;
	}

div#timetable_box table.timetable td span.sp01{
	background: #FFF;
	color: #F60;
	border:1px solid #F60;
	}

div#timetable_box table.timetable td span.sp02{
	background: #396;
	color: #fff;
	}

div#timetable_box table.timetable td span.sp03{
	background: #F93;
	color: #fff;
	}


div#timetable_box table.timetable td span.sp06{
	width: 150px;
	background: #627BAF;
	color: #fff;
	}
	
	


div#voice_box{
	width:865px;
	height:auto;
	}

div#voice_box h2{
	height:80px;
	border-top: solid 1px #008C45;
	border-bottom:solid 1px #008C45;
	font-family:"HiraMinProN-W3","ヒラギノ明朝 Pro W3","KozMinPro-ExtraLight","HGS明朝E","AGaramondPro-Regular",serif;
	color:#008c45;
	font-size:25px;
	line-height:80px;
	margin:0 0 20px 0;
	}

div#voice_box div#voice01{
	width:845px;
	height:auto;
	font-size:13px;	
	padding:10px 10px;
	margin:0 0 30px 0;
	border:1px solid #39AF4A;
	background:url(/images/guide/girl.png) no-repeat 725px 50%;
	position:relative;
	}
	
div#voice_box div#voice02{
	width:845px;
	height:auto;
	font-size:13px;
	padding:10px 10px;
	margin:0 0 30px 0;
	border:1px solid #39AF4A;
	background:url(/images/guide/boy.png) no-repeat 40px 50%;
	position:relative;
	}
	
div#voice_box div#voice01 h6{
	font-size:16px;
	color:#3DB5EA;
	font-weight:bold;	
	}

div#voice_box div#voice02 h6{
	font-size:16px;
	color:#3DB5EA;
	margin:0 0 0 190px;
	font-weight:bold;	
	}
	
div#voice_box div#voice01 h9{
	font-weight:bold;
	position:absolute;
	top: 150px;
	right:40px;
	}	
	
div#voice_box div#voice02 h9{
	font-weight:bold;
	position:absolute;
	top: 130px;
	left: 40px;
	}
	
div#voice_box div#voice01 p{
	font-size:13px;
	color:#000;
	width:670px;
	}
	
div#voice_box div#voice02 p{
	font-size:13px;
	color:#000;
	width:650px;
	margin:0 0 0 190px;
	}

div#guide_linkbox{
	width:960px;
	height:auto;
	margin:0 auto;
	padding: 30px 0 40px 0;
	text-align:left;
	}
	
div#guide_linkbox a#guide_linkbox_left{
	float:left; 
	}

div#guide_linkbox a#guide_linkbox_right{
	float:right;
	}



/*
オリジナル教材ページ
-------------------*/

div#material_outer{
	width:100%;
	height:auto;
	background:#DFF2E3 url("/images/kyozai/bk_visual.jpg") no-repeat 50% -155px;
	}

div#material_header{
	width:960px;
	height:200px;
	margin:0 auto 0 ;
	padding:0;
	text-align:left;
	position:relative;
	}

div#material_header h2{
	width: 720px;
	height: 109px;
	text-indent: -9999px;
	position: absolute;
	top: 55px;
	left: 30px;
	background: url("../images/kyozai/tit_material.png") no-repeat;
	}

div#material_inner{
	width:960px;
	min-height:500px;
	height:auto !important;
	height:500px;
	margin:0 auto 0 ;
	padding:20px 0 0 0;
	text-align:left;
	background: #fff;
	box-shadow: 0px 0px 5px 0px #ccc ;
	}

div#material_contents{
	width:840px;
	min-height:500px;
	height:auto !important;
	height:500px;
	margin:0 auto 0 ;
	text-align:left;
	}

div#material_contents h2{
	font-size:20px;
	margin:0 0 20px 0;
	border-bottom:1px solid #060;
	border-left:4px solid #060;
	padding:0 0 0 20px;
	background: #FAFAFA;
	}


/*-----------------------
教材一覧
------------------------*/

div#material_contents ul{
	width:840px;
	margin:0 auto ;
	padding:0px;
	}
	
div#material_contents ul li{
	float:left;
	width:400px;
	margin:0 0 20px ;
	}

div#material_contents ul li.right{
	float:right;
	}

div#material_contents ul li h3{
	margin:0 0 5px 0;
	}
	
div#material_contents ul li h4{
	margin:0 0 5px 0;
	font-size: 12px;
	}
	
h4#h4_emily{
	color: #008000;
	}
	
h4#h4_rap{
	color: #FF7000;
	}
	
h4#h4_naration{
	color: #0094CE;
	}
	
h4#h4_otona{
	color: #D800BE;
	}
	
div#material_contents ul li p img{
	margin:0 0 5px 0;
	}
	
.kyozai_bk01{background:url("/images/kyozai/kyozai_back_01.gif");padding:10px;}
.kyozai_bk02{background:url("/images/kyozai/kyozai_back_02.gif");padding:10px;}
.kyozai_bk03{background:url("/images/kyozai/kyozai_back_03.gif");padding:10px;}
.kyozai_bk04{background:url("/images/kyozai/kyozai_back_04.gif");padding:10px;}

div#material_contents ul li div img{
	float:left;
	}

div.kyozai_inner{
	float:right;
	width:190px;
	height:120px;
	margin:0 0 0 20px;
	position:relative;
	font-size:12px;
	}

div.kyozai_inner img{
	position:absolute;
	bottom:0px;
	right:0px;
	}


/*
書籍ページ
-------------------------------------*/

div#book_outer{
	width:100%;
	height:auto;
	background:url("../images/about/desk.jpg")repeat 50% 0;
	}

div#book_header{
	width:960px;
	height:60px;
	margin:0 auto 0 ;
	padding:0;
	text-align:left;
	position:relative;
	}

div#book_inner{
	width:860px;
	min-height:500px;
	height:auto !important;
	height:500px;
	margin:0 auto 0 ;
	padding:20px 50px;
	text-align:left;
	background: #fff;
	box-shadow: 0px 0px 5px 0px #ccc ;
	}

div#book_left{
	width:620px;
	float:left;
	}

div#book_right{
	width:200px;
	float:right;
	}

ul#booklist{
	margin: 0 0 40px 0;
	}

ul#booklist li.bookli{
	margin: 0 0 20px 0;
	padding:0 0 20px 0;
	border-bottom: 1px solid #CCC;
	}

ul#booklist li div.figure{
	float:left;
	width:200px;
	}

ul#booklist li div.figure img{
	width:200px;
	height:auto;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	}

div.book_detail{
	float:right;
	width:390px;
	}

div.book_detail h3{
	font-size: 24px;
	line-height: 1.3;
	}

span.book_info{
	font-size:12px;
	color:#666;
	}

div.book_detail p.price{
	text-align: left;
	font-size: 14px;
	border: 1px solid #F40;
	margin: 10px 0;
	padding: 10px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	}

div.section{
	border: solid 1px #CCC;
	padding: 10px;
	margin: 0 0 5px 0;
	}

div.book_detail h4{
	margin: 0 0 15px 0;
	}

div.book_detail ol{
	border: 1px solid #CCC;
	padding: 5px 10px;
	background: #F8F8F8;
	}

div.book_detail ol h5{
	border-bottom: 1px solid #CCC;
	margin: 0 0 5px 0;
	}

div.book_detail ol li{
	font-size: 12px;
	}


/*
運営会社について
-------------------------------------*/

#company_container {
	width: 100%;
	height:auto;
	background: #fff;
	padding:17px 0 0 0;
	position:relative;
}

#company_container_inner {
	width: 960px;
	height:auto;
	background: #fff;
	margin:0 auto 0;
	padding:60px 0 30px 0;
	text-align:left;
	line-height:1.8;
	position:relative;
}

#company_left {
	width:230px;
	float:left;
}

.fixed {
	position: fixed;
	top: 20px;
	z-index: 10000;
}

#company_left h2 {
	text-align:center;
	line-height:30px;
	background: -moz-linear-gradient(top, #093, #060);
	background: -webkit-gradient(linear, left top, left bottom, from(#093), to(#060));
	border-top-left-radius: 10px;        /* CSS3草案 */  
	-webkit-border-top-left-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-top-left-radius: 10px;   /* Firefox用 */  
	border-top-right-radius: 10px;        /* CSS3草案 */  
	-webkit-border-top-right-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-top-right-radius: 10px;   /* Firefox用 */  
	color:#fff;
	margin: 0 0 5px 0;
}

#company_left li {
	margin: 0 0 5px 0;
}

#company_left li a{
	display:block;
	padding:0 0 0 20px;
	background: -moz-linear-gradient(top, #fff, #eee);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	border:1px solid #E4E4E4;
	line-height:50px
}

#company_right {
	width:680px;
	height:100%;
	margin:0;
	float:right;
}

#company_right h3 {
	width:auto;
	font-size: 20px;
	line-height: 60px;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #060;
	border-left: 4px solid #060;
	padding: 0 0 0 20px;
	background: #FAFAFA;
	}


#company_right li {
	padding-left:10px;
}


div#franchise_box{
	width:100%;
	}

div#franchise_box_inner{
	width:auto;
	margin:0 auto 0;
	}

div#franchise_box_inner h4#tit_frachise {
	width: 455px;
	height: 40px;
	margin: 0 0 20px 0;
	padding: 110px 0 0 225px;
	background: url("/images/company/ban_franchise.png");
}

table.company_table{
	width:100%;
	margin:0 0 30px 0;
	}

table.company_table tr{
	border-bottom:1px solid #ccc;
	}

table.company_table th{
	width: 100px;
	padding: 8px 15px;
	background: #ECF8EC;
	vertical-align: middle;
	}

table.company_table td{
	padding:8px 0 8px 10px;
	}

#profile {
	margin:10px;
}

table.company_table02 {
	margin:0 0 50px 0;
	}

table.company_table02 td{
	padding:0 0 0 10px;
	border-bottom: 1px dashed #CCC;
	}




/*
下層ページ基本css
-------------------*/

/*-----------------------
メインコンテナ
-------------------------------------------------*/
#container {
	width: 100%;
	height:auto;
	background: #d3ebb9;
	padding:17px 0 0 0;
	position:relative;
}

#container_box {
	width: 960px;
	height:auto;
	background: #fff;
	margin:0 auto 0;
	padding:40px 0 30px 0;
	text-align:left;
	line-height:1.8;
	position:relative;
}

img#top{
	position:absolute;
	bottom:10px;
	right:50px;
	}

/*-------------------------------------
ワンカラム
--------------------------------------*/

#one_column{
	width: 720px;
	height:100%;
	margin:20px auto 0;
	}

#one_column_900{
	width: 900px;
	height:100%;
	margin:20px auto 0;
	}


#one_column_860{
	width: 860px;
	height:100%;
	margin:20px auto 0;
	}

/*-------------------------------------
右カラム
--------------------------------------*/
#right_box {
	float:left;
	width:190px;
	height:100%;
	text-align: center;
	margin-left:20px;
 }

/*-----------------
ムービー
------------------*/

#movie_box {
	width:170px;
	height:224px;
	text-align:left;
	padding:10px;
	margin:0 0 0 0px;
	background-color: #eaf4df;
	}

#movie_box h3{
	margin:0 0 10px 0 ;
	}

#movie_box p{
	margin:10px 0 0 0;
	}


/*-----------------
バナーエリア
------------------*/
 
#link_box {
	padding:10px;
	margin:0 0 0 0px;
	background-color: #eaf4df;
	}

#link_box h3 {
	margin:0 0 10px 0;
	}

#link_box li img{
	margin-bottom: 10px;
}


/*------------------------------------------------------------
左カラム部分（TOPページ以外）
------------------------------------------------------------*/

#left_kasoubox {
	float:left;
	width:610px;
	margin:0 0 0 50px;
	padding:20px 0 0 0;
}

#left_kasoubox h3{
	margin:0 0 10px 0;
	}




/*-------------------------------------------------
教材ページコンテンツ
-------------------------------------------------*/


/*-----------------------
各教材ページ
------------------------*/

#kyozai_contents{
	width:700px;
	height:auto;
	margin: 0 auto 0;
	padding:20px 0 30px;
	}
	

.line {
	width:700px;
	height:auto;
	margin-top:10px;
	margin-bottom:10px;
}

.kyozai_img {
	margin-left:10px;
	margin-right:10px;	
	margin-top:20px;
	border:1px solid #ccc;
	padding:5px;
}

/*-----------------------
オーダーリンク
------------------------*/

#order_link {
	text-align:center;
	padding:20px;
}

#order_link img {
	margin-left:10px;
}


/*-----------------------
各教材
------------------------*/

#kyozai_info {
	width:700px;
	height:auto;
	margin:0 0 0 110px;
	padding:20px 0 30px;
}


#kyozai_series {
	width:700px;
	height:auto;
	margin:0 0 0 110px;
	padding:20px 0 30px;
}



#kyozai_series .line {
	width:700px;
	height:auto;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:0px;
}

#kyozai_info iframe {
	border:1px solid #ccc;
	padding:5px;
	margin:10px;
}



/*-----
書籍紹介
------------------------------*/

h2#tit_book{
	font-size:20px;
	margin:0 0 20px 0;
	border-bottom:1px solid #060;
	border-left:4px solid #060;
	padding:0 0 0 20px;
	}


#brlmbook{
	width: 720px;
	margin: 0 0 30px 0;
	}
	
#brlmbook a.brlmbook_left{
	display:block;
	width:300px;
	height:42px;
	float:left;
	}
	
#brlmbook img{
	border:1px solid #CCC;
	}
	
.brlmbook_right{
	width:400px;
	height:auto;
	float:right;
	}
	
.brlmbook_right a{
	display: block;
	width: 331px;
	float: right;
	height: 45px;
	font-size: 16px;
	font-weight: bold;
	margin: 50px 0 0 0;
	padding: 0 0 0 15px;
	color: #8e575f;
	line-height: 45px;
	border: 2px solid #8e575f;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	/* background: url("../images/about/about_ triangle.png")no-repeat 23px 23px; */
	}
	




/*-----------------------
お問い合わせページ
------------------------*/

#contactform{
	width: auto;
	margin:0 0 60px 0;
	}

div#contact_outer{
	width:100%;
	height:auto;
	background:url("../images/about/desk.jpg")repeat 50% 0;
	}

div#contact_header{
	width:960px;
	height:60px;
	margin:0 auto 0 ;
	padding:0;
	text-align:left;
	position:relative;
	}

div#contact_inner{
	width:960px;
	min-height:500px;
	height:auto !important;
	height:500px;
	margin:0 auto 0 ;
	padding:20px 0 0 0;
	text-align:left;
	background: #fff;
	box-shadow: 0px 0px 5px 0px #ccc ;
	}


h2#tit_contact{
	font-size:20px;
	margin:0 0 20px 0;
	border-bottom:1px solid #060;
	border-left:4px solid #060;
	padding:0 0 0 20px;
	}


::-webkit-calendar-picker-indicator {
	color: rgba(0, 0, 0, 0);
	background: url("../images/icon_calender.png") no-repeat 4px 50%;
	background-size: auto;
	padding: 3px 47px 5px;
	cursor: pointer;
}

#contact_tel{
	background:#F4F4F4;
	margin:0 0 30px 0;
	padding:20px 0;
	  text-align: center;
	}

#contact_tel p{
  font-size: 36px;
  width: 350px;
  text-align: center;
  line-height: 1.5;
  background: url(/images/icon_tel.png) no-repeat left 50%;
  margin: 0 auto;
}

#contact_tel p a{
	color:#009700;
}

#contact_tel span{
	font-size:12px;
	display:block;
	margin: 0 auto;
}

/*-----------------------
オーダーページ
------------------------*/

div#order_column {
  width: 860px;
  height: 100%;
  margin: 20px auto 0;
}

#material_list{
	border-top: 1px solid #ccc;
	padding:10px 0 ;
}

#material_list h4{
padding: 10px;
  background: #FF9B00;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #FFF;
  margin:0 0 10px 0;
  font-size:16px;
  cursor:pointer;
	}

#material_list h4:hover{
  background: #FF4400;
	}

#mate_list{
	display:none;
}

span.hosoku{
font-size: 12px;
  line-height: 1.5;
  margin: 0 0 10px 0;
  display: block;
  border-bottom: 1px solid #DDD;
  background: #EFEFEF;
  padding: 5px;
  color: #F40;
	}

div.detail_td01{
	width:420px;
	border-right: 1px solid #E6E6E6;
	margin:0 0 10px 0;
	float:left;
}

div.detail_td02{
	width:420px;
	margin:0 0 10px 0;
	float: right;
}

dl.order_list01 dt,
dl.order_list02 dt,
dl.order_list03 dt{
  width: 280px !important;
  height: auto !important;
  border-top: none !important;
  text-align: left !important;
  padding: 5px 0px !important;
	}

dl.order_list01 dd,
dl.order_list02 dd,
dl.order_list03 dd{
  width: 125px;
  padding: 5px 0px 5px 280px !important;
  height: 30px;
  border-bottom: 1px dashed #CCC;
  border-top: none !important;
	}

dl.order_list01 dd input,
dl.order_list02 dd input,
dl.order_list03 dd input{
	text-align:center;
	margin-left:3px;
	}

#mfp_price{
	width: auto;
	border-bottom: 1px solid #ccc;
	font-size: 20px;
	margin: 0 0 5px 0;
	}


/* スマホメニュー
---------------------------------------------------- */
#telbox{
display:none;
}

.container {
	overflow: hidden;
	background:#fff;

/*  Prevents Flickering  */
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}

span.slide {
	height: 60px;
	z-index: 2;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	/* starting point */
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	background: #FFF url('../images/logo_sp.png') 50% no-repeat;
	background-size: 65%;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
	display:none;
}

.burger {
	position: absolute;
	float: left;
	padding: 10px;
	top: 4px;
	left: 0px;
	cursor:pointer;
}

.burger li {
	width: 30px;
	height: 4px;
	background-color:#1EA839;
	border-radius: 3px;
	margin: 5px 0;
	transition:all 0.2s linear 0s;
	position:relative;
	opacity:1;
}

.burger.open li {background-color: #A8A8A8;}

.burger.open li#li01 {
transform: rotate(45deg); /* 回転:45度傾ける */
-webkit-transform: rotate(45deg); /* 回転:WebKit用 */
-moz-transform: rotate(45deg); /* 回転:Mozilla用 */
-o-transform: rotate(45deg); /* 回転:Opera用 */
transform-origin: left top; /* 回転の基準点:左上に */
-moz-transform-origin: left top; /* 回転の基準点:WebKit用 */
-webkit-transform-origin: left top; /* 回転の基準点:Mozilla用 */
-o-transform-origin: left top; /* 回転の基準点:Opera用 */
  top: 0px;
  left: 6px;

}

.burger.open li#li02 {
transform: rotate(-45deg); /* 回転:45度傾ける */
-webkit-transform: rotate(-45deg); /* 回転:WebKit用 */
-moz-transform: rotate(-45deg); /* 回転:Mozilla用 */
-o-transform: rotate(-45deg); /* 回転:Opera用 */
transform-origin: right top; /* 回転の基準点:左上に */
-moz-transform-origin: right top; /* 回転の基準点:WebKit用 */
-webkit-transform-origin: right top; /* 回転の基準点:Mozilla用 */
-o-transform-origin: right top; /* 回転の基準点:Opera用 */
  top: -9px;
  right: 6px;
}

.burger.open li#li03 {
opacity:0;
}

/*  Nav Drawer Layout  */
nav {position: relative;
	z-index: 0;
}

nav ul {
	height: 100%;
	overflow-y: auto;
	margin: 60px 0 0 0;
}

nav li {
  text-align: left;
  border-bottom: 1px solid rgba(219, 159, 110, 0.25);
  float: left;
  width: 100%;
  border-right: 1px solid rgba(219, 159, 110, 0.25);
  }

nav li a {
	color: #4D4D4D !important;
	display: block;
	line-height: 60px;
	font-size: 13px;
	text-decoration: none !important;
	padding: 0 0 0 10px;
	background: none;
}

nav li a.active {
  color: #FFF !important;
  background-color: #FFA800;
  }

nav li a:hover {
  color: #FFF !important;
  background-color: #FFA800;
}

nav li a#bt_facebook:hover {
  color: #0A356F !important;
}

nav li a.visited{
  color: #FFA800 !important;
  }

nav {
	width: 272px;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	margin: 0;
	background:#ffffdf;
	
	/* starting point */
	opacity: .3;
	-webkit-transform: translate3d(5%,0,0)scale(.97);
	-moz-transform: translate3d(5%,0,0)scale(.97);
	transform: translate3d(5%,0,0)scale(.97);
}

nav.open {
	opacity: 1;

	-webkit-transform: translate3d(0,0,0)scale(1);
	-webkit-animation: slideIn .35s ease-in-out;
	
	-moz-transform: translate3d(0,0,0)scale(1);
	-moz-animation: slideIn .35s ease-in-out;
	
	transform: translate3d(0,0,0)scale(1);
	animation: slideIn .35s ease-in-out;
}

nav.close {
	opacity: .3;
	
	-webkit-transform: translate3d(5%,0,0)scale(.97);
	-webkit-animation: slideOut .3s ease-in-out;
	
	-moz-transform: translate3d(5%,0,0)scale(.97);
	-moz-animation: slideOut .3s ease-in-out;
	
	transform: translate3d(5%,0,0)scale(.97);
	animation: slideOut .3s ease-in-out;
}
.content {
	background:#ffffdf;
	/* starting point */
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	z-index: 1;
}
header.open,
.content.open 
{   
	-webkit-transform: translate3d(270px,0,0);
	-webkit-animation: open .5s ease-in-out;
	
	-moz-transform: translate3d(270px,0,0);
	-moz-animation: open .5s ease-in-out;
	
	transform: translate3d(270px,0,0);
	animation: open .5s ease-in-out;
}
.content.open {
	opacity:1;
	  -webkit-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);
  cursor:pointer;
}

header.close,
.content.close 
{
	-webkit-transform: translate3d(0,0,0);
	-webkit-animation: close .3s ease-in-out;
	
	-moz-transform: translate3d(0,0,0);
	-moz-animation: close .3s ease-in-out;
	
	transform: translate3d(0,0,0);
	animation: close .3s ease-in-out;
}