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

/*
*{
		max-height: 999999px;
}
*/

html{
	font-size:10px;	/* font-size:62.5%; */
	-webkit-text-size-adjust:100%;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0; padding: 0;
	height: 100%;
}

body {
	font-size:2rem;
	line-height:2;
	width:100%;
	/*height:100%;*/
	margin: 0;
	padding: 0;
	font-family: Verdana, Roboto, 'Droid Sans', Meiryo, 'Hiragino Kaku Gothic ProN', sans-serif;
	text-align:center;
	/* overflow:hidden; */

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0; padding: 0;
	height: 100%;
}


#container{
	position:relative;
	line-height:1.2;
	margin:0 auto;
	width:640px;
	height:auto;
	/*min-height:1136px;*/
	text-align:center;

	display:-webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 100%;
}

#main_content{
	clear:both;
	/*background: linear-gradient(to bottom, #FFFFFF, #FCEAE7);*/
	background: #FCEAE7;
	background-image: url(../img/common/bg_img_02.png);
	background: url(../img/common/bg_img_02.png) no-repeat left bottom, -ms-linear-gradient(top, #FFFFFF, #FCEAE7);
	background: url(../img/common/bg_img_02.png) no-repeat left bottom, -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FCEAE7));
	background: url(../img/common/bg_img_02.png) no-repeat left bottom, -moz-linear-gradient(top, #FFFFFF, #FCEAE7);
	background: url(../img/common/bg_img_02.png) no-repeat left bottom, linear-gradient(to bottom, #FFFFFF, #FCEAE7);
	background-position: right 18px bottom 18px;
	background-repeat:no-repeat;
	moz-background-size:contain;
	background-size:contain;
	padding:.2em;
	padding-bottom:50px;
	/*margin:0 auto;*/
	/*margin-top:10px;*/
	margin:0 0;
	
	-webkit-box-flex: 1;
	flex: 1 1 auto;
}


/*基本*/

p{
	margin:0;
	padding:0;
	text-align:left;
}

h1 {
    font-size : 3rem; 
    line-height : 1;   
	padding:0;
}

h2 {
    font-size : 2.5rem;
    line-height : 1;  
	padding:0;
}

h3 {
    font-size :2.1rem; 
    line-height: 1.5;  
	padding:0;
}

img{
	border:0;
}


/*リンク*/

a{
	color:#DD6845;
}

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/*ページの移動*/
#goto_page{
	width:100%;
	float:left;
	margin-right:10px;
	margin-left:-10px;
	text-align:right;
	display:table;
}

#goto_page p,#goto_page img{
	display:table-cell;
	vertical-align:middle;
	float:right;
}

#goto_page p{
	width:auto;
	margin:0px 8px;
	padding:5px;
	font-size:2.5rem;
	text-align:center;
	line-height:1;
	color:#000;	
}

/*音声読み上げ*/
#auto_sound{
	width:220px;
	float:left;
	margin-left:20px;
}


/*ページのトップへ*/
.page_top{
	width:568px;
	margin:0 auto;
	text-align:right;
	bottom:0;
	font-size:2.0rem !important;
}

.page_top a{
	color:#2DA7E0 !important;
}

/*ボタン*/
.button_style{
	width:230px;
	height:48px;
	-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
	margin:20px auto;
}

.button_style p{
	font-size:2.6rem;
	font-weight:bold;
	line-height:48px;
	text-align:center;
	color:#FFF !important;
	text-decoration:none;
}
.button_style span{
	font-size:2.1rem;
	font-weight:bold;
	line-height:48px;
	text-align:center;
	color:#FFF !important;
	text-decoration:none;
}

.button_style p a{
	
	color:#FFF !important;
	text-decoration:none;
}

