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

/*-------------------------------------------------▼全体ここから-------------------------------------------------*/
*{
	margin:0px;
	padding:0px;
}


/*-------------------------------------------------▼魔法のタグ-------------------------------------------------*/
* { box-sizing : border-box}
* { -moz-box-sizing : border-box}


body{
	margin:0px;
	padding:0px;
}

/* サイトの共通の文字サイズをここで指 */
p{
	margin:20px 40px;
	padding:0px;
	font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#444444;
	line-height:1.8em;
	font-size:12px;
	clear:both;
}


/*-------------------------------------------------▲全体ここまで-------------------------------------------------*/


/*-------------------------------------------------▼リンク指ここから-------------------------------------------------*/

a{
	text-decoration:none;
}
a:link {
	color:#0d08cc;
	text-decoration:underline;
}
a:visited {
	color:#cc3366;
	text-decoration:underline;
}
a:hover{
	color:#007aab;
	text-decoration:none;
}
a:active{
	color:#007aab;
}

a img{
	border:none;
}


/*-------------------------------------------------▲リンク指ここまで-------------------------------------------------*/

/*-------------------------------------------------▼ヘッダここから-------------------------------------------------*/

/* ヘッダーのバックグラウンド画像をここで指 */
#head{
	background:url(../img/head_bg.jpg) repeat-x;
	height:133px;
	padding:0px;
	margin:0 0 10px 0;
	text-align:center;
}



/* ヘッダー上のテキストをここで指 */
#head h1{
	margin:0px auto;
	padding:0px;
	background:url(../img/head.jpg) no-repeat;
	text-indent:-9999px;
	width:950px;
	height:133px;
}

 
#head a{
	width:270px;
	height:90px;
	text-indent:-9999px;
	display:block;
	margin:0 0 0 -475px;
	padding:0px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:50%;
}



/*-------------------------------------------------▲ヘッダここまで-------------------------------------------------*/

/*-------------------------------------------------▼ナビゲーションここから-------------------------------------------------*/

#navi{
	width:950px;
	height:28px;
	margin:0px 0px 0px -475px;
	padding:0px;
	background:url(../img/navi.jpg) no-repeat;
	position:absolute;
	left:50%;
	top:90px;
}

#navi ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#navi li{
	float:left;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

#navi li a{
	text-decoration:none;
	display:block;
	text-indent:-9999px;
}

/* ●●コンテンツ１ボタン画像●●ボタンに合わせてwidthを指 */
#navi_btn1 a{
	width:115px;
	height:28px;
	background:url(../img/navi.jpg) no-repeat 0px 0px;
	}

#navi_btn1 a:hover{
	background:url(../img/navi.jpg) no-repeat 0px -28px;
}

/* ●●コンテンツ２ボタン画像●●ボタンに合わせてwidthを指 */
#navi_btn2 a{
	width:115px;
	height:28px;
	background:url(../img/navi.jpg) no-repeat -115px 0px;
}

#navi_btn2 a:hover{
	background:url(../img/navi.jpg) no-repeat -115px -28px;
}

/* ●●コンテンツ３ボタン画像●●ボタンに合わせてwidthを指 */
#navi_btn3 a{
	width:100px;
	height:28px;
	background:url(../img/navi.jpg) no-repeat -230px 0px;
}

#navi_btn3 a:hover{
	background:url(../img/navi.jpg) no-repeat -230px -28px;
}

/* ●●コンテンツ４ボタン画像●●ボタンに合わせてwidthを指 */
#navi_btn4 a{
	width:125px;
	height:28px;
	background:url(../img/navi.jpg) no-repeat -330px 0px;
}

#navi_btn4 a:hover{
	background:url(../img/navi.jpg) no-repeat -330px -28px;
}

/* ●●コンテンツ５ボタン画像●●ボタンに合わせてwidthを指 */
#navi_btn5 a{
	width:75px;
	height:28px;
	background:url(../img/navi.jpg) no-repeat -455px 0px;
}

#navi_btn5 a:hover{
	background:url(../img/navi.jpg) no-repeat -455px -28px;
}

/* ●●コンテンツ6ボタン画像●●ボタンに合わせてwidthを指 */
#navi_btn6 a{
	width:120px;
	height:28px;
	background:url(../img/navi.jpg) no-repeat -535px 0px;
}

#navi_btn6 a:hover{
	background:url(../img/navi.jpg) no-repeat -535px -28px;
}

/* ●●コンテンツ7ボタン画像●●ボタンに合わせてwidthを指 */
#navi_btn7 a{
	width:90px;
	height:28px;
	background:url(../img/navi.jpg) no-repeat -655px 0px;
}

#navi_btn7 a:hover{
	background:url(../img/navi.jpg) no-repeat -655px -28px;
}

