﻿/* ページの基本デザイン用CSS */
body{
	font-family:"メイリオ",Meiryo,"MS Pゴシック",Osaka,sans-serif;
	color:#888888;/* 文字色 */
	background-color:#f2f2f2;/* 背景色 */
	font-size:12px;/* フォントサイズ */
	margin:0px;          /* ページ全体のmargin */
    padding:0px;         /* ページ全体のpadding */
    text-align:center;   /* 下記のautoに未対応用のセンタリング */
}
#contents{
	margin-left:auto;    /* 左側マージンを自動的に空ける */
    margin-right:auto;   /* 右側マージンを自動的に空ける */
	text-align:left;     /* 中身を左側表示に戻す */
	width:800px;/* 全体幅 */

}

/* 基本リンクカラー */
a{
	text-decoration:none
}
a:link{
	color:#0088cc;	
}
a:visited{
	color:#0088cc;
}
a:hover{
	text-decoration:underline;
	color:#0088cc;
}
a:active{
	color:#0088cc;
}

/* メインメニュー */
#menu{
	width:800px;
	height:35px;
	padding-left:0px;
}	
ul#menu
{
    margin: 0;
}
ul#menu li
{
    list-style: none;
    float:left;
    width:114px;/* 各ボタンの幅 */
    height:35px;/* 各ボタンの高さ */
    text-indent:-9999px;/* 文字を表示しない */
}
ul#menu li a/* 標準 */
{
    font-weight: bold;
    text-decoration: none;
    line-height:35px;/* 行の高さ */
    font-size:8px;
	display: block;/* 行の高さ全体をボタンのように */
    text-align: center;
    width:100%;/* IE6の場合コレ（幅指定）を入れないと動かない*/
}
ul#menu li a:hover/* ホバー　（グレー） */
 {
    text-decoration: none;
}
/* セット top*/
ul#menu #top a
 {
    background:url(../images/top_btm_all.gif) repeat-x;
    background-position: 1px 0px;
}
ul#menu #top a:hover/* ホバー　（グレー） */
 {
    background-position: 1px -36px;
}
ul#menu #top a:active/* クリック （フチ黒）*/
 {
    background-position: 1px -75px;
}
ul#menu #top.selected/* 選択されてる （ほぼ黒）*/
{
    background:url(../images/top_btm_all.gif) repeat-x;
    background-position: 1px -111px;
}
/* セット buynow*/
ul#menu #buynow a
 {
    background:url(../images/top_btm_all.gif) repeat-x;
    background-position: -115px 0px;
}
ul#menu #buynow a:hover/* ホバー　（グレー） */
 {
    background-position: -115px -37px;
}
ul#menu #buynow a:active/* クリック （フチ黒）*/
 {
    background-position: -115px -74px;
}

