@charset "utf-8";

/* =============================================
 subject.css
=============================================== */

/* main
=============================================*/

/* textbook_menu
----------------------- */
#main .textbook_menu{
	position: relative;
	width:135px;
	text-align:center;
	float:left;
	margin:10px 20px 15px 0;
}
.ie7 #main .textbook_menu{
	position: static;
}
#main .textbook_menu:last-child{
	margin-right:0;
}
#main .textbook_menu:nth-child(6){
	margin-right:0;
}
#main .textbook_menu:nth-child(12){
	margin-right:0;
}
#main .textbook_menu h3{
	font-size:100%;
	font-weight:bold;
}
#main .textbook_wrp .textbook_menu h3 a{
	padding: 0 2px;
	height: 34px;
    width: 132px;
	color:#ffffff;
	background:#0097e0;
	display:table-cell;
	layout-grid-line: 34px;
	border-radius: 3px;
	behavior: url(../js/PIE.htc);
	line-height: 1.3em;
	vertical-align: middle;
	}
#main .textbook_wrp .textbook_menu a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
#main .textbook_wrp .textbook_menu p img{
	border:1px solid #ccc;
	height: 160px;
}

/* リンクテキスト */
#info .info02 ul{
	margin-bottom:20px;
}
#info .info02 ul li{
    padding-bottom: 10px;
    position: relative;
	padding-left:20px;
}
#info .info02 ul li:after {
    content: url("../../common/images/icon_img01.gif");
    padding-left: 3px;
    top: 3px;
}
#info .info02 ul li a {
    color: #134eb1;
    text-decoration: underline;
}
#info .info02 ul li a:hover {
    text-decoration: none;
}

/* 教科書の新刊 */
#main .textbook_wrp .textbook_menu .textbook_new,
#main .textbook_wrp .textbook_menu .textbook_revi{
	position: absolute;
	right: 0;
	top: -13px;
	z-index: 2;
	padding: 1px 0;
	width: 80px;
	color: #fff;
	text-align: center;
}
#main .textbook_wrp .textbook_menu .textbook_revi2{
	position: absolute;
	right: 0;
	top: -10px;
	z-index: 2;
	padding: 1px 0;
	width: 80px;
	color: #fff;
	text-align: center;
}
#main .textbook_wrp .textbook_menu .textbook_revi3{
	position: absolute;
	right: 0;
	top: -10px;
	z-index: 2;
	padding: 1px 0;
	width: 95%;
	color: #fff;
	text-align: center;
}
/* 30nen */
#main .textbook_wrp .textbook_menu .textbook_new_h30{
	position: absolute;
	right: 0;
	top: -13px;
	z-index: 2;
	padding: 1px 0;
	width: 80px;
	color: #fff;
	text-align: center;
}
/* 31nen */
#main .textbook_wrp .textbook_menu .textbook_new_h31,
#main .textbook_wrp .textbook_menu .textbook_revi_h31{
	position: absolute;
	right: 0;
	top: -13px;
	z-index: 2;
	padding: 1px 0;
	width: 80px;
	color: #fff;
	text-align: center;
}

.ie7 #main .textbook_wrp .textbook_menu .textbook_new,
.ie7 #main .textbook_wrp .textbook_menu .textbook_revi,
.ie7 #main .textbook_wrp .textbook_menu .textbook_revi2{
	position: static;
	display: block;
	float: right;
	margin: -22px 0 0;
}
#main .textbook_wrp .textbook_menu .textbook_new2{
	position: absolute;
	right: 0;
	top: -13px;
	z-index: 2;
	padding: 1px 0;
	width: 80px;
	color: #fff;
	text-align: center;
}


/* eigo */
#main .textbook_wrp.eigo .textbook_menu .textbook_revi{
	line-height: 1.7em;
}
#main .textbook_wrp.eigo .textbook_menu .textbook_revi.top_m{
	top: -7px;
}
#main .textbook_wrp.eigo .textbook_menu .textbook_revi.left{
	left: 1px;
}
#main .textbook_wrp.eigo .textbook_menu .textbook_revi.top_l{
	top: 3px;
}
#main .textbook_wrp.eigo .textbook_menu .textbook_revi.right{
	right: 0;
}
/* 29nen blue */
#main .textbook_wrp.eigo .textbook_menu .textbook_revi2{
	line-height: 1.7em;
}
#main .textbook_wrp.eigo .textbook_menu .textbook_revi2.top_m{
	top: -7px;
}
#main .textbook_wrp.eigo .textbook_menu .textbook_revi2.left{
	left: 1px;
}
#main .textbook_wrp.eigo .textbook_menu .textbook_revi2.top_l{
	top: 3px;
}
#main .textbook_wrp.eigo .textbook_menu .textbook_revi2.right{
	right: 0;
}

