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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
    border:0;
    outline:0;
	font-size: 100%;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
    line-height:1;
}

html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea,{
	margin: 0;
	padding: 0;
}

ol, ul{
    list-style:none;
}

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

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}

.clearfix{
overflow:hidden;
}

.both{
	clear:both;
}

.inline_block {  
	display: inline-block;  
	*display: inline;  
	*zoom: 1;  
}

img {
	max-width:100%;
	/*vertical-align:baseline;*/
	vertical-align:bottom;
}

table {
	width:100%;
}

a,a:hover {
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

a img:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

sup {
	line-height: 100%;
	font-size:10px;
	vertical-align: 0.4em;
}
sub{
	line-height: 100%;
	font-size:10px;
	vertical-align: -0.1em;
}

.txtLeft{
text-align:left;
}
.txtRight{
text-align:right;
}
.txtCenter{
text-align:center;
}

.fLeft{ float:left;}
.fRight{ float:right;}
.fNon{
	float:none !important;
}

.mTop0{ margin-top:0 !important;}
.mTop5{ margin-top:5px !important;}
.mTop10{ margin-top:10px !important;}
.mTop15{ margin-top:15px !important;}
.mTop20{ margin-top:20px !important;}
.mTop25{ margin-top:25px !important;}
.mTop30{ margin-top:30px !important;}
.mTop35{ margin-top:35px !important;}
.mTop40{ margin-top:40px !important;}
.mTop45{ margin-top:45px !important;}
.mTop50{ margin-top:50px !important;}

.mBtm0{ margin-bottom:0 !important;}
.mBtm5{ margin-bottom:5px !important;}
.mBtm10{ margin-bottom:10px !important;}
.mBtm15{ margin-bottom:15px !important;}
.mBtm20{ margin-bottom:20px !important;}
.mBtm25{ margin-bottom:25px !important;}
.mBtm30{ margin-bottom:30px !important;}
.mBtm35{ margin-bottom:35px !important;}
.mBtm40{ margin-bottom:40px !important;}
.mBtm45{ margin-bottom:45px !important;}
.mBtm50{ margin-bottom:50px !important;}
.mBtm60{ margin-bottom:60px !important;}
.mBtm65{ margin-bottom:65px !important;}
.mBtm70{ margin-bottom:70px !important;}
.mBtm75{ margin-bottom:75px !important;}
.mBtm80{ margin-bottom:80px !important;}
.mBtm85{ margin-bottom:85px !important;}
.mBtm90{ margin-bottom:90px !important;}
.mBtm95{ margin-bottom:95px !important;}
.mBtm100{ margin-bottom:100px !important;}

.pBtm0{ padding-bottom:0 !important;}
.pBtm5{ padding-bottom:5px !important;}
.pBtm10{ padding-bottom:10px !important;}
.pBtm15{ padding-bottom:15px !important;}
.pBtm20{ padding-bottom:20px !important;}
.pBtm25{ padding-bottom:25px !important;}
.pBtm30{ padding-bottom:30px !important;}
.pBtm35{ padding-bottom:35px !important;}
.pBtm40{ padding-bottom:40px !important;}
.pBtm45{ padding-bottom:45px !important;}
.pBtm50{ padding-bottom:50px !important;}
.pBtm60{ padding-bottom:50px !important;}
.pTop0{ padding-bottom:0 !important;}

.mr115{ margin-right:115px !important;}

/************** layout base ********************/

body{
background:#ffffff;
margin:0 auto;
font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.5;
font-size:13px;

}

div,p,dl{
text-align:left;
}

p,dt,dd,li,td,th{
color:#000000;
}

h1,h2,h3,h4,h5,h6{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo,  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#00B0AD;
}

/****** header ******/
#logo{
	width:100%;
	margin:10px auto;
}

/****** gnavi ******/

nav{
	margin:0 0 10px 0;
	padding: 0 0 3px 0;
}
nav ul{
	background:url(images/bg_navi.png) left top;
	background-size:auto;
	overflow:hidden;
	margin:0 auto;
	width:100%;
}
nav ul li{
	float:left;
	width:25%;
	line-height:1;
}

#mainimg{
	width:95%;
	margin:0 auto;
}

/****** contents ******/
#contents{
	background:url(images/bg_contents.gif) left bottom repeat-x #fffde0;
	background-size:1px;
	width: 92%;
	margin: 0px auto;
	text-align:center;
}

