/* リセット */
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-size: 100%;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article, header, footer, aside, figure, figcaption, nav, section { 
	display: block;
}
body {
	line-height: 1; /*　←これにより行間をフォントサイズと同一に設定します。　*/
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
ol, ul {
	list-style: none;
	list-style-type: none;
}
/* ここまで */

body
{
    width: 100%;
	background-color:#fff4df;
	background-attachment:	fixed;
	background-position:	top;
	background-repeat:repeat;
	font-size:	12pt;
	font-weight:	normal;
	color:	#000;
}
p {
    padding: 10px 0;
} 
 
/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
    0% {opacity:0;display:block;}
    100% {opacity:1;}
}
div#modal div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
    }

div#main_content{
	background-color:	#ffffff;
	background-image:	url('../images/top_en.png');
    background-repeat:	no-repeat;
    width:1280px;
    height:648px;
    margin: 0 auto;
    }

div#page1_content{
	background-image:	url('../images/page01_en.png');
	background-repeat:	no-repeat;
    width:1280px;
    height:648px;
    margin: 0 auto;
    }
    
#contents_text01{
    width: 1180px;
    height: 580px;
    margin:0px 0px 0px 100px;
    padding:180px 0px 0px 0px;
    text-align:center;
    float:left;
    }

#contents_text02{
    width: 100%;
    height: 1px;
    margin:0px 0px 0px 416px;
    padding:12px 0px 0px 0px;
    float:left;
    }
    
div#page2_content{
	background-image:	url('../images/page02_en.png');
	background-repeat:	no-repeat;
    width:1280px;
    height:648px;
    margin: 0 auto;
    }

div#page3_content{
	background-image:	url('../images/page03_en.png');
	background-repeat:	no-repeat;
    width:1280px;
    height:648px;
    margin: 0 auto;
    }

div#page4_content{
	background-image:	url('../images/page04_en.png');
	background-repeat:	no-repeat;
    width:1280px;
    height:648px;
    margin: 0 auto;
    }

div#page5_content{
	background-image:	url('../images/page05_en.png');
	background-repeat:	no-repeat;
    width:1280px;
    height:648px;
    margin: 0 auto;
    }

div#page6_content{
	background-image:	url('../images/page06_en.png');
	background-repeat:	no-repeat;
    width:1280px;
    height:648px;
    margin: 0 auto;
    }
    
div#page7_content{
	background-image:	url('../images/page07_en.png');
	background-repeat:	no-repeat;
    width:1280px;
    height:648px;
    margin: 0 auto;
    }

div#page8_content{
	background-image:	url('../images/page08_en.png');
	background-repeat:	no-repeat;
    width:1280px;
    height:648px;
    margin: 0 auto;
    }

div#page9_content{
	background-image:	url('../images/page09_en.png');
	background-repeat:	no-repeat;
    width:1280px;
    height:648px;
    margin: 0 auto;
    }

#contents{
    width: 850px;
    height: 1px;
    margin:0px 0px 0px 416px;
    padding:592px 0px 0px 0px;
    text-align:center;
    float:left;
    }

#contents_top{
    width: 140px;
    height: 1px;
    margin:0px 0px 0px 1100px;
    padding:592px 0px 0px 0px;
    }

.prev{
    background-image:url('../images/prev_n_en.png');
    width:153px;
    height:51px;
    background-size:contain;
    background-repeat: no-repeat;
    float:left;
    margin:0px 7px;
    }

.next{
    background-image:url('../images/next_n_en.png');
    width:153px;
    height:51px;
    background-size:contain;
    background-repeat: no-repeat;
    float:left;
    margin:0px 7px;
    }

.moku{
    background-image:url('../images/mokuji_n_en.png');
    width:153px;
    height:51px;
    background-size:contain;
    background-repeat: no-repeat;
    float:left;
    margin:0px 7px;}

.center{float:left; width:115px; height: 24px;}
.center2{float:left; width:234px; height: 24px;}
.center3{float:left; width:516px; height: 24px;}

.prev:hover{background-image:url('../images/prev_l_en.png'); width:153px; height:51px; background-size:contain; background-repeat: no-repeat; float:left; margin:0px 7px;}
.next:hover{background-image:url('../images/next_l_en.png'); width:153px; height:51px; background-size:contain; background-repeat: no-repeat; float:left; margin:0px 7px;}
.moku:hover{background-image:url('../images/mokuji_l_en.png'); width:153px; height:51px; background-size:contain; background-repeat: no-repeat; float:left; margin:0px 7px;}

.page01_text{background-image:	url('../images/text01_en.png'); width:500px; height:50px; margin:0px 0px 5px 0px; float:left;}
.page02_text{background-image:	url('../images/text02_en.png'); width:500px; height:50px; margin:0px 0px 5px 0px; float:left;}
.page03_text{background-image:	url('../images/text03_en.png'); width:500px; height:50px; margin:0px 0px 5px 0px; float:left;}
.page04_text{background-image:	url('../images/text04_en.png'); width:500px; height:50px; margin:0px 0px 5px 0px; float:left;}
.page05_text{background-image:	url('../images/text05_en.png'); width:500px; height:50px; margin:0px 0px 5px 0px; float:left;}
.page06_text{background-image:	url('../images/text06_en.png'); width:500px; height:50px; margin:0px 0px 5px 50px; float:left;}
.page07_text{background-image:	url('../images/text07_en.png'); width:500px; height:50px; margin:0px 0px 5px 50px; float:left;}
.page08_text{background-image:	url('../images/text08_en.png'); width:500px; height:50px; margin:0px 0px 5px 50px; float:left;}
.page09_text{background-image:	url('../images/text09_en.png'); width:500px; height:50px; margin:0px 0px 5px 50px; float:left;}
.page10_text{background-image:	url('../images/text10_en.png'); width:500px; height:50px; margin:0px 0px 5px 50px; float:left;}