@charset "utf-8";

*{
	/* [disabled]margin:0; */
	padding:0;
}

body{
	font: 13px/1.4 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	/* [disabled]color:#181818; */	/*background: url(images/bg1.png) repeat-x left top;*/
}

body#subpage{
	background:url(images/bgTop2.png) repeat-x left top;
	height:195px;
}

a{color:#009;text-decoration:none;}
a:hover{color:#00C;}
a:visited{color:#06F;}
a:active, a:focus {outline: 0;}

img{border:0;}

.clear{
	clear:both;
	margin:0;
	}

.mg0{
	margin:0;
}

/*************

全体

*************/

#wrapper{
margin: 0 auto;
padding: 0 20px;
width: 910px;
}

/*************

/* ヘッダー

*************/

#header{
	margin:0;
	padding:0 0 45px 0;
}

#header h1 {
padding:5px 0 0px 0;
font-size: 10px;
color:#6699CC;
}

#header .headlogo {
	float:left;
	margin:0;
	padding:10px 0 0 0;
}

#header .btn_mail{
	float:right;
	padding:5px 0 0 0;
}

/*************

/* トップナビゲーション

*************/

ul#topnav{
	margin:20px 0 0 0;
	padding:0;
	width: 910px;
	height: 46px;
	background:url(images/topnav.png) no-repeat left top;
}

ul#topnav li{
	margin:0;
	padding:0;
	float:left;
	list-style:none;
	width:130px;
}

ul#topnav a{
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	width: 130px;
	height: 46px;
	background:url(images/topnav.png) no-repeat left top;
}

ul#topnav a#home{background-position:0 0;}
ul#topnav a#method{background-position:-130px 0;}
ul#topnav a#material{background-position:-260px 0;}
ul#topnav a#lesson{background-position:-390px 0;}
ul#topnav a#training{background-position:-520px 0;}
ul#topnav a#manual{background-position:-650px 0;}
ul#topnav a#faq{background-position:-780px 0;}

ul#topnav a#home:hover, ul#topnav li.active a#home{background-position:0 -46px;}
ul#topnav a#method:hover, ul#topnav li.active a#method{background-position:-130px -46px;}
ul#topnav a#material:hover, ul#topnav li.active a#material{background-position:-260px -46px;}
ul#topnav a#lesson:hover, ul#topnav li.active a#lesson{background-position:-390px -46px;}
ul#topnav a#training:hover, ul#topnav li.active a#training{background-position:-520px -46px;}
ul#topnav a#manual:hover, ul#topnav li.active a#manual{background-position:-650px -46px;}
ul#topnav a#faq:hover, ul#topnav li.active a#faq{background-position:-780px -46px;}

/**
li.active a#home{background-position:0 -42px;}
li.active a#guide{background-position:-213px -42px;}
li.active a#faq{background-position:-429px -42px;}
li.active a#mp{background-position:-573px -42px;}
**/

/*************

メイン（右側）コンテンツ

*************/

#wrapper #main {
	float: right;
	width: 618px;
	padding: 20px 0;
	display: inline;
	position:relative;
}

#main h2{
	margin:0 0 10px 0;
	padding:2px 10px 0 35px;
	line-height:35px;
	font-size: 13px;
	color: #fff;
	background: url(images/heading.png) no-repeat left top;
}

#main .ribon{
	margin:0;
	padding:0 0 20px 0;
	text-align:center;
}

#main #returntop{
	color:#fff;
}

.font14red{
	font-size: 14px;
	font-weight:bold;
	color:#F00;
}

.font14blue{
	font-size: 14px;
	font-weight:bold;
	color:#009;
	padding:15px 0;
}

.font16{
	font-size: 16px;
	/* [disabled]font-weight:bold; */
}

.font18{
	font-size: 18px;
	font-weight:bold;
}

.font24{
	font-size: 24px;
	font-weight:bold;
}

.font9{
	font-size: 9px;
}

.font9red{
	font-size: 9px;
	color:#F00;
}

.font12red{
	font-size: 12px;
	color:#F00;
}