#contents .inner{
	margin:0 auto;
	padding:20px 0;
}
#contents .inner h2{
	margin:0 0 20px 0;
	text-align:center;
}
#contents .inner p{
	text-align:center;
}

.line1{
	line-height:1;
}

/****** footer ******/
#contents #subNavi{
	width:100%;
	margin:25px auto 0 auto;
	padding-bottom:10px;
	font-size:10px;
	text-align:left;
}
#subNavi a{
	color:#505050;
}

footer{
	background:#0068B7;
}
#copy{
	
	width:92%;
	margin:0 auto;
	padding:5px;
	color:#ffffff;
	text-align:right;
}

/****** top ******/
#top #contents{
	background:url(images/bg_square.gif) left top repeat;
}

#top #contents #subNavi{
	padding:0 0 15px 0;
}

/****** tokuten ******/
#tokuten #contents{
	background:url(images/bg_tokuten.gif) left bottom repeat-x #fffde0;
	background-size:1px auto;
}
#serial{
	background:	url(images/bg_serial.gif) left bottom repeat;
	width:92%;
	margin:25px auto 0 auto;
	/* border-radius */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/* box-shadow */
	box-shadow:5px 5px 9px -3px #9fa2a4;
	-moz-box-shadow:5px 5px 9px -3px #9fa2a4;
	-webkit-box-shadow:5px 5px 9px -3px #9fa2a4;
}
#serial h3{
	background:url(images/bg_serial_apply.png) left top repeat-x;
	background-size:1px auto;
	margin:0 0 17px 0;
	padding:7px 0 5px 0;
	text-align:center;
	/* border-radius */
	border-radius: 10px 10px 0 0;
}
#serial form{
	margin:0 0 10px 0;
	text-align:center;
}
#serial form input{
	height:28px;
}
#serial form .serialApply{
	width:168px;
}
#serial form .serialSubmit{
	margin:0 0 0 5px;
	vertical-align:middle;
}

iframe,
#sBox{
	width:100%;
	margin:0 auto;
}

/****** buy ******/
#buy #contents{
	background:url(images/bg_square.gif) left top repeat;
	background-size:12px;
	padding:15px 0;
}
#buy #contents .inner{
	width:93%;
	margin:0 auto;
	padding-bottom:0;
}
.two,.three{
	overflow:hidden;
	margin:10px 0 0 0;
	text-align:center;
}
.two li,.three li{
	display:inline-block;
}

#buy #contents h3{
	margin:10px auto 18px auto;
}

.detailBox{
	background:#ffffff;
	margin:0 auto 20px auto;
	/* box-shadow */
	box-shadow:4px 5px 6px -3px #95a7b1;
	-moz-box-shadow:4px 5px 6px -3px #95a7b1;
	-webkit-box-shadow:4px 5px 6px -3px #95a7b1;
	/* border-radius */
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.detailBox h4{
	padding:7px 0;
	text-align:center;
	border-radius:6px 6px 0 0;
}

#buy table th{
	width:25%;
	color:#ffffff;
	border-left:2px solid #cfd0d0;
	text-align:center;
	vertical-align:middle;
	line-height:1.2;
	font-size:12px;
}
#buy table th span{
	font-size:12px;
}
#buy table thead th:nth-child(1){
	border:none;
	width:15%;
}
#buy table thead th:nth-child(3){
	width:60%;
}
#buy table td{
	border:2px solid #cfd0d0;
	text-align:center;
	vertical-align:middle;
	font-size:12px;
	font-weight:bold;
}
#buy table tr td:nth-child(1){
	border-left:none;
}
#buy table tr td:last-child{
	border-right:none;
	padding:5px 0;
}
#buy table tr td:last-child img{
	margin:0 0 5px 0;
}
#buy table tr:last-child td{
	border-bottom:none;
}
.price{
	color:#e60012;
}

#contents .inner .note{
	margin:0 0 15px 0;
	padding-left: 14px;
	text-indent: -14px;
	text-align:left;
	font-size:14px;
}
#buy #contents #subNavi{
	padding-bottom:0;
}

/* 教科別
---------------------------------------------------------------------------- */
#kokugo,
#social,
#math,
#english,
#science{
	margin:0 0 15px 0;
}

