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

/*HTMLの初期スタイルをリセット↓ここから↓*/
*{
	margin:0px;
	padding:0px;
}
body {
	background-color: #FFFFFF;
	color: #000000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	height: auto;
	width: auto;
}
img {
	border:none;
     max-width: 100%;
     height: auto;
}
ol,ul{
	list-style-type:none;
}
html {
-webkit-text-size-adjust: 100%; /* iPhone */
}
a{
	text-decoration:none;
	color:#333;

}
/*HTMLの初期スタイルをリセット↑ここまで↑*/
#wrap{
	height:100%;
	width:auto;
}
#contents{
	height:100%;
	width:auto;
	text-align:center;
}
#contents #header{
	height:100%;
	width:auto;
}
h1{
	font-size:18px;
	color: #ffffff;
	padding: 10px;
	background-color:#3C6;
	background: -moz-linear-gradient(
		top,
		#80d913 0%,
		#67b40f);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#FF1493),
		to(#67b40f));
	
	border: 1px solid #67b40f;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}
#header p{
	height:100%;
	width:auto;
}
#header p img{
	height:auto;
	width:auto;
}
#contents .guide_text{
	height:100%;
	width:auto;
	padding:10px;
}
#contents .guide_text .tagline{
	font-size:16px;
	font-weight:bold;
	color:#F33;
	padding-top:10px;
}
#contents .guide_text p{
	padding:10px;
	line-height:18px;
}
#contents .experiences{
	height:100%;
	width:auto;
	border: thin solid #999;
	margin:3px;
	padding:5px;
}
#contents .experiences:after{  
display:block;  
clear:both;  
height:0;  
visibility:hidden;  
content:".";  
zoom:1;  
}
#contents .experiences .image{
	height:auto;
	width:50%;
	padding:2px;
	float:left;
}
#contents .experiences p{
	font-size:14px;
	padding:5px;
	line-height:18px;
}
#contents .jumpbtn{
	clear:both;
	height:100%;
	width:auto;
}
#contents .jumpbtn a {
	margin:10px auto;
	height:100%;
	width:150px;
	display: block;
	color: #ffffff;
	padding: 11px 22px;
	background-color:#F63;
	background: -moz-linear-gradient(
		top,
		#f2ac6f 0%,
		#f76300);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f2ac6f),
		to(#f76300));
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #d66f00;
	-moz-box-shadow:
		0px 1px 3px rgba(212,212,205,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(212,212,205,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(212,212,205,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}
#contents #category{
	height:100%;
	width:auto;
	margin:5px auto;
}
#contents #category ul{
	height:100%;
	width:95%;
	margin:3px auto;
	overflow:hidden;
	border:solid 1px #ccc;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
#contents #category ul li{
	height:40px;
	width:auto;
	border-bottom: thin solid #ccc;
}
#contents #category ul li:nth-last-child(1){
	border-bottom: 0px solid #ccc;
}
#contents #category ul li a{
	text-align:left;
	display:block;
	height:40px;
	margin:0 auto;
	line-height:40px;
	padding-left:10px;
	position:relative;
	background:#FFFFFF;
}
#contents #category ul li a::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top:-6px;
  display: block;
  width: 0; 
  height: 0; 
  border-top: 6px solid transparent; 
  border-left: 11px solid #0C9; 
  border-bottom: 6px solid transparent;
}
/*↓ここから下層目次ページ↓*/
#contents #bookindex{
	height:100%;
	width:auto;
	background-color:#f5f5f5;
	border: thin solid #999;
	margin:3px;
}
h3{
	height:100%;
	width:auto;
	font-weight:bold;
	font-size:18px;
	text-align:left;
	line-height:50px;
	padding-left:10px;
	color:#FFF;
	text-shadow: 1px 1px 1px #333333;
	background-color:#FC0;
}
#contents #bookindex p{
	text-align:center;
	font-size:14px;
	padding:10px 10px;
	border-bottom: thin solid #999;
}
#contents #bookindex ul{
	height:100%;
	width:auto;
}
#contents #bookindex ul li{
	height:40px;
	width:auto;
	border-bottom: thin solid #999;
}
#contents #bookindex ul li:nth-last-child(1){
	border-bottom: 0px solid #999;
}
#contents #bookindex ul li a{
	text-decoration:none;
	text-align:left;
	display:block;
	height:40px;
	margin:0 auto;
	line-height:40px;
	padding-left:10px;
	position:relative;
	background:#FFFFFF;
	list-style-type: none;
}
#contents #bookindex ul li a::after {
 content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top:-6px;
  display: block;
  width: 0; 
  height: 0; 
  border-top: 6px solid transparent; 
  border-left: 11px solid #0C9; 
  border-bottom: 6px solid transparent;
}
/*↑ここまで下層目次ページ↑*/
/*↓ここから読み物内容ページ↓*/
#contents #book{
	height:100%;
	width:auto;
	text-align:left;
	border: thin solid #999;
	margin:3px;
}
h4{
	height:100%;
	width:auto;
	font-weight:bold;
	font-size:18px;
	padding:10px;
	color:#FFF;
	text-shadow: 1px 1px 1px #333333;
	background-color:#FC0;
}
#contents #book p{
	font-size:16px;
	line-height:18px;
	padding:10px;
}

/*下層ページ戻りボタン*/
#contents #back_top a{
	text-decoration:none;
	text-align:left;
	position:relative;
	display:block;
	width:auto;
	height:100%;
	color: #ffffff;
	font-size:100%;
	padding: 10px 30px;
	background-color:#80d913;
	background: -moz-linear-gradient(
		top,
		#aee681 0%,
		#69c121);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#aee681),
		to(#69c121));

	border: 1px solid #5c60a8;
	-moz-box-shadow:
		0px 1px 1px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,0.8);
	-webkit-box-shadow:
		0px 1px 1px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,0.8);
	box-shadow:
		0px 1px 1px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,0.8);
	text-shadow:
		0px 0px 0px rgba(000,000,000,0),
		0px 1px 1px rgba(095,100,163,1);

}
#contents #back_top a::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  display: block;
  width: 6px;
  height: 6px;
  margin-top: -6px;
  border-top: solid 2px #FFF;
  border-right: solid 2px #FFF;
  -webkit-transform: rotate(-135deg);
   transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
}
/*戻りボタン↑ここまで↑*/

/*↓ここからフッターエリア↓*/
#footer{
	width:auto;
	height:100%;
	text-align:center;
	line-height:25px;
	padding:20px;
	background-color:#096;
}
#footer li a{
	font-size:14px;
	color:#FFF;
}
#footer #copy{
	font-size:12px;
	padding-top:5px;
}
/*↑ここまでフッターエリア↑*/