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



body{
	background:url(../images/common/main_bg.png) center top repeat-y;
	color:#000;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
*{
	margin:0;
	padding:0;
	line-height:100%;
	font-size:100%;
	border:0;
	zoom:1;
}

.clearb{ clear:both; }
ul, ol, dl{ list-style:none; }



/*----------------------------------------------------------
　BOX
------------------------------------------------------------*/
div#container div.borderbox{
	background:url(../images/common/borderbox_bg.gif) left 5px no-repeat;
	width:947px;
	padding-bottom:5px;
	position:relative;
	margin:0 auto;
}
div#container div.borderbox div.borderbox_in{
	border:#008336 1px solid;
	background-color:#FFF;
	width:940px;
}


/*----------------------------------------------------------
　link color
------------------------------------------------------------*/
div#container a:link, div#container a:visited{ color:#0D7135; text-decoration:none; }
div#container a:hover, div#container a:active{ color:#999; text-decoration:underline; }


/*----------------------------------------------------------
　main common
------------------------------------------------------------*/
div#container{
	width:1000px;
	margin:0 auto;
}

/* under_construction */
div#container p.under_construction{
	font-weight:bold;
	padding:100px 0 50px 0;
	text-align:center;
	color:#999;
	letter-spacing:0.1em;
}



/* +++++ HEADER +++++ */
div#common_header{ background-color:#FFF; }
div#common_header ul{
	background:url(../images/common/tab_bg.gif) left bottom repeat-x;
	width:1000px;
	height:52px;
	text-align:center;
	overflow:hidden;
	margin-top:40px;
}
div#common_header ul li{
	display:inline;
	height:52px;
	width:182px;
}
div#common_header ul li img{ vertical-align:top; }


/* +++++ FOOTER +++++ */
div#ar_footer{
	width:950px;
	margin:0 auto;
	padding-top:70px;
	padding-bottom:50px;
}
div#ar_footer p.backtotop{
	text-align:right;
	border-bottom:#CCC 1px solid;
	padding:0 0 12px 0;
	font-size:70%;
}
div#ar_footer p.backtotop a:link, div#ar_footer p.backtotop a:visited{ color:#0D7135; }
div#ar_footer p.backtotop a:hover, div#ar_footer p.backtotop a:active{ color:#999; }

div#ar_footer div{ overflow:hidden; width:950px; }

div#ar_footer div p{
	text-align:left;
	padding:15px 0 0 0;
	font-size:70%;
	color:#000;
	vertical-align:top;
	width:650px;
	float:left;
}
div#ar_footer div p img{
	vertical-align:top;
	padding-right:7px;
}
div#ar_footer div p a{
	vertical-align:top;
}
div#ar_footer div p a:link, div#ar_footer div p a:visited{ color:#000; }
div#ar_footer div p a:hover, div#ar_footer div p a:active{ color:#999; }

div#ar_footer div p.copyright{
	text-align:right;
	width:290px;
	float:right;
	font-size:70%;
	color:#666;
}
div#ar_footer p.corp{
	padding:15px 0;
	text-align:center;
}



/*----------------------------------------------------------
　TOP #tab1
------------------------------------------------------------*/
div#tab1{ text-align:center; padding-top:35px; }
div#tab1 #book_img{
	background:url(../images/p1/p1_book.jpg) left top no-repeat;
	width:940px;
	height:602px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
div#tab1 #book_img h2, div#tab1 #book_img p{ position:absolute; }
div#tab1 #book_img h2{ left:0; top:43px; }
div#tab1 #book_img p.ar{ left:677px; top:32px; }
div#tab1 #book_img p.text{ left:450px; top:437px; }


div#tab1 div#what_ar{ margin-top:40px; }
div#tab1 div#what_ar div{
	background:#FFF url(../images/p1/p1_img1.gif) 23px 50% no-repeat;
	text-align:left;
	padding-bottom:20px;
}
div#tab1 div#what_ar div h3{
	padding:23px 0 0 140px;
}
div#tab1 div#what_ar div p{
	padding:10px 0 0 140px;
	line-height:160%;
	font-size:75%;
}


div#tab1 div#howto_ar{ margin-top:40px; }
div#tab1 div#howto_ar h3{
	text-align:left;
	padding-left:26px;
}
div#tab1 div#howto_ar ol li{ overflow:hidden; }
div#tab1 div#howto_ar ol li p{ line-height:160%; font-size:75%; }
div#tab1 div#howto_ar ol li h4{ padding-bottom:10px; }
div#tab1 div#howto_ar ol li.n1{ width:875px; text-align:left; margin:30px 0 0 30px; }
div#tab1 div#howto_ar ol li.n1 p{
	float:left;
	width:550px;
}
div#tab1 div#howto_ar ol{
	padding-bottom:15px;
	text-align:left;
}
div#tab1 div#howto_ar ol li.n1 p.link{
	float:right;
	width:297px;
	padding-bottom:10px;
}
div#tab1 div#howto_ar ol li.n2{
	margin:0 0 0 25px;
	width:560px;
	text-align:left;
	background:url(../images/p1/p1_n2.gif) left 50% no-repeat;
	padding:36px 0 36px 100px;
}
div#tab1 div#howto_ar ol li.n3{
	margin:0 0 0 410px;
	width:430px;
	text-align:left;
	background:url(../images/p1/p1_n3.gif) left 50% no-repeat;
	padding:33px 0 33px 100px;
}
div#tab1 div#howto_ar ol li.n4{
	margin:0 0 0 25px;
	width:700px;
	text-align:left;
	background:url(../images/p1/p1_n4.gif) left 50% no-repeat;
	padding:30px 0 30px 115px;
}


