@charset "utf-8";


/* Common */

*{
	margin: 0;
	padding: 0;
}

body {
	margin-bottom: 20px;
	background-color: #fff;
	color: #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 14px;
	text-align: center;						/* IE6対応 */
}

body div {
	text-align: left;
}



img {
	border: 0px;
	line-height: 0px;
	vertical-align: bottom;
}




/* 文字まわり */

p, span {
	font-size: 100%;
	line-height: 150%;
}


.topic_path {
	font-size: 90%;
	padding: 10px 0;
	clear: both;
}

.syouhyou {
	vertical-align: top;
}

/* リンクまわり */

a:link, a:visited {							/* リンクの記述は、link、visited、hover、activeの順 */
	color: #c63;
	background-color: transparent;
}

a:hover {									/* カーソルが上にある時のリンク */
	color: #33c;
	background-color: transparent;
}

a:active, a:focus {							/* リンク画像のフォーカス時の枠を消す */
	outline:none;
}

a img {
	border-style:none;
}

a span {
	display: none;
}


/* ヘッダー（タイトル） */

div#header_title {
	width: 928px;
	height: 256px;
	margin: 0 auto;
	background-image: url("img/header_title.png");
	background-repeat: no-repeat;
	behavior: url(scripts/iepngfix.htc);
	position: relative;
}

/* ヘッダー部分リンクの範囲指定 */

div#linkbox_top {
	position: absolute;
	top: 0px; left: 10px;
	width: 512px;
	height: 226px;
}

a#linkbox_link {
	display: block;
	height: 226px;
	width: 512px;
	background-image: url("img/blank.gif")
}


/* メイン部分共通レイアウト */

div#wrap_main {
	width: 942px;
	height: 980px;
	margin: 0 auto;
}

div#main_top {
	width: 942px;
	height: 24px;
	background-image: url("img/main_box_top.png");
	background-repeat: no-repeat;
	behavior: url(scripts/iepngfix.htc);
}

div#main_middle {
	width: 942px;
	height: 932px;
	background-image: url("img/main_box_middle.png");
	background-repeat: repeat-y;
	behavior: url(scripts/iepngfix.htc);
}

div#main_bottom {
	width: 942px;
	height: 24px;
	background-image: url("img/main_box_bottom.png");
	background-repeat: no-repeat;
	behavior: url(scripts/iepngfix.htc);
	clear: both;
}


div#wrap_contents {
	width: 880px;
	height: 672px;
	margin: 0 auto;
}

* html div#wrap_contents {					/* IEに margin: auto; がきかないため */
	padding: 0 31px;
}

/* コンテンツ部分共通レイアウト */

div#wrap_contents_top {
	width: 880px;
	height: 492px;
}

div#wrap_contents_box {
	width: 645px;
	height: 486px;
	float: left;
}

div#content {
	width: 640px;
	height: 480px;
	overflow: hidden;
	float: left;
}

div#content_shadow_r {
	width: 5px;
	height: 480px;
	background-image: url("img/content_shadow_right.png");
	background-repeat: repeat-y;
	float: left;
	behavior: url(scripts/iepngfix.htc);
}

div#content_shadow_b {
	width: 645px;
	height: 6px;
	background-image: url("img/content_shadow_bottom.png");
	background-repeat: no-repeat;
	clear: both;
	behavior: url(scripts/iepngfix.htc);
}

/* メニュー */

div#wrap_menu {
	width: 235px;
	height: 480px;
	float: left;
	position: relative;
}

ul#menu_list {
	list-style: none;
	padding-left: 7px;
}

ul#menu_list li {
	display: block;
	background-repeat: no-repeat;
	width: 228px;
	height: 62px;
}

ul#menu_list li a {
	display: block;
	background-repeat: no-repeat;
	width: 228px;
	height: 62px;
}

a#menu_01 {
	background-image: url("img/menu_description.png");
}

* html a#menu_01 {					/* IE6までが半透明pngに未対応なため。（iepngfix.htcだとhoverのときに動かない＆カーソル変わらない） */
	background-image: url("img/menu_description.gif");
}

a#menu_01:hover {
	background-position: -228px 0px;
}

a#menu_02 {
	background-image: url("img/menu_feature.png");
}

* html a#menu_02 {
	background-image: url("img/menu_feature.gif");
}

a#menu_02:hover {
	background-position: -228px 0px;
}

a#menu_03 {
	background-image: url("img/menu_iwidget.png");
}

* html a#menu_03 {
	background-image: url("img/menu_iwidget.gif");
}

a#menu_03:hover {
	background-position: -228px 0px;
}

a#menu_04 {
	background-image: url("img/menu_howtoplay.png");
}

* html a#menu_04 {
	background-image: url("img/menu_howtoplay.gif");
}

a#menu_04:hover {
	background-position: -228px 0px;
}

a#menu_05 {
	background-image: url("img/menu_appdata.png");
}

* html a#menu_05 {
	background-image: url("img/menu_appdata.gif");
}

a#menu_05:hover {
	background-position: -228px 0px;
}

/* 対応機種 */

div#taiou {
	width: 218px;
	height: 158px;
	position: absolute;
	bottom: 0px; right: 0px;
}

/* インフォメーション 	top専用	元：height:56px*/
div#informaition_top {
	width: 880px;
	height:237px;
	background-image: url("img/main_informaition3.png");
	background-repeat: no-repeat;
	clear: both;
	behavior: url(scripts/iepngfix.htc);
}

/* インフォメーション 		元：height:56px*/

div#informaition {
	width: 880px;
	height:56px;
	background-image: url("img/main_informaition.png");
	background-repeat: no-repeat;
	clear: both;
	behavior: url(scripts/iepngfix.htc);
}


/* 	height: 32px;		*/
div#info_text {
	width: 760px;
	height: 202px;
	padding-top: 12px;
	margin-left: 102px;
	margin-right: 18px;
	padding-bottom: 12px;
}




div#info_text img, div#info_text p {
	float: left;
}

div#info_text p {
	padding-top: 6px;
}

/* 権利表記 */

div#note {
	width: 880px;
	height: 48px;
	background-color: #fff;
	color: #393b42;
	margin-top: 10px;
	clear: both;
}

div#note p {
	padding: 6px 12px;
	font-size: 12px;
}

/* バナー commonの書き換え */

div#link_box {
	width: 886px;
	height: 131px;
	background-image: url("img/link_background.png");
	background-repeat: no-repeat;
	margin-top: 10px;
	text-align: left;
	clear: both;
}

div#link_box_img {
	padding-top: 36px;
	padding-left: 159px;
}



/* フッター、コピーライト */

div#footer {
	width: 928px;
	height: 35px;
	margin: 0 auto;
	padding-top: 15px;
}

div#footer_chara_r {
	width: 324px;
	height: 35px;
	background-image: url("img/footer_cara_a.png");
	background-repeat: no-repeat;
	float: left;
	behavior: url(scripts/iepngfix.htc);
}

div#copyright {
	width: 280px;
	height: 35px;
	text-align: center;
	float: left;
}

div#footer_chara_l {
	width: 324px;
	height: 35px;
	background-image: url("img/footer_cara_b.png");
	background-repeat: no-repeat;
	float: left;
	behavior: url(scripts/iepngfix.htc);
}

address {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	padding-top: 20px;
}