@charset UTF-8; #middle { width:980px; height:auto; margin-top:15px; margin-right:auto; margin-left:auto;}
#middle_area { float:left; clear:both; width:680px; height:auto;}
#contents { float:right; width:500px; height:auto;}
#navigation { float:left; width:180px; height:auto;}
#subnavigation { float:left; width:180px; height:auto; padding-top:20px;}
#subnavigation ul { width:180px;}
#subnavigation ul li { list-style-image:url(../z_image/arrow.gif); list-style-position:inside; width:180px;}
#contents #pankuzu { width:480px; height:auto; font-size:12px; color:#666; padding-bottom:10px;}
#contents #pankuzu ol li { display:inline; padding-right:3px;}
#contents h2 { background-image:url(../z_image/title_01.gif); background-repeat:no-repeat; width:460px; font-size:16px; font-weight:400; padding-left:20px; height:30px; padding-top:5px; color:#333; letter-spacing:1px;}
#contents h3 { background-image:url(../z_image/title_01.gif); background-repeat:no-repeat; width:460px; font-size:16px; font-weight:400; padding-left:20px; height:30px; padding-top:5px; color:#333; margin-top:10px; letter-spacing:1px; clear:both;}
#contents p { font-size:14px; line-height:1.85em; color:#333; width:480px; padding-top:5px; letter-spacing:1px;}
#contents p a:hover { color:#09C; text-decoration:underline;}
#contents #toctitle { width:480px; height:auto; clear:both; padding-top:10px; padding-bottom:10px; font-size:14px; letter-spacing:4px;}
#contents #toctitle ul li { display:inline; background-image:url(../z_image/toctitle.gif); background-repeat:no-repeat; padding-left:18px; background-position:1px 6px; padding-right:10px; white-space:nowrap;}
#contents #page_top { width:auto; height:auto; clear:both; padding-top:15px;}
#contents .lineup { height:auto; width:480px; color:#333; padding-bottom:50px;}
#contents .lineup dl dt { font-size:14px; line-height:1.85em; width:460px; border-bottom-color:#E3E3E3; border-bottom-style:dashed; border-bottom-width:1px; clear:both; background-image:url(../z_image/mark_orange.gif); background-repeat:no-repeat; padding-left:20px; margin-top:10px; padding-top:0; letter-spacing:1px;}
#contents .lineup dl dd.l { float:left; width:125px; height:70px; margin:0; padding:10px 0 0;}
#contents #end_lineup { height:auto; width:480px; color:#333; padding-bottom:50px; padding-top:20px;}
#contents #end_lineup h4 { background-image:url(../z_image/title_01.gif); background-repeat:no-repeat; width:460px; font-size:16px; font-weight:400; padding-left:20px; height:30px; padding-top:5px; color:#333; margin-top:10px;}
#contents #end_lineup dl dt { font-size:14px; line-height:1.85em; width:460px; border-bottom-color:#E3E3E3; border-bottom-style:dashed; border-bottom-width:1px; clear:both; background-image:url(../z_image/mark_gray.gif); background-repeat:no-repeat; padding-left:20px; margin-top:10px;}
#contents #end_lineup dl dt a { color:#999;}
#contents #end_lineup dl dd.l { float:left; width:125px; height:auto; margin:0; padding:10px 0 0;}
#contents #screenshot { width:480px; height:auto; padding-top:5px;}
#contents #point { height:auto; width:480px; color:#333;}
#contents #point dl dt { font-size:14px; line-height:1.85em; width:460px; border-bottom-color:#E3E3E3; border-bottom-style:dashed; border-bottom-width:1px; clear:both; background-image:url(../z_image/mark_orange.gif); background-repeat:no-repeat; padding-left:20px; margin-top:10px;}
#contents #point dl dd { font-size:14px; line-height:1.85em; margin:0; padding:5px 0 0;}
#contents #game_douga { padding-left:25px; padding-top:10px; padding-bottom:10px;}
#contents #spec { width:480px; height:auto; font-size:14px; line-height:1.85em;}
#contents #spec p { font-size:12px; line-height:1.85em;}
#contents #copy { padding-top:15px;}
#contents #copy p { color:#666; font-size:11px; line-height:1.2em;}
#contents #connection { padding-top:5px; height:auto;}
#connection-object { width:455px; height:auto;}
#connection-object ul li { display:inline; white-space:nowrap; background-image:url(../z_image/arrow.gif); background-repeat:no-repeat; padding-left:8px; background-position:0 5px; margin-right:5px; margin-left:3px; color:#CCC;}
#connection-object ul li .end { color:#CCC; text-decoration:line-through;}
#contents #kako { padding-top:15px; padding-bottom:15px; clear:both;}
#contents #kako p { font-size:11px; color:#999;}
#contents #kako p a { color:#999; text-decoration:none;}
#contents #kako p a:hover { color:#999; text-decoration:underline;}
#contents #headline { width:480px; height:auto; clear:both; padding-top:10px;}
#contents #headline dl { padding-top:7px; border-bottom-style:dashed; border-bottom-color:#E3E3E3; border-bottom-width:1px; padding-bottom:7px;}
#contents #headline dl dt { padding-left:5px; padding-bottom:2px;}
#contents #headline dl dd { background-image:url(../z_image/arrow.gif); background-repeat:no-repeat; background-position:0 5px; margin:0 0 0 15px; padding:0 0 0 10px;}
#contents #linenavi ul li { display:inline; padding-right:2px;}
.red { color:#F30; text-decoration:underline;}
#contents .news { width:480px; height:auto;}
#contents .news p { font-size:14px; line-height:1.85em; color:#333; width:480px; padding-top:10px; text-indent:14px; letter-spacing:1px;}
#contents .news dl { font-size:14px; line-height:1.85em; color:#333; width:auto; height:auto; padding-top:10px;}
#contents .news dl dt { background-color:#FFF4E1; text-indent:10px; width:auto; height:auto; letter-spacing:1px; margin:0; padding:0;}
#contents .news dl dd { width:auto; height:auto; letter-spacing:1px; margin:5px 0; padding:0 0 0 20px;}
body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',メイリオ,Meiryo,'ＭＳ Ｐゴシック',sans-serif; font-size:12px;}
body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd.img,object { margin:0; padding:0;}
img,a img { border:none 0;}
em { font-style:normal; font-weight:700;}
li { list-style-type:none;}
br { letter-spacing:normal;}
.half_line { border-bottom-color:#E3E3E3; border-bottom-style:dashed; border-bottom-width:1px;}
table,th,td { border:none 0; margin:0; padding:0;}
#lower_bg { width:auto; background-image:url(../z_image/lower_back.jpg); height:140px; background-repeat:repeat-x; clear:both; margin-top:15px;}
#lower { width:980px; margin-right:auto; margin-left:auto; height:140px; color:#333;}
#copyright { padding-top:30px;}
#lower p { font-size:11px;}
#lower a { color:#333; text-decoration:none;}
#lower a:hover { color:#333; text-decoration:underline;}
#side_area { width:300px; height:auto; float:right; clear:right;}
#side_area #rectangle { width:300px; height:250px;}
#side_area #rectangle iframe { width:300px; height:250px; margin:0; padding:0;}
#side_area #button { width:300px; height:355px; margin-top:15px; border-color:#E4E4E4; border-style:solid; border-width:1px;}
#side_area #button iframe { width:300px; height:355px; margin:0; padding:0;}
#side_area #wide_skyscraper { width:160px; height:600px; margin-top:15px; margin-right:auto; margin-left:auto;}
#upper_bg { background-image:url(../z_image/upper_back.gif); height:170px; width:auto; background-repeat:repeat-x;}
#upper { width:980px; margin-right:auto; margin-left:auto; height:auto;}
#upper_bg #entry { float:right; width:800px; height:170px;}
#upper_bg #entry #fence { float:right; width:728px; margin-top:10px; height:30px;}
#upper_bg #entry #fence h1 { font-size:11px; color:#999; font-weight:400; text-align:right;}
#upper_bg #entry #fence p { font-size:11px; color:#999; text-align:right; margin:0; padding:0;}
#upper_bg #entry p { font-size:14px; font-weight:400; clear:both; text-align:right; padding-top:8px; color:#999;}
#upper_bg #entry h2 { font-size:14px; font-weight:400; clear:both; text-align:right; padding-top:8px;}
#upper_bg #entry #north { width:728px; height:90px; padding-top:5px; float:right; margin-right:auto; margin-left:auto;}
#upper_bg #onlinegame-style_title { width:180px; float:left; height:170px;}
#contents h4,#contents h5,#contents #connection h5 { background-image:url(../z_image/title_01.gif); background-repeat:no-repeat; width:460px; font-size:16px; font-weight:400; padding-left:20px; height:30px; padding-top:5px; color:#333; margin-top:10px; letter-spacing:1px;}
#contents p a,a:hover,#upper_bg #entry h2 a:hover { color:#09C; text-decoration:none;}
#contents #page_top p,#contents #headline ul li { text-align:right;}
#contents .lineup dl dt a:visited:after,#contents #end_lineup dl dt a:visited:after,#connection-object ul li a:visited:after { content:"\2713"; color:#09F; font-weight:700;}
#contents .lineup dl dd.r,#contents #end_lineup dl dd.r { float:right; width:355px; height:auto; color:#666; line-height:1.45em; margin:0; padding:10px 0 0;}
#contents .lineup iframe,#contents #end_lineup iframe,#contents #download iframe { width:120px; height:60px; margin:0; padding:0;}
#contents #download,#contents #capture { width:480px; height:auto; padding-top:10px;}
#contents #download p,#contents #linenavi ul { text-align:center;}
#contents #connection iframe,#contents #headline ul,#contents #linenavi { padding-top:5px;}
a,#upper_bg #entry h2 a { color:#F90;}
