@charset "utf-8";

html {
	background: url(../images/bg_texture_paper1.jpg);
}



body {
	margin:0;/* ページ全体の隙間を全て解除 */
	padding:0;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3", Osaka,"ＭＳ Ｐゴシック";
	min-width:1060px;/* iOS・スマホの背景が消えるのを防ぐ */
}

.clear {
    clear:both;　/*floatの解除、ここがポイント*/
}




/* ---------------ヘッダーのバーの設定（スタート）--------------------------------------- */

#header_barArea {/*ヘッダーのバー部分 */
	background-image: url(../images/bgHeaderBar_gray.png);
	box-shadow: 0px 0px 3px #444444;
	border-bottom:1px solid #FFFFFF;
	width:100%;
	height:14px;
	z-index:2;/* 重ね順を指定 */
	position:relative;/* これを指定しないと"z-index"が効かない */
	background-repeat: repeat-x;
	background-position: bottom;
}

#header_barArea div {/*ヘッダーの部分 */
	width:1060px;
	margin: 0px auto 0px auto;  
}


.introduction{
	margin: 0px;
	font-size:9px;
	color:#999;
	text-align:right;
	font-weight:normal;
}
/* ---------------ヘッダーのバーの設定（終了）------------------------------------------ */



/*------------------------ ヘッダーの設定《スタート》----------------------------------- */

.headerArea {/*ヘッダーの部分 */
	background-image: url(../images/bg_texture_paper9.jpg);
	box-shadow: 0px 0px 4px #000 inset;
	width:1060px;
	margin-right: auto;  
    margin-left: auto;
	padding-bottom:30px;
	border-radius:0px 0px 8px 8px;
}



#headerLeft{
	width: 830px;
	float: left;
}

#headerRight{
	width: 230px;
	float: right;
}

#headerLeftTop{
	width: 600px;
	float: left;
}

#headerRightTop{
	width: 400px;
	float: right;
}


/*-----トップのロゴ《スタート》------ */
.mainLogo{
   margin:10px 0px 10px 16px;
   padding:0px;
   float:left;
}

a .mainLogo{
	border:none;
}
a:hover .mainLogo{
	opacity: 0.7;/*画像の透明度を変更 */
}
/*-----トップのロゴ《終了》------ */



/*-----アイコンを並べる《スタート》------ */
.ul_right{/*ulの設定 */ 
	padding:0px;
	margin:13px 20px 0px 0px;
	list-style: none;/*リストを消す */
	float:right;	
}

.ul_right:after{/*ulの親要素でfloat解除 */
   content:".";   
   display:block;   
   height:0;   
   clear:both;   
   visibility:hidden;   

}

.li_right{/*liの設定 */
   padding:0px;
   float:left;
   

}

.li_right a {/* リンクを有効にする */
   width: 40px; 
   display:block;/* 全範囲をリンクにする */
   border:none;
}

.li_right a img {/* IEで枠が出るのを消す */
   border:none;
}

.li_right a:hover img {
   opacity: 0.5;/*画像の透明度を変更 */
}
/*-----アイコンを並べる《終了》------ */



/*-----トップナビゲーションを横に並べる《スタート》------ */

 
.ul_topNavi{/*ulの設定 */ 
	padding:0px;
	margin:30px 0px 40px 130px;
	 list-style: none;/*リストを消す */
	 clear:both;
	
}

.ul_topNavi:after{/*ulの親要素でfloat解除 */
   content:".";   
   display:block;   
   height:0;   
   clear:both;   
   visibility:hidden;   

}

.li_top{/*liの設定 */
	float:left;/*フロートで横に並べる */
	color:#FFFFFF;
	width:115px;
	text-align: center;/* 文字を横軸中央に */
	font-size: 13px;
	font-weight: bold;
	display: block;/* a要素をブロックに */
	height: 25px;/* 背景画像と同じ幅高さ指定 */
	padding-top:5px;
	line-height: 15px;
}

.li_top a{/*リンクのアンダーラインを消す（safari対策） */ 
    text-decoration:none;
	color:#FFF;
	display:block;/* 全範囲をリンクにする */
}

.li_top a:hover{/*マウスオーバー時に枠を出す。） */ 
    color:#ccc;

}



/*------トップナビゲーションを横に並べる《終了》----- */

.navi_eng{
	color:#999;
	font-size: 10px;
	font-weight: bold;
}


.header_miniTitle {
    color:#666666;
	font-size: 10px;
	font-weight: bold;
	margin:0px 0px 5px 0px;
}