#main h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	padding-left: 5px;
	margin: 20px 0 0 0px;
	letter-spacing: 0.2em;
	color: #009;
	border-bottom: 2px solid #cccccc;
	border-left: 5px solid;
}

.indent{
	text-indent:1em;
}

#main .next{
	text-align:right;
	text-decoration:underline;
	font-weight:bold;
	margin:20px 0 0 0;
	}

#main .next a:link{
	color:#009;
}

#main .next a:hover{
	color:#00C;
}

#main .next a:visited{
color:#06F;
}

.samplebtn{
margin:0;
padding:10px 0 0 0;
text-align:center;
}

.samplebtn_sb{
	margin:0;
	padding:20px 0 0 0;
	text-align:center;
}

.sampleaudio{
	background:url(images/text.gif) no-repeat left 1px;
	background-color:#FFC;
	border-bottom:#CC9 2px dotted;
	border-top:#CC9 2px dotted;
	padding-left:20px;
}

.sampleaudio2{
	background:url(images/music1.gif) no-repeat left 5px;
	background-color:#FFC;
	border-bottom:#CC9 2px dotted;
	border-top:#CC9 2px dotted;
	padding-left:20px;
}

.sampleaudio3{
	background-color:#FFC;
	border-bottom:#CC9 2px dotted;
	border-top:#CC9 2px dotted;
}

.sampleaudio4{
	background:url(images/gift.gif) no-repeat left 5px;
	background-color:#FFC;
	border-bottom:#CC9 2px dotted;
	border-top:#CC9 2px dotted;
	padding-left:20px;
}

#date {
text-align: right;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 10px;
font-weight:bold;
color:#484848;
}

#return {
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
text-align:right;
text-decoration:underline;
font-weight:bold;
}

#kiyaku #return {
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
text-align:right;
text-decoration:underline;
font-weight:bold;
}

#main h4{
	margin: 30px 5px 15px 0;
	padding:0 5px;
	font-size: 14px;
	line-height:140%;
	border:#39F 1px solid;
	background-color:#CCC;
}

#main .red12{
	color:#F00;
	font-size:12px;
	margin-left:1em;
}

#main p{
	line-height:180%;
	margin:0 2px;
}

#main .list{
	margin:0;
	position:relative;
}

#main ul{
	margin:0 0 10px 0;
	padding:0 10px 0 0;
}

#main ul li{
	list-style:none;
}

#main ol{
	list-style-type:decimal;
	margin-left: 15px;
	padding: 10px;
	border-bottom:1px dotted #ccc;
}

#main ol li{
	list-style-type:decimal;
	margin-left: 10px;
}

#kiyaku ol{
	list-style-type:decimal;
	margin-left: 15px;
	padding:0 10px;
	border:none;
}

#main ul li.normal{
	margin:0;
	padding:5px 0 10px 35px;
	line-height:180%;
	background:url(images/check.png) no-repeat left 5px;
}

#main ul li.moshikomi{
	margin:0;
	list-style:inside;
}

#material_menu ul{
    list-style: none;
	margin-left: 15px;
	padding: 10px;
	border-bottom:1px dotted #ccc;
}

#material_menu ul li{
	/* [disabled]margin:0; */
	padding:0;
}

#material_menu ul li ul li{
    padding:5px 0;
}

#material_menu ul li ul{
    margin:0;
    padding:0 0 0 20px;
}

#material_menu ul li ul li.mark_music{
	background:url(images/music1.gif)  no-repeat left 3px;
	padding:0 0 5px 20px;
}

#material_menu ul li ul li.mark_text{
	background:url(images/text.gif)  no-repeat left 3px;
	padding:0 0 5px 20px;
}

.mark_mail{
	background:url(images/mail.gif)  no-repeat left 3px;
	padding:0 0 5px 20px;
}

.mark_tel{
	background:url(images/keitai.gif)  no-repeat left 3px;
	padding:0 0 5px 20px;
}

.titleback{
	font:15px bold;
	color:#900;
	display:block;
	background:#CEE1FF;
	border-left:#FF9 2px;
	border-right:#FF9 2px;
	height:30px;
}

