*{
	margin:0px;
	padding:0px;
	list-style:none;
	font-weight:normal;
}
html{
	font-family:"メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:12px;
	line-height:1.6;
	background:#96c814;
}
img{
	vertical-align:top;
}
a img{
	border:none;
}
a{
	color:#333;
}
body{
	background:url(../img/body.jpg);
}
header{
	background:#81ad11;
	margin:0;
}
header h1{
	font-size:12px;
	padding:2px 10px;
	color:#fff;
}
header nav{
	background:url(../berry/images/bg_nav.jpg) left;
	height:35px;
	border-bottom:#ccc;
	border-top:#ccc;
}
header nav ul{
	width:940px;
	margin:0 auto;
	border-left:#fff dotted 1px;
	border-right:#ccc dotted 1px;
}
header nav ul li{
	width:186px;
	text-align:center;
	line-height:35px;
	float:left;
	border-left:#ccc dotted 1px;
	border-right:#fff dotted 1px;
}
header nav ul li a{
	width:auto;
	color:#1d1d1d;
	text-decoration:none;
	height:35px;
	display:block;
	text-shadow:#fff 1px 1px 0;
}
header nav ul li a:hover{
	background:rgba(255,255,255,0.2);
}
article{
	width:940px;
	margin:15px auto;
	padding:0 0 15px;
}
article h1{
	text-indent:10px;
	margin:0 auto 15px;
	color:#262626;
	font-size:16px;
	border-left:#ff6100 solid 5px;
}
section{
	color:#333;
	background:#fff;
	padding:20px;
	margin:0 auto 15px;
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;	/* Firefox用 */
	-moz-box-shadow: 1px 1px 3px #999;　/* Firefox用 */
	-webkit-box-shadow: 1px 1px 3px #999;　/* Safari,Google Chrome用 */  
	zoom:100%;
	min-hight:0px;
}
footer{
	background:#96c814;
	padding:10px;
	text-align:center;
	border-top:#81ad11 solid 1px;
}
footer ul{
	width:940px;
	margin:0 auto 10px;
}
footer ul li{
	float:left;
	margin-right:15px;
}
footer ul li a{
	color:#fff;
}

/* class.php */
.lessonlist li{
	margin:16px 0 0;
	padding:0 0 16px;
	border-bottom:#e5e5e5 solid 1px;
}
.lessonlist figure{
	width:306px;
	float:right;
}
.lessonlist .text{
	width:584px;
	min-height:170px;
	float:right;
	margin:0 0 0 10px;
}
.lessonlist h2{
	color:#81ad11;
	text-decoration:none;
	font-size:16px;
	line-height:22px;
	margin:0 0 18px;
}
.lessonlist h2 span{
	font-size:11px;
	line-height:11px;
	color:#fff;
	background:#999;
	padding:0 2px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}
.lessonlist p{
	color:#666;
	font-size:11px;
	margin:0 0 18px;
}
.lessonlist ul li ul{
	width:auto;
	margin:0;
}
.lessonlist ul li  ul li{
	background:url(../berry/images/bg_nav.jpg) left;
	width:180px;
	float:left;
	margin:0 10px 0 0;
	padding:0;
	border:#ccc solid 1px;
}
.lessonlist ul li ul li a{
	width:auto;
	height:40px;
	display:block;
	text-align:center;
	line-height:40px;
	text-decoration:none;
	text-shadow:#fff 1px 1px 0;
}

/* LESSON */
#lesson .themelist{
	width:940px;
	margin:0 auto 10px;
	padding:0 0 4px;
	border-bottom:#999 dotted 2px;
}
#lesson .themelist li{
	width:125px;
	float:left;
	text-align:center;
}
#lesson .themelist li a{
	width:125px;
	padding:5px;
	display:block;
	color:#333;
	text-decoration:none;
}
#lesson .leftinner{
	width:440px;
	float:left;
	margin:0 20px 0 0;
}
#lesson .rightinner{
	width:440px;
	float:left;
}
#lesson .leftinner2{
	width:220px;
	float:left;
	margin:0 20px 0 0;
}
#lesson .rightinner2{
	width:660px;
	float:left;
}
#lesson section h2{
	background:#d0a7bf;
	color:#fff;
	font-size:16px;
	margin:0 0 8px;
	padding:5px;
}
#lesson section h3{
	color:#c94f8e;
	font-size:14px;
	margin:0 8px 8px;
}
#lesson section h4{
	font-weight:bold;
	margin:0 8px 8px;
}
#lesson section p{
	margin:0 8px 16px;
}
#lesson section ul{
	padding:10px;
	border:#c94f8e dashed 1px;
	margin:0 8px 16px;
}
#lesson section ul li{
	line-height:2.0;
}
#lesson section ul.point li{
	list-style:disc;
	margin: 0 0 0 2em;
}
#lesson section ol{
	margin:0 8px 16px;
}
#lesson section ol li{
	line-height:2.0;
	margin:0 0 8px;
}
#lesson section ol li:first-letter{
	color:#c94f8e;
}
#lesson section ol li .partname{
	margin:0 0 0 1em;
	font-weight:bold;
}
#lesson section ol li .partname:after{
	content:" ";
	display:block;
}
#lesson section dl{
	padding:10px 10px 0;
	border:#c94f8e dashed 1px;
	margin:0 8px 16px;
}
#lesson section dl dt{
	margin:0 0 5px;
}
#lesson section dl dt:before{
	content:"・";
}
#lesson section dl dd{
	margin:0 0 10px;
}

