/* CSS Document */

	#desktop-area {
		width:910px;
		padding:0;
		margin:0 auto;
		background:url(/desktop/images/bg_body.jpg) repeat-y;
		}
		
	#desktop-area #portal,
	#desktop-area #search,
	#desktop-area #play,
	#desktop-area #download,
	#desktop-area #convert {
		padding-top:20px;
		}
		
		
/*------------------------------------------------------ headコンテンツ */
	#desktop-area .head {
		background:url(/desktop/images/bg_header.jpg) no-repeat;
		width:850px;
		height:267px;
		padding:20px 30px 0px 30px;
		}
		
	#desktop-area .logo {
		width:307px;
		height:37px;
		}
		
	#desktop-area .head h3 {
		font-size:112.5%;
		color:#67AFCE;
		line-height:100%;
		padding:15px 0 10px 0;
		margin:0;
		letter-spacing:1px;
		}
		
	#desktop-area .head p {
		color:#FFFFFF;
		font-size:81.25%;
		width:500px;
		}
		
	#desktop-area .head a {
		display:block;
		width:410px;
		height:52px;
		background:url(/desktop/images/button_large.jpg) no-repeat;
		text-indent:-99999px;
		overflow:hidden;
		margin-top:20px;
		}
		
	#desktop-area .head a:hover {
		background-position:-410px 0;
		}
		
/*------------------------------------------------------ navigation */
	#desktop-area .navigation,
	#desktop-area .navigation ul {
		padding:0;
		margin:0;
		width:910px;
		}
		
	#desktop-area .navigation li.button1 a,
	#desktop-area .navigation li.button2 a,
	#desktop-area .navigation li.button3 a,
	#desktop-area .navigation li.button4 a,
	#desktop-area .navigation li.button5 a,
	#desktop-area .navigation li.button6 a {
		background:url(/desktop/images/navigation_desktop.jpg) no-repeat;
		text-indent:-99999px;
		overflow:hidden;
		display:block;
		padding:0;
		margin:0;
		}
		
	#desktop-area .navigation li.button1,
	#desktop-area .navigation li.button2,
	#desktop-area .navigation li.button3,
	#desktop-area .navigation li.button4,
	#desktop-area .navigation li.button5,
	#desktop-area .navigation li.button6 {
		float:left;
		display:block;
		padding:0;
		}
		
	#desktop-area .navigation li.button1,
	#desktop-area .navigation li.button1 a {
		width:172px;
		height:41px;
		background-position:0px 0px;
		}
		
	#desktop-area .navigation li.button1 a:hover {
		background-position:0px -41px;
		}
	
	#desktop-area .navigation li.button2,
	#desktop-area .navigation li.button2 a {
		width:151px;
		height:41px;
		background-position:-172px 0px;
		}
		
	#desktop-area .navigation li.button2 a:hover {
		background-position:-172px -41px;
		}
		
	#desktop-area .navigation li.button3,
	#desktop-area .navigation li.button3 a {
		width:145px;
		height:41px;
		background-position:-323px 0px;
		}
		
	#desktop-area .navigation li.button3 a:hover {
		background-position:-323px -41px;
		}
		
	#desktop-area .navigation li.button4,
	#desktop-area .navigation li.button4 a {
		width:195px;
		height:41px;
		background-position:-468px 0px;
		}
		
	#desktop-area .navigation li.button4 a:hover {
		background-position:-468px -41px;
		}
		
	#desktop-area .navigation li.button5,
	#desktop-area .navigation li.button5 a {
		width:145px;
		height:41px;
		background-position:-663px 0px;
		}
		
	#desktop-area .navigation li.button5 a:hover {
		background-position:-663px -41px;
		}
		
	#desktop-area .navigation li.button6,
	#desktop-area .navigation li.button6 a {
		width:102px;
		height:41px;
		background-position:-808px 0px;
		}
		
	#desktop-area .navigation li.button6 a:hover {
		background-position:-808px -41px;
		}
		
	#desktop-area .back-to-top {
		text-align:right;
		font-size:81.25%;
		clear:both;
		}
		
	#desktop-area .back-to-top a {
		color:#3E9AC1;
		margin-left:10px;
		font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		}
					
/*------------------------------------------------------ bodyコンテンツ */
	#desktop-area .body {
		padding:0 30px;
		margin:0;
		}
		
	#desktop-area .body .right {
		padding:0;
		margin:0;
		width:410px;
		float:right;
		}
		
	#desktop-area .body h4 {
		display:block;
		width:848px;
		height:28px;
		font-size:150%;
		font-weight:bold;
		background: url(/desktop/images/line2_x.gif) repeat-x bottom;
		margin-bottom:15px;
		padding-bottom:3px;
		}
					
	#desktop-area .body .point {
		background:#FFFFFF;
		margin:10px 0 20px 0;
		}
		
	#desktop-area .body .point table {
		padding:0;
		margin:0;
		border-collapse: collapse;
		}
		
	#desktop-area .body .point td.gray {
		background:#F5F5F5;
		}
		
	#desktop-area .body .point td {
		font-size:81.25%;
		padding:10px;
		margin:0;
		border:1px solid #888;
		}
		
	#desktop-area .body .point sup {
		font-size:75%;
		}
		
	#desktop-area .body .photo-left {
		float:left;
		margin:0 0 10px 0;
		width:424px;
		text-align:center;
		padding:0;
		}
		
	#desktop-area .body .photo-right {
		float:left;
		margin:0 0 10px 0;
		width:424px;
		text-align:center;
		padding:0;
		}
		
	#desktop-area .body h5 {
		color:#3E9AC1;
		padding-top:5px;
		padding-bottom:15px;
		margin:0;
		line-height:100%;
		font-size:112.5%;
		font-weight:bold;
		}
		
	#desktop-area .body ol.sentence {
		list-style:outside decimal;
		padding-left:20px;
		_padding-left:30px;
		margin:0;
		display:block;
		}
		
	*:first-child+html #desktop-area .body ol.sentence {
		padding-left:30px;
		}
		
	#desktop-area .body ol.sentence li {
		padding-bottom:10px;
		margin:0;
		line-height:140%;
		font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		}
		
	#desktop-area .body p {
		padding-bottom:10px;
		margin:0;
		line-height:140%;
		font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		}
		
	#desktop-area .body a.button {
		display:block;
		width:310px;
		height:56px;
		background:url(/desktop/images/button_small.jpg) no-repeat;
		text-indent:-99999px;
		overflow:hidden;
		margin-bottom:10px;
		margin-top:20px;
		float:right;
		clear:both;
		}
		
	#desktop-area .body a.button:hover {
		background-position:-310px 0;
		}
		
	#desktop-area .convert-photo {
		background:url(/desktop/images/photo08.jpg) no-repeat;
		width:848px;
		height:335px;
		text-indent:-99999px;
		overflow:hidden;
		margin-bottom:10px;
		margin-top:10px;
		}