/*version 1.01 */

@import url("oy10.css");


h3#ttl_pickup
{
	text-indent:-100000px;
}

p.thumb
{
	width:30px;height:30px;
	text-indent:-10000px;background:url() no-repeat 50% 50%;
}

p.comic_large
{
    width:120px;height:120px;
}

p.thumbnail
{
	text-indent:-10000px;
}

p.large
{
	width:120px;height:160px;
}

p.medium
{
	width:90px;height:90px;
}

h1.header_logo{
	display:inline;
}

.clear
{
	padding:0;margin:0;height:0;
	clear:both;
}

div.wrapBox
{
	margin:0px 0px 20px 0px;
	text-align:left;
	font-size:1.1em;
	background:#FFF;
}

div.wrapBox h3
{
	background:#000;
	color:#FFF;
	font-size:1.1em;
	line-height:230%;
	text-indent:15px;
	height:30px;
	background-repeat:no-repeat;
	clear:both;
}

div.wrapBox div div.wrapBoxBorder
{
	border-width:0px 1px 1px 1px;
	border-color:#CCC;
	border-style:solid;
	background:url() no-repeat 15px 0px;
}

div.wrapBox div.wrapBoxInner
{
	padding:10px 15px;
}

div.wrapBox p
{
	color:#333;
	margin:0  0 5px 0;
	padding:0;
	font-size:1.0em;
}
div.wrapBox p.select{margin:0  0 15px 0;}

div.wrapBox h4
{
	margin:15px 0px 15px 0px;
	color:#666;
	padding:5px 0px;
	font-size:1.2em;
	clear:both;

}

div.wrapBox div.guide h4
{
	border-top:1px solid #85cfde;
        background:#e8fbff;
}

div.wrapBox form
{
	margin:15px 0px;
	background:#ECECEC;
	border:1px solid #DDD;
	padding:15px;
}

div.wrapBox form h4
{
	font-size:1.1em;
	border-bottom:1px dotted #CCC;
	padding-bottom:3px;
}

div.wrapBox form.split
{
	padding:0;margin:0;background:#FFF;border:none;
}

div.wrapBox form.split div.form
{
	margin:15px 0px;
	background:#ECECEC;
	border:1px solid #DDD;
	padding:15px;
}



div.wrapBox form
{
	margin:15px 0px;
	background:#ECECEC;
	border:1px solid #DDD;
	padding:15px;
}

div.wrapBox div.formBox
{
	margin:15px 0px;
	background:#ECECEC;
	border:1px solid #DDD;
	padding:15px;
}

div.wrapBox div.formBox form
{
	display: inline;
    border: none;
}
div.wrapBox form.split
{
	padding:0;margin:0;background:#FFF;border:none;
}

div.wrapBox form.split div.form
{
	margin:15px 0px;
	background:#ECECEC;
	border:1px solid #DDD;
	padding:10px 15px;
}

div.wrapBox form fieldset p
{
}

div.wrapBox form fieldset
{
	margin:15px 0px 25px 0px;
}

div.wrapBox form fieldset legend
{
	font-weight:bold;
	font-size:1.1em;
	padding-bottom:10px;
}

div.wrapBox form fieldset label
{
}

div.wrapBox form fieldset p.inputs
{
	padding:0px 20px;
}

div.wrapBox form fieldset em
{
	display:block;
	padding:3px 20px;
}

div.wrapBox form p.submit
{
	text-align:center;
	padding:10px 0px;
}

div.wrapBox form p.submit input
{
    padding:1px 5px;
}

div.wrapBox form.onecol fieldset legend
{
	float:none;
}


em
{
	font-style:normal;
	color:#444;
}

div.wrapBox div ul{
	margin:10px 40px;
}	