ul#menu #buynow.selected/* 選択されてる （ほぼ黒）*/
{
    background:url(../images/top_btm_all.gif) repeat-x;
    background-position: -115px -111px;
}
/* セット igetyou_nico*/
ul#menu #igetyou_nico a
 {
    background:url(../images/top_btm_all.gif) repeat-x;
    background-position: -229px 0px;
}
ul#menu #igetyou_nico a:hover/* ホバー　（グレー） */
 {
    background-position: -229px -37px;
}
ul#menu #igetyou_nico a:active/* クリック （フチ黒）*/
 {
    background-position: -229px -74px;
}
ul#menu #igetyou_nico.selected/* 選択されてる （ほぼ黒）*/
{
    background:url(../images/top_btm_all.gif) repeat-x;
    background-position: -229px -111px;
}
/* セット igetyou*/
ul#menu #igetyou a
 {
    background:url(../images/top_btm_all.gif) repeat-x;
    background-position: -343px 0px;
}
ul#menu #igetyou a:hover/* ホバー　（グレー） */
 {
    background-position: -343px -37px;
}
ul#menu #igetyou a:active/* クリック （フチ黒）*/
 {
    background-position: -343px -74px;
}
ul#menu #igetyou.selected/* 選択されてる （ほぼ黒）*/
{
    background:url(../images/top_btm_all.gif) repeat-x;
    background-position: -343px -111px;
}
/* セット news*/
ul#menu #news a
 {
    background:url(../images/top_btm_all.gif) repeat-x;
    background-position: -457px 0px;
}
ul#menu #news a:hover/* ホバー　（グレー） */
 {
    background-position: -457px -37px;
}
ul#menu #news a:active/* クリック （フチ黒）*/
 {
    background-position: -457px -74px;
}
ul#menu #news.selected/* 選択されてる （ほぼ黒）*/
{
    background:url(../images/top_btm_all.gif) repeat-x;
    background-position: -457px -111px;
}
/* セット support*/
ul#menu #support a
 {
    background:url(../images/top_btm_all.gif) repeat-x;
    background-position: -571px 0px;
}
ul#menu #support a:hover/* ホバー　（グレー） */
 {
    background-position: -571px -37px;
}
ul#menu #support a:active/* クリック （フチ黒）*/
 {
    background-position: -571px -74px;
}
ul#menu #support.selected/* 選択されてる （ほぼ黒）*/
{
    background:url(../images/top_btm_all.gif) repeat-x;
    background-position: -571px -111px;
}
/* セット campaign*/
ul#menu #campaign a
 {
    background:url(../images/top_btm_all.gif) repeat-x;
    background-position: -685px 0px;
}
ul#menu #campaign a:hover/* ホバー　（グレー） */
 {
    background-position: -685px -37px;
}
ul#menu #campaign a:active/* クリック （フチ黒）*/
 {
    background-position: -685px -74px;
}
ul#menu #campaign.selected/* 選択されてる （ほぼ黒）*/
{
    background:url(../images/top_btm_all.gif) repeat-x;
    background-position: -685px -111px;
}
/* セット buynow*/
/*ul#menu #buynow a
 {
    background:url(../images/top_btm_all.gif) repeat-x;
    background-position: -700px 0px;
}
ul#menu #buynow a:hover/* ホバー　（グレー） */
/* {
    background-position: -700px -37px;
}
ul#menu #buynow a:active/* クリック （フチ黒）*/
/* {
    background-position: -700px -74px;
}
ul#menu #buynow.selected/* 選択されてる （ほぼ黒）*/
/*{
    background:url(../images/top_btm_all.gif) repeat-x;
    background-position: -700px -110px;
}
/* セット ここまで*/
a { outline: none; }
/* メインメニュー ここまで*/