.button_style:hover{
	opacity: 1.0;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.button_blue{
	background: -webkit-gradient(linear, left top, left bottom, from(#C4E6F9), to(#0095D9));
	background: -moz-linear-gradient(top, #C4E6F9, #0095D9);
	background: -ms-linear-gradient(top, #C4E6F9, #0095D9);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffC4E6F9', endColorstr='#ff0095D9');
	border:#5CB8E8 2px solid;
}

.button_green{
	background: -webkit-gradient(linear, left top, left bottom, from(#E3EFCE), to(#8EC31E));
	background: -moz-linear-gradient(top, #E3EFCE, #8EC31E);
	background: -ms-linear-gradient(top, #E3EFCE, #8EC31E);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffE3EFCE', endColorstr='#ff8EC31E');
	border:#8EC31E 3px solid;
}

.button_orange{
	background: -webkit-gradient(linear, left top, left bottom, from(#F4D9B4), to(#EB6300));
	background: -moz-linear-gradient(top,#F4D9B4 , #EB6300);
	background: -ms-linear-gradient(top, #F4D9B4, #EB6300);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffF4D9B4', endColorstr='#ffEB6300');
	border:#EB6300 3px solid;
}

.button_text_white{
	font-size:2.6rem;
	font-weight:bold;
	line-height:48px;
	text-align:center;
	color:#FFF !important;
	text-decoration:none;
}

.button_close{
	width:114px;
	height:34px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	font-size:2.4rem;
	color:#FFF;
	font-weight:bold;
	margin:20px auto;
	line-height:34px;
	text-align:center;
	background-color:#2DA7E0;
}

.button_brown_cancel{
	background:#3B3311;
	border:#A87B50 3px solid;
	width:160px;
	height:40px;
	-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
	margin:20px auto;
}
	.button_brown_cancel p{
		font-size:2.0rem;
		font-weight:bold;
		line-height:40px;
		text-align:center;
		color:#FFF !important;
		text-decoration:none;
	}
	
	.button_brown_cancel:hover{
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
	}

/*角丸のボックス*/
.kado_waku{
	clear:both;
	width:532px;
	height:auto;
	margin:10px auto;
	padding:10px 15px;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.waku_orange{
	background:#FEEABE;
	border:#F39700 3px solid;
}

.waku_orange2{
	background:#FFFFFF;
	border:#F39700 3px solid;
}

.waku_blue{
	background:#EAF6FD;
	border:#2DA7E0 3px solid;
}

.waku_blue2{
	background:#FFFFFF;
	border:#2DA7E0 3px solid;
}

.waku_green{
	background-color:#EBF3D9;
	border:#8EC31E 3px solid;
}

.waku_green2{
	background-color:#FFFFFF;
	border:#83C25D 3px solid;
}


/*パンくず*/
/*.topic-path {
	list-style-type: none;
	text-align:left;
	margin:5px 20px;
	padding:0;
}
.topic-path li{
	display: inline;
	font-size: 1.2rem !important;
	color:#000;
}

.topic-path li a{
	color:#000 !important;
}

.li_end{
	color:#036EB8 !important;
}
*/


/*ヘッダー*/
#header {
	/*position:fixed;*/
}

.header_top{
	background:#DD6845;
	width:100%;
	height:auto;
	color:#FFF;
	line-height:35px;
	text-align:center;
}


.header_main{
	margin-left:20px;
	height:140px;
}

.header_img1{
	background:url(../img/common/header_main1.png) no-repeat right;
}

.header_img2{
	background:url(../img/common/header_main2.png) no-repeat right;
}

.header_img3{
	background:url(../img/common/eichan.png) no-repeat right;
}
	

.header_main h2{
	color:#693905;
	text-align:left;
	margin-left:0px;
}

.header_main img{
	display:block;
	text-align:left;
	margin-top:5px;
	
}

/*フッター*/

#footer{
	width:100%;
	background-color:#FFF;
}

#footer div{
	width:440px;
	margin:0 auto;
	margin-bottom:12px;
	padding:15px;
}

#footer img{
	display:table-cell;
	padding:0 10px;
	vertical-align:middle;
}

#footer p{
	margin:0;
	padding:0;
	display:table-cell;
	vertical-align:middle;
	font-size:2rem;
	line-height:1.2;
	color:#DD6845;
}

#footer a{
	margin-right:20px;
}





/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:block;
    overflow:hidden;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

#my_bookmark {
	position: absolute;
	background: rgba(60,60,60,0.8);
	margin:0 auto;
	padding:20px 20px;
	width: 600px;
	height:auto;
}
	.bookmark_list{
		width:568px;
		text-align:left;
		margin:10px auto;
	}
	
	.bookmark_list a{
		text-decoration:none !important;
		color:#036EB8;
	}
	
	.bookmark_list li{
		width:118px;
		height:34px;
		margin-right:10px;
		padding:34px 10px;
		padding-left:40px;
		background:url(../img/common/mondai_list_back.png) no-repeat;
		float:left;
		font-size:2.2rem;
		font-weight:bold;
		color:#036EB8;
	}

	ul#window_open_list li{
		text-align:center;
		padding-left:35px;
		padding-top:23px;
		margin:10px;
		
	}

#audio_confirm {
	position: absolute;
	background: rgba(60,60,60,0.95);
	margin:0 auto;
	padding:20px 20px;
	width: 590px;
	height:auto;
}

	#button_OK_panel{
		height: 200px;
		padding:100px 0;
		/*
			background-color: #fff;
		*/
	}


ul.mondai_book_list{
	list-style:none;
	margin:0;
	padding:0;
}

.mondai_book_list li{
	width:123px;
	height:34px;
	margin-right:10px;
	padding:22px 10px 36px 35px;
	background:url(../img/common/mondai_list_back.png) no-repeat;
	float:left;
	font-size:2.4rem;
	font-weight:bold;
	color:#036EB8;
}

.mondai_book_list li a{
	text-decoration:none;
}
.mondai_book_dl_list li a{
	text-decoration:none;
}


#download_selected_books {
	position: absolute;
	background: rgba(60,60,60,0.8);
	margin:0 auto;
	padding:20px 20px;
	width: 600px;
	height:auto;
}

.clickable_image:hover{
	cursor: pointer;
}

.error_message_content{
	margin: 30px auto;
}

.no_decoration_a {
	text-decoration:none;
	color:#2CA6E0;
	font-weight:bold;
}

.clear_both {
	clear: both;
}