div#tab1 div#print_ar{ margin:40px auto 0 auto; width:947px; }
div#tab1 div#print_ar h3{ text-align:left; padding-bottom:5px; }
div#tab1 div#print_ar div{
	border:#008336 1px solid;
	background-color:#FFF;
	text-align:left;
	overflow:hidden;
	padding:20px 25px;
}
div#tab1 div#print_ar div p{
	float:left;
	width:650px;
	font-size:75%;
	line-height:160%;
	padding-top:5px;
}
div#tab1 div#print_ar div p.link{
	float:right;
	width:216px;
	padding:0;
	line-height:100%;
}






/*----------------------------------------------------------
　OUTLINE #tab2
------------------------------------------------------------*/
div#tab2{ text-align:center; padding-top:35px; }
div#tab2 div.borderbox_in{ text-align:left; position:relative; }
div#tab2 div.borderbox_in div{
	padding:30px 30px 30px 30px;
	background:url(../images/p2/p2_bg_img.jpg) 545px bottom no-repeat;
}
div#tab2 div.borderbox_in div h3{ margin:27px 0 20px 0; }

div#tab2 div.borderbox_in h4{
	position:absolute;
	left:11px;
	top:230px;
}
div#tab2 div.borderbox_in div#arasuji{
	border:#CCC 1px solid;
	padding:70px 30px 0px 30px;
	background:none;
	margin:0 30px 30px 30px;
}
div#tab2 div.borderbox_in div#arasuji p{
	margin:0;
	padding:0 0 20px 0;
	line-height:160%;
	font-size:75%;
}

div#tab2 div#s_message{
	margin:35px auto 0 auto;
	text-align:left;
	width:940px;
}
div#tab2 div#s_message h3{ margin-bottom:25px; }
div#tab2 div#s_message p.photo{
	float:left;
	width:270px;
	padding-bottom:20px;
}
div#tab2 div#s_message div{
	float:left;
	width:670px;
	padding-bottom:20px;
}
div#tab2 div#s_message div h4{
	font-size:90%;
	font-weight:bold;
}
div#tab2 div#s_message div p{
	margin-top:10px;
	font-size:75%;
	line-height:160%;
}
div#tab2 div#s_message p.note{
	clear:both;
	border-top:#CCC 1px dashed;
	padding-top:20px;
	font-size:75%;
	line-height:160%;
}
div#tab2 div#s_message p.note strong{
	display:block;
	margin-bottom:5px;
	line-height:110%;
	color:#0D7135;
}
div#tab2 div#s_message p.note a{ line-height:160%; }


/*----------------------------------------------------------
　CHARACTER #tab3
------------------------------------------------------------*/
div#tab3{ text-align:center; padding-top:35px; }
div#tab3 h2{
	width:950px;
	margin:0 auto;
	text-align:left;
	padding-bottom:5px;
}
div#tab3 div#character_intro{
	width:915px;
	margin-top:30px;
	margin-left:20px;
	overflow:hidden;
}
div#tab3 div#character_intro div{
	width:305px;
	float:left;
	text-align:left;
}
div#tab3 div#character_intro div p.photo{
	text-align:center;
	line-height:100%;
	width:290px;
	padding-bottom:0;
}
div#tab3 div#character_intro div h3{
	margin:12px 0;
	text-align:center;
	width:290px;
}
div#tab3 div#character_intro div p{
	line-height:160%;
	font-size:75%;
	width:290px;
	padding-bottom:20px;
}

div#tab3 p.link{
	padding:20px 0 25px 0;
	margin:0 0 0 20px;
	line-height:100%;
	text-align:center;
	border-top:#CCC 1px dashed;
	width:900px;
}



/*----------------------------------------------------------
　DOWNLOAD #tab4
------------------------------------------------------------*/

#tab4{
	padding:10px 100px;
}

div#tab4 div#caution{ margin:30px auto 0 auto; width:100%; }
div#tab4 div#caution h3{ text-align:left; padding-bottom:5px; }
div#tab4 div#caution div{
	border:#008336 1px solid;
	background-color:#FFF;
	text-align:left;
	overflow:hidden;
	padding:20px 25px;
	font-size:0.8em;
}

/*-----------------------------------------------------
 materialTable
-----------------------------------------------------*/
.materialTable{
	width:100%;
	border-collapse:collapse;
	margin:10px 0 30px 0;
}

.materialTable td{
	color:#333;
	/*border-bottom:1px solid #885602;*/
	background:url(../images/common/line_dot.gif) repeat-x bottom;
	padding:5px 3px;
	text-align:left;
}

.materialTable td a:link{
	color:#3D0145;
}

.materialTable td a:visited{
	color:#900;
}

.materialTable td.lineZip{
	color:#333;
	border-bottom:1px solid #008336;
	background:none;
	padding:5px 3px;
	font-weight:bold;
}

.materialTable td.chapter{
	padding:50px 3px 5px 3px;
	font-size:1.1em;
	font-weight:bold;
	border-bottom:5px solid #008336;
	background:none;
	vertical-align:bottom;
}

.materialTable td.title{
	
	font-weight:bold;
}

.materialTable td.page{
	font-size:0.85em;
}