/*------ バーを動かすJQueryのCSS設定《スタート》 -----*/
        
         #example-one {
            position:relative;
            list-style:none;

         }
         #example-one li {
            list-style:none;
            display:inline-block; /* inline->inline-block */
			
         }
         #example-one li a { 
            display:block;
            text-decoration:none;
            text-transform:uppercase;	
         }

		 
         #magic-line {
	        position:absolute;
	        bottom:-14px;
	        left:0;
	        width:100px;
	        height:10px;
	        z-index:9999px;
	        background-image: url(../images/slidebarHeader_navy.png);
	        background-repeat: no-repeat;
	        background-position: center;
         }
/*------ バーを動かすJQueryのCSS設定《終了》 -----*/


/*------------------------ ヘッダーの設定《終了》---------------------------------- */









/*-------------------- パンくずリストの設定《スタート》------------------- */

.breadcrumbArea {
    width:1060px;
	margin: 0px auto 0px auto;
	padding:0px;
	position:relative;
	z-index:2;
}

.breadcrumbArea ul{/*ヘッダーの部分 */
	margin: 0px 0px 0px 10px;
	text-align:left;
	padding:0px;/*ulのときはつけること*/ 
}

.breadcrumbArea ul li{
	list-style-type:none; 
	display:inline;
	font-size:12px;
	font-weight:bold;
	color:#111;
}

.breadcrumbArea ul li a{/*リンクがついたときの設定 */
	padding-right:10px;  
    background:url(../images/topicpath.gif) no-repeat right center;
	color:#111;  
    text-decoration:none;
}

.breadcrumbArea ul li a:hover{/*マウスオーバー時 */
    text-decoration:underline;
	color:#333;
}

/*--------------------- パンくずリストの設定《終了》------------------- */















/*------------------------ トップの窓エリアの設定《スタート》----------------------- */

.topArea {/*ヘッダーの部分 */
	
	width:1060px;
	margin: -20px auto 0px auto;
	position:relative;
	z-index:1;
}


#topLeft{
	width: 560px;
	float: left;
}

#topLeft p{
	width: 420px;
	padding:22px 20px 20px 15px;
	background-image: url(../images_photo/feature/bg_clearline.png);
	box-shadow: 0px 0px 4px #666;
	border-radius:8px;
	font-size:18px;
	font-weight:bold;
	color:#777;
	margin:-30px 0px 0px 30px;
	border:6px solid #fff;
}

.imgTitle{
	margin:20px 0px 0px 0px;
}
.seal{
	margin:-15px 0px 0px 215px;
}

#topRight{
	width: 500px;
	float: right;
}

/*------------------------ トップの窓エリアの設定《終了》----------------------- */

















/*------------------------ メインメニューの設定《スタート》----------------------- */

.mainMenuArea {/*ヘッダーの部分 */
	background-image: url(../images_photo/feature/imgMenubg.png);
	margin-top: -50px;
	background-repeat: no-repeat;
	background-position: center top;
	position:relative;
	z-index:2;	
}

.mainMenuArea div {/*ヘッダーの部分 */
	width:1060px;
	margin: 0px auto 0px auto;
	padding-top:15px;
	padding-bottom:20px;
}

/*------------- メニューのul設定《スタート》--------- */
ul.sdt_menu{
	margin:0;
	padding:0;
	list-style: none;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3", Osaka,"ＭＳ Ｐゴシック" ;
	font-size:14px;
	width:1060px;
	margin-top:50px;
}
ul.sdt_menu a{
	text-decoration:none;
	outline:none;
}
ul.sdt_menu li{
	float:left;
	width:144px;
	height:144px;
	position:relative;
	cursor:pointer;
	background-image: url(../feature/images/bgtmp.png);
	border-radius:8px;
	
	box-shadow: 0px 0px 3px #000 inset;
	margin-right:6px;
	
}
ul.sdt_menu li > a{
	position:absolute;
	top:0px;
	left:0px;
	width:144px;
	height:144px;
	z-index:12;
	background:transparent url(../images_photo/feature/overlay.png) no-repeat bottom right;
	
}
ul.sdt_menu li a img{
	border:none;
	position:absolute;
	width:0px;
	height:0px;
	bottom:0px;
	left:85px;
	z-index:100;
	
}
ul.sdt_menu li span.sdt_wrap{
	position:absolute;
	top:100px;/*文字のスタート位置 */
	left:0px;
	width:144px;
	height:60px;
	z-index:10;
}
ul.sdt_menu li span.sdt_active{
	position:absolute;
	background:#1b1b1b;/*下がる部分の背景 */
	
	top:134px;/*下がる部分の背景のスタート位置 */
	width:144px;
	height:0px;
	left:0px;
	z-index:9;
	border-radius:0px 0px 8px 8px;
	
	box-shadow: 0px 0px 3px #000 inset;
}



ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li div.sdt_box a{/*文字全体の設定 */
	margin:0px;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #000;
}
ul.sdt_menu li span span.sdt_link{/*メイン文字設定 */
	color:#fff;
	font-size:16px;
	float:left;
	clear:both;
	font-weight:bold;
	width:144px;
	text-align:center;
}
ul.sdt_menu li span span.sdt_descr{/*サブ文字設定 */
	color:#aaa;
	float:left;
	clear:both;
	width:144px; /*For dumbass IE7*/
	font-size:12px;
	letter-spacing:1px;
	margin-top:-4px;
	font-weight:bold;
	width:144px;
	text-align:center;
}
ul.sdt_menu li div.sdt_box{/*横に飛び出す設定 */
	display:block;
	position:absolute;
	width:175px;
	overflow:hidden;
	top:157px;
	left:0px;
	display:none;
	background:#222;
	border-radius:8px;
	padding:10px 0px 10px 0px;
	opacity: 0.9;
}
ul.sdt_menu li div.sdt_box a{
	float:left;
	clear:both;
	line-height:25px;
	color:#eee;
	margin-left:6px;
	font-weight:bold;
}
ul.sdt_menu li div.sdt_box a:first-child{
	margin-top:0px;
}
ul.sdt_menu li div.sdt_box a:hover{
	color:#7AC6FE;
}
/*------------- メニューのul設定《終了》--------- */