/* ホットライン*/
#hottoline{
	width:800px;
	height:62px;
	margin-top:5px;/* 上の画像との隙間*/
	background-color:#e4e4e4;
}
.hotlinetitle{
	width:100px;
	height:16px;
	font-size:18px;
	font-weight:bold;
	background-color:#e4e4e4;
	padding:15px;
	text-align:center;
	color:#898989;
	margin:0.3em;
	float:left;
}
.hotline{
	height:54px;
	font-size:12px;
	background-color:#e4e4e4;
	padding:4px;



}
/* ホットラインここまで*/
/* メインイメージ*/
#mainimage{
	width:800px;
	height:500px;
	margin-top:5px;
	background-image:url('../images/top_img_01.png')
}
.mainimage_box01{
	margin-top:10px;
	margin-left:50px;
	padding-top:55px;
	text-align:left;
}
/* メインイメージここまで*/
/* 各ソフトのリンク*/
#softlink{
	background:url(../images/top_img_02.png) repeat-x;
	width:800px;
	height:167px;
	margin-top:20px;
	padding:0px;
}
#softlink_box01{
	width:400px;
	height:128px;
	float:left;
	display:block;
}
#softlink_box01 a{
	line-height:128px;
	font-size:24px;
	display:block;
	text-align:center;
	text-indent:-9999px;/* 文字を表示しない */
	width:100%;/* IE6の場合コレ（幅指定）を入れないと動かない*/
}
#softlink_box01 a:hover{
	background:url(../images/top_img_02_H.png) repeat-x;
	background-position: 0px 0px;
	width:400px;
	height:128px;
	float:left;
	display:block;
}
#softlink_box02{
	width:400px;
	height:128px;
	float:left;
	display:block;
}
#softlink_box02 a{
	line-height:128px;
	font-size:24px;
	display:block;
	text-align:center;
	text-indent:-9999px;/* 文字を表示しない */
	width:100%;/* IE6の場合コレ（幅指定）を入れないと動かない*/
}
#softlink_box02 a:hover{
	background:url(../images/top_img_02_H.png) repeat-x;
	background-position:-400px 0px;	
	width:400px;
	height:128px;
	float:left;
	display:block;
}
#softlink_box03{
	background-position: 0px -128px;	
	width:800px;
	height:39px;
	text-align:center;
}
#softlink_box03 a{
	padding-top:6px;
	color:#0088cc;
	font-weight:bold;
	line-height:39px;
}
/* 各ソフトのリンクここまで*/
/* オンラインストア*/
#onlinestore{
	width:800px;
	height:244px;
	margin-top:10px;
	padding:0px;
}
#onlinestore_box01{
	background:url(../images/top_img_03.png) repeat-x;
	background-position: 0px 0px;
	width:800px;
	height:38px;
	display:block;
	text-indent:-9999px;
}
#onlinestore_box02{
	background:url(../images/top_img_03.png) repeat-x;
	background-position: 0px -38px;
	width:800px;
	height:152px;
	display:block;
	text-indent:-9999px;
}
#onlinestore_box02 a{
	line-height:152px;
	font-size:24px;
	text-indent:-9999px;
	display:block;
    width:100%;/* IE6の場合コレ（幅指定）を入れないと動かない*/	
}
#onlinestore_box02 a:hover{
	background:url(../images/top_img_03_H.png) repeat-x;
	background-position: 0px -38px;
	width:800px;
	height:152px;
	display:block;	
}
#onlinestore_box03{
	background:url(../images/top_img_03.png) repeat-x;
	background-position: 0px -192px;
	width:800px;
	height:151px;	
	display:block;
}
#onlinestore_box03 a{
	line-height:154px;
	font-size:24px;
	text-indent:-9999px;
	display:block;
    width:100%;/* IE6の場合コレ（幅指定）を入れないと動かない*/
}
#onlinestore_box03 a:hover{
	background:url(../images/top_img_03_H.png) repeat-x;
	background-position: 0px -192px;
	width:800px;
	height:151px;
	display:block;	
}

#onlinestore_box04{
	background:url(../images/top_img_03.png) repeat-x;
	background-position: 0px -343px;
	width:800px;
	height:52px;
	text-align:left;
	color:#f7f7f7;
	display:block;
}
#onlinestore_box04 a{
	line-height:36px;
	width:800px;
	padding-top:10px;
	font-size:14px;
	color:#ffffff;	
	display:block;
	padding-left:40px;
}
#onlinestore_box04 a:hover{
	background:url(../images/top_img_03_H.png) no-repeat;
	background-position: 0px -343px;
	width:800px;
	height:52px;
	display:block;
}

