@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:url(../images/smiling/fcNKJM8853.jpg) no-repeat top center;
background-size:cover;
background-attachment:fixed;
font-family: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:#0061b4;text-decoration:none;}
a:visited{ color:#0061b4;text-decoration:none;}
a:hover{ color:#0061b4;text-decoration:underline;}
a:active{ color:#8b4242;text-decoration:underline;}


.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;}

a:hover img{
	opacity:0.6;
	}


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

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



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

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

#main{
	width:100%;
	min-width:1000px;
	}

#pageContent{ width:1000px; margin:0 auto; text-align:left; padding-top:45px;}




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

#header_wrap{
	


	}


	
#header_wrap h1{


	}




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

.movie{
	background:rgba(0,0,0,0.8);
	width:100%;
	height:563px;
	text-align:center;
	}

.mov_base{
	position:relative;
	width:1000px;
	height:563px;
	margin: auto;
	overflow:hidden;
	}


.movie_01{
	width:1000px;
	margin: auto;
	text-align:left;
	position:relative;
	z-index:1;
	}

.movie_01_txt{
	position:absolute;
	bottom:32px;
	left:32px;
	z-index:2;
	}


.movie_02{
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	}

.movie_02_txt{
	position:absolute;
	bottom:32px;
	left:50px;
	z-index:4;
	}


.movie_03{
	position:absolute;
	top:0;
	left:0;
	z-index:5;
	}

.movie_03_txt{
	position:absolute;
	bottom:32px;
	left:44px;
	z-index:6;
	}


.movie_04{
	position:absolute;
	top:0;
	left:0;
	z-index:7;
	background:#142242;
	}

.movie_04_txt_1{
	position:absolute;
	top:87px;
	right:157px;
	z-index:8;
	}

.movie_04_txt_2{
	position:absolute;
	top:87px;
	left:117px;
	z-index:8;
	}




.movie_05{
	position:absolute;
	top:0;
	left:0;
	z-index:9;
	background:#bddff2;
	}

.movie_05_txt{
	position:absolute;
	top:170px;
	right:20px;
	z-index:10;
	}




.movie_06{
	position:absolute;
	top:0;
	left:0;
	z-index:11;
	}
	
	

.movie_06_img{
	position:absolute;
	top:34px;
	left:60px;
	z-index:11;
	}
.movie_06_txt_1{
	position: absolute;
	top: 69px;
	right: -983px;
	z-index: 11;
	}

.movie_06_txt_2{
	position: absolute;
	bottom: -452px;
	right: -740px;
	z-index: 11;
	}

.movie_06_txt_3{
	position: absolute;
	bottom: -502px;
	right: -920px;
	z-index: 11;
	font-size:14px;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	}

.movie_06_txt_3 img{
	vertical-align:middle;
	padding-right:10px;
	}
.movie_06_txt_4{
	position: absolute;
	bottom: -515px;
	right: -655px;
	z-index: 11;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	}



.read_area{
	text-align:center;
	padding:70px 0;
	
	letter-spacing:3px;
min-width:1000px;
box-sizing:border-box;
background:url(../images/smiling/author.png) no-repeat right 240px;
	}


.read_area h2{
	font-size:38px;
	color:#1c294c;
	font-weight:bold;
	margin-bottom:30px;
	font-family:"游明朝体", "Yu Mincho", YuMincho,"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",  serif;
width:1000px;
min-height:1px;
line-height:1.2;
	}
.read_area p{
	font-size:24px;
	line-height:1.8;
	margin-bottom:30px;
width:1000px;
min-height:1px;
	}

.read_area strong{
	font-size:34px;
	line-height:1.8;
	margin-bottom:30px;
	}


.read_area h3{
	text-align:left;
	padding-left:50px;
	margin-bottom:40px;
	}

.read_area dt{
	text-align:left;
	font-size:20px;
	line-height:1.8;
	margin-bottom:30px;
	width:690px;
	}

.read_area dt .right{
	text-align:right;
	}
.read_area dt .right strong{
	font-size:28px;
	}


.read_area dd{
	text-align:left;
	font-size:15px;
	line-height:1.5;
	margin-bottom:20px;
	border-bottom:1px dotted #000;
	padding:10px;
	}

.read_area dd .right{
	text-align:right;
	}
.read_area dd .right strong{
	font-size:18px;
	}




.author_area{
	background:rgba(255,255,255,0.45);
	padding:25px;
	margin-bottom:35px;
min-width:1000px;
box-sizing:border-box;
	}

.author_area h3{
	font-size:20px;
	margin-bottom:15px;
	letter-spacing:2px;
min-height:1px;
	}
.author_area p{
	font-size:14px;
	line-height:1.6;
	letter-spacing:2px;
min-height:1px;
	}
	
		
.buy_area{
	text-align:center;
	margin-bottom:35px;
	}	
.buy_area a{
	display:inline-block;
	margin:0 3px 6px;
	}	
		
	

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




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

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


#footer{ 
	clear:both; 
	width:100%; 
	text-align:center; 
	margin:0 auto;
	background:#231815;
	padding-bottom:15px;
min-width:1000px;
	}

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

.footer_logo{ float:left; display:inline; padding-top:25px;}
.footer_copy{ float:right; display:inline; color:#fff; line-height:70px;}


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