/*------------------------ メインメニューの設定《終了》------------------------------ */









/*------------------------ 本文エリアのトップの設定《スタート》----------------------- */





.titleArea{
	margin:-1px 0px 20px 0px;
	padding:0px 0px 0px 10px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #81A3FE;
	
}

.titleArea h2{
	margin:0px;
	padding:0px;
	font-size:36px;
	color:#444444;
}

.titleArea h4{
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#999999;
	margin-top:-10px;
}

.titleArea img{
	margin:0px 0px 0px 400px;
	padding:0px;
}



#contentsRight p{
	margin:30px 70px 30px 0px;
	font-size:16px;
	color:#444;
	line-height: 1.7em;
}


/*----- 『トップへ』の設定《スタート》------ */

.gototop{
	margin:0px 0px 20px 920px;
	clear:both;　/*floatの解除、ここがポイント*/
}
a .gototop{
	border:none;
}
a:hover .gototop{
	opacity: 0.5;/*画像の透明度を変更 */
}

/*----- 『トップへ』の設定《終了》------ */

/*------------------------ 本文エリアのトップの設定《終了》----------------------- */























/*------------------------ フッターの設定《スタート》----------------------- */



#footer {/*フッターの部分 */
	z-index:10;/* 重ね順を指定 */
	position:relative;/* これを指定しないと"z-index"が効かない */
	margin:30px 0 0px 0!important;
}
.footerVispo{
	margin: 0px auto 0px auto; 
    background: url("../images/download/img_silhouette2.png") no-repeat bottom center;
	width:1060px;
	height:70px;
}
.footerMain{
	padding:30px 0 30px 0;
	margin:0px;
	width:100%;/* 背景を全体に広げる */
	background: url("../images/bg_texture8.png");
	border-top:5px solid #666;
	box-shadow: 0px 0px 3px #666;
	position:absolute;/* 上から重なったときに動かなくする */
	z-index:10;
	
}
.footerMain div{
	margin:0 auto 0 auto!important;
	width:1060px;
}



#footerLeft{
	width: 460px;
	float: left;
}

#footerRight{
	width: 600px;
	float: left;
}



#footerLeft a img{
	border:none;
}

#footerLeft a:hover img{
	opacity: 0.5;
}


#footerLeft img{
	margin:25px 0px 0px 15px;
}


/*-----フッターナビゲーションを横に並べる《スタート》------ */

 
#footerRight ul{/*ulの設定 */ 
	padding:0px 0px 20px 0px;
	margin:0px;
	 list-style: none;/*リストを消す */
	
	
}

#footerRight ul:after{/*ulの親要素でfloat解除 */
   content:".";   
   display:block;   
   height:0;   
   clear:both;   
   visibility:hidden;  
 

}

#footerRight ul li{/*liの設定 */
	float:left;/*フロートで横に並べる */
	width:150px;
	height:24px;
	text-align: left;/* 文字を横軸中央に */
	font-size: 12px;
	font-weight: normal;
	display: block;/* a要素をブロックに */
	padding:0px;
	margin:0px;
	
}

#footerRight ul li a{/*リンクのアンダーラインを消す（safari対策） */ 
    text-decoration:none;
	color:#ddd;
	display:block;/* 全範囲をリンクにする */
	padding:0px 0px 0px 14px;
	background: url(../images/aicon_triangle.png) no-repeat left center;
}

#footerRight ul li a:hover{/*マウスオーバー時に枠を出す。） */ 
    color:#5381CC;
	background: url(../images/aicon_triangle_ro.png) no-repeat left center;

}


.footerBottom ul{/*ulの設定 */ 
	margin:0px;
	list-style: none;/*リストを消す */
	display: table;
	padding:0px;
	margin: 0px auto;
}

