@charset "shift_jis";

/*--- information
--------------------------------------------------------------------------	

	Date : 2009/02/16;
	
	00.common
	01.world header
	02.world title
	03.middle
	04.world
	05.world btn
	06.story
	07.world map

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

/*--- 00.common
--------------------------------------------------------------------------*/

*{
	margin:0;
	padding:0;
	border:0;
	font-family:"Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic Pro W3","HiraKakuPro-W3","MS UI Gothic","MS P Gothic","MS Gothic","Meiryo";
	font-size:12px;
	line-height:1.5;
	/*letter-spacing:0.2em;
	word-spacing:0.5em;*/
}

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

a{
	outline:none;
}

span{
	/*font-weight:bold;
	font-style:normal;
	text-decoration:underline;*/
	color:#34BEED;
}

li{
	list-style:none;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

.clear{
	clear:both;
}

.hide{
	position:absolute;
	left:-9999px;
	top:-9999px;
}

#footer{
	width:768px;
	margin:0px;
	padding:0px;
}

/*--- 01.world header
--------------------------------------------------------------------------*/

#page_header{
	width:768px;
	height:140px;
	background:url(../world/img/header_bg_001.jpg) 0 0 no-repeat;
	margin:0px;
	padding:0px;
	position:relative;
}

#page_header img.m_logo_001{
	margin:44px 0 0 40px;
	float:left;
	display:inline;
}

#page_header .hbtn{
	width:531px;
	height:45px;
	float:right;
	margin:95px 33px 0 0;
	padding:0px;
	display:inline;
}
.hbtn p a{
	width:177px;
	height:45px;
	margin:0px;
	padding:0px;
	float:left;
}

a.hbtn001{
	position:absolute;
	width:131px;
	height:37px;
	bottom:45px;
	right:37px;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	background:url(../world/img/hbtn_001.jpg) 0 0 no-repeat;
	display:block;
}
a.hbtn001:hover{
	background:url(../world/img/hbtn_001.jpg) 0 -37px no-repeat;
}	

p a.hbtn002{
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	background:url(../world/img/hbtn_002.jpg) 0 0 no-repeat;
}
p a.hbtn002:hover{
	background:url(../world/img/hbtn_002.jpg) 0 -45px no-repeat;
}	

p a.hbtn003{
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	background:url(../world/img/hbtn_003.jpg) 0 0 no-repeat;
}
p a.hbtn003:hover{
	background:url(../world/img/hbtn_003.jpg) 0 -45px no-repeat;
}	

p a.hbtn004{
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	background:url(../world/img/hbtn_004.jpg) 0 0 no-repeat;
}
/*--- 02.world title
--------------------------------------------------------------------------*/
.stitle1{
	width:768px;
	height:80px;
}
/*--- 03.middle
--------------------------------------------------------------------------*/
#middle{
	width:768px;
	height:136px;
	background:url(../world/img/middle_001.jpg) 0 0 no-repeat;
	margin:0px;
	padding:0px;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;	
}

a.mbtn_001{
	width:220px;
	height:46px;
	margin:60px 90px 0 0;
	display:inline;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:right;
	background:url(../world/img/mbtn_001.jpg) no-repeat;
	background-position:0 0;
}
a.mbtn_001:hover{background-position:0 -46px;}
/*--- 04.world
--------------------------------------------------------------------------*/
#world{
	width:768px;
	height:332px;
	margin:0px;
	padding:0px;
	background:url(../world/img/world_001.jpg) 0 0 no-repeat;
	position:relative;
}
#world ul{list-style:none; margin:0px; padding:0px;}
#world li{
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	display:block;
	list-style:none;
}
/*--- 05.world btn
--------------------------------------------------------------------------*/

li.wbtn_001 a{
	position:absolute;
	width:158px;
	height:37px;
	background:url(../world/img/spacer.gif) no-repeat 0 0;	
	top:118px;
	left:225px;
}
li.wbtn_001 a:hover{background:url(../world/img/world_btn001.jpg) no-repeat 0 0;}

li.wbtn_002 a{
	position:absolute;
	width:120px;
	height:31px;
	background:url(../world/img/spacer.gif) no-repeat 0 0;
	bottom:27px;
	left:298px;
}
li.wbtn_002 a:hover{background:url(../world/img/world_btn002.jpg) no-repeat 0 0;}

li.wbtn_003 a{
	position:absolute;
	width:187px;
	height:46px;
	background:url(../world/img/spacer.gif) no-repeat 0 0;
	bottom:118px;
	left:383px;
}
li.wbtn_003 a:hover{background:url(../world/img/world_btn003.jpg) no-repeat 0 0;}