.withImage{
	margin:0;
	float:right;
	padding-right:2px;
}

#main ul.table_list li{
	list-style-type:none;
	list-style-position:inside;
}

#main ul.table_list2 li{
	list-style-type:none;
	list-style-position:inside;
	background:url(images/x.gif) no-repeat 5px 5px;
	padding-left:20px;
}

table{
	margin:10px auto 30px auto;
	line-height:180%;
	text-align:center;
}

table .skbgcolor{
	background-color:#CEE1FF;
}

table .skbgcolor_v{
	background-color:#FFFFCC;
}

.photo_list{
	float:left;
	margin:0;
	padding:10px 25px;
}

.photo_list2{
	padding:10px 0 0 30px;
}

.partner{
	border-bottom:1px dotted #ccc;
}

.portrait{
	background:url(images/portrait_back.jpg) no-repeat left top;
}

.step{
	border:#FC0 1px solid;
	margin:5px;
}

.steptitle{
	font-size: 14px;
	font-weight:bold;
	color:#009;
	border-bottom:#FC0 2px dotted;
	width:90px;
	padding:5px 0 0 5px;
}

.steptitle2{
	font-size: 14px;
	font-weight:bold;
	color:#009;
	border-bottom:#FC0 2px dotted;
	width:150px;
	padding:5px 0 0 5px;
}

.steptitle3{
	font-size: 14px;
	font-weight:bold;
	color:#009;
	border-bottom:#FC0 2px dotted;
	width:230px;
	padding:5px 0 0 5px;
}

.step p{
	padding-left:10px;
}

.arrow{
	text-align:center;
}

.sign{
	float:right;
	font-weight:bold;
	margin:15px;
}

.importantBox{
	border:#FC3 2px solid;
	background-color:#FFFFCC;
	margin:10px 5px 0 5px;
}

caption{
	caption-side:top;
	font-weight:bold;
	font-size:large;
}

#main .cpnprice{
	font-size:30px;
	color:#F00;
}

#main .look_material{
	background:url(images/list.png) no-repeat left 3px;
	padding-left:15px;
	margin:0;
}

#main .details{
margin: 0 10px 10px 5px;
list-style: none;
}

#main .details a{
background: url(images/list.png) no-repeat 0 50%;
display: block;
padding-left:16px;
}

#main .details a:hover{background-position: 3px 50%;}

#main .movie a:hover{background-position: 3px 50%;}

.leftbox{
	float:left;
	text-align:center;
	margin:0 95px;
}

.rightbox{
	float:left;
	text-align:center;
	margin:0;
}

#review{
	border:dotted 2px #F9F;
	margin-bottom:40px;
}

#review p{
	text-indent:1em;
}

.plantitle{
	font-weight:bold;
	font-size:20px;
	text-align:center;
}

.left{
	float:left;
}

#main .lnk{
	background:url(images/heart.gif) no-repeat left 3px;
	padding-left:15px;
	margin:0;
}

.kyozaibox_l{
	background-color:#FCF;
	border:#F9F solid 2px;
	float:left;
	margin-left:20px;
	margin-right:5px;
}

.kyozaibox_r{
	background-color:#CCF;
	border:2px solid #C6F;
	float:left;
}

.cart{
	background:url(images/shopping_cart.gif) no-repeat 115px 6px;
	background-color:#FFC;
	border-bottom:#F90 2px dotted;
	border-top:#F90 2px dotted;
	padding-left:20px;
	text-align:center
}

/*************

サイド（左側）コンテンツ

*************/

#sidebar {
	float: left;
	width: 265px;
	padding: 20px 0;
}

#sidebar p{
	margin-bottom: 20px;
}

html body dl.list dd div{
   display:inline-block;
}

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

.mini_l{
	margin:0;
	float:left;
	border:#F60 1px dotted;
}

.mini_r{
	margin:0;
	float:right;
	border:#F60 1px dotted;
}

.mini_l a:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.mini_r a:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60);
}

#information .bnr_info{
	margin:0;
	padding:0;
}

#information{
	margin:0 0 20px 0;
}