.footerBottom ul:after{/*ulの親要素でfloat解除 */
   content:".";   
   display:block;   
   height:0;   
   clear:both;   
   visibility:hidden;   

}



.footerBottom ul li{/*liの設定 */
	float:left;/*フロートで横に並べる */
	color:#aaa;
	text-align: center;/* 文字を横軸中央に */
	font-size: 10px;
	font-weight: normal;
	display: block;
	padding:0px 30px;
	border-right: 1px solid #444;
	
}

.footerBottom ul li a{/*リンクのアンダーラインを消す（safari対策） */ 
    text-decoration:none;
	color:#aaa;
	display:block;/* 全範囲をリンクにする */
}

.footerBottom ul li a:hover{/*マウスオーバー時に枠を出す。） */ 
    color:#5381CC;
	text-decoration:underline;   
}
.footerBottom h4{
	color:#bbb;
	font-size:11px;
	text-align:center;
	margin:1px 0 0 0;
	font-weight:normal;
}


.footerBottom{
	margin: 0px auto 0px auto;
	padding:20px 0 0 0; 
	width:900px!important;
	border-top:1px solid #444;
	background: url("../images/bg_texture8.png");
}


/*------------------------ フッターの設定《終了》----------------------- */

/*------------------------ 固定アイコン部分の設定《スタート》----------------------- */
.pagetopBottan {
	position: fixed;
	bottom: 20px;
	right: 20px;
	opacity: 0.9;/*画像の透明度を変更 */
	z-index:100;/* 重ね順を指定 */
}
a .pagetopBottan{
	border:none;
}
a:hover .pagetopBottan{
	opacity: 1;/*画像の透明度を変更 */
}

/*------------------------ 固定アイコン部分の設定《終了》----------------------- */









/*----------------------- トップページの設定《スタート》--------------------------- */

.topAreaTop {/*ヘッダーの部分 */
	background: url("../images_photo/feature/bgTop.png") no-repeat bottom right;/* ロゴの画像 */
	width:1060px;
	height:520px;
	margin: 0px auto 0px auto;
	position:relative;
	z-index:1;
}
/*---- スライダーの設定《スタート》--- */
.slider-wrap {
	background: url("../images/bg_texture_white.png");
	padding: 15px 15px 28px 15px;
	height: 400px; 
	box-shadow: 0px 0px 3px rgba(0,0,0,0.4) inset;
	width:720px;
	border-radius:8px;
	margin:0px 0px 0px 10px;
}
.slider {
	width: 720px; 
	height: 400px;
}
.slider strong {
	color: #97D2FF;
}
/*---- スライダーの設定《終了》--- */


/*----------- トップページの問合せエリアの設定《スタート》---------- */
.topBottanArea{
	width:1060px;
	margin: 0px auto 0px auto;
}


/*---- ul問合せなどの設定《スタート》--- */
.ul_school {
    margin: 20px 0px 0px 100px;
	padding:0px;
    list-style: none;
}
.ul_school:after{/*ulの親要素でfloat解除 */
   content:".";   
   display:block;   
   height:0;   
   clear:both;   
   visibility:hidden;   
}
.ul_school li {
    padding: 0px;
    float: left;
    margin-top: 8px;
    margin-right: 8px;
	
   
}
.ul_school li a {

}
.ul_school li a img {
    padding: 0px;
    margin: 0px;
	border-radius:5px;
	border:2px solid #eee;
	box-shadow:0px 0px 3px #444;
}

.ul_school li a:hover img {
    opacity: 0.6;/*画像の透明度を変更 */
}

/*---- ul申込み・カレンダーなどの設定《終了》--- */



/*--------- トップページの問合せエリアの設定《終了》--------- */

/*----------------------- トップページの設定《終了》--------------------------- */





















/*------------------------ タコエリアの設定《スタート》----------------------- */
.takoArea{
	width:220px;
	height:140px;
	margin: 0px auto 0px auto;
	position:absolute;
}

#takokichi {
	position: absolute;
	margin:0px;
}
#takokichi a img{
	border:none;
}
/*------------------------ タコエリアの設定《スタート》----------------------- */






.TitleArea {
	width:1000px;
	margin: 0px auto 0px auto;	
}
.TitleArea h1{
	text-align:right;
	font-size:60px;
	color:#333;
    text-shadow:  
          0 -1px 1px rgba(0, 0, 0, .8),  
          0 1px 1px rgba(255, 255, 255, .1); 
    font-weight:bold;
	margin:10px 0px -10px 0px;
	padding:0px;
}
.TitleArea h1 span{
	font-size:30px;
	color:#333;
    text-shadow:  
          0 -1px 1px rgba(0, 0, 0, .8),  
          0 1px 1px rgba(255, 255, 255, .1); 
}