/* ●●コンテンツ8ボタン画像●●ボタンに合わせてwidthを指 */
#navi_btn8 a{
	width:115px;
	height:28px;
	background:url(../img/navi.jpg) no-repeat -745px 0px;
}

#navi_btn8 a:hover{
	background:url(../img/navi.jpg) no-repeat -745px -28px;
}


/*-------------------------------------------------▲ナビゲーションここまで-------------------------------------------------*/

/*-------------------------------------------------▼wrapここから-------------------------------------------------*/

#wrap {
	margin:0 auto;
	padding:0px;
	width:950px;
	}

/*-------------------------------------------------▲wrapここまで-------------------------------------------------*/

#fla {
	margin:0 auto 10px auto;
	padding:0;
	width:910px;
	}


#con_navi{
	width:950px;
	height:60px;
	margin:0;
	padding:0;
	background:url(../img/con_navi.jpg) no-repeat;
}

#con_navi{
	list-style:none;
	margin:0px;
	padding:0px;
}

#con_navi li{
	float:left;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

#con_navi li a{
	text-decoration:none;
	display:block;
	text-indent:-9999px;
}

/* ●●コンテンツ１ボタン画像●●ボタンに合わせてwidthを指 */
#con_navi_btn1 a{
	width:202px;
	height:60px;
	background:url(../img/con_navi.jpg) no-repeat 0px 0px;
	}

#con_navi_btn1 a:hover{
	background:url(../img/con_navi.jpg) no-repeat 0px -60px;
}

/* ●●コンテンツ２ボタン画像●●ボタンに合わせてwidthを指 */
#con_navi_btn2 a{
	width:223px;
	height:60px;
	background:url(../img/con_navi.jpg) no-repeat -202px 0px;
}

#con_navi_btn2 a:hover{
	background:url(../img/con_navi.jpg) no-repeat -202px -60px;
}

/* ●●コンテンツ３ボタン画像●●ボタンに合わせてwidthを指 */
#con_navi_btn3 a{
	width:171px;
	height:60px;
	background:url(../img/con_navi.jpg) no-repeat -425px 0px;
}

#con_navi_btn3 a:hover{
	background:url(../img/con_navi.jpg) no-repeat -425px -60px;
}

/* ●●コンテンツ４ボタン画像●●ボタンに合わせてwidthを指 */
#con_navi_btn4 a{
	width:151px;
	height:60px;
	background:url(../img/con_navi.jpg) no-repeat -596px 0px;
}

#con_navi_btn4 a:hover{
	background:url(../img/con_navi.jpg) no-repeat -596px -60px;
}

/* ●●コンテンツ５ボタン画像●●ボタンに合わせてwidthを指 */
#con_navi_btn5 a{
	width:203px;
	height:60px;
	background:url(../img/con_navi.jpg) no-repeat -747px 0px;
}

#con_navi_btn5 a:hover{
	background:url(../img/con_navi.jpg) no-repeat -747px -60px;
}


#point {
	margin:0;
	padding:0;
	}

#point h2 {
	margin:0;
	padding:0;
	text-indent:-9999px;
	}
	
#point h3 {
	margin:0;
	padding:0;
	text-indent:-9999px;
	}
	
#point h4 {
	margin:0;
	padding:0;
	text-indent:-9999px;
	}

#point1 {
	margin:0;
	padding:30px 0;
	}
	
#book {
	margin:0 auto 0 auto;
	padding:0 0 25px 0;
	width:912px;
	}
		
#p1 {
	margin:0 auto 0 auto;
	padding:0;
	background:url(../img/point1.jpg) no-repeat;
	width:912px;
	height:636px;
	}
	
#p1 p {
	margin:0;
	padding:0;
	text-indent:-9999px;
	}

#p1_2 {
	margin:0 auto 0 auto;
	padding:25px 0 0 0;
	background:url(../img/point1_2.jpg) no-repeat;
	width:912px;
	height:316px;
	}

#p1_2l {
	margin:0;
	padding:0;
	float:left;
	width:456px;
	}
	
#p1_2l h3 {
	margin:0;
	padding:0;
	text-indent:-9999px;
	height:35px;
	}
	
#p1_2l p {
	margin:0;
	padding:30px 180px 0 30px;
	font-size:12px;
	line-height:2em;
	color:#666666;
	}
	
#p1_2r {
	margin:0;
	padding:0;
	float:left;
	width:456px;
	}
	
#p1_2r h3 {
	margin:0;
	padding:0;
	text-indent:-9999px;
	height:35px;
	}
	
#p1_2r p {
	margin:0;
	padding:30px 200px 0 30px;
	font-size:12px;
	line-height:2em;
	color:#666666;
	}
	