/* オンラインストアここまで*/
/* ニコニコ注意*/
#attenion{
	width:800px;
	height:180px;
	font-size:0.8em;
	padding-top:5px;
}
#attenion h5{
	font-size:1.2em;
	padding-top:5px;
}
/* ニコニコ注意ここまで*/
/* ヘッダーリンク*/	
#headerlink{
	width:800px;
	border-top:solid 1px;/* box上面ライン 太さ　色（＃指定）*/
	border-bottom:solid 1px;/* box下面ライン 太さ　色（＃指定）*/
	margin-top:10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	font-size:10px;
}
#headerlink_link{
	float:left;
}
#headerlink_menu{
	text-align:right;
}
/* ヘッダーリンクここまで*/
/* 著作権情報*/
#address{
	text-align:center;
	font-size:10px;
	margin-top:10px;
}
/* 著作権情報ここまで*/
/*....................................igetyou_nico.................................... */
/* igetyou_nicotop*/
#igetyou_nico_mainimage{
	width: 800px;
	height: 500px;
	margin-top:5px;
	background-image: url('../igetyou_nico/images/igetyou_nico_topimg_01.png')
}
.mainimage_box02{
	margin-top:10px;
	margin-left:340px;
	padding-top:360px;
	padding-right:20px;
	text-align:left;
	color:#000000;
}
/* igetyou_nicotop*/
/* 操作の流れ*/
#announce_igetyou_nico{
	background:url(../igetyou_nico/images/igetyou_nico_topimg_02.png) repeat-x;
	width:800px;
	height:167px;
	margin-top:20px;
	padding:0px;
    text-indent:-9999px;/* 文字を表示しない */
}
/* 操作の流れ*/
/* 機能説明*/
#description_igetyou_nico{
	background:url(../igetyou_nico/images/igetyou_nico_topimg_03.png) repeat-x;
	width:800px;
	height:651px;
	margin-top:10px;
    text-indent:-9999px;/* 文字を表示しない */
}
/* 機能説明*/
/* iPod対応表 */
.ipod_tablesupport{
	width:800px;
	height:240px;
	margin-top:10px;
	background:url(../igetyou_nico/images/igetyou_nico_topimg_04.png) repeat-x;
    text-indent:-9999px;/* 文字を表示しない */
}
/* iPod対応表 */
/* 商品概要＆動作環境 */
.requirement{
	width:800px;
	height:140px;
	background-color:#ffffff;
/*	border-top:solid 1px #898989;
	border-right:solid 1px #898989;
	border-bottom:solid 1px #898989;
	border-left:solid 1px #898989;*/
	margin-top:5px;
}
.requirement_box01{
	width:780px;
	font-size:12px;
	line-height:136%;
	padding-top:3px;
	padding-left:5px;
}
.requirement a{
	font-size:12px;
	font-weight:bold;
	color:#333333;
	padding-left:8px;
	line-height:200%;
}
/* 商品概要＆動作環境 */
/* 休業連絡 */
.holiday{
	width:798px;
	height:120px;
	color:#333333;
	text-align:center;
	background-color:#ffffff;
}
.holiday h2{
	font-size:1.2em;
	color:#ff0000;
	padding-top:0px;

}

/* 休業連絡 */
/*....................................igetyou_nicoここまで.................................... */
/*....................................igetyou.................................... */
/* igetyou_top*/
#igetyou_mainimage{
	width: 800px;
	height: 500px;
	margin-top:5px;
	background-image: url('../igetyou/images/igetyou_topimg_01.png')
}
;
	height: 500px;
	margin-top:5px;
	background-image: url('../igetyou/images/igetyou_topimg_01.png')
}
.mainimage_box03{
	margin-top:10px;
	margin-left:340px;
	padding-top:360px;
	padding-right:20px;
	text-align:left;
	color:#ffffff;
}
/* igetyou_top*/
/* 操作の流れ*/
#announce_igetyou{
	background:url(../igetyou/images/igetyou_topimg_02.png) repeat-x;
	width:800px;
	height:167px;
	margin-top:20px;
	padding:0px;
    text-indent:-9999px;/* 文字を表示しない */
}
/* 操作の流れ*/
/* 機能説明*/
#description_igetyou{
	background:url(../igetyou/images/igetyou_topimg_03.png) repeat-x;
	width:800px;
	height:651px;
	margin-top:10px;
    text-indent:-9999px;/* 文字を表示しない */
}
/* 機能説明*/
/*....................................igetyouここまで.................................... */
/*....................................News.................................... */
/* newsタイトル*/
#news_box_01{
	width:800px;
	background-color:#ffffff;
	margin-top:5px;
	padding-bottom:30px;
}
#news_box_01 h1{
	color:#898989;
	line-height:64px;
	font-weight:bold;
	text-align:left;
	padding-left:20px;
	padding-top:20px
}
#news_box_line{
	border-top:solid 2px;/* box上面ライン 太さ　色（＃指定）*/
	border-bottom:solid 1px;/* box下面ライン 太さ　色（＃指定）*/
	line-height:4px;
	text-indent:-9999px;/* 文字を表示しない */
}
/* news内容*/
.news_box_02{
	font-size:14px;
	font-weight:bold;
	color:#333333;
}
.news_box_02_maintenance{
	font-size:14px;
	font-weight:bold;
	color:#800000;
}
.news_box_03{
	padding-left:20px;
	font-size:14px;
	color:#898989;
}
/* news内容*/
/* newsタイトル*/
/*....................................Newsここまで.................................... */
/*....................................support.................................... */
/* newsタイトル*/
#news_box_01{
	width:800px;
	background-color:#ffffff;
	margin-top:5px;
	padding-bottom:30px;
}
#news_box_01 h1{
	color:#898989;
	line-height:64px;
	font-weight:bold;
	text-align:left;
	padding-left:20px;
	padding-top:20px
}
#news_box_01 h3{
	color:#898989;
	line-height:32px;
	font-weight:bold;
	text-align:left;
	padding-left:20px;
	padding-top:20px;
	border-bottom:solid 1px;	
}
#news_box_line{
	border-top:solid 2px;/* box上面ライン 太さ　色（＃指定）*/
	border-bottom:solid 1px;/* box下面ライン 太さ　色（＃指定）*/
	line-height:4px;
	text-indent:-9999px;/* 文字を表示しない */
}
.support_box_01{
	font-size:14px;
	font-weight:bold;
	color:#333333;
	list-style:none;	
}
.support_box_02{
	width:720px;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	list-style:none;
	background-color:#ff9933;	
}
.news_box_02_maintenance{
	font-size:14px;
	font-weight:bold;
	color:#800000;
}