.NovelArea {
	width:1000px;
	margin: 10px auto 0px auto;
	height:600px;
	
}
.NovelMainArea {
	padding:20px;
	background: url(../images/game/bg_pattern_darkgray.png);
	box-shadow:0px 0px 6px #000 inset;
	border-radius:8px;
	position:absolute;/*メニューアイコンを固定するため必要*/
	height:540px;
	
}
.NovelTitleArea {
	width:1000px;
	margin: 0px auto 0px auto;	
}
.NovelTitleArea h1{
	text-align:center;
	font-size:50px;
	color:#333;
    text-shadow:  
          0 -1px 1px rgba(0, 0, 0, .8),  
          0 1px 1px rgba(255, 255, 255, .1); 
    font-weight:bold;
}



.GameTitleArea {
	width:960px;
	margin: 10px auto 0px auto;
	padding-bottom:6px;
	background-image: url(../images/game/dot_bold.png);
	background-repeat: repeat-x;
	background-position: bottom;	
}
.GameTitleArea h1{
	text-align:center;
	font-size:45px;
	margin:0;
	padding:0;
	color:#333;
    text-shadow:  
          0 -1px 1px rgba(0, 0, 0, .8),  
          0 1px 1px rgba(255, 255, 255, .1); 
    font-weight:bold;
}




.GameArea {
	width:960px;
	padding-top10px;
	margin: 10px auto 0px auto;
	
	
}























/*----------------- 選択ページの設定《スタート》----------------- */

.contentsArea{ 
    padding:10px; 
	width:1060px;
	margin:0 auto;  
	position:relative;
}

.contentsAreaR{   
	margin-left:300px;  
	color:#333; 
	font-size:2em; 
}

#menu{
    left:10px; 
	width:300px; 

}



.chapterArea{
	margin:0px 0px 120px 0px;
}

.chapterArea h2{
	font-size:50px;
	color:#444;
    text-shadow:  
          0 -1px 1px rgba(0, 0, 0, .8),  
          0 1px 1px rgba(255, 255, 255, .1); 
    font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:0px;
}

.outlineArea {
	border-top:1px solid #666;
	padding:10px 0px 5px 0px;
}
.outlineArea img{
    float:left;
	margin:0 20px 0 0;
}

.outlineArea p{
	font-size:16px;
	color:#666;
    font-weight:normal;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
	overflow:hidden;
}
.outlineArea:after{/*ulの親要素でfloat解除 */
   content:".";   
   display:block;   
   height:0;   
   clear:both;   
   visibility:hidden;   
}

.textArea {
	padding:20px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	background: url(../images/download/areaBg_text.png)no-repeat top left;
}

.textArea ul{
	margin:0px 0px 0px -10px;
	padding:0px;
	width:780px;
}
.textArea ul:after{/*ulの親要素でfloat解除 */
   content:".";   
   display:block;   
   height:0;   
   clear:both;   
   visibility:hidden;   
}
.textArea ul li{	
	list-style:none;
	margin: 0px 0px 10px 10px;
	padding:0px;
	float:left;
}
.textArea ul li a{
	padding: 80px 7px 0px 38px;
	color:#FFF;
	font-size:27px; 
	line-height:1em;
	font-weight:bold;
	text-shadow:1px 1px 0px #222;
	color:#FFF;
	background-image: url(../images/download/bottanBg_text.png);
	width:200px;
	height:70px;
	display:block;
    text-decoration:none;
	
	
}

.textArea ul li a:hover{
	color:#0cf;
}
.printArea {
	padding:10px 0px 0px 0px;
	margin: 0px 0px 0px -10px;
	background: url(../images/download/areaBg_print.png)no-repeat top left;
	background-position: 10px 0px;
}

.printArea ul{
	margin:0px 0px 0px 10px;
	padding:0px;
	float:left;
}
.printArea ul li{	
	list-style:none;
	margin: 10px 0px 0px 0px;
	padding:0px;

}
.printArea ul li a{	
	padding: 80px 7px 0px 38px;
	color:#FFF;
	font-size:27px; 
	line-height:1em;
	font-weight:bold;
	text-shadow:1px 1px 0px #222;
	width:200px;
	height:70px;
	display:block;
    text-decoration:none;
	
}

.printArea ul li a:hover{
	color:#0cf;
}
.cl_Q a{
	background: url(../images/download/bottanBg_class_Q.png);
}
.cl_A a{
	background: url(../images/download/bottanBg_class_A.png);
}
.hw_Q a{
	background: url(../images/download/bottanBg_homework_Q.png);
}
.hw_A a{
	background: url(../images/download/bottanBg_homework_A.png);
}
.re_Q a{
	background: url(../images/download/bottanBg_review_Q.png);
}
.re_A a{
	background: url(../images/download/bottanBg_review_A.png);
}
.no{
	background: url(../images/download/bottanBg_no.png);
	padding: 80px 7px 0px 38px!important;
	color:#FFF;
	font-size:27px; 
	line-height:1em;
	font-weight:bold;
	text-shadow:1px 1px 0px #222;
	color:#FFF;
	width:200px;
	height:70px;
}

