/* CSS Document */

/* ---------- 中ページ共通 ----------*/

#inArea {
	width: 710px;
	padding: 0px;
	float: right;
}


#intitle {
	width: 710px;
	height: 26px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background:url(../images/common/intitle_gr.gif) no-repeat;
}

#intitleBl {
	width: 710px;
	height: 26px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background:url(../images/common/intitle_bl.gif) no-repeat;
}

#intitleGray {
	width: 710px;
	height: 26px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background:url(../images/common/intitle_gray.gif) no-repeat;
}

#intitleBr {
	width: 710px;
	height: 26px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background:url(../images/common/intitle_br.gif) no-repeat;
}

#intitlePur {
	width: 710px;
	height: 26px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background:url(../images/common/intitle_pur.gif) no-repeat;
}

#intitleLPur {
	width: 710px;
	height: 26px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background:url(../images/common/intitle_lpur.gif) no-repeat;
}

#intitleLGr {
	width: 710px;
	height: 26px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background:url(../images/common/intitle_lgr.gif) no-repeat;
}

#inttxt {
	color:#FFFFFF;
	padding: 7px 0px 0px 16px;
}

#inttxt a{
	color:#FFFFFF;
	text-decoration:none;
}

#inttxt a:hover{
	text-decoration:underline;
}

#inCont {
	width: 690px;
	padding: 0px;
	margin: 0px auto 0px auto;
}

.inImgTop {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.inBox510 {
	width: 510px;
	margin: 0px;
	padding: 0px;
}

.inBox510c {
	width: 490px;
	margin: 0px 0px 5px 0px;
	padding: 10px;
	background:#EEEEEE;
}

.inBox400 {
	width: 400px;
	margin: 0px auto 0px auto;
	padding: 0px;
}

.inBox400 a{
	color: #666666;
	text-decoration:underline;
}

/* ---------- 書籍トップ ----------*/

.shoBox1 {
	width: 226px;
	padding: 0px;
	margin: 0px 6px 0px 0px;
	float: left;
}

.shoBox3 {
	width: 226px;
	margin: 0px;
	padding: 0px;
	float: right;
}

.sholist {
	width: 226px;
	margin: 0px 0px 6px 0px;
	padding: 0px;
	list-style: none;
}

.sholist .shotop{
	width: 226px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	background:url(../images/shoseki/cattop.gif) no-repeat;
}

.shotopTxt{
	padding: 7px 0px 0px 24px;
	color:#FFFFFF;
}

.shotopTxt a{
	color:#FFFFFF;
	text-decoration:none;
}

.shotopTxt a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

.sholist .shobot{
	width: 226px;
	height: 6px;
	margin: 0px;
	padding: 0px;
	background:url(../images/shoseki/catbot.gif) top no-repeat;

}

.sholist .sholink1 {
	width: 226px;
	margin: 0px;
	padding: 0px;
	background:url(../images/shoseki/catlink_1.gif) top no-repeat #EFEFEF;
}

.sholist .sholink2 {
	width: 226px;
	margin: 0px;
	padding: 0px;
	background:url(../images/shoseki/catlink_2.gif) top no-repeat #DADADA;

}

.sholist .sholinktxt {
	padding: 6px 6px 6px 20px;
}

.sholist .sholinktxt a{
	color: #333333;
	text-decoration:none;
}

.sholist .sholinktxt a:hover{
	color: #333333;
	text-decoration:underline;
}

.shotop2{
	width: 226px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	background:url(../images/shoseki/dokushotop.gif) no-repeat;
}

.shobot2{
	width: 226px;
	height: 6px;
	margin: 0px;
	padding: 0px;
	background:url(../images/shoseki/dokushobot.gif) top no-repeat;

}

/* ---------- 書籍 項目トップ ----------*/

#shoTIshad {
	width: 690px;
	height: 100px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.shoTIpad {
	padding: 30px 10px 10px 340px;
} 

.shoBoBox {
	width: 129px;
	margin: 0px 2px 10px 4px;
	padding: 0px;
	float: left;
	background-color:#EFEFEF;
	border: #90B3DF solid 1px;
}

.shoBoBox .shoBoIn {
	padding: 10px;
	text-align:center;
}

.shoBoBox .shoBoImg{
	margin: 0px 0px 3px 0px;
	padding: 0px;
}

.shoBoBox .shoBoIn a{
	color: #333333;
	text-decoration:none;
}

.shoBoBox .shoBoIn a:hover{
	color:#FF6C00;
}
	
/* ---------- 書籍 詳細ページ ----------*/

#shoShoArea {
	width: 510px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#shoShoInd {
	width: 170px;
	margin: 0px;
	padding: 0px;
	float: right;
}

