@charset "UTF-8";

/*CSSDocument*/

/* main_layout.css
--------------------------------------------------------------

:: CSS Index

 1 : html body base
        
 2 : body base
        
 3 : header
     �Emenu

 4 : footer
       
 5 : TOP Page
 
 6 : Contents Page
       


-------------------------------------------------------------- */



/* html body base
===============================================================*/

/*
html ----------------------------------------------------------*/


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

body{
color:#000;
margin:0;
background:#fff;
font-family:'Noto Sans JP', Helvetica, Arial, YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
padding:0px;
text-align:center;
line-height:22px;
font-size:12px;
}

body.second{ background:none;}
	
	
	
a:link{ color:#a67005;text-decoration:underline;}
a:visited{ color:#a67005;text-decoration:underline;}
a:hover{ color:#a67005;text-decoration:none;}
a:active{ color:#8b4242;text-decoration:none;}


.link_arrow{ background: url(../images/link_arrow.gif) no-repeat left 8px; padding:2px 0 2px 7px;}
.link_arrow_square{ background:url(../images/rink_arrow_square.gif) no-repeat left 3px; padding:4px 0 4px 16px;}


img {
border:none;
vertical-align:top;
}


input, select, textarea {
font-size: 12px;
}

ul, ol {
list-style: none;
}


/*
html ----------------------------------------------------------*/


/*
Module --------------------------------------------------------*/

 
.clear{
clear:both;
height:1px;
margin:-1px 0 0 0;
font-size:1px;
display: inline-block;
}

.access_log{ height:1px; margin:-1px 0 0 0; font-size:1px; clear:both;}


.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


span.caution{  line-height:16px;}


img{
	margin:0;
	padding:0;
	border:0;
	}

/*
Module --------------------------------------------------------*/



/* html body base
===============================================================*/

/*
body base -----------------------------------------------------*/


#pageContent{ 
	width:1000px; 
	margin:0 auto 80px; 
	overflow:hidden; 
	text-align:center; 
	position:relative;
	}

#pageContent dl{
	margin:0 auto 40px;
	padding-top:20px;
	}
#pageContent dt{
	text-align:left;
	margin-bottom:20px;
	}

#pageContent dd{
	font-size:18px;
	text-align:left;
	margin-left:5px;
	margin-bottom:5px;
	}
#pageContent dd.next{
	font-size:14px;
	text-align:left;
	margin-left:5px;
	margin-bottom:5px;
	}
.page_l{
	width:600px;
	float:left;
	}

.page_r{
	width:400px;
	padding-left:25px;
	box-sizing:border-box;
	float:left
	}


.read{
 font-size: 16px;
 margin-bottom: 20px;
 font-weight: bold;
 text-align: left;
 padding-top: 10px;
}


#pageContent dl.back{
	}
#pageContent dl.back dt{
	}

#pageContent dl.back dd{
	height:120px;
	overflow:auto;
	line-height:1.5;
	}
	
	
#pageContent dl.profile{
	position:absolute;
	bottom:0;
	right:0;
	width:375px;
	margin-bottom:0;
	}
#pageContent dl.profile dt{
	text-align:left;
	margin-bottom:20px;
	}

#pageContent dl.profile dd{
	font-size:18px;
	text-align:left;
	margin-left:5px;
	}
#pageContent dl.profile dd span{
	font-size:14px;
	text-align:left;
	line-height:1.5;
	}	
	




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

#pageContent{ 
	width:100%; 
	margin:0 auto 30px; 
	overflow:hidden; 
	text-align:center; 
	position:relative;
	}
.page_l{
	width:100%;
	float:none;
	}
.page_l img{
	width:100%;
	height:auto;
	}
.page_r{
	width:100%;
	padding-left:0;
	box-sizing:border-box;
	float:none;
	padding:5%;
	}

#pageContent dl.profile{
	position:relative;
	bottom:auto;
	right:auto;
	width:100%;
	margin-bottom:0;
	}
	
#pageContent dt img{
	width:140px;
	height:auto;
	}	

#pageContent dd{
	font-size:16px;
	}	
	
#pageContent dl.back dd{
	height:auto;
	overflow:auto;
	line-height:1.5;
	}
			
}



/* header
===============================================================*/

/* header
-------------------------------------------------------------- */


#pageContent.book{ 
	width:100%; 
	margin:0 auto 30px; 
	overflow:hidden; 
	text-align:center; 
	position:relative;
	}
	
	
.sp-slide{
	width:500px;
	height:669px;
	}

.sp-slide img{
	width:500px;
	height:669px;
	}

#pageContent.book dl{
	width:1000px;
	margin:0 auto;
	} 


@media screen and (max-width: 640px) {
	
	
body.book{
	width:500px;
	margin:0 auto;
	}	
	
#pageContent.book{ 
	width:100%; 
	margin:0 auto 30px; 
	overflow:hidden; 
	text-align:center; 
	position:relative;
	}
	
}



/* header
===============================================================*/




/* footer
===============================================================*/

/* footer
-------------------------------------------------------------- */


#footer{ 
clear:both; 
width:100%; 
background:#000; 
text-align:center; 
margin:0 auto; 
}

.footer_in{ 
width:1000px; 
margin:0 auto; 
overflow:hidden;
}

.footer_logo{ 
float:left; 
display:inline;
}
.footer_copy{ 
float:right; 
display:inline; 
color:#fff; 
line-height:56px;
}




@media screen and (max-width: 640px) {
	
	
.footer_in{ 
width:100%; 
margin:0 auto; 
overflow:hidden;
}	

.footer_logo{ 
float:none; 
display:block;
text-align:center;
}
.footer_copy{ 
float:none; 
display:block; 
color:#fff; 
line-height:1.5;
text-align:center;
padding-bottom:10px;
}


}






/* footer
-------------------------------------------------------------- */