/*----------------- 選択ページの設定《終了》----------------- */





.gameArea {
	padding:20px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	background: url(../images/download/areaBg_game.png)no-repeat top left;
}
.gameArea h3 {
	margin: 0px;
}
.gameArea h3 a{
	padding: 37px 200px 0px 60px;
	color:#FFF;
	font-size:27px; 
	line-height:1em;
	font-weight:bold;
	text-shadow:1px 1px 0px #000;
	color:#FFF;
	background-image: url(../images/download/bottanBg_game.png);
	box-shadow:0px 0px 3px #aaa;
	border-radius:10px;
	width:240px;
	height:63px;
	display:block;
    text-decoration:none;
	margin: 0px 0px 0px 0px;
}
.gameArea h3 a:hover{
	box-shadow:0px 0px 9px #00f;
	color:#0cf;
}



/*-------- 吹き出しの設定《スタート》----- */
.blowoffArea{
	width:280px;
	margin:0px 0px 0px 0px;
	padding:0px;
}


.blowoff{
	width:250px;
	border:10px solid #777;
	background: url("../images/bg_texture_paper9.jpg");
	padding:0px;
	margin:0px 0px 0px 0px;
	border-radius:35px;
	z-index:2;/* 重ね順を指定 */
	position:relative;/* これを指定しないと"z-index"が効かない */	
}

.blowoff h2{
	color:#fff;
	font-size:36px;
	text-align:center;
	margin:8px 0px 0px 0px;
}

.blowoff p{
	color:#ddd;
	margin:0px 12px 0px 12px;
	padding:0px 0px 10px 0px;
	font-size:14px;
	text-align:center;
	background: url("../images/download/bg_dot_gray.png")repeat-x bottom;
}
.blowoff h4{
	color:#ddd;
	margin:-1px 12px 10px 12px;
	padding:10px 0px 0px 0px;
	font-size:12px;
	text-align:center;
	background: url("../images/download/bg_dot_gray.png")repeat-x top;
}
.blowoff h4 a{
	color:#ddd;
	text-decoration:none;
}
.blowoff h4 a:hover{
	color: #AAD2FF;
}
.blowoff ul{
	margin:0;
	padding:0;  
}
.blowoff ul li{
	 list-style:none;
	 font-size: 20px;
	 font-weight: bold;  
}
.blowoff ul li a{
	color: #fff;
	background-position: left center;
	vertical-align: bottom;
	text-shadow:1px 1px 0px #222;
	text-decoration:none;
	width: 230px;
	height:36px;
	padding:10px 0px 0px 20px;
	margin:0px 0px 0px 0px;
	background: url("../images/download/menuBg.png")left bottom;
	display:block;/*全体をリンク化する */ 
}


.blowoff ul li a:hover{
    background: url("../images/download/menuBg_ro.png");
	color: #AAD2FF;
}

.blowoff img{
	margin:0px 0px 10px 0px;
}

.blowoffImg{
	margin:-10px 0px 0px 0px;
	z-index:4;/* 重ね順を指定 */
	position:relative;/* これを指定しないと"z-index"が効かない */	
}
/*-------- 吹き出しの設定《終了》----- */








.topPageSliderArea {
	margin: 20px auto 0px auto;
	width:1040px;
	height:400px;
	padding:10px;
	background: url(../images/bg_texture_paper3.jpg);
	box-shadow:0px 0px 2px #222 inset;
	border-radius:8px;
}





/*----------------- 文字も動くスライダーの設定《スタート》----------------- */

#slide-container{
     position: relative;
	 overflow: hidden; 
	 width: 1040px; 
	 height: 400px; 
}
#slide-container .item{ 
     position: absolute; 
	 top: 0; 
	 left: 0; 
	 display: none;  
	 width: 1040px; 
	 height: 400px; 
	 overflow: hidden;
}
#slide-container .item a{ 
     display:block; 
	 width: 1040px; 
	 height: 400px; 
	 overflow:hidden;
	 text-decoration:none;  
}
#slide-container .item a div img{ /*画像の枠を消す*/
     border:none;
}
#slide-container .item a:hover{
     text-decoration:none; 
}
#slide-container .background {
     width: 1040px; 
	 height: 400px; 
	 position: absolute;
	 overflow: hidden;
}
#slide-container .foreground{ 
     position: absolute; 
}
#slide-container .foreground .element {
     position: relative; 
	 text-align:left; 
}
#slide-container .pager{ 
     position:absolute; 
	 z-index:9999;
}
#slide-container .prev{ 
    left:10px;
}
#slide-container .next{ 
    right:10px; 
}