.shoShoGray {
	margin: 10px ;
	padding: 10px;
	background:#EEEEEE;
}

.shoShoBa {
	margin: 10px 0px 0px 0px;
	padding: 10px;
	background:#FFF9D9;
}

.shoSholist {
	width: 170px;
	margin: 0px 0px 6px 0px;
	padding: 0px;
	list-style: none;
}

.shoSholist .shoShotop{
	width: 170px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	background:url(../images/shoseki/catshotop.gif) no-repeat;
}

.shoSholist .shoShobot{
	width: 170px;
	height: 6px;
	margin: 0px;
	padding: 0px;
	background:url(../images/shoseki/catshobot.gif) top no-repeat;

}

.shoSholist .shoSholink1 {
	width: 170px;
	margin: 0px;
	padding: 0px;
	background:url(../images/shoseki/catsholink_1.gif) top no-repeat #EFEFEF;
}

.shoSholist .shoSholink2 {
	width: 170px;
	margin: 0px;
	padding: 0px;
	background:url(../images/shoseki/catsholink_2.gif) top no-repeat #DADADA;
}

.shoSholist .toShotop{
	width: 170px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	background:url(../images/shoseki/toshotop.gif) no-repeat;
}

.shoSholist .toShobot{
	width: 170px;
	height: 6px;
	margin: 0px;
	padding: 0px;
	background:url(../images/shoseki/toshobot.gif) top no-repeat;

}

.shoSholist .toSholink1 {
	width: 170px;
	margin: 0px;
	padding: 0px;
	background:url(../images/shoseki/tosholink_1.gif) top no-repeat #FFC9AB;
}

.shoSholist .toSholink2 {
	width: 170px;
	margin: 0px;
	padding: 0px;
	background:url(../images/shoseki/tosholink_2.gif) top no-repeat #FFE4D5;
}

.shoShotopTxt{
	padding: 7px 0px 0px 24px;
	color:#FFFFFF;
}

.shoShotopTxt a{
	color:#FFFFFF;
	text-decoration:none;
}

.shoShotopTxt a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

.shoSholinktxt {
	padding: 6px 6px 6px 20px;
}

.shoSholinktxt a{
	color: #333333;
	text-decoration:none;
}

.shoSholinktxt a:hover{
	color: #333333;
	text-decoration:underline;
}

.shoSholist .dokushotop2{
	width: 170px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	background:url(../images/shoseki/dokushotop2.gif) no-repeat;
}

.shoSholist .dokushobot2{
	width: 170px;
	height: 6px;
	margin: 0px;
	padding: 0px;
	background:url(../images/shoseki/dokushobot2.gif) top no-repeat;

}

/* --------- 絵本 詳細ページ ----------*/

.shoEhBox {
	width: 93px;
	margin: 0px 2px 10px 4px;
	padding: 0px;
	float: left;
	background-color:#fffff0 ;
	border: #87cefa solid 1px;
}

.shoEhBox .shoEhIn {
	padding: 10px;
	text-align:center;
}

.shoEhBox .shoEhImg{
	margin: 0px 0px 3px 0px;
	padding: 0px;
}

.shoEhBox .shoEhIn a{
	color: #333333;
	text-decoration:none;
}

.shoEhBox .shoEhIn a:hover{
	color:#FF6C00;
}


.shoEhBar {
	margin: 5px ;
	padding: 3px;
	background:#6495ed ;
}


/* ---------- イベント関連ページ ----------*/

.shoSholist .shoEventtop{
	width: 170px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	background:url(../images/shoseki/catshotop_muji.gif) no-repeat;

}

/* ---------- 通信講座　トップ ----------*/

#tuSen {
	width: 690px;
	margin : 10px 0px 10px 0px;
	padding: 0px;
}

#tuSen .tuBox1 {
	width: 220px;
	margin: 0px;
	padding: 0px;
	float: left;
	background:url(../images/tushin/tnbg.gif);
}

#tuSen .tuBox2 {
	width: 220px;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	float: left;
	background:url(../images/tushin/tnbg.gif);
}

#tuSen .tuBox3 {
	width: 220px;
	margin: 0px;
	padding: 0px;
	float: right;
	background:url(../images/tushin/tnbg.gif);
}