li.wbtn_004 a{
	position:absolute;
	width:152px;
	height:50px;
	background:url(../world/img/spacer.gif) no-repeat 0 0;
	bottom:0px;
	right:198px;
}
li.wbtn_004 a:hover{background:url(../world/img/world_btn004.jpg) no-repeat 0 0;}

li.wbtn_005 a{
	position:absolute;
	width:118px;
	height:37px;
	background:url(../world/img/spacer.gif) no-repeat 0 0;
	top:102px;
	right:86px;
}
li.wbtn_005 a:hover{background:url(../world/img/world_btn005.jpg) no-repeat 0 0;}

li.wbtn_006 a{
	position:absolute;
	width:132px;
	height:49px;
	background:url(../world/img/spacer.gif) no-repeat 0 0;
	bottom:50px;
	right:66px;
}
li.wbtn_006 a:hover{background:url(../world/img/world_btn006.jpg) no-repeat 0 0;}

/*--- 06.story
--------------------------------------------------------------------------*/
#story{
	width:768px;
	margin:0px;
	padding:0px;
	position:relative;
}
a.close_btn{
	width:41px;
	height:35px;
	margin:0px;
	padding:0px;
	position:absolute;
	right:35px;
	top:54px;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	display:block;
	background:url(../world/img/spacer.gif) 0 0;
}

/*/// 絶対位置共 通指定 ///*/
.tip_area{display:block; margin:0px; padding:0px;}
.tip_area a{z-index:10; display:block; background:url(../world/img/spacer.gif) 0 0 no-repeat;}
.tip_area a:hover{position:relative; display:block; background:url(../world/img/spacer.gif) 0 0 no-repeat;}

/*/// 絶対位置 個別指定 ///*/
.ta01{width:115px; height:20px; position:absolute; left:121px; top:95px;}
.ta02{width:115px; height:18px; position:absolute; left:68px; top:121px;}
.ta03{width:79px; height:18px; position:absolute; left:249px; top:121px;}
.ta04{width:29px; height:17px; position:absolute; left:177px; top:212px;}

/*/// リンクサイズ指定 通常 ///*/
a.link_size01{width:115px; height:20px; background:url(../world/img/story_tip_link001.jpg) 0 0 no-repeat; display:block;}
a.link_size02{width:115px; height:18px; background:url(../world/img/story_tip_link002.jpg) 0 0 no-repeat; display:block;}
a.link_size03{width:79px; height:18px; background:url(../world/img/story_tip_link003.jpg) 0 0 no-repeat; display:block;}
a.link_size04{width:29px; height:18px; background:url(../world/img/story_tip_link004.jpg) 0 0 no-repeat; display:block;}

/*/// リンクサイズ指定 マウスオーバー ///*/
a.link_size01:hover{position:relative; z-index:100; background:url(../world/img/story_tip_link001.jpg) 0 -20px no-repeat;}
a.link_size02:hover{position:relative; z-index:100; background:url(../world/img/story_tip_link002.jpg) 0 -18px no-repeat;}
a.link_size03:hover{position:relative; z-index:100; background:url(../world/img/story_tip_link003.jpg) 0 -18px no-repeat;}
a.link_size04:hover{position:relative; z-index:100; background:url(../world/img/story_tip_link004.jpg) 0 -18px no-repeat;}

/*/// チップ共通指定 ///*/			
a span.tip_span01{display:none;}
a:hover span.tip_span01{display:block;}

a span.ts01,a span.ts02,a span.ts03,a span.ts04{display:none;}
a:hover span.ts01{display:block; position:absolute; float:left; background:#000; padding:0px; z-index:10; top:44px; left:-53px;}
a:hover span.ts02{display:block; position:absolute; float:left; background:#000; padding:0px; z-index:10; top:18px; left:0px;}
a:hover span.ts03{display:block; position:absolute; float:left; background:#000; padding:0px; z-index:10; top:18px; left:-181px;}
a:hover span.ts04{display:block; position:absolute; float:left; background:#000; padding:0px; z-index:10; top:18px; left:0px;}

/*--- 07.world map
--------------------------------------------------------------------------*/
#worldmap{
	width:768px;
	margin:0px;
	padding:0px;
}
.pos_rel{position:relative;}

a.close_btn_wm{
	width:41px;
	height:35px;
	margin:0px;
	padding:0px;
	position:absolute;
	right:35px;
	top:11px;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	display:block;
	background:url(../world/img/spacer.gif) 0 0;
}