#information a{
	color:#009;
	text-decoration:underline;
	font-weight:bold;
	}

#information .list{
	height:230px;
	overflow-y:scroll;
	border-right:1px solid #999;
	border-left:1px solid #999;
}

dl.list {
   border-bottom:1px solid #999;
}

dl.list dt {
   float:left;
   width:4em;
   border-top:1px solid #999;
   padding-top:5px;
   padding-bottom:0;
   padding-right:0;
}

dl.list dd {
   margin-left:4em;
   padding-top:5px;
   padding-bottom:5px;
   padding-right:5px;
   border-top:1px solid #999;
}

.marker{
	background-color:#FC0;
	margin-bottom:20px;
}

.marker2{
	background-color:#FC0;
	margin-bottom:20px;
}

.center{
	margin: auto;
	text-align: center;
}

#sidebar h3{
margin: 5px 0 0 0;
padding:2px 10px 0 35px;
line-height:35px;
font-size: 13px;
color: #fff;
background: url(images/heading2.png) no-repeat left top;
}

.sidemenu ul{
margin-left: 5px;
padding: 10px 0;
}

.sidemenu li{
margin: 0 10px 10px 5px;
list-style: none;
border-bottom: 1px solid #efefef;
}

.sidemenu li a{
background: url(images/list.png) no-repeat 0 50%;
display: block;
padding-left:16px;
}

.sidemenu li.book a{
background: url(images/book1.gif) no-repeat 0 50%;
display: block;
padding-left:20px;
}

.sidemenu li a:hover{background-position: 3px 50%;}

.marker_l{
	background-color:#FC0;
	font-weight:bold;
	border-left:solid 5px #C90;
	border-right:solid 5px #C90;
	border-top:solid 2px #C90;
	border-bottom:solid 2px #C90;
	text-shadow:#FFF;
	text-align:center;
	letter-spacing:1em;
}

.marker_l2{
	background-color:#FC0;
	font-weight:bold;
	border-left:solid 5px #C90;
	border-right:solid 5px #C90;
	text-shadow:#FFF;
	text-align:center;
	width:140px;
	font-size:12px;
}

.marker_h{
	background-color:#9C6;
	width:120px;
	text-align:center;
	border-left:solid 5px #360;
	float:left;
}

#menber{
	background-color:#FFC;
	border-bottom:#F30 3px dotted;
	border-top:#F30 3px dotted;
	margin:0 0 20px 0;
}

.menber_txt{
	background:url(images/person.gif) no-repeat left 2px;
	padding-left:20px;
	font-size:14px;
}

.attention{
	background:url(images/info.gif) no-repeat left 2px;
	background-color:#FFC;
	border-bottom:#F30 3px dotted;
	border-top:#F30 3px dotted;
	padding-left:20px;
	font-size:9px;
}

.movie{
	padding-left:20px;
	margin-bottom:20px;
	background: url(images/movie2.gif) no-repeat left 2px;
	background-color:#FFC;
}

/*
 * jQuery FlexSlider v2.0
 */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/*************

/* フッター

*************/

#footer{
	clear:both;
	padding: 30px 0 10px 0;
	background:url(images/bgBottom1.png) repeat-x left top;
}

#footer #inner{
	margin:0 auto;
	width:940px;
}

/*
#footer .inner{
overflow: hidden;
}

* html #footer .inner{height:1%;}
*/

#inner ul.footbox{
	margin:0 0 10px 16px;
	padding:0;
	width: 195px;
	float:left;
	list-style: none;
}

#inner ul.footbox li{
	margin:0;
	padding:0;
}

#inner ul.footbox li a{
	background: url(images/list2.png) no-repeat left center;
	display: block;
	padding:5px 0 5px 20px;
	color:#fff;
}

#inner ul.footbox li a:hover{
	color:#ccc;
}

#inner .logo{
	float:left;
	padding: 10px 10px 0 0;
	width: 281px;
}

address{
padding:5px 0 0 0;
color:#fff;
text-align: center;
font-style:normal;
font-size: 12px;
clear:both;
display:block;
}