#tuSen .tuBot {
	width: 220px;
	margin: 0px;
	padding: 0px;
	background:url(../images/tushin/tnbot.gif) bottom no-repeat;
}

#tuSen .tuTxt {
	padding: 10px;
}

#tuSen .tuTxt .tuTiOr{
	background-color:#FF782D;
	padding: 5px;
	margin: 0px 0px 5px 0px;
	color:#FFFFFF;
	text-align:center;
}

#tuSen .tuTxt .tuTiGr{
	background-color:#1FCA09;
	padding: 5px;
	margin: 0px 0px 5px 0px;
	color:#FFFFFF;
	text-align:center;
}

#tuSen .tuTxt .tuTiBl{
	background-color:#3374C4;
	padding: 5px;
	margin: 0px 0px 5px 0px;
	color:#FFFFFF;
	text-align:center;
}

#tuSen .tuTxt a{
	color:#FFFFFF;
}

#tukotoba{
	background-color:#AEB6BF;
	padding: 5px;
	margin: 0px 0px 10px 0px;
	color:#FFFFFF;
	text-align:center;
}

#tuKenshu {
	width: 200px;
	margin: 0px 0px 10px 10px;
	float: right;
	background-color:#7C9890;
}

#tuKenshu #tuKenTxt{
	padding: 10px;
}

/* ---------- 通信講座　コース ----------*/

#tuCoco {
	width: 170px;
	margin: 0px 0px 10px 0px;
	background:#FFF9D9;
}

#tuCoco .toCocoTi {
	padding: 5px;
	background-color:#0066CC;
	color:#FFFFFF;
	text-align:center;
}

#tuCoco .toCocoSu {
	padding: 5px;
	background-color:#FFEA79;
}

#tuCoco .toCocoWe {
	margin: 5px 0px 3px 0px;
}

#tuCoco .toCocoBox {
	padding: 5px;
}

#tuNaiyo {
	width: 500;
	margin: 0px 0px 4px 0px;
	padding: 5px;
	background-color:#D00909;
	color:#FFFFFF;
	text-align:center;
}

.tuImgEx {
	float: left;
	width: 140px;
	margin : 0px 10px 0px 0px;
	text-align:center;
}

/* ---------- リンク ----------*/

.linkBox {
	width: 690px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background-color: #DBDADA;
}

.linkBox .linkPad{
	padding: 10px;
	background-color:#F4F4F4;
}

.linkBox .linkPad2{
	padding: 10px;
	background-color:#DBDADA;
}


.linkBox .linkBoxLeft{
	padding: 20px 0px 0px 10px;
	float: left;
}

.linkBox .linkBoxLeft2{
	padding: 10px 0px 0px 10px;
	float: left;
}


.linkBox .linkBoxRight{
	width: 498px;
	padding: 10px;
	float: right;

}

/* ---------- 読者の声 ----------*/

.squbox {
	width: 150px;
	height: 212px;
	float: left;
}

#dokuright {
	width: 350px;
	margin: 0px;
	padding: 0px;
	float:right;
}

.dokuvoice {
	padding: 10px;
	background-color:#F6E5EB;
}

.dokuans {
	margin: 0px 0px 10px 0px;
	padding: 10px;
	background-color:#EEEEEE;
}

.dokushalink {
	margin: 10px 0p 5px 0px;
	padding: 15px;
	background-color:#D0A69E;
	
}

#dokutitle {
	width: 690px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
	
/* ---------- 目次PDF ----------*/

.pdfBox {
	width: 690px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

.pdfBox .pdfBoxCenter{
	width: 490px;
	padding: 10px;
	float: right;
}

.pdfBox .pdfBoxCenter3{
	width: 550px;
	padding: 10px;
	float: right;

}


/* ---------- 動画 項目トップ ----------*/

#shoMVshad {
	width: 690px;
	height: 100px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.shoMVpad {
	padding: 30px 10px 10px 340px;
} 

.shoMVBox {
	width: 165px;
	margin: 0px 2px 10px 4px;
	padding: 20px;
	float: left;
	background-color:#FFCCCC;
	border: #90B3DF solid 1px;
}

.shoMVBox .shoMVIn {
	padding: 0px;
	text-align:center;
}

.shoMVBox .shoMVImg{
	margin: 0px 0px 3px 0px;
	padding: 0px;
}

.shoMVBox .shoMVIn a{
	color: #333333;
	text-decoration:none;
}

.shoMVBox .shoIn a:hover{
	color:#FF6C00;
}