.kokugo h4{
	background:#f6dae5;
}
.kokugo table th{
	background:url(images/bg_kokugo.png) left top repeat-x;
	background-size:1px;
}
.social h4{
	background:#fdebc6;
}
.social table th{
	background:url(images/bg_social.png) left top repeat-x;
	background-size:1px;
}
.math h4{
	background:#b2e5f9;
}
.math.smalece h4{
	background:#00af00;
}
.math.smalece td img{
	margin: 0 0 5px 0;
}
.math table th{
	background:url(images/bg_math.png) left top repeat-x;
	background-size:1px;
}
.science h4{
	background:#d4ece7;
}
.science table th{
	background:url(images/bg_science.png) left top repeat-x;
	background-size:1px;
}
.english h4{
	background:#d3cfe5;
}
.english table th{
	background:url(images/bg_english.png) left top repeat-x;
	background-size:1px;
}

/****** download ******/
#download .inner{
	width:93%;
	margin:0 auto;
}
.contentsNavi{
	margin:0 0 43px 0;
	text-align:center;
}
.contentsNavi li{
	margin:0 0 23px 0;
}

#sumareku{
	background:#ffffff;
	margin:0 0 30px 0;
	padding:0 0 25px 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	/* box-shadow */
	box-shadow:1px 3px 4px 0px #b4b4b4;
	-moz-box-shadow:1px 3px 4px 0px #b4b4b4;
	-webkit-box-shadow:1px 3px 4px 0px #b4b4b4;
}
#sumareku h3,
#booklive h3{
	margin:0 0 20px 0;
	text-align:center;
}
#sumareku .appList{
	margin:0 0 40px 0;
	text-align:center;
}
#sumareku .appList li{
	margin:0 0 17px 0;
}
#sumareku p{
	margin:0 0 15px 0;
}

#booklive{
	background:#ffffff;
	margin:0 0 30px 0;
	padding:0 0 10px 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	/* box-shadow */
	box-shadow:1px 3px 4px 0px #b4b4b4;
	-moz-box-shadow:1px 3px 4px 0px #b4b4b4;
	-webkit-box-shadow:1px 3px 4px 0px #b4b4b4;
}
#booklive #couponArea{
	position:relative;
	width:85%;
	background:url(images/bg_coupon.png) left top no-repeat;
	background-size:100%;
	margin:0 auto 24px auto;
	padding:10px 10px 6% 10px;
	border-radius:6px;
}
#booklive #coupon{
	background:url(images/bg_couponcode.png) center top no-repeat;
	background-size:auto 32px;
	margin:50px 0 0 0;
	padding:8px 0;
}
#booklive #couponArea .hukidashi{
	position:absolute;
	top:120px;
	left:10px;
}
#booklive  .step{
	width:90%;
	margin:0 auto 15px auto;
}
#booklive  .step li{
	margin:0 0 10px 0;
}
#download .inner #booklive .note{
	width:90%;
	margin:0 auto;
	padding-left:28px;
}
#booklive  .note span{
	color:#e60012;
}


/****** smalecebook ******/
#smalec #contents{
	background:#e7f2e1;
	padding:15px 0 0 0;
}
#smalec  h2{
	margin: 0 0 50px 0;
}
#smalec  h3{
	margin:0 0 25px 0;
	text-align:center;
}

#smalec  h4{
	width:90%;
	margin:0 auto 30px auto;
}

#smalec .whiteBox{
	background:#fff;
	width:88%;
	margin:0 auto;
	padding:0 0 15px 0;
	border-radius:10px;
	box-shadow:5px 6px 5px 0px #8f958b;
	-moz-box-shadow:5px 6px 5px 0px #8f958b;
	-webkit-box-shadow:5px 6px 5px 0px #8f958b;
}
#smalec .whiteBox ul{
	text-align:center;
}
#smalec .whiteBox ul li:first-child{
	margin:0 0 15px 0;
}
#smalec .notie{
	width:90%;
	margin:15px auto 0 auto;
}

#smalec .download{
	margin-bottom:25px;
}
#smalec .download .inner{
	padding-bottom:0;
}
#smalec .lecture ul{
	margin-bottom:45px;
}

#smalec #howtoBox h3{
	margin-bottom:32px;
}
#smalec #howtoBox{
	margin-bottom:25px;
}
#movieBox{
	background:url(images/bg_orange.png) left bottom repeat-x #fffcdb;
	background-size:1px auto;
	width:90%;
	margin:-13px auto 0;
	padding:13px 0 12px 0;
	border-radius:10px;
}
#movieBox .inner{
	width:92%;
	margin:0 auto;
	padding:0;
}
#movieTitle{
	margin:12px 0 5px 0;
	text-align:center;
}
#movieImg{
	margin:0 0 15px 0;
	text-align:center;
}