@charset "UTF-8";

/* INTERFACE */

/* ヘッダー */

body>header{
	max-width:500px;
	margin:0 auto ;
	height:80px;
}

body>header h1{
	margin:5% auto;
	line-height:1;
	font-size:25px;
	text-align:center;
}

body>header>a{
	display:block;
	line-height:1;
	margin:0 auto;
}

body>header nav ul{
	list-style-type:none;
	margin:5% 0 5% 15%;
	padding:0;
}

body>header nav ul li{
	float:left;
	margin:0 0 0 30px;
	font-size:17px;
}

@media only screen and (max-width:420px){
body>header nav ul{
	margin:5% 0 5% 10%;
}
}

@media only screen and (max-width:380px){
body>header nav ul li{
	margin:0 0 0 20px;
	font-size:18px;
}
}

@media only screen and (max-width:330px){
body>header{
	max-width:400px;
}

body>header h1{
	font-size:20px;
}

body>header nav ul li{
	margin:0 0 0 20px;
	font-size:15px;
}
}

/* メインエリア */

#home_contents_area{
	max-width:700px;
	margin:0 auto;
	padding:0;
}

/* キー画像 */

#home_contents_key_area{
	margin:0 auto;
	padding:0;
}

#home_contents_key_area picture img{
	width:100%;
	margin:0 auto;
}

#home_contents_key_area p{
	text-align:center;
	font-size:10px;
	color:#DC143C;
}

/* メイン */

#home_contents_area_main{
	max-width:500px;
	margin:20px auto 60px;
	position:relative;
}

#home_contents_area_main nav ul{
	list-style-type:none;
	margin:0 0 0 50px;
	padding:0;
	line-height:1;
}

#home_contents_area_main ul li{
	float:left;
	margin:0 0 0 50px;
	font-size:15px;
}

@media only screen and (max-width:380px){
#home_contents_area_main{
	max-width:400px;
	margin:20px auto 60px;
}

#home_contents_area_main nav ul{
	list-style-type:none;
	margin:0 auto;
	padding:0;
	line-height:1;
}

#home_contents_area_main ul li{
	float:left;
	margin:0 0 0 40px;
	font-size:15px;
}
}

@media only screen and (max-width:330px){
#home_contents_area_main{
	max-width:400px;
	margin:20px auto 60px;
}

#home_contents_area_main nav ul{
	list-style-type:none;
	margin:0 auto;
	padding:0;
	line-height:1;
}

#home_contents_area_main ul li{
	float:left;
	margin:0 0 0 30px;
	font-size:15px;
}
}

/* 紹介 */

#home_contents_area_about_master{
	max-width:500px;
	margin:70px auto 40px;
	padding:0 10%;
}

#home_contents_area_about_master h2{
	margin:0 auto;
	text-align:left;
	font-size:12px;
}

#home_contents_area_about_master p{
	margin:0 auto 3% 0;
	text-align:left;
	font-size:10px;
}

@media only screen and (max-width:380px){
#home_contents_area_about_master{
	max-width:400px;
}

#home_contents_area_about_master h2{
	font-size:10px;
}

#home_contents_area_about_master p{
	font-size:10px;
}
}

@media only screen and (max-width:330px){
#home_contents_area_about_master{
	max-width:400px;
}

#home_contents_area_about_master h2{
	font-size:10px;
}

#home_contents_area_about_master p{
	font-size:10px;
}
}

/* フッター */

footer{
	max-width:500px;
	margin:0 auto;
	position:relative;
	height:100px;
}

footer #footer-sitemap {
	font-size: 1em;
	margin:0 0 0 12%;
}

footer #footer-sitemap section {
	width: 150px; //ひとつひとつのブロックの幅です
	margin:0 40px 0 0;
	float:left;
	vertical-align: top; //ブロック要素を上揃え
}

footer #footer-sitemap .footer-sitemap_left{
	font-size:15px;
}
footer #footer-sitemap .footer-sitemap_right{
	line-height:1.1;
	padding:10px 0 0 0;
	font-size:12px;
}

footer #footer-sitemap section ul{
	list-style-type:none;
}

footer>p{
	position:absolute;
	top:100px;
	left:35%;
	font-size:10px;
}

@media only screen and (max-width:380px){
footer{
	max-width:400px;
}

footer #footer-sitemap {
	font-size: 1em;
	margin:0 0 0 15%;
}

footer #footer-sitemap section {
	width: 100px; //ひとつひとつのブロックの幅です
	margin:0 40px 0 0;
}

footer #footer-sitemap .footer-sitemap_left{
	font-size:15px;
}
footer #footer-sitemap .footer-sitemap_right{
	font-size:13px;
}

footer>p{
	position:abssolute;
	font-size:10px;
	left:35%;
}
}

@media only screen and (max-width:330px){
footer{
	max-width:400px;
}

footer #footer-sitemap {
	font-size: 1em;
	margin:0 0 0 10%;
}

footer #footer-sitemap section {
	width: 100px; //ひとつひとつのブロックの幅です
	margin:0 40px 0 0;
}

footer #footer-sitemap .footer-sitemap_left{
	font-size:15px;
}
footer #footer-sitemap .footer-sitemap_right{
	font-size:13px;
}

footer>p{
	position:abssolute;
	font-size:10px;
	left:35%;
}
}

/* 出してきた本のページ */

#issue_contents_area{
	max-width:1000px;
	margin:0 auto;
	padding:0;
}

#issue_contents_area h2{
	margin:5% auto;
	text-align:center;
	font-size:13px;
}

#issue_contents_area_main{
	margin:0 auto 100px;
}

#issue_contents_area_main table{
	margin:0 auto;
	position:relative;
}

#issue_contents_area_main h3{
	margin:0 auto;
		padding:0 10%;
	font-size:13px;
}


#issue_contents_area_main tr{
	margin:0 auto;
	font-size:8px;
}

#issue_contents_area_main th{
	width:30%;
	margin:0 auto;
}

#issue_contents_area_main th img{
	width:100%;
	margin:0 auto;
	padding:0 0 0 10%;
}

#issue_contents_area_main td p{
	margin:0 auto;
	padding:0 10%;
	line-height:1;
	font-size:12px;
}

@media only screen and (max-width:420px){

#issue_contents_area_main h3{
	margin:0 auto;
		padding:0 10%;
	font-size:10px;
}


#issue_contents_area_main tr{
	margin:0 auto;
	font-size:8px;
}

#issue_contents_area_main th{
	width:30%;
	margin:0 auto;
}

#issue_contents_area_main th img{
	width:100%;
	margin:0 auto;
	padding:0 0 0 10%;
}

#issue_contents_area_main td p{
	margin:0 auto;
	padding:0 10%;
	line-height:1;
	font-size:8px;
}