#main .textbook_wrp .textbook_menu .textbook_revi3.left2{
	top: 0px;
	left:0px;
}
#main .textbook_wrp .textbook_menu .textbook_revi3.left3{
	top: 0px;
	left:7px;
}

#main .textbook_wrp .textbook_menu .textbook_revi2.left3{
	top: 1px; /* 6px */
	left:56px;
}


/* math */
#main .textbook_wrp .textbook_menu .textbook_new.top_l{
	top: 38px;
	left:0;
}
#main .textbook_wrp .textbook_menu .textbook_new.top_r2{
	top: 30px;
	left:0;
}
#main .textbook_wrp .textbook_menu .textbook_new.top_l2{
	top: 38px;
	left:0;
}
/* 30nen */
#main .textbook_wrp.math .textbook_menu .textbook_new_h30.top_1{
	top: -7px;
	left:0;
    width: 144px;
    background-color: #ff8800;
}
/* 31nen */
#main .textbook_wrp.math .textbook_menu .textbook_new_h31.top_1{
	top: -7px;
	right: -1px;
    width: 134px;
    background-color: #ff8800;
}

#main .textbook_wrp .textbook_menu .textbook_new2.top_l2{
	top: 38px;
	left:0;
}

#main .textbook_wrp .textbook_menu .textbook_new2.top_l{
	top: -7px;
	left:20px;
}
#main .textbook_wrp .textbook_menu .textbook_revi.top_r3{
	top: 95px;
	left:56px;
}

/* syodo */
#main .textbook_wrp .textbook_menu.syodo .textbook_revi{
	line-height: 1.7em;
	left: 1px;
	top: -14px;
}
#main .textbook_wrp .textbook_menu.syodo .textbook_revi2{
	line-height: 1.7em;
	left: 1px;
	top: -14px;
}

#main .textbook_wrp .textbook_menu .textbook_new{
	background-color: #ff8800;
}
#main .textbook_wrp .textbook_menu .textbook_new2{
	background-color: #ff8800;
}
/* 31nen */
#main .textbook_wrp .textbook_menu .textbook_new_h31{
	background-color: #f95d5d;
}

#main .textbook_wrp .textbook_menu .textbook_revi{
	background-color: #ff8800;
}

#main .textbook_wrp .textbook_menu .textbook_revi2{
	background-color: #ff8800;
}
#main .textbook_wrp .textbook_menu .textbook_revi3{
	background-color: #ff8800;
}
/* 31nen */
#main .textbook_wrp .textbook_menu .textbook_revi_h31{
	background-color: #f95d5d;
}

/* 教科書2教科分 */
#main .textbook_wrp .textbook_menu p a .textbook_bn{
	border:1px solid #fff;
}
#main .textbook_wrp .textbook_menu h3 a span{
	font-size:75%;
}
/* joho*/
#main .textbook_wrp .textbook_menu .textbook_revi.dn_l{
	top: 125px;
	left:5px;
}


/* eigo*/
#main .textbook_wrp .textbook_menu .textbook_revi.dn_l4{
	top: 142px;
	left:56px;
}
/* 31nen */
#main .textbook_wrp.eigo .textbook_menu .textbook_revi_h31.top_1{
	top: -7px;
	right: -1px;
    width: 134px;
    background-color: #ff8800;
}
#main .textbook_wrp.eigo .textbook_menu .textbook_revi_h31.top_2{
	top: -7px;
	left: 1px;
    width: 108px;
    background-color: #ff8800;
}

@media screen and ( max-width: 910px ) {

/* title
-------------------------- */
.title_wrp .title{
	text-indent:0px;
}

.title_wrp .title p {
	margin-left:2%;
    font-size:110%;
    height: 60px;
    line-height: 60px;
}

.text_wrp .text p.title_img_sp {
	display: block;
}

.text_wrp .text p.title_img {
	display: none;
}


/* subject
=============================================== */
.title_wrp .title #subject{
	display:none;
}


/* main
============================================ */
#main{
	width:700px;
}

#main .textbook_menu{
	width:135px;
	text-align:center;
	float:left;
	margin-right:6px;
}
#main .textbook_menu:nth-child(5n){
	margin-right:0;
}

