/* CSS Document */
/*---------------------------------------*/
/*------------------ All ----------------*/
/*---------------------------------------*/
	*{ font-family:"Osaka","ＭＳ Ｐゴシック"; }
	
	body { margin:0px; padding:0px; behavior:url(/iwoopie/stylesheets/csshover.htc); background:#FFF;}
	
	body {
		font-size: 13px; /* モダンブラウザ向け */
		*font-size: small; /* IE 7向け */
		*font: x-small; /* IE 6以下 */
		}
			
	html {
		height:100%;
		padding-bottom:1px;
		}
			
	a { color:#333; }
	a:link, a:visited {text-decoration: none;}
	a:hover, a:active {text-decoration: none;}
	
	img { border: 0px; }
	sup { font-size:60%;}
		
/*---------------------------------------*/
/*--------------- FontSize --------------*/
/*---------------------------------------*/
	.text10 { font-size:77%; }     /*10px*/
	.text11 { font-size:85%; }     /*11px*/
	.text12 { font-size:93%; }     /*12px*/
	.text13 { font-size:100%; }    /*13px*/
	.text14 { font-size:108%; }    /*14px*/
	.text15 { font-size:116%; }    /*15px*/
	.text16 { font-size:123.1%; }  /*16px*/
	.text17 { font-size:131%; }    /*17px*/
	.text18 { font-size:138.5%; }  /*18px*/
	.text19 { font-size:146.5%; }  /*19px*/
	.text20 { font-size:153.9%; }  /*20px*/
	.text21 { font-size:161.6%; }  /*21px*/
	.text22 { font-size:167%; }    /*22px*/
	.text23 { font-size:174%; }    /*23px*/
	.text24 { font-size:182%; }    /*24px*/
	.text25 { font-size:189%; }    /*25px*/
	.text26 { font-size:197%; }    /*26px*/
	
	h1 {padding: 0px; margin: 0px; line-height: 160%; font-size:200%; font-weight:bold;}
	h2 {padding: 0px; margin: 0px; line-height: 160%; font-size:100%;  font-weight:bold;}
	h3 {padding: 0px; margin: 0px; line-height: 160%; font-size:81.25%;  font-weight:bold;}
	h4 {padding: 0px; margin: 0px; line-height: 160%; font-size:81.25%;  font-weight:bold;}
	p {padding:0; margin:0; color:#333; line-height:160%;}
	li {padding:0; margin:0; color:#333; line-height:100%;}
	input,textarea,select {padding:0; margin:0; color:#333; line-height:100%;}
		
/*---------------------------------------*/
/*---------------- Parts ----------------*/
/*---------------------------------------*/
	.contents-clear {clear:both; height:0; width:0; display:block;}
	span.hidden {display:none;}

/*---------------------------------------*/
/*--------------- Clearfix --------------*/
/*---------------------------------------*/
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix {display: inline-table;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

/*------------------------------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------------ sprite-iamge */
/*------------------------------------------------------------------------------------------------------------------- */
	body,
	#wrapper,
	.header,
	h1 a,
	h2,
	h3,
	a.page-top,
	a.page-top-in,
	a.sub-pagetop,
	.navigation li a,
	a.main-img-button,
	ul.top-navigation li a.first,
	ul.top-navigation li a.second,
	ul.top-navigation li a.third,
	ul.top-navigation li a.fourth,
	ul.top-navigation li a.fifth,
	ul.top-navigation li a.sixth,
	ul.top-navigation li.sixth,
	ul.top-navigation li a.seventh,
	ul.top-navigation li a.eighth,
	ul.top-navigation li a.ninth,
	.section-button a,
	.first-button a,
	.flag-area .title {
		background:url(/iwoopie/images/sprite.jpg) no-repeat;
		}

/*---------------------------------------*/
/*--------------- body --------------*/
/*---------------------------------------*/
	body {
		width:auto;
		background-position: 0 -1270px;
		background-repeat:repeat-x;
		}
	
	#wrapper {
		width:970px;
		margin: 0 auto;
		background:url(/iwoopie/images/frame_line.jpg) 0 -1250px repeat-y;
		padding:0;
		display:block;
		}	

/*---------------------------------------*/
/*--------------- header --------------*/
/*---------------------------------------*/
	.header {
		width:922px;
		height:184px;
		margin:0;
		padding:41px 24px 0 24px;
		display:block;
		background-position:0 -1040px;
		}
		
	h1  {
		width:180px;
		height:155px;
		display:block;
		padding:0;
		margin:auto 10px;
		float:left;
		}
		
	h1 a {
		width:180px;
		height:155px;
		display:block;
		padding:0;
		background-position:0 0;
		text-indent:-999999px;
		overflow:hidden;
		}	
		
	h2 {
		width:705px;
		height:30px;
		display:block;
		padding:0 0 0 0;
		margin:15px 0px 5px 8px;
		_margin:15px 0px 5px 5px;
		float:left;
		background-position:0 -1000px;
		text-indent:-999999px;
		overflow:hidden;
		}	
		
	h3 {
		background-position:-200px -0px;
		width:650px;
		padding:5px 0 5px 25px;
		margin:0px 5px 0 0;
		_margin:0px 5px 0 0;
		line-height:100%;
		color:#6200AA;
		font-size:108%;
		display:block;
		}	

	.site-way {
		width:710px;
		display:block;
		line-height:150%;
		color:#FFF;
		float:left;
		margin:0 0 0 10px;
		_margin:0 0 0 5px;
		}

/*---------------------------------------*/
/*--------------- container --------------*/
/*---------------------------------------*/
	.container {
		width:950px;
		margin:0 0 0 0;
		display:block;
		padding:0 10px;
		}

/*---------------------------------------*/
/*--------------- left --------------*/
/*---------------------------------------*/
	.left {
		width:200px;
		margin:0 0 15px 14px;
		_margin:0 0 0 7px;
		display:block;
		float:left;
		}
		
	ul.navigation,
	ul.sub-navigation {
		display:block;
		list-style:none;
		padding:0;
		margin:0;
		background:url(/iwoopie/images/menu_bg.jpg) repeat-y 0 0;
		}
		
	ul.navigation {
		font-weight:bold;
		}
		
	ul.sub-navigation {
		margin:-7px 0 0 0;
		}
		
	.navigation li a {
		width:170px;
		display:block;
		list-style:none;
		padding:10px 0 10px 25px;
		margin:0;
		overflow:hidden;
		color:#F6F6F6;
		text-decoration:none;
		font-size:138.5%;
		background:url(/iwoopie/images/menu_arrow.jpg) no-repeat 10px 11px;
		}
		
	.navigation li a:hover {
		color:#CCC;
		background:url(/iwoopie/images/menu_arrow01.jpg) no-repeat 10px 11px;
		}
		
	.navigation li a.select {
		color:#CCC;
		background:url(/iwoopie/images/menu_arrow02.jpg) no-repeat 9px 11px;
		}
		
	.navigation .under-construction {
		width:170px;
		display:block;
		list-style:none;
		padding:5px 0 15px 25px;
		margin:0;
		overflow:hidden;
		color:#FFF;
		text-decoration:none;
		font-size:138.5%;
		color:#999;
		background:url(/iwoopie/images/under_construction.jpg) no-repeat 26px 23px;
		}

	.navigation li.first,
	.sub-navigation li.first {
		display:block;
		list-style:none;
		padding:0;
		margin:0 0 5px 0;
		}

	.navigation li.center,
	.sub-navigation li.center {
		display:block;
		list-style:none;
		margin:5px 0;
		}

	.navigation li.footer {
		display:block;
		list-style:none;
		padding:0 0 0 0;
		margin:50px 0 0 0;
		height:15px;
		width:200px;
		background:url(/iwoopie/images/menu_footer.jpg) no-repeat ;
		overflow:hidden;
		text-indent:-999999px;
		}
		
	.sub-navigation li a {
		width:160px;
		display:block;
		list-style:none;
		padding:0 0 3px 0px;
		margin:0 0 0 27px;
		overflow:hidden;
		color:#E2E2E2;
		text-decoration:none;
		font-size:93%;
		background:none;
		font-weight:normal;
		}
		
	.sub-navigation li a.sub-select {
		color:#BBB;
		font-weight:normal;
		}
		
	.sub-navigation li a.sub-select:hover {
		color:#BBB;
		font-weight:normal;
		}
		
	.sub-navigation li a:hover {
		color:#BBB;
		background:none;
		font-weight:normal;
		}

	h2.top-detail {
		width:700px;
		height:auto;
		display:block;
		margin:0 0 5px 0;
		padding:0 0 5px 5px;
		clear:both;
		background:none;
		color:#333;
		overflow:hidden;
		text-indent:0px;
		font-size:93%;
		font-weight:normal;
		line-height:180%;
		}
		
/*---------------------------------------*/
/*--------------- right --------------*/
/*---------------------------------------*/
	.right {
		width:700px;
		margin:0 14px 5px 0;
		_margin:0 5px 5px 0;
		display:block;
		float:right;
		}
		
	a.main-img-button {
		background-position:-495px -180px;
		display:block;
		width:703px;
		height:400px;
		margin:10px auto 0px auto;
		padding:0;
		overflow:hidden;
		text-indent:-999999px;
		}
		
	a.main-img-button:hover {
		background-position:-495px -580px;
		}
			
	ul.top-navigation {
		background: url(/iwoopie/images/line.jpg) repeat-x 0 0 #FFF;
		width:700px;
		display:block;
		padding:15px 0 15px 0;
		_padding:10px 0 10px 0;
		margin:0;
		list-style:none;
		}

	ul.top-navigation li {
		display:block;
		width:232px;
		height:89px;
		float:left;
		margin:0 0 5px 0;
		}
		
	ul.top-navigation li a {
		display:block;
		width:156px;
		height:38px;
		padding:32px 64px 17px 12px;
		margin:0 0 0 0;
		text-decoration: none;
		line-height:130%;
		}

	ul.top-navigation li a.first {
		background-position:0 -170px;
		}

	ul.top-navigation li a.second {
		background-position:0 -260px;
		margin-left:2px;
		}

	ul.top-navigation li a.third {
		background-position:0 -350px;
		margin-left:2px;
		}

	ul.top-navigation li a.fourth {
		background-position:0 -440px;
		}

	ul.top-navigation li a.fifth {
		background-position:0 -530px;
		margin-left:2px;
		}

	ul.top-navigation li.sixth {
		background-position:0 -620px;
		font-weight:bold;
		display:block;
		width:156px;
		height:38px;
		padding:32px 64px 17px 12px;
		margin:0 0 7px 2px;
		line-height:130%;
		float:left;
		}

	ul.top-navigation li a.seventh {
		background-position:0 -710px;
		margin-left:2px;
		}

	ul.top-navigation li a.eighth {
		background-position:0 -800px;
		}

	ul.top-navigation li a.ninth {
		background-position:0 -890px;
		margin-left:2px;
		}

	ul.top-navigation li a.first:hover {
		background-position:-240px -170px;
		}

	ul.top-navigation li a.second:hover {
		background-position:-240px -260px;
		margin-left:2px;
		}

	ul.top-navigation li a.third:hover {
		background-position:-240px -350px;
		margin-left:2px;
		}

	ul.top-navigation li a.fourth:hover {
		background-position:-240px -440px;
		}

	ul.top-navigation li a.fifth:hover {
		background-position:-240px -530px;
		margin-left:2px;
		}

	ul.top-navigation li a.sixth:hover {
		background-position:-240px -620px;
		margin-left:2px;
		font-weight:bold;
		}

	ul.top-navigation li a.seventh:hover {
		background-position:-240px -710px;
		margin-left:2px;
		}

	ul.top-navigation li a.eighth:hover {
		background-position:-240px -800px;
		}

	ul.top-navigation li a.ninth:hover {
		background-position:-240px -890px;
		margin-left:2px;
		}
		
/*---------------------------------------*/
/*--------------- footer --------------*/
/*---------------------------------------*/
	.page-top-box {
		clear:both;
		width:917px;
		height:35px;
		margin:0 auto 0 auto;
		}
		
	a.page-top {
		margin:0 auto 0 auto;
		padding:15px 0 0 0;
		display:block;
		background-position:-200px -130px;
		text-indent:-999999px;
		overflow:hidden;
		height:20px;
		}
		
	a.page-top-in {
		margin:0 auto 0 auto;
		padding:15px 0 0 0;
		display:block;
		background-position:-200px -0px;
		text-indent:-999999px;
		overflow:hidden;
		}
	
	.footer {
		display:block;
		clear:both;
		width:935px;
		padding:0 0 25px 0;
		margin:0;
		text-align:center;
		font-size:93%;
		line-height:130%;
		}
	
	.footer a {
		text-decoration:none;
		}
		
/*---------------------------------------*/
/*--------------- child page --------------*/
/*---------------------------------------*/	
	.contents-base {
		display:block;
		width:695px;
		line-height:180%;
		padding:5px 0 0 5px;
		clear:both;
		}
		
	.main-detail {
		width:670px;
		display:block;
		margin-bottom:5px;
		padding:10px 0 15px 20px;
		clear:both;
		}		
		
	.detail {
		width:185px;
		float:right;
		display:block;
		margin-bottom:15px;
		}		
		
	.detail-en {
		width:185px;
		float:right;
		display:block;
		margin-bottom:15px;
		font-size:108%;
		margin-top:10px;
		}	
		
	.section-base {
		clear:both;
		width:500px;
		float:left;
		overflow:hidden;
		text-indent:-999999px;
		display:block;
		margin:5px 0 0 0;
		}	
		
	.section-button {
		clear:both;
		width:695px;
		margin:15px 0 15px 0;
		display:block;
		}	
		
	.section-button a {
		width:480px;
		height:70px;
		margin:0 0 0 215px;
		overflow:hidden;
		text-indent:-999999px;
		display:block;
		background-position:-230px -30px;
		}	
		
	.section-button a:hover,
	.first-button a:hover {
		background-position:-720px -30px;
		}		
		
	.first-button {
		width:700px;
		margin:5px 0 0 0;
		display:block;
		}	
		
	.first-button a {
		width:480px;
		height:70px;
		margin:0 0 0 220px;
		overflow:hidden;
		text-indent:-999999px;
		display:block;
		background-position:-230px -30px;
		}	
		
	.in-sub-navigation {
		width:679px;
		height:auto;
		font-size:93%;
		list-style:none;
		margin:10px 0 10px 6px;
		padding:11px 7px 7px 7px;
		display:block;
		border:solid 1px #CCC;
		background:#F6F6F6;
		}
		
	.in-sub-navigation li {
		width:auto;
		padding:0 15px 0 15px;
		float:left;
		display:block;
		height:18px;
		background:url(/iwoopie/images/in_sub_menu.jpg) 2px 0px no-repeat;
		}
		
	.in-sub-navigation li a {
		color:#6200AA;
		text-decoration:none;
		}
		
	.in-sub-navigation li a:hover {
		color:#CCC;
		}
		
/*---------------------------------------*/
/*--------------- 下層 page --------------*/
/*---------------------------------------*/	
/*--- search page ---*/
	.search .section01,
	.search .section02,
	.search .section03 {
		background:url(/iwoopie/images/sprite_search.jpg) no-repeat;
		}

	.search .section01 {
		background-position:0 0;
		height:285px;
		}	

	.search .section02 {
		background-position:0 -300px;
		height:285px;
		}	

	.search .section03 {
		background-position:0 -600px;
		height:285px;
		}
		
/*--- download page ---*/
	.download .section01,
	.download .section02,
	.download .section03,
	.download .section04,
	.download .section05,
	.download .section06,
	.download .section07 {
		background:url(/iwoopie/images/sprite_download.jpg) no-repeat;
		}

	.download .section01 {
		background-position:0 0;
		height:285px;
		}	

	.download .section02 {
		background-position:0 -300px;
		height:285px;
		}	

	.download .section03 {
		background-position:0 -600px;
		height:285px;
		}

	.download .section04 {
		background-position:0 -900px;
		height:285px;
		}	

	.download .section05 {
		background-position:0 -1200px;
		height:155px;
		}

	.download .section06 {
		background-position:0 -1360px;
		height:285px;
		}	

	.download .section07 {
		background-position:0 -1650px;
		height:285px;
		}	
					
/*--- play page ---*/
	.play .section01,
	.play .section02,
	.play .section03,
	.play .section04 {
		background:url(/iwoopie/images/sprite_play.jpg) no-repeat;
		}

	.play .section01 {
		background-position:0 0;
		height:285px;
		}	

	.play .section02 {
		background-position:0 -300px;
		height:285px;
		}	

	.play .section03 {
		background-position:0 -600px;
		height:285px;
		}	

	.play .section04 {
		background-position:0 -900px;
		height:285px;
		}
					
/*--- more page ---*/
	.more .section01,
	.more .section02,
	.more .section03,
	.more .section04 {
		background:url(/iwoopie/images/sprite_more.jpg) no-repeat;
		}

	.more .section01 {
		background-position:0 0;
		height:285px;
		}	

	.more .section02 {
		background-position:0 -300px;
		height:285px;
		}	

	.more .section03 {
		background-position:0 -600px;
		height:285px;
		}	

	.more .section04 {
		background-position:0 -900px;
		height:285px;
		}		
					
/*--- install page ---*/
	.install .section01,
	.install .section02,
	.install .section03 {
		background:url(/iwoopie/images/sprite_install_iphone.jpg) no-repeat;
		}

	.install .section01 {
		background-position:0 0;
		height:285px;
		}	

	.install .section02 {
		background-position:0 -300px;
		height:285px;
		}	

	.install .section03 {
		background-position:0 -600px;
		height:285px;
		}	
					
/*--- install PC page ---*/
	.install-pc .section01,
	.install-pc .section02,
	.install-pc .section03,
	.install-pc .section04,
	.install-pc .section05 {
		background:url(/iwoopie/images/sprite_install_pc.jpg) no-repeat;
		}

	.install-pc .section01 {
		background-position:0 0;
		height:405px;
		}	

	.install-pc .section02 {
		background-position:0 -430px;
		height:395px;
		}	

	.install-pc .section03 {
		background-position:0 -840px;
		height:240px;
		}

	.install-pc .section04 {
		background-position:0 -1100px;
		height:393px;
		}

	.install-pc .section05 {
		background-position:0 -1500px;
		height:404px;
		}
					
/*--- Most Dwnload page ---*/
	.most-download .section01,
	.most-download .section02,
	.most-download .section03,
	.most-download .section04,
	.most-download .section05 {
		background:url(/iwoopie/images/sprite_most_download.jpg) no-repeat;
		}

	.most-download .section01 {
		background-position:0 0;
		height:285px;
		}	

	.most-download .section02 {
		background-position:0 -300px;
		height:285px;
		}	

	.most-download .section03 {
		background-position:0 -600px;
		height:285px;
		}
		
/*--- Extension page ----*/
	.extension-title {
		height:20xp;
		margin:15px 0 5px 0;
		font-size:131%;
		display:block;
		color:#6200AA;
		font-weight:bold;
		}

	.extension-list {
		height:auto;
		display:block;
		}
		
	.sub-pagetop-box {
		display:block;
		width:700px;
		height:42px;
		margin-top:10px;
		clear:both;
		}
			
	a.sub-pagetop {
		display:block;
		width:695px;
		height:23px;
		padding:0 0 0 0;
		margin:2px 0 30px 0px;
		background-position:-420px -130px;
		text-indent:-999999px;
		overflow:hidden;
		}
		
/*---------------------------------------*/
/*--------------- other --------------*/
/*---------------------------------------*/
	.text-area {
		display:block;
		clear:both;
		}
		
	.text-area p {
		display:block;
		background: url(/iwoopie/images/line.jpg) repeat-x 0 0;
		padding:5px 0 0 25px;
		margin:0;
		width:670px;
		font-size:93%;
		line-height:150%;
		}
		
	.text-area span {
		display:block;
		padding:0px 0 0 0;
		margin:0;
		width:auto;
		}

	.flag-area {
		width:200px;
		background:#FFF;
		list-style:none;
		padding:10px 0 10px 0;
		margin:0;
		}

	.flag-area .title {
		width:200px;
		background-position:-200px -132px;
		height:20px;
		padding:0 0 5px 0;
		font-weight:bold;
		font-size:108%;
		line-height:100%;
		}

	.flag-area li {
		clear:both;
		background:#FFF;
		height:25px;
		padding:0 0 5px 0;
		}

	.flag-area li img.left {
		float:left;
		width:25px;
		height:25px;
		display:block;
		margin:0 7px 0 3px;
		}

	.flag-area .country {
		display:block;
		float:left;
		font-size:108%;
		color:#111;
		width:160px;
		}

	.flag-area .result {
		display:block;
		float:left;
		font-size:77%;
		color:#666;
		white-space:normal;
		}