.foreground .element.title, .foreground-triple .element.title { 
   text-transform: uppercase; 
   font-size: 70px; 
   top: 10px; 
   color:#111;
   padding:0px;
   margin:0px 0px 0px 20px;
   text-transform:none;/* 大文字小文字に変更 */
   text-shadow:2px 2px 0px #fff, 
      4px 4px 0px rgba(0, 0, 0, 0.5);
} 


.foreground .element.subtitle { 
    font-size: 17px;
    top: 5px; 
    margin:0 240px 0 30px;
	padding:0px;
	color:#111;
	text-shadow:1px 1px 0px #fff;
} 

.foreground .element.icon {
	top: 5px;
	margin-left: 30px;
	width: 280px;
	height: 130px;
	background: transparent url(../images/game/aiconL_tako.png) no-repeat;
	background-position: 0 0;
}


.changeIconLogo {
	background: transparent url(../images/download/sliderLogo_download.png) no-repeat!important;
	top:5px!important;
	margin-left:10px!important;
	width: 600px!important;
	height: 150px!important;
}
.changeTextTop {
	color:#fff!important;
	text-shadow:0px 0px 0px #222!important;
	margin: 5px 0px 0px 20px!important;
	font-size: 16px!important;
	width: 400px!important;
	height: 110px!important;
	z-index:999;
}
.changeIconTop {
	background: transparent url(../images/download/aiconL_top.png) no-repeat!important;
	top:0px!important;
	margin-left:15px!important;
	width: 280px!important;
	height: 130px!important;
}

.changeVispo_math {
	background: transparent url(../images/download/sliderVispo_math.png) no-repeat!important;
	top:0px!important;
	margin-left:180px!important;
	width: 400px!important;
	height: 200px!important;
}


.changeIconMath {
	background: transparent url(../images/download/sliderLogo_math.png) no-repeat!important;
	margin-left:220px!important;
	width: 580px!important;
	height: 120px!important;
}
.changeIconSS {
	background: transparent url(../images/download/sliderLogo_socialstudies.png) no-repeat!important;
	margin-left:220px!important;
	width: 580px!important;
	height: 120px!important;
}
.changeTextMath {
	color:#fff!important;
	text-shadow:1px 1px 0px #111!important;
	top: 0px!important;
	margin:15px 0px 0px 160px!important;
	font-size: 16px!important;
	width:700px;
	height:65px;
	z-index:999;
	text-align:center!important;

}
.changeVispo_math {
	background: transparent url(../images/download/sliderVispo_math.png) no-repeat!important;
	top:0px!important;
	margin:0px 0px 0px 550px!important;
	width: 400px!important;
	height: 200px!important;
}
.changeVispo_ss {
	background: transparent url(../images/download/sliderVispo_socialstudies.png) no-repeat!important;
	top:0px!important;
	margin:0px 0px 0px 550px!important;
	width: 400px!important;
	height: 200px!important;
}

.pagination {
    bottom: -3px;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    z-index: 9999;
}
.pagination li { float:left; margin:0 1px; list-style:none; }

.pagination li .bullet {
    display: block;
    width: 12px;
    height: 0px !important;
    padding-top: 12px;
    background-image: url("../images/download/pagination.png");
    background-position: 0px 0px;
    float: left;
    overflow: hidden;

}
.pagination li .active { background-position:0 -12px; }


/*----------------- 文字も動くスライダーの設定《終了》----------------- */











/*----------------- 教材ページの設定《スタート》----------------- */

.pageArea{
	margin:10px auto 10px auto; 
	width:1060px;
}
.page {
    position:relative; 
	display:inline-block; 
	margin:0px 0px 40px 185px;
	box-shadow:0px 1px 3px 1px #bbb;
	background:#fff;
}
.page > * { 
    position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
}


.bottanArea{
	margin:0px auto 20px auto; 
	width:1060px;
}
.bottanArea h3 , .bottanArea h4{/*ボタン */	
	margin: 0px auto 0px auto;
	font-size:28px;
	width:690px;
}
.bottanArea h3 a , .bottanArea h4 a{
	background: url(../images/download/bottanBg_bar_blue.png);
	display:block;/*全体をリンク化する */
	padding:10px 0px 0px 0px;
	height:50px;
	color:#fff;
	text-shadow:1px 1px 1px #333;
	text-align:center;
	text-decoration:none;
}
.bottanArea h3 a:hover , .bottanArea h4 a:hover{/*ヘッダーの部分 */
	opacity: 0.6;/*画像の透明度を変更 */	
}
.bottanArea h3 a{
	background: url(../images/download/bottanBg_bar_blue.png);
}
.bottanArea h4 a{
	background: url(../images/download/bottanBg_bar_gray.png);
}
/*----------------- 教材ページの設定《終了》----------------- */











