@charset "shift_jis";

/* - First{ T.F. } - Last{ T.F. } - Update{ 2008-08-04 } - About{ mainArea style for Mypage } */


/* --------------------------------------------------

 title_main

-------------------------------------------------- */
.title_main{
height: 23px;
margin: 20px 0 10px;
padding-right: 10px;
background-position: 0 0;
background-repeat: no-repeat;
}

.title_main:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.title_main h2{
float: left;
width: 400px;
}

.title_main .setup{
float: right;
padding: 3px;
width: 34px;
}

.title_main .help{
float: right;
padding-top: 5px;
font-size: 10px;
line-height: 12px;
}

.title_main .help a{
text-decoration: none;
}

.title_main .help a:hover{
text-decoration: underline;
}


/* --------------------------------------------------

 onlymyself

-------------------------------------------------- */
#onlymyself{
zoom: 1;
margin: 0 0 8px 15px;
}

#onlymyself:after{content:".";display:block;height:0;clear:both;visibility:hidden}

#onlymyself .message{
float: left;
margin: 7px 0 0;
color: #f63;
font-family: "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
line-height: 1.333;
}

/* blog_write
------------------------- */
#onlymyself .blog_write{
float: right;
}


/* --------------------------------------------------

 pagelist_b

-------------------------------------------------- */
#pagelist_s ul,
#pagelist_b ul{
zoom: 1;
margin: 10px auto;
padding: 5px 0 4px;
*padding: 0;
font-family: "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
line-height: 12px;
text-align: center;
vertical-align: middle;
}

#pagelist_s li,
#pagelist_b li{
display: inline;
margin: 0 3px;
zoom:1;
}

#pagelist_s a,
#pagelist_b a{
zoom: 1;
border: 1px solid #ccc;
text-decoration: none;
}

#pagelist_s a:hover,
#pagelist_b a:hover{
background-color: #C7E1FA;
}

/* prev, next */
#pagelist_s li.back-next a,
#pagelist_b li.back-next a{
border-right: none;
border-left: none;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
white-space: pre;
}

#pagelist_s li.back-next a:hover,
#pagelist_b li.back-next a:hover{
background: none;
text-decoration: underline;
}

/* now */
#pagelist_s li#now,
#pagelist_b li#now{
zoom: 1;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
font-weight: bold;
}


/* default
------------------------- */
#pagelist_b a,
#pagelist_b li#now{
padding: 5px 5px 4px;
_width: 14px;
min-width: 14px;
}


/* small
------------------------- */
#pagelist_s a,
#pagelist_s li#now{
padding: 2px 2px 1px;
_width: 12px;
min-width: 12px;
}


/* --------------------------------------------------

 pageList

-------------------------------------------------- */
ul.pageList{
display: table;
clear: both;
margin: 18px auto 20px;
text-align: center;
}

ul.pageList li{
display: table-cell;
*display: inline;
zoom:1;
border-left: 1px solid #d2d2d2;
font-weight: bold;
line-height: 14px;
}

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

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

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

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

ul.pageList li a{
padding: 0 10px;
zoom: 1;
color: #676767 !important;
text-decoration: none;
}

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

ul.pageList li.now a{
color: #f90!important;
font-weight: bold;
}

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

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

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

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

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



/* pageList_s
----------------------- */
ul.pageList_s{
display: table;
height: 13px;
margin: 20px auto;
*text-align: center;
}

ul.pageList_s li{
display: table-cell;
*display: inline;
*zoom: 1;
background: url(http://images.hangame.co.jp/hangame/shop/common/bg_pageline.gif) 0 1px no-repeat;
font-size: 11px;
font-family: Verdana, 'Hiragino Kaku Gothic Pro', '‚l‚r ‚oƒSƒVƒbƒN', sans-serif;
line-height: 13px;
}

ul.pageList_s li a{
zoom: 1;
padding: 0 8px 0 9px;
color: #858585 !important;
text-decoration: none;
}

ul.pageList_s li a:hover{
color: #333 !important;
text-decoration: underline;
}

ul.pageList_s li.now a{
color: #333 !important;
font-weight: bold;
}

ul.pageList_s li.first a,
ul.pageList_s li.prev a,
ul.pageList_s li.next a,
ul.pageList_s li.last a{
padding: 0;
}

ul.pageList_s li.first,
ul.pageList_s li.last{
background: none;
}

ul.pageList_s li.prev{
position: relative;
margin-right: -1px;
padding-left: 4px;
background: none;
}

ul.pageList_s li.next{
padding-right: 4px;
background: none;
}

ul.pageList_s li img{
vertical-align: middle;
}