#lesson section dl.faq{
	padding:0;
	border:none;
}

#lesson section dl.faq dt{
	color:#c94f8e;
	margin:0 0 5px;
}
#lesson section dl.faq dt:before{
	content:"Ｑ ";
}
#lesson section dl.faq dd{
	margin:0 0 20px;
}
#lesson section figure{
	border:#ccc solid 1px;
	padding:5px;
	margin:0 0 16px;
}
#lesson section div.movbox{
	/*border:#ccc solid 1px;
	padding:5px;
	margin:0 0 16px;*/
}
#lesson section div.movbox figure{
	width:225px;
	float:left;
	margin:0;
	box-sizing:border-box;
}
#lesson section div.movbox .reffertxt{
	width:225px;
	padding:0 0 0 5px;
	box-sizing:border-box;
	float:right;
	height:268px;
	overflow:auto;
}

#lesson section table{
	width:100%;
	margin:0 0 16px;
	border-collapse:collapse;
}
#lesson section th{
	background:#eee;
	padding:4px;
	border:#ccc solid 1px;
	white-space:nowrap;
	text-align:left;
	padding:10px;
}
#lesson section td{
	padding:4px;
	border:#ccc solid 1px;
	padding:10px;
}
#lesson section .mov{
	width: 430px;
	margin: 0 20px 0 0;
	text-align:center;
	float:left;
}
#lesson section nav ul{
	margin:0 auto 10px;
	padding:0 0 4px;
	border:none;
	border-bottom:#eee solid 1px;
}
#lesson section nav.right{
	width:450px;
	float:left;
}
#lesson section nav.innernav{
	width:450px;
	padding:0 0 0 450px;
}
#lesson section nav ul li{
	width:44px;
	margin:0 1px 1px 0;
	float:left;
	text-align:center;
	list-style:none;
}
#lesson section nav ul li a{
	width:34px;
	padding:4px;
	display:block;
	color:#333;
	text-decoration:none;
	border:#ccc solid 1px;
}
#lesson section nav ul li a:hover{
	background:#eee;
}
#lesson section .contentright{
	width:450px;
	float:left;
	overflow:auto;
}
#lesson .btn_wap{
	width:800px;
	margin:0 auto 15px;
}
#lesson .btn_text{
	background:url(../img/btn_text.jpg);
	width:390px;
	margin:0 5px 15px;
	float:left;
}
#lesson .btn_text a{
	width:390px;
	height:57px;
	display:block;
	text-indent:-9999px;
}
/*

.btn_text{
}
.btn_text2{
	background:url(../img/btn_text2.jpg);
}
.btn_test{
	background:url(../img/btn_test.jpg);
}
.themelist li a:hover{
	background:#ccc;
}
.content_w img{
	width:100%;
	margin-bottom:5px;
}
.content_w .half img,.content img{
	width:95%;
	border:#ccc solid 1px;
	margin-bottom:5px;
}
*/
/* */
#mypage .themelist{
	width:940px;
	margin:0 auto 10px;
	padding:0 0 4px;
	border-bottom:#999 dotted 2px;
}
#mypage .themelist li{
	width:125px;
	float:left;
	text-align:center;
}
#mypage .themelist li a{
	width:125px;
	padding:5px;
	display:block;
	color:#333;
	text-decoration:none;
}
#mypage table{
	width:100%;
	background:#fff;
	margin:25px 0;
	border-collapse:collapse;
}
#mypage th{
	width:128px;
	background:#eee;
	padding:10px;
	border:#ccc solid 1px;
	white-space:nowrap;
	text-align:left;
}
#mypage td{
	width:278px;
	padding:10px;
	border:#ccc solid 1px;
}


#question .themelist{
	width:940px;
	margin:0 auto 10px;
	padding:0 0 4px;
	border-bottom:#999 dotted 2px;
}
#question .themelist li{
	width:125px;
	float:left;
	text-align:center;
}
#question .themelist li a{
	width:125px;
	padding:5px;
	display:block;
	color:#333;
	text-decoration:none;
}
#question table{
	width:100%;
	background:#fff;
	margin:25px 0;
	border-collapse:collapse;
}
#question th{
	width:300px;
	background:#eee;
	padding:10px;
	border:#ccc solid 1px;
	white-space:nowrap;
	text-align:left;
}
#question td{
	padding:10px;
	border:#ccc solid 1px;
}
#question textarea{
	width:500px;
	border-radius:4px;
	border:#ccc solid 1px;
	padding:5px;
}
#question p.icon:first-letter {
	background:#96c814;
	color:#fff;
	padding:2px 7px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	margin:0 4px 0 0;
}

