@charset "utf-8";
/* CSS Document */



/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires 
 */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
	font-style: inherit;
	font-weight: inherit;
}

del,
ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
	*font-size: 100%;
}

img {
	vertical-align: bottom;
}





/**
 * modified font-family in font property for Japanese.
 */

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
/**
 * YUI Fonts
 * @module fonts
 * @namespace yui-
 * @requires 
 */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font-size:13px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/* for IE6/7 */ 
	*font-size:small; 
	/* for IE Quirks Mode */
	*font:x-small;
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea,
button {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

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

fontsize table

 |px|%|
 |10|77|
 |11|85|
 |12|93|
 |13|100|
 |14|108|
 |15|116|
 |16|123.1|
 |17|131|
 |18|138.5|
 |19|146.5|
 |20|153.9|
 |21|161.6|
 |22|167|
 |23|174|
 |24|182|
 |25|189|
 |26|197|

 ex) 12px
 element {
 	font-size: 93%;
 }
 ------------------------------------------------------------*/









/* ============================================
	
	base layout
	
============================================ */

body{
	background-color: #fff;
}

a,
a:link,
a:visited{
	color: #499f9c;
	text-decoration: none;
}

a:hover{
	color: #69BfBc;
}

article, aside, dialog, figure, footer, header, hgroup, menu, nav, section{
	display: block;
}


/* ===================================================================
//////////////////////////////////////////////////////////////////////
	
	index page

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

body#top{
	background: #fff url("images/bg_top.jpg") center top repeat-x;
}

body#top #top-header{
	padding-top: 334px;
	background: transparent url("images/bg_topimage.jpg") center top no-repeat;
}

body#top #top-header .logo-area{
	width: 940px;
	margin:0 auto;
}

body#top #top-header h1{
	text-align: center;
	margin-bottom:44px;
}

body#top #top-header h2{
	text-align: center;
}


/* ------------ nav ------------ */

#nav{
	width: 940px;
	margin:-100px auto 50px;
}
#nav{overflow: hidden;}
* html #nav{height: 1%;}

#nav ul{
	margin-left: 2px;
}

#nav ul li{
	display:inline;
	float: left;
	margin-right: 30px;
}

#nav ul li.half{
	margin-right: 450px;
}
#nav ul li.last{
	margin-right: 0;
}

#nav ul li a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}


/* ------------ news ------------ */


#news{
	padding:45px 0;
	background-color: #d8d8d8;
}

#news .news-table{
	margin: 0 auto;
	width: 940px;
	border: 0;
}

#news .news-table th,
#news .news-table td{
	vertical-align: top;
	text-align: left;
	line-height: 1.6;
	letter-spacing: 0.2em;
	color: #3f3f3f;
	
}

#news .news-table th{
	padding: 5px 20px 5px 8px;
}

#news .news-table td{
	padding: 5px 3px 5px 20px;
}

#news .news-table td a{
	color: #24a1a9;
}
#news .news-table td a:hover{
	color: #69cfd6;
}



/* ------------ comic ------------ */


#comic{
	background-color: #5ebdba;
	padding: 50px 0;
}

#comic #web-comic,
#comic #book{
	margin: 0 auto;
	width: 940px;
}
#comic #web-comic{overflow: hidden;}
* html #comic #web-comic{height: 1%;}
#comic #book{overflow: hidden;}
* html #comic #book{height: 1%;}

#comic #web-comic .title,
#comic #book .title{
	float: left;
	padding-left: 5px;
}

#comic #web-comic .list,
#comic #book .list{
	margin-left: 200px;
}


/* --- webcomic --- */


#comic #web-comic .list .web-comic-subttl{
	padding: 35px 0 97px;
}

.bookinfo{
	color: #fff;
	margin-bottom: 80px;
}
.bookinfo{overflow: hidden;}
* html .bookinfo{height: 1%;}

.bookinfo .image{
	float: left;
}

.bookinfo .text{
	margin-left: 180px;
}

.bookinfo .text h3{
	
}

.bookinfo .text h3 .ttl{
	float: left;
	padding-top: 8px;
	font-size: 170%;
	font-weight: bold;
}

.bookinfo .text h3 .mkr{
	float: right;
	padding-top: 5px;
}
.bookinfo .text h3{overflow: hidden;}
* html .bookinfo .text h3{height: 1%;}

.bookinfo .text p{
	margin-bottom: 10px;
	line-height: 1.6;
	letter-spacing: 0.1em;
}

.bookinfo .text .date{
	padding-bottom: 10px;
	border-bottom: 1px solid #ffffff;
}

.bookinfo .text .description{

}

.bookinfo .text .link{
	padding-top: 10px;
}

.bookinfo .text .link a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}


/* --- book --- */

#comic #book{
	margin: 150px auto 40px;
}

#comic #book .list{
	padding-top: 30px;
}


/* ------------ footer ------------ */


#footer{
	background-color: #151515;
	padding:45px 0;
	text-align: center;
}










/* ===================================================================
//////////////////////////////////////////////////////////////////////
	
	gallery

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


body#gallery{
	background-color: #222222;
}

body#gallery .gallery-wrapper{
	max-width: 920px;
	margin: 0 auto;
}

body#gallery .gallery-wrapper .am-container{
	margin: 50px auto;
}
.am-container{overflow: hidden;}
* html .am-container{height: 1%;}


.backlink{
	clear:both;
	margin:20px 0;
}
.backlink a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.gallery-ttl{
	color: #fff;
	text-align:center;
}

.gallery-ttl h1{
	margin-bottom: 30px;
}