div.wrapBox div.alert h3{ background:#fff url(../img/pattern/alert_ttl_01.png) 0px 0px }
div.wrapBox div.alert div.wrapBoxBorder{ background-image:url(../img/pattern/alert_ttl_04.png) }

ul.alerts li{
	list-style-image:url(../img/pattern/icons/exclamation.png);
	margin:10px 0px;
	font-size:1.2em;
}

div.wrapBox div.info h3{ background:#fff url(../img/pattern/info_ttl_01.png) 0px 0px }
div.wrapBox div.info div.wrapBoxBorder{ background-image:url(../img/pattern/info_ttl_04.png) }
div.wrapBox div.error h3{ background:#fff url(../img/pattern/error_ttl_01.png) 0px 0px;  }
div.wrapBox div.error div.wrapBoxBorder{ background-image:url(../img/pattern/error_ttl_04.png) }
div.wrapBox div.error h4{ border:none; background:#fff url(../img/pattern/icons/bullet_error.png) no-repeat 0 40% ; 
	text-indent:20px; font-size:1.1em; }
	
ul.errors{
	margin:20px 40px;
	color:#DD0000 
}

div.wrapBox div.error ul li,
ul.errors li{
	list-style:disc;
	color:#DD0000;
	line-height:150%;
	font-size:1.2em;
}

div.wrapBox div.guide h3{ background:#fff url(../img/pattern/guide_ttl_01.png) 0px 0px }
div.wrapBox div.guide div.wrapBoxBorder{ background-image:url(../img/pattern/guide_ttl_04.png) }

div.wrapBox div.object_list 
{
	width:100%;
}
div.wrapBox div.object_list div.object_detail
{
	border-bottom:1px solid #CCC;
	padding:10px;
	clear:both;
}


div.wrapBox div.object_list div.object_detail img.thumbnail
{
	width:80px;
	height:80px;
	border:1px solid #000;
	float:left;
	margin-right:15px;
}


div.wrapBox div.object_list div.object_detail div.attributes
{
	margin-right:15px;
	float:left;
}

div.wrapBox div.object_list div.nav div.attributes
{
	width:60%;
}

div.wrapBox div.object_list div.object_detail div.attributes h5
{
	color:#333;
	margin-bottom:10px;
}


div.wrapBox div.object_list div.nav div.navigations
{
	float:right;
}

div.wrapBox div.object_list div.nav div.navigations ul
{
	background:#FFF;
	padding:10px;
	border:1px solid #EEE;
}

div.wrapBox div.object_list div.object_detail div.attributes ul,
div.wrapBox div.object_list div.nav div.navigations ul
{
	margin:0;
}

div.wrapBox div.object_list div.object_detail div.attributes ul li,
div.wrapBox div.object_list div.nav div.navigations ul li
{
	line-height:150%;
}
	
div.wrapBox div.object_list div.manga
{
	border:2px solid #00d5ff;
	background:#ffffff;
        -webkit-box-shadow: 0px 0px 10px #CCC;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -moz-box-shadow: 0px 0px 10px #CCC;
    margin:10px 0px;
}

div.wrapBox div.object_list div.manga p.title
{
	font-size:1.1em;
	background:url(../img/pattern/icon_manga.png) no-repeat 0 7px;
	text-indent:20px;
	margin-bottom:0px;
	padding-bottom:5px;
	border-bottom:1px dotted #00d5ff;
}


div.wrapBox div.object_list div.manga p.title a
{
	font-weight:bold;
	font-size:1.2em;
}

div.wrapBox div.object_list div.manga p.menu
{
	margin-top:5px;
	margin-bottom:15px;
}	


div.wrapBox div.object_list div.manga p.menu a
{
	margin-right:10px;
	padding:3px 0px 3px 20px;
}	

div.wrapBox div.object_list div.manga p.menu a.aoy
{
	background:url(../img/pattern/icons/rosette.png) no-repeat 0 30%;
}

div.wrapBox div.object_list div.manga p.menu a.stories
{	
	background:url(../img/pattern/icons/page_white_text.png) no-repeat 0 30%;
}

div.wrapBox div.object_list div.manga dl
{
	width:150px;
	float:left;
}

div.wrapBox div.object_list div.manga dl img
{
	border:1px solid #000;
}

div.wrapBox div.object_list div.manga ul
{
	width:60%;margin:0;
	float:left;
}

div.wrapBox div.object_list div.manga ul li
{
	clear:both;
	line-height:180%;
}

div.wrapBox div.object_list div.manga ul li span.rankgray
{
	color:#006699;width:180px;display:block;float:left;
}

div.wrapBox div.object_list div.manga ul li span.rankpoint
{
	display:block;float:left;
}

div.wrapBox div.object_list div.manga ul li span.rankpoint b
{
	font-size:1.2em;
}

div.wrapBox div.object_list div.manga p.ranklink01
{
	clear:both;
	padding:15px 5px 0px 5px;
}

div.wrapBox div.object_list div.manga p.ranklink01 a
{
	margin-right:10px;
	background:#DDD;
	padding:2px;
}

div.wrapBox div.object_list div.manga p.ranklink01 span.users
{
	padding:5px 0px 5px 20px;font-weight:bold;color:#666;margin-right:10px;
	background:url(../img/pattern/icons/group.png) no-repeat 0 50%;
}

div.wrapBox ul.tab
{
	margin:10px 0px 15px 0px;
	border-bottom:1px solid #CCC;
	height:20px;
}

div.wrapBox ul.tab li
{
	float:left;margin:0px 5px;
}

div.wrapBox ul.tab li a
{
	font-size:0.9em;
	display:block;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	background:#FFF;
	padding:0px 5px;
	height:20px;
	line-height:180%;
	background:#CCC;
	width:130px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
}

div.wrapBox ul.tab li a:hover,
div.wrapBox ul.tab li a.on:hover
{
    text-decoration:underline;
}

div.wrapBox ul.tab li a.on
{
	background:#FFF;
	color:#a934a5;
}
	
div.wrapBox table
{
	width:100%;
	table-layout:fixed;font-size:1.1em;
	border-collapse:collapse;
	border:1px solid #99ccFF;
}

div.wrapBox table th,
div.wrapBox table td
{
	text-align:left;
	border-bottom:1px solid #99ccff;
	border-right:1px solid #99ccff;
	padding:3px;
}

div.wrapBox table th
{
	/*width:30%;*/
	border-right:1px solid #99ccff;
	background:#ddeeff;
	color:#336699;
	vertical-align:middle;
}	
div.wrapBox table th.white
{
	background:#ffffff;
}
div.wrapBox table td.white
{
	background:#eeeeff;
}

div.wrapBox ul.vlinks,
div.wrapBox ul.hlinks
{
	clear:both;list-style:none;
	margin:5px 0px;padding:0;
}


div.wrapBox ul.vlinks
{
	text-align:right;
	width:100%;
}

div.wrapBox ul.vlinks li
{
	line-height:180%;list-style:none;
}


div.wrapBox ul.vlinks li.primary a
{
	font-size:1.4em;
}

div.wrapBox ul.hlinks li
{
	float:left;list-style:none;
	margin-right:15px;
}

ul.vlinks li a,
ul.hlinks li a,
a.link
{
	background:url(../img/pattern/link_icon.png) no-repeat 0 1px;
	padding-left:15px;
}

img.baroon
{
	padding:0px 5px;
	cursor:pointer;
}

span.help
{
	background:yellow;
	padding:10px 10px;
	position:absolute;
	font-size:1.2em;
}

p.pagination
{
	text-align:center;
	height:30px;
}

p.pagination a
{
	margin:0 5px;
	background:#EEE;border:1px solid #CCC;
	padding:2px 5px;
	text-align:center;
}

p.pagination a.on
{
	background:#CCC;border:1px solid #CCC;color:#FFF;
	text-decoration:none;
}


div.wrapBox table.vtable
{

}

div.wrapBox table.vtable,
div.wrapBox table.vtable td,
div.wrapBox table.vtable th
{
	border-color:#26c1df;
	font-size:0.9em;
}

div.wrapBox table.vtable thead th.none
{
	background:#EEE;
}

div.wrapBox table.vtable thead th
{
	background:url(/img/pattern/th_bg.png) no-repeat 100% 10%;
	color:#FFF;
}

div.wrapBox table.vtable tbody th
{
	background:#e2f3f7;
	color:#333;
}

div.wrapBox table.vtable tbody td
{
	border-right:1px solid #26c1df;
}

div#comicPopper
{
	overflow:hidden;
	position : absolute ;
	background:#FFF;
	filter:alpha(opaticy=100);
	opacity:1;
	width:500px;
	height:400px;
	z-index:10001;
        border:1px solid #AAA;
        background:#FFF url(/img/bg_mang_detail.gif) repeat-x 0 0;
        -webkit-box-shadow: 0px 0px 10px #333;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -moz-box-shadow: 0px 0px 10px #333;
	text-align:left;
	padding:10px;
}

div#comicPopper img
{
	border-bottom:1px solid #FFF;
	width:160px;height:160px;
}


div#comicPopper div.attributes
{
	width:270px;
	padding-top:10px;
	float:right;
}

div#comicPopper h3
{
	font-size:1.5em;
	line-height:180%;
	border-bottom:3px solid yellow;
}

div#comicPopper h4
{
	font-size:1.2em;
	font-weight:normal;
	line-height:150%;
	padding:5px 10px 5px 0px;
}

div#comicPopper p.catchcopy
{
	font-size:1.0em;
	line-height:140%;
	padding-right:10px;
}


div#comicPopper p.introduction_title
{
	font-size:1.2em;
	line-height:150%;
	padding:5px 10px 5px 0px;
}

div#comicPopper p.introduction
{
	font-size:1.0em;
	line-height:140%;
	padding-right:10px;
}

div#fullScreen
{
	top:0px;left:0px;
	background:#000000;
	z-index:10000;
	opacity:0.1;
	filter:alpha(opacity=10);
        position:absolute;
}



div#footerBox ul
{
	text-align:center;
	padding:5px;
}

div#footerBox ul li
{
	display:inline;padding:0px 10px;
}
div#footerBox p.copyright
{
	clear:both;
}

div.wrapBox table.table_white
{
	border:none;
	width:auto;
}


div.wrapBox table.table_white td,
div.wrapBox table.table_white th
{
	border:none;
}


/* SHORT HEADER */
div#shortheader
{
    height:90px;background:#FFF;
}

div#shortheader div.inner
{
    width:960px;margin:0 auto;text-align:left;
}

div#shortheader div.inner a.logo
{
    position:relative;float:left;top:5px;
    background:url(/img/top/logo.gif) no-repeat 0 0;
    display:block;text-indent:-10000px;width:222px;height:73px;
}

div#shortheader div.inner p.copy
{
    line-height:230%;top:30px;left:10px;
    position:relative;float:left;font-size:0.9em;
}

div#shortheader div.inner a.register
{
    display:block;position:relative;float:right;
    background:url(/img/top/register_button.gif) no-repeat 0 0;
    width:233px;height:89px;text-indent:-100000px;
}


div#shortheader div.inner div.logged_in
{
    background:#EFEFEF;width:233px;position:relative;
    float:right;height:50px;-webkit-border-radius: 5px;
    -moz-border-radius: 5px;top:15px;right:16px;
}

div#shortheader div.inner div.logged_in p.thumbnail
{
    float:left;position:relative;top:7px;left:10px;
    margin:0;padding:0;margin:0px 10px 7px 0px;
    border:2px solid #CCC;background:url() no-repeat 50% 50%;
}

div#shortheader div.inner div.logged_in p.edit
{
    float:left;font-size:10px;width:180px;
    line-height:160%;position:relative;top:10px;left:5px;
}

div#shortheader div.inner div.logged_in p.nickname
{
    height:16px;width:160px;font-size:1.1em;
    float:left;position:relative;top:8px;left:10px;line-height:120%;
}

div#shortheader div.inner div.logged_in p.nickname span.nickname
{
    font-size:1.2em;margin:0 5px 0 0;
}

div#shortheader div.inner div.logged_in p.edit a
{
    margin:0 5px;font-size:1.0em;
}

div#container div.center
{
    width:530px;float:left;
    position:relative;left:10px;
    margin-right:10px;
}

div.center div.notices h3
{
    background:#FFF;padding:4px;font-size:1.1em;
    border-bottom:2px solid #CCC;height:20px;
}

div.center div.notices
{
    background:#f5dfdf;
}

div.center div.notices div.inner
{
    padding:5px;
}

div.center div.notices ul
{
    padding:5px 3px;
}

div.center div.notices ul li
{
    line-height:180%;font-size:1.1em;
}

div.center div.notices ul li span.date
{
    color:#333;margin-right:10px;
}

div.center div.comics
{
    margin-top:10px;
}

div.center div.comics div.new
{
    background:url(/img/top/bookshelf.png) no-repeat 0 247px;height:310px;
    margin-bottom:10px;
}


div.center div.comics div.new h3
{
    background:url(/img/top/center_h3.png) no-repeat 4px 0px;
    padding:3px;padding:4px;font-size:1.1em;line-height:220%;text-indent:15px;
}

div.center div.comics div.new ul,
div#search_comics div.comic_list ul.comics
{
    margin-left:10px;padding:0;position:relative;
}

div.center div.comics div.new ul li,
div#search_comics div.comic_list ul.comics li
{
    float:left;padding:0;position:relative;top:58px;
    display:block;background:url(/img/top/bookcover.png) no-repeat 0 0;width:130px;height:181px;
    margin:0 20px;
}

* html div.center div.comics div.new ul li
{
    margin:0 12px;
}

* html div#search_comics div.comic_list ul.comics li
{
    margin:18px 17px 18px 17px;
}


div#search_comics div.comic_list ul.comics li
{
    height:264px;margin:18px 25px 18px 25px;
}

div.center div.comics div.new ul li div.cover,
div#search_comics div.comic_list ul.comics li div.cover
{
    width:124px;height:177px;background:url() no-repeat 50% 50%;position:relative;
    top:4px;left:4px;
}

div.center div.comics div.new ul li div.cover div.title,
div#search_comics div.comic_list ul.comics li div.cover div.title
{
    background:url(/img/catalog/title_cover.gif) no-repeat 0 0;width:112px;height:56px;
    position:relative;top:110px;left:6px;text-align:center;
}

div.center div.comics div.new ul li div.cover div.title h4,
div#search_comics div.comic_list ul.comics li div.cover div.title h4,
div.cover div.title a
{
    color:#0884ff;font-size:1.0em;
    padding:4px 2px;height:30px;overflow:hidden;margin:0;
}

div.center div.comics div.new ul li div.cover div.title p.author,
div#search_comics div.comic_list ul.comics li div.cover div.title p.author
{
    font-size:0.9em;padding:0;margin:0;overflow:hidden;width:98%;height:16px;color:#666;
}

div.center div.comics div.new ul li p.pop,
div#search_comics div.comic_list ul.comics li p.pop
{
    position:relative;left:2px;color:#000;line-height:120%;padding:7px 13px 9px 6px;font-size:0.9em;
    width:120px;height:50px;top:-230px;overflow:hidden;
}

div#search_comics div.comic_list ul.comics li p.pop
{
    top:-234px;
}



ul.comics li p.genre0{    background:url(/img/top/cover/pop.png) no-repeat 0 0;}
ul.comics li p.genre1{    background:url(/img/top/cover/short.png) no-repeat 0 0;}
ul.comics li p.genre2{    background:url(/img/top/cover/school.png) no-repeat 0 0;}
ul.comics li p.genre3{    background:url(/img/top/cover/mistery.png) no-repeat 0 0;}
ul.comics li p.genre4{    background:url(/img/top/cover/horrow.png) no-repeat 0 0;}
ul.comics li p.genre5{    background:url(/img/top/cover/love.png) no-repeat 0 0;}
ul.comics li p.genre6{    background:url(/img/top/cover/BL.png) no-repeat 0 0;}
ul.comics li p.genre7{    background:url(/img/top/cover/comedy.png) no-repeat 0 0;}
ul.comics li p.genre8{    background:url(/img/top/cover/sports.png) no-repeat 0 0;}
ul.comics li p.genre9{    background:url(/img/top/cover/history.png) no-repeat 0 0;}
ul.comics li p.genre10{    background:url(/img/top/cover/adventure.png) no-repeat 0 0;}
ul.comics li p.genre11{    background:url(/img/top/cover/society.png) no-repeat 0 0;}
ul.comics li p.genre12{    background:url(/img/top/cover/pet.png) no-repeat 0 0;}
ul.comics li p.genre13{    background:url(/img/top/cover/fantasy.png) no-repeat 0 0;}
ul.comics li p.genre14{    background:url(/img/top/cover/SF.png) no-repeat 0 0;}
ul.comics li p.genre15{    background:url(/img/top/cover/essei.png) no-repeat 0 0;}
ul.comics li p.genre16{    background:url(/img/top/cover/fairytale.png) no-repeat 0 0;}
ul.comics li p.genre17{    background:url(/img/top/cover/literature.png) no-repeat 0 0;}
ul.comics li p.genre18{    background:url(/img/top/cover/illust.png) no-repeat 0 0;}
ul.comics li p.genre19{    background:url(/img/top/cover/other.png) no-repeat 0 0;}
ul.comics li p.genre20{    background:url(/img/top/cover/pop.png) no-repeat 0 0;}
ul.comics li p.genre21{    background:url(/img/top/cover/beginner.png) no-repeat 0 0;}



div.center div p.more
{
    text-align:right;line-height:220%;padding-top:10px;padding-right:10px;
}

div.center div.lecture
{
    margin-bottom:20px;
}

div.center div.lecture a.btn{    background:url(/img/top/beginner_btn.png) no-repeat 0 0;width:240px;height:40px;display:block;margin:0 auto;text-align:center;line-height:320%;font-weight:bold }
div.center div.lecture a.btn:hover{    background:url(/img/top/beginner_btn.png) no-repeat 0 -40px;}

div.center div.lecture h3
{
    background:url(/img/top/lecture-h3.png) no-repeat 0 0;
    height:60px;line-height:460%;font-weight:normal;
}

div.center div.lecture h3 b
{
   font-size:1.3em;float:left;padding-left:60px;
}

div.center div.lecture h3 span
{
    float:right;padding-right:10px;
}

div.center div.lecture ul.lectures li
{
    width:160px;float:left;margin:0 7px 0px 9px;
}

* html div.center div.lecture ul.lectures li
{
    padding:0px;margin:0px 6px 3px 6px;
}

div.center div.lecture ul.lectures li p
{
    width:160px;height:120px;background:#FFF url() no-repeat 50% 50%;margin:5px 0px;border:1px solid #ccc;
}

div.center div.lecture ul.lectures li span
{
}

div#container div.right
{
    float:left;
    position:relative;left:10px;width:200px;
}

div.right div.interview h3
{
    background:url(/img/top/right_bar_h3.png) no-repeat 0 0;line-height:290%;text-align:center;width:100%;
}


div.right div.group
{
    background:url(/img/top/right_bar_foot.png) no-repeat 0 100%;
    margin-bottom:20px;
}


div.right div.interview ul.interviews
{
    padding-bottom:10px;
}

div.right div.interview ul.interviews li p,
div.right div.interview ul.interviews li a.banner
{
    display:block;
    width:160px;height:60px;background:#FFF url() no-repeat 50% 50%;margin:5px auto;border:1px solid #000;
}

div.right div.interview ul.interviews li span
{
    margin:0 10px;
}

div.right div.twitter ul
{
    margin:0 5px;padding-bottom:25px;
}

div.right div.twitter ul li
{
    background:#e6f7f8;margin:2px 0px;padding:5px;
}

div.right div.twitter ul li span.date
{
    font-size:0.9em; text-align:right;display:block;color:#666;
}



div#search_comics
{}

div#search_comics ul.genres{ padding-left:20px;}
div#search_comics ul.genres li { display:block; float:left; width:22%; }

div#search_comics ul{ margin:0;padding:0;}
div#search_comics p{ margin:0;margin:5px 0px;}

div#search_comics wrapBoxBorder , 
div#search_comics wrapBoxInner
{
 
}

div#search_comics h3
{
    font-size:1.2em;color:#5b9b28;padding:5px 0px;background:#FFF;
}

div#search_comics ul.genres li
{
    display:inline;margin-right:10px;
}


div#search_comics ul.comics
{
    background:#f1f1f1 url(/img/top/large_bookshelf.png) repeat-y 50% 0px;
}

.circle
{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

div#search_comics p.paginate
{
    text-align:center;
}

div#search_comics p.paginate b,
div#search_comics p.paginate a
{
    margin:0 10px;
}


div.wrapBox div#complet
{
    border:1px solid #CCC;background:#EFEFEF;
}

div.book_show
{
    width:878px;height:911px;margin:10px auto;
    background:url(/img/catalog/book_show_bg.png) no-repeat 50% 50%;
}

div.book_show div.detail
{
    width:365px;float:left;position:relative;
    top:70px;left:50px;
}

div.book_show div.detail h2
{
    color:#ff6bb5;font-size:1.3em;line-height:180%;
}

div.book_show div.detail h3
{
    color:#666;line-height:180%;
}

div.book_show div.detail img.large
{
    border:1px solid #CCC;margin:10px auto;
}

div.fanclub p.title
{
    font-size:1.2em;
}

div.fanclub p.title span.date
{
    font-size:0.9em ; margin-right:10px;
}

div.fanclub p.title b
{
    font-size:1.0em;
}

div.fanclub p.body
{
    font-size:1.0em;line-height:180%;
}

div.original div#complet
{
    background:#FFF;padding:10px;border:1px solid #EEE;
}


div.wrapBox form fieldset p.inputs input[type="text"]
{
    width:80%;
}

div.wrapBox form fieldset p.inputs textarea
{
    height:120px;
}

div.center div.banner
{
    text-align:center;margin-bottom:10px;
}

div.comic_list p.paginate
{
    padding:15px 0px;
}

div.comic_list p.paginate a
{
    margin:0 1px;padding:0px 5px;background:#EEE;border:1px solid #DDD;color:#666;text-decoration:none;
}

div.comic_list p.paginate a.on
{
    background:#AAA;color:#EEE;border:1px solid #AAA;
}

div.wrapBox table.info
{
    border:1px solid #EEE;
}

div.wrapBox table.info tr td,
div.wrapBox table.info tr th
{
    border:none;background:none;
    padding:20px;
}

div.wrapBox table.info th
{
    color:#666;width:30%;
}

div.object_detail div.message
{
    clear:both;padding:15px 30px 5px 30px;
}

div.object_detail div.message div.inner
{
    line-height:130%;border:1px solid #EEE;
    background:#FFF url(/img/site/mail.gif) no-repeat 5px 50%;padding:15px 30px;
}

/*
comic_edit

*/


.genre_selector{
	border:solid 1px #999;
	border-radius:5px;
	background:#fff;
	position:absolute;
	width:500px;
	height:413px;
	top: 0;
	left:0;
	z-index:12;
}
	.genre_selector h4{
		font-size:13px;
		float:left;
		clear: none;
		margin:10px 40px;
	}
	.close_overlay{
		margin:10px;
		float: right;
	}

	.genre_search{
		clear:both;
		padding:10px 40px;
		border-top:1px solid #eee;
		border-bottom:1px solid #eee;
	}


		.genre_search  fieldset input {
			width: 230px;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			height: 28px;
			font-size: 13px;
			border: 1px solid #666;
			float: left;
			padding: 0 5px;
		}

		.genre_search fieldset button {
			height: 28px;
			margin-left: 10px;
			float: left;
			width: 60px;
			color: #333;
			font-size: 13px;
			display: inline-block;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border: #B3B3B3 solid 1px;
			background-image: -moz-linear-gradient(top, white, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #CCC);
			background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#CCC));
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#cccccc')";
		}
		.choice_genre_list{
			margin:auto;
			margin-top:10px;
			margin-bottom:10px;
			width: 420px;
			height:300px;
			overflow-y:scroll;

		}
		.choice_genre_list li{
			text-align:left;
			margin-bottom:10px;
		}
		.choice_genre_list li dl{
			position:relative;
		}
		.choice_genre_list li dl dt a img{
			vertical-align: middle;
			margin-right:5px;
		}
		.choice_genre_list li dl dd{
			display:none;
			position:absolute;
			top: 15px;
			left: 5px;
		}
		.genre_overlay_small{
			padding:10px;
			border:#888 solid 1px;
			background:#fff;
			z-index: 15;
			position: absolute;
			width:360px;
			text-align:left;

		}
		.genre_overlay_small img.overlay_arrow{
			position:absolute; 
			top:-13px;
			left:30px;

		}
		.genre_overlay_small p {
			font-weight:normal;
			color:#888;
		}
		.genre_overlay_small p strong{
			font-weight:normal;
			color:#333;
		}
		.genre_overlay_small p em{
			font-weight:bold;
			color:#888;
		}

		.choice_genre_list .read_more {
			display: block;
			margin: 20px auto;
			width: 280px;
			background: white;
			background: -moz-linear-gradient(top, white 0%, white 50%, #F0F0F0 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(50%,white), color-stop(100%,#F0F0F0));
			background: -webkit-linear-gradient(top, white 0%,white 50%,#F0F0F0 100%);
			background: -ms-linear-gradient(top, white 0%,white 50%,#F0F0F0 100%);
			background: linear-gradient(to bottom, white 0%,white 50%,#F0F0F0 100%);
			background-image: url("/img/ja_pc/gradient.svg");
			border: 1px solid #B3B3B3;
			height: 44px;
			line-height: 44px;
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			text-align: center !important;
			color: #333;
			font-weight: normal !important;
			margin-bottom: 40px;
		}