.quest{
	margin:15px 0 0;
}
.quest li{
	margin:0 0 15px;
}
.quest li.replay{
	background:#eee;
	padding:10px;
}

/* TEST */
.test dl{
	margin:25px 0;
	border:#ccc solid 1px;
	border-bottom:none;
}
.test dt{
	font-size:12px;
	background:#eee;
	border-bottom:#ccc solid 1px;
	padding:10px;
}
.test dt table{
	width:100%;
	background:#fff;
	margin:10px auto;
	border-collapse:collapse;
}
.test dt table th{
	padding:10px;
	border:#ccc solid 1px;
	white-space:nowrap;
	text-align:left;
}
.test dt table td{
	padding:10px;
	border:#ccc solid 1px;
}
.test dt table td.nowrap{
	white-space:nowrap;
}

.test ul,
.test dd{
	border-bottom:#ccc solid 1px;
	padding:10px;
}
.test dd input[type="text"]{
	width:800px;
	border-radius:4px;
	border:#ccc solid 1px;
	height:24px;
	padding:5px;
}

section .tab{
	
}
#feedback textarea{
	width:900px;
	height:300px;
	margin:15px auto 0;
}

/**/
#friend dt{
}
#friend dd{
	margin:0 0 10px;
}
#friend dd input{
	width:900px;
}
#friend dd textarea{
	width:900px;
	height:80px;
	margin:0 auto;
}
.member_book_list li{
	width:430px;
	margin:0 10px 10px 0;
	padding:0 5px;
	float:left;
	border-bottom:#ccc solid 1px;
}
.member_book_list li h2 a{
	color:#f60;
	font-size:12px;
	margin:0 0 5px;
}
#friend .replay h2{
	color:#f60;
	font-size:12px;
	text-align:center;
	margin:0 0 10px;
	padding:10px 0;
	border-top:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
}
#friend .replay h3{
	font-size:12px;
	margin:0 0 5px;
}
#friend .replay ul{
	margin:10px 0 0;
}
#friend .replay ul li{
	padding:10px;
	background:#eee;
	border-bottom:#ccc solid 1px;
}
#friend .replay ul li form{
	padding:10px;
	background:#eee;
}
#friend .replay textarea{
	width:100%;
	height:80px;
	margin:0 auto;
}

.clearfix{
	zoom:100%;
	min-hight:0px;
}
.clearfix:after{
	content:"";
	display:block;
	clear: both;
}
.ime{
	ime-mode:disabled;
}
.red,
.caution{
	color:#f00;
}
.txt_center{
	text-align:center;
}
.non_top{
	margin-top:0;
}
.color1{
	color:#f39800;
}
.color2{
	color:#51c4f3;
}
.color3{
	color:#db97be;
}
.color4{
	color:#f29397;
}
.color5{
	color:#a7d398;
}
.color6{
	color:#e0cfe2;
}
.color7{
	color:#f3d924;
}
.color8{
	color:#329e39;
}
.color9{
	color:#8e442b;
}
.color10{
	color:#ecd85f;
}
.color11{
	color:#164a95;
}
.color12{
	color:#6fb350;
}
.color13{
	color:#dda252;
}
.color14{
	color:#8f6a62;
}
.color15{
	color:#d6504f;
}
.color16{
	color:#99cee0;
}
.color17{
	color:#336691;
}
.color18{
	color:#9e9ea0;
}
.color19{
	color:#c41b20;
}
.color20{
	color:#231816;
}

#entry p{
	line-height:2em;
}
#entry table{
	width:100%;
	background:#fff;
	margin:25px 0;
	border-collapse:collapse;
}
#entry th{
	width:300px;
	background:#eee;
	padding:10px;
	border:#ccc solid 1px;
	white-space:nowrap;
	text-align:left;
}
#entry th .need{
	font-size:11px;
	color:#fff;
	background:#f00;
	padding:5px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	float:right;
}
#entry td{
	padding:10px;
	border:#ccc solid 1px;
}
#entry td input[type="text"]{
	width:500px;
	border-radius:4px;
	border:#ccc solid 1px;
	height:24px;
	padding:5px;
}
#entry td input.half{
	width:200px;
	margin:0 15px 0 5px;
}
#entry td textarea{
	width:500px;
	border-radius:4px;
	border:#ccc solid 1px;
	height:10em;
	padding:5px;
}
.ttl_addcourse{
	margin:20px 0 0;
	padding:20px 0 0;
	border-top:#ccc dashed 1px;
}
.marker{
	background:rgba(208,167,191,0.4);
	padding:0 2px;
}
.payment dl{
	margin:15px 0;
	border-bottom:#d2d2d2 solid 1px;
}
.payment dl dt{
	width:170px;
	border-top:#d2d2d2 solid 1px;
	padding:15px 0;
	float:left;
}
.payment dl dd{
	width:730px;
	border-top:#d2d2d2 solid 1px;
	padding:15px 0;
	float:left;
}