#p1_2r p#cou {
	margin:0;
	padding:20px 20px 0 30px;
	font-size:10px;
	line-height:2em;
	color:#888888;
	}
	
#point2 {
	margin:0;
	padding:30px 0;
	}
	
#p2 {
	margin:0 auto 0 auto;
	padding:0;
	background:url(../img/point2.jpg) no-repeat;
	width:912px;
	height:636px;
	}

#p2 p {
	margin:0;
	padding:0;
	text-indent:-9999px;
	}

#point3 {
	margin:0;
	padding:30px 0;
	}
	
#p3 {
	margin:0 auto 0 auto;
	padding:0;
	background:url(../img/point3.jpg) no-repeat;
	width:912px;
	height:810px;
	}

#p3 p {
	margin:0;
	padding:0;
	text-indent:-9999px;
	}

#point4 {
	margin:0;
	padding:30px 0;
	}
	
#p4 {
	margin:0 auto 0 auto;
	padding:0;
	background:url(../img/point4.jpg) no-repeat;
	width:912px;
	height:985px;
	}

#p4 p {
	margin:0;
	padding:0;
	text-indent:-9999px;
	}

	
#point5 {
	margin:0;
	padding:30px 0;
	}
	
#p5 {
	margin:0 auto 0 auto;
	padding:0;
	background:url(../img/point5.jpg) no-repeat;
	width:912px;
	height:971px;
	}
	
#p5 p {
	margin:0;
	padding:0;
	text-indent:-9999px;
	}
	
#p5 a.price {
	margin:904px 0 0 680px;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	display:block;
	width:170px;
	height:30px;
	background:url(../img/price.jpg) 0 0;
	}
	
#p5 a:hover.price {
	margin:904px 0 0 680px;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	display:block;
	width:170px;
	height:30px;
	background:url(../img/price.jpg) 0 -30px;
	}
	
#p5 a.price01 {
	margin:267px 0 0 174px;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	display:block;
	width:108px;
	height:34px;
	background:url(../img/price2.jpg) 0 0;
	}
	
#p5 a.price02 {
	margin:267px 0 0 454px;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	display:block;
	width:108px;
	height:34px;
	background:url(../img/price2.jpg) 0 0;
	}
	
#p5 a.price03 {
	margin:267px 0 0 733px;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	display:block;
	width:108px;
	height:34px;
	background:url(../img/price2.jpg) 0 0;
	}


#p5 a:hover.price01 {
	margin:267px 0 0 174px;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	display:block;
	width:108px;
	height:34px;
	background:url(../img/price2.jpg) 0 -34px;
	}
	
#p5 a:hover.price02 {
	margin:267px 0 0 454px;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	display:block;
	width:108px;
	height:34px;
	background:url(../img/price2.jpg) 0 -34px;
	}
	
#p5 a:hover.price03 {
	margin:267px 0 0 733px;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	display:block;
	width:108px;
	height:34px;
	background:url(../img/price2.jpg) 0 -34px;
	}



.next {
	margin:10px auto;
	padding:0;
	width:456px;
	height:76px;
	overflow:hidden;
	}
	
.next a {
	margin:0;
	padding:0;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	width:456px;
	height:76px;
	background:url(../img/next.jpg) 0 0 ;
	}
	
.next a:hover {
	margin:0;
	padding:0;
	width:456px;
	height:76px;
	background:url(../img/next.jpg) -455px 0 ;
	}
	


.con_foot {
	margin:0 auto 0 auto;
	padding:0;
	background:url(../img/con_foot.jpg) no-repeat;
	width:912px;
	height:232px;
	clear:both;
	}
	
.con_foot p {
	margin:0;
	padding:0;
	text-indent:-9999px;
	}
	
.fmail {
	margin:69px 0 0 110px;
	padding:0;
	width:305px;
	height:75px;
	position:absolute;
	overflow:hidden;
	left:50%;
	}
	
.fmail a {
	margin:0;
	padding:0;
	text-indent:-9999px;
	text-decoration:none;
	display:block;
	width:305px;
	height:75px;
	background:url(../img/fmail01.jpg) 0 0;
	}
	
.fmail a:hover {
	margin:0;
	padding:0;
	text-indent:-9999px;
	text-decoration:none;
	display:block;
	width:305px;
	height:75px;
	background:url(../img/fmail01.jpg) 0 -75px;
	}
	
.fmail2 {
	margin:150px 0 0 110px;
	padding:0;
	width:305px;
	height:75px;
	position:absolute;
	overflow:hidden;
	left:50%;
	}
	
.fmail2 a {
	margin:0;
	padding:0;
	text-indent:-9999px;
	text-decoration:none;
	display:block;
	width:305px;
	height:75px;
	}
	