.news_box_03{
	padding-left:60px;
	font-size:14px;
	color:#898989;

}
.support_mailto{
	margin:0px;
}
.support_mailto_nico{
	width:400px;
	text-align:center;
    float:left;
}
.support_mailto_getyou{
	text-align:center;
    float:left;
}
.support_mailto_nico a img{
	border-style:none;/* リンク画像の枠線を消す */
}
.support_mailto_getyou a img{
	border-style:none;/* リンク画像の枠線を消す */
}
.support_telephone{
	margin-top:70px;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	list-style:none;
}
.support_telephone a{
	color:#333333;
	font-size:46px;
}
/* supportリンク*/
#supportlink{
	background:url(../support/images/FAQ_img.png) repeat-x;
	width:800px;
	height:167px;
	margin-top:20px;
	padding:0px;
}
#supportlink_box01{
	width:400px;
	height:128px;
	float:left;
	display:block;
}
#supportlink_box01 a{
	line-height:128px;
	font-size:24px;
	display:block;
	text-align:center;
	text-indent:-9999px;/* 文字を表示しない */
    width:100%;/* IE6の場合コレ（幅指定）を入れないと動かない*/
}
#supportlink_box01 a:hover{
	background:url(../support/images/FAQ_H_img.png) repeat-x;
	background-position: 0px 0px;
	width:400px;
	height:128px;
	float:left;
	display:block;
}
#supportlink_box02{
	width:400px;
	height:128px;
	float:left;
	display:block;
}
#supportlink_box02 a{
	line-height:128px;
	font-size:24px;
	display:block;
	text-align:center;
	text-indent:-9999px;/* 文字を表示しない */
    width:100%;/* IE6の場合コレ（幅指定）を入れないと動かない*/
}
#supportlink_box02 a:hover{
	background:url(../support/images/FAQ_H_img.png) repeat-x;
	background-position:-400px 0px;	
	width:400px;
	height:128px;
	float:left;
	display:block;
}
#supportlink_box03{
	background-position: 0px -128px;	
	width:800px;
	height:39px;
	text-align:center;
}
#supportlink_box03 a{
	padding-top:6px;
	color:#0088cc;
	font-weight:bold;
	line-height:39px;
}
/* supportリンクここまで*/



/*....................................supportここまで.................................... */






















