@charset 'Shift_JIS';

/* - First{ . } - Last{ . } - Update{ 2009-10-23 } - About{ cts_notice Layout style of mameComme } */


/* ==================================================

 Basic style 

================================================== */
body { color: #666; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-size: 12px; }
p { margin: 0; }
ol, ul, li { list-style: none; margin: 0; padding: 0; }
dl, dt, dd { margin: 0; padding: 0; }
img { border: 0; vertical-align: bottom; }
a img { vertical-align: bottom; }
a:link { color: #666; text-decoration: none; }
a:visited { color: #666; text-decoration: none; }
a:hover, a:active, a:focus { color: #666; text-decoration: underline; }
form { margin: 0; padding: 0; }
label{ cursor: pointer; }

/* ==================================================

  header

================================================== */

#header{
width:644px;
height:83px;
background:url(https://images.hange.jp/hangame/community/mame_comme/bg_main.gif) no-repeat 0 0;
position:relative;
}

#header h1{
margin-left:20px;
}

#header p.catch{
position:absolute;
left:195px;
top:35px;
}

#header p.guide{
position:absolute;
right:10px;
bottom:5px;
}

/* ==================================================

 pageNavi

================================================== */
ul.pageNavi{
clear: both;
margin:0 auto;
padding:18px 0 20px;
text-align: center;
}

ul.pageNavi li{
display: inline;
margin-right: -4px;
border-left: 1px solid #d2d2d2;
font-weight: bold;
line-height: 14px;
}

ul.pageNavi li.first{
border-left: none;
}

ul.pageNavi li.first,
ul.pageNavi li.last{
zoom: 1;
width: 69px;
*margin-right: 0;
}

ul.pageNavi li.prev{
zoom: 1;
width: 53px;
*margin-right: 1px;
}

ul.pageNavi li.next{
zoom: 1;
width: 52px;
*margin-right: 1px;
}

ul.pageNavi li a:link,
ul.pageNavi li a:visited{
padding: 0 10px;
zoom: 1;
color: #676767;
}

ul.pageNavi li a:hover{
padding: 0 9px;
border-left: 1px solid #fff;
border-right: 1px solid #f3f3f3;
background-color: #f3f3f3;
text-decoration: none;
}

ul.pageNavi li.now a:link,
ul.pageNavi li.now a:visited{
color: #f90;
font-weight: bold;
}

ul.pageNavi li img{
padding: 2px 0;
vertical-align: top;
}

ul.pageNavi li.first img,
ul.pageNavi li.last img{
width: 49px;
margin: 0 9px;
}

ul.pageNavi li.prev img{
width: 33px;
margin: 0 9px;
}

ul.pageNavi li.next img{
width: 32px;
margin: 0 9px;
}

ul.pageNavi li.first a img,
ul.pageNavi li.prev a img,
ul.pageNavi li.next a img,
ul.pageNavi li.last a img{
margin: 0;
}

/* ==================================================

 infoBox

================================================== */
div.infoBox{
zoom:1;
margin:30px 65px;
padding:5px;
background-color:#ededed;
}
div.infoBox *{
color:#666;
font-size:12px;
}
div.infoBox div.ib_cts{
zoom:1;
border:2px solid #fff;
}

/* text */
div.infoBox p.ib_txt{
margin:40px;
text-align:center;
}

/* dl */
div.infoBox dl{
margin:40px;
}
div.infoBox dl dt{
margin-bottom:20px;
font-weight:bold;
text-align:center;
}
div.infoBox dl dd{
margin-bottom:20px;
text-align:center;
}
div.infoBox dl dd p{
margin-bottom:1em;
}

div.infoBox ul.btns{
margin:-20px 0 40px;
text-align:center;
}
div.infoBox ul.btns li{
display:inline;
}