/* textbook_menu
----------------------- */
#main .textbook_menu h3{
	font-size:86%;
}
#main .textbook_wrp .textbook_menu h3 a {
    height: 30px;
    line-height: 1.2em;
}
#main .textbook_menu:nth-child(6){
	margin-right:6px;
}
#main .textbook_menu:nth-child(5){
	margin-right:0;
}

/* 教科書の新刊 */
#main .textbook_wrp .textbook_menu .textbook_new,
#main .textbook_wrp .textbook_menu .textbook_new2,
#main .textbook_wrp .textbook_menu .textbook_revi,
#main .textbook_wrp .textbook_menu .textbook_revi2,
#main .textbook_wrp .textbook_menu .textbook_new_h30,
#main .textbook_wrp .textbook_menu .textbook_new_h31,
#main .textbook_wrp .textbook_menu .textbook_revi_h31{
	top: 0;
	font-size: 86%;
}

/* eigo */
#main .textbook_wrp.eigo .textbook_menu .textbook_revi.top_m{
	top: 6px;
}
#main .textbook_wrp.eigo .textbook_menu .textbook_revi.top_l{
	top: 16px;
}
#main .textbook_wrp.eigo .textbook_menu .textbook_revi2.top_m{
	top: 6px;
}
#main .textbook_wrp.eigo .textbook_menu .textbook_revi2.top_l{
	top: 16px;
}
#main .textbook_wrp .textbook_menu .textbook_revi.left2{
	top: 6px;
	left:5px;
}

/* syodo */
#main .textbook_wrp .textbook_menu.syodo .textbook_revi{
	top: -1px;
}
#main .textbook_wrp .textbook_menu.syodo .textbook_revi2{
	top: -1px;
}
#main .textbook_wrp .textbook_menu .textbook_revi2.top_l2{
	top: 0;
	left:58px;
}
	#main .textbook_wrp .textbook_menu .textbook_revi3.w1{
	top: -1px;
}
	
/* joho*/
#main .textbook_wrp .textbook_menu .textbook_revi.dn_l{
	top: 135px;
	left:5px;
}


/* @media screen and ( max-width: 910px )*/
}
/* //@media screen and ( max-width: 910px )*/


@media screen and ( max-width: 768px ) {

/* main
============================================ */
#main{
	width:440px;
}

#main .textbook_menu{
	width:135px;
	text-align:center;
	float:left;
	margin-right:17px;
}
#main .textbook_menu:nth-child(5n){
	margin-right:17px;
}
#main .textbook_menu:nth-child(3n){
	margin-right:0;
}

#main .textbook_wrp .textbook_menu .textbook_revi2{
	position: absolute;
	right: 0;
	top: -2px;
	z-index: 2;
	padding: 1px 0;
	width: 80px;
	color: #fff;
	text-align: center;
}
	
	
#main .textbook_wrp .textbook_menu .textbook_new.top_r2{
	top: 44px; /* 30px */
	left:0;e
}
#main .textbook_wrp .textbook_menu .textbook_new2.top_l{
	top: 4px; /* -8px */
	left:20px;
}
#main .textbook_wrp .textbook_menu .textbook_new.top_l2{
	top: 42px; /* -8px */
	left:0;
}

/* eigo */
#main .textbook_wrp .textbook_menu .textbook_revi2.left3{
	top: 11px; /* 6px */
	left:56px;
}
#main .textbook_wrp .textbook_menu .textbook_revi.dn_l4{
	top: 150px;
	left:56px;
}	
/* 31nen */
#main .textbook_wrp.eigo .textbook_menu .textbook_revi_h31.top_1{
	top: 6px;
	right: -1px;
    width: 134px;
    background-color: #ff8800;
}
#main .textbook_wrp.eigo .textbook_menu .textbook_revi_h31.top_2{
	top: 6px;
	left: 1px;
    width: 108px;
    background-color: #ff8800;
}

/* math */
#main .textbook_wrp.math .textbook_menu .textbook_new_h31.top_1 {
    top: 6px;
}

/* @media screen and ( max-width: 768px )*/
}
/* //@media screen and ( max-width: 768px )*/



@media screen and ( max-width: 480px ) {

/* main
============================================ */
#main {
    margin: 0 auto;
    width: 280px;
}

#main .textbook_menu{
	width:135px;
	text-align:center;
	float:left;
	margin-right:10px;
}
#main .textbook_menu:nth-child(5n){
	margin-right:10px;
}
#main .textbook_menu:nth-child(3n){
	margin-right:10px;
}
#main .textbook_menu:nth-child(even){
	margin-right:0;
}


/* @media screen and ( max-width: 480px )*/
}
/* //@media screen and ( max-width: 480px )*/