.subjectMenuArea{
	margin:40px auto 100px auto; 
	width:1060px;
	height:200px;
	
	
}


ul#menu{
	width:1060px;
	margin:0px 0px 0px 0px;
	padding:0;
	
}
ul#menu li{
	float:left; 
	width:162px; 
	list-style:none; 
	text-align:center; 	
	margin:0 14px 0 0px;
	padding:0;
}
ul#menu li a{
	display:block; 
	width:150px; 
	height:70px;
	padding:124px 12px 0px 0px; 
	margin:0px;
	background: url(../images/download/bottanBgTop_math.png);
	line-height:26px;
	color:#fff;
	text-shadow:2px 2px 0px #111;
	text-decoration:none; 
	font-size:30px;
	font-weight:bold;
	text-align:right;
}
ul#menu li a:hover{
	opacity: 0.7;/*画像の透明度を変更 */
}
ul#menu li a span{
	font-size:20px;	
}
ul#sub{/*サブメニュー */
	margin:0;
	padding:0;
}
ul#sub li{
	float:none;
	position:relative;
	z-index:99;

}
ul#sub li a{
	font-size:14px!important;	
    padding:2px 0px 0px 0px;
	margin:0px 0px 0px 10px;
	height:26px;
	width:140px;
	text-align:center;
	opacity: 0.9;/*画像の透明度を変更 */
	background: url(../images/download/bottanBgTop_sub.png)!important;
}


.bg_geography a{
	background: url(../images/download/bottanBgTop_geography.png)!important;	
}
.bg_history a{
	background: url(../images/download/bottanBgTop_history.png)!important;	
}

.bg_civics a{
	background: url(../images/download/bottanBgTop_civics.png)!important;	
}














.subjectArea {
	width:1060px;
	margin: 20px auto 0px auto;
}

.subjectMenu{
	width:1060px;
	margin:0px 0px 0px 0px;
	padding:0;
}
.subjectMenu li{
	float:left; 
	width:240px; 
	list-style:none; 
	text-align:center; 	
	margin:0px 12px 30px 12px;
	padding:0;
}
.subjectMenu li a{
	display:block; 
	width:220px; 
	height:95px;
	padding:145px 20px 0px 0px; 
	margin:0px;
	background: url(../images/download/bottanBgSub_math.png);
	line-height:34px;
	color:#fff;
	text-shadow:2px 2px 0px #111;
	text-decoration:none; 
	font-size:27px;
	font-weight:bold;
	text-align:right;
}
.subjectMenu li a:hover{
	opacity: 0.7;/*画像の透明度を変更 */
}
.subjectMenu li a span{
	font-size:17px;	
}





/*------------------------ ボタンリンクエリアの設定《スタート》----------------------- */

.subejectIcon{
	width: 240px;
	padding-left:0px;
	height:240px;
	background: url(../images/download/bottanBgSub_math.png);
	float: left;
	margin:0px 12px 30px 12px;
	cursor: pointer; /*div全体のjqueryのために必要 */
}

.subejectIcon:hover{	
	opacity: 0.7;/*画像の透明度を変更 */
}

.subejectIcon div{
	width: 80px;
	height:80px;
	background:url(../images/bg_texture7.png);
	margin:25px 0px 0px 50px;
	box-shadow: 0px 0px 2px #000 inset;
}

.subejectIcon img{
	width: 70px;
	height:70px;
	margin:5px 0px 0px 5px;
	box-shadow: 0px 0px 2px #000;
}



.subejectIcon h2{
	width:220px; 
	margin:24px 0px 0px 0px;
	color:#fff;
	text-shadow:2px 2px 0px #111;
	font-size:27px;
	line-height:34px;
	font-weight:bold;
	text-align:right;
}

.subejectIcon h2 a{
	color:#fff;
	text-decoration:none;
}

.subejectIcon p{ 
	margin:8px 12px 0px 50px;
	color:#fff;
	text-shadow:1px 1px 0px #333;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	text-align:left;
}
.iconChSS{ 
	background: url(../images/download/bottanBgSub_ss.png);
}



/*------------------------ ボタンリンクの設定《終了》----------------------- */








/*---------------印刷時の設定 ---------------*/
@media print{
body{min-width:100%;}/*印刷時の余白を消すため（min-widthの効果を消す */
#header_barArea{display:none;}/*印刷時は表示しない */
.headerArea{display:none;}/*印刷時は表示しない */
.breadcrumbArea{display:none;}/*印刷時は表示しない */
.TitleArea{display:none;}/*印刷時は表示しない */
.bottanArea{display:none;}/*印刷時は表示しない */
#footer{display:none;}/*印刷時は表示しない */
.page{width:100%; margin:0px;}
.pageArea{width:100%; margin:0px;}