/* CSS Document */

/*---------------------------------------*/
/*------------------ All ----------------*/
/*---------------------------------------*/

	*{ font-family:"ヒラギノ角ゴ Pro W3","メイリオ","Hiragino Kaku Gothic Pro","Osaka","Meiryo","ＭＳ Ｐゴシック","sans-serif"; }
	
	body { margin:0px; padding:0px; behavior:url(/desktop/stylesheets/csshover.htc); background:#F6F6F6;}
	
	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: underline;}
	a:hover, a:active {text-decoration: none;}
	
	img { border: 0px; }
	sup { font-size:60%;}
		
/*---------------------------------------*/
/*--------------- FontSize --------------*/
/*---------------------------------------*/
		
	.xxx-large {font-size:200%; line-height: 130%; }     /*32px*/
	.xx-large {font-size:150%; line-height: 130%; }      /*24px*/
	.x-large {font-size:131.25%; line-height: 130%; }    /*21px*/
	.large {font-size:112.5%; line-height: 130%; }       /*18px*/
	.mid {font-size:100%; line-height: 140%; } 					/*16px = 12pt*/
	.x-mid {font-size:81.25%; line-height: 160%; }       /*13px*/
	.small {font-size:75%; line-height: 160%; }      	/*12px*/
	.x-small {font-size:62.5%; line-height: 180%;}     	/*10px*/
	.xx-small {font-size:56.25%; line-height: 180%; }    /*9px*/
	
	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;}
	.contents-clear10 {clear:both; height:10px;}
	.contents-clear20 {clear:both; padding-top:20px;}
	
	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 */
	
/*------------------------------------------------------------------------------------------------------------------- */
/*----------------------------------------------------------------------------------------------------------- wrapper */
/*------------------------------------------------------------------------------------------------------------------- */

	#wrapper {
		background:#FFFFFF;
		position:absolute;
		width:100%;
		left:0;
		top:0;
		}		
	
	#channel-header	{
		height:75px;
		width:910px;
		margin-right:auto;
		margin-left:auto;
		position:relative;
		}
		
	.header-top	{
		padding:0;
		width:910px;
		position:relative;
		background-position:0px 0px;
		}
		
	.headerRight {
		padding:0;
		margin:0;
		width:250px;
		float:right;
		}
		
/*------------------------------------------------------------------------------------------------------------------- */
/*-------------------------------------------------------------------------------------------------------------- logo */
/*------------------------------------------------------------------------------------------------------------------- */

	#channel-header .logo {
		padding:0px;
		margin-top:18px;
		width:120px;
		height:28px;
		float:left;
		}
				
	#channel-header .logo a.logo-top {
		display:block;
		width:120px;
		height:28px;
		}
		
	#channel-header .logo-partners {
		padding:0px;
		margin-top:2px;
		width:139px;
		height:58px;
		float:right;
		}
				
	#channel-header .logo a.logo-partner-top {
		display:block;
		width:139px;
		height:58px;
		}
			
/*--------------------------------------------------------------------------------------------------------------------- */
/*-------------------------------------------------------------------------------------------------------- all-contener */
/*--------------------------------------------------------------------------------------------------------------------- */
	
	#container-bg {
		background:#FFFFFF;
		width:100%;
		padding:0;
		margin:0;
		}
	
	#container-channel,
	#container-video,
	#search-video,
	#search-channel,
	#information,
	#play-list,
	#rss-list,
	#container-desktop,
	#user-container,
	#about-channel {
		width:970px;
		margin-left:auto;
		margin-right:auto;
		padding:0;
		background:#FFFFFF;
		}
		
	#edit-channel {
		width:970px;
		margin-left:auto;
		margin-right:auto;
		padding:0;
		background:#FFFFFF;
		}

/*--------------------------------------------------------------------------------------------------------------------- */
/*-------------------------------------------------------------------------------------------------------------- footer */
/*--------------------------------------------------------------------------------------------------------------------- */
				
/*------------------footer 定義 */
		
	#foot-container {
		width:100%;
		padding:0;
		margin:0;
		background-color:#F6F6F6;
		min-height:45px;
		border-top:solid 1px #CCC;
		}
		
	#foot-container  #foot-area {
		width:910px;
		padding:0;
		margin-left:auto;
		margin-right:auto;
		}

/*------------------footer logo */

	#foot-container #foot-area #logo-area {
		width:910px;
		padding:20px 0;
		margin:0;
		background-position:0px -454px;
		}
		
	#foot-container #foot-area #logo-area a.logo {
		width:95px;
		height:21px;
		text-indent:-99999px;
		overflow:hidden;
		float:left;
		display:block;
		background-position:0px -420px;
		}
		
	#foot-container #foot-area #logo-area a.logo span {
		display:none;
		}

		
	#foot-container #foot-area #logo-area .copy {
		float:right;
		font-size:81.25%;
		line-height:240%;
		color:#999;
		font-family:Arial, Helvetica, sans-serif;
		}
	
		
	#foot-container #foot-area #logo-area .copy a {
		text-decoration:none;
		color:#999;
		}

	#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;
		}
			
/*--------------------------------------------- body bg */
		
	.channel-header-area,
	.search-option-area,
	.search-option-area-edit {
		background:url(/desktop/images/bg_all_partners.jpg) repeat-x;
		}

/*------------------------------------------------------ headコンテンツ */

	#desktop-area .head {
		background:url(/desktop/images/woopie_partners.jpg) no-repeat;
		width:910px;
		height:350px;
		padding:0px;
		margin:0px;
		}



	#desktop-area .head a {
		display:block;
		width:910px;
		height:350px;
		background:url(/desktop/images/woopie_partners.jpg) no-repeat;
		text-indent:-99999px;
		overflow:hidden;
		margin-top:0px;
		}
		
	#desktop-area .head a:hover {
		background-position:-0px -350px;
		}
		
/*------------------------------------------------------ 新機能 */			
	#desktop-area .body .new-feature-tit {
		margin:0 0px 15px 0;
		display:block;
		width:848px;
		padding:0;
		}
				
	#desktop-area .body .new-feature-details {
		margin:0 0 0 0;
		display:block;
		width:848px;
		padding:15px 0 0 0;
		border-top:solid 1px #FFF;
		clear:both;
		}