.fmail2 a:hover {
	margin:0;
	padding:0;
	text-indent:-9999px;
	text-decoration:none;
	display:block;
	width:305px;
	height:75px;
	background:url(../img/fmail02.jpg) 0 -75px;
	}
/*-------------------------------------------------▼ページトップへ戻るここから-------------------------------------------------*/
.gotop{
    margin:20px;
	padding:0px;
	text-align:right;
	clear:both;
	}
	
.gotop a{
    margin:0;
	padding:0;
	font-size:12px;
	}
	
/*-------------------------------------------------▲ページトップへ戻るここまで-------------------------------------------------*/
/*-------------------------------------------------▼フッターここから-------------------------------------------------*/

#footer{
	margin:0px;
	padding:0px;
	background:url(../img/foot_bg.jpg) no-repeat;
	height:150px;
	clear:both;
}

#footer_link{
	margin:0 0 20px 0;
	padding:25px 70px 0 0;
	float:right;
	width:880px;
	text-align:right;
}

#footer_link p{
	margin:0px;
	padding:0px;
	color:#666666;
	font-size:12px;
}

#footer_link a{
	margin:0px;
	padding:0px;
	color:#666666;
	font-size:12px;
	text-decoration:underline;
}

#footer_link a:hover{
	margin:0px;
	padding:0px;
	color:#666666;
	font-size:12px;
	text-decoration:none;
}

#text_link{
	margin:0;
	padding:0;
	text-align:center;
}

#text_link p{
	margin:0px;
	padding:0px;
	color:#666666;
	font-size:12px;
}

#text_link a{
	margin:0px;
	padding:0px;
	color:#666666;
	font-size:12px;
	text-decoration:underline;
}

#text_link a:hover{
	margin:0px;
	padding:0px;
	color:#666666;
	font-size:12px;
	text-decoration:none;
}




/* コピーライト */
#copy{
	text-align:center;
	margin:10px 0px 30px 0px;
	padding:0px;
}

#copy p{
	margin:0 auto;
	padding:0px;
	color:#444444;
	font-size:12px;
	color:#444444;
	font-family:Arial, Helvetica, sans-serif;
}

/*-------------------------------------------------▲フッターここまで-------------------------------------------------*/




/*-------------------------------------------------▼テキストここから-------------------------------------------------*/

/* 赤色 */
.red12 {
	color:#cc0000;
}

.red12_b {
	color:#cc0000;
	font-weight:bold;
}

.red24_b {
	color:#cc0000;
	font-weight:bold;
	font-size:24px;
	line-height:1.8em;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

/* 青色 */
.blue12 {
	color:#0d0848;
}

.blue12_b {
	color:#0d0848;
	font-weight:bold;
}

.blue16_b {
	color:#0d0848;
	font-weight:bold;
	font-size:16px;
}

/* 緑色 */
.green {
	color:#70902e;
}

/* 緑色 */
.green_b {
	color:#70902e;
	font-weight:bold;
}

/* ピンク色 */
.pink12 {
	color:#ff88aa;
}

.pink12_b {
	color:#ff88aa;
	font-weight:bold;
}

.pink24_b {
	color:#ff88aa;
	font-weight:bold;
	font-size:24px;
	line-height:1.8em;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

.spink {
    color:#f245ab;
	}

.spink_b {
    color:#f245ab;
	font-weight:bold;
	}


/* オレンジ色 */
.orange12 {
	color:#f98d00;
}

.orange12_b {
	color:#f98d00;
	font-weight:bold;
}

/* 黄色 */
.yellow12 {
	color:#ffd800;
}

.yellow12_b {
	color:#ffd800;
	font-weight:bold;
}

/* 紫色 */
.purple12 {
	color:#a80a6e;
}

.purple12_b {
	color:#a80a6e;
	font-weight:bold;
}

/* 灰色 */
.gray12 {
	color:#777777;
}

.gray12_b {
	color:#777777;
	font-weight:bold;
}

/* 水色 */
.lightblue12 {
	color:#66aadd;
}

.lightblue12_b {
	color:#66aadd;
	font-weight:bold;
}


/* 茶色 */
.brown12 {
	color:#5a290b;
}

.brown14 {
	color:#5a290b;
	font-size:14px;
}

.brown12_b {
	color:#5a290b;
	font-weight:bold;
}


.gold{
	color:#755723;
}

.gold_b{
	color:#755723;
	font-weight:bold;
}

.gold_16b{
	color:#755723;
	font-weight:bold;
	font-size:16px;
}

.gold_24b{
	color:#755723;
	font-weight:bold;
	font-size:24px;
	line-height:1.8em;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

/*-------------------------------------------------▲テキストここまで-------------------------------------------------*/