@charset "utf-8";


/* RESET
******************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-style: normal; font-weight: normal; font-size: 100%; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html				{overflow-y: scroll;}
blockquote, q		{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
 input, textarea,	{margin: 0; padding: 0;}
ol, ul				{list-style: none;}
table				{border-collapse: collapse; border-spacing: 0;}
caption, th			{text-align: left;}
a:focus				{outline: none;}
/*FireFoxセンタリング位置*/
html		{overflow:scroll;height:100%;}

/* IEハック */
* html img				{vertical-align:top;}
* html li				{line-height:1.1em; list-style-position:outside;}
*:first-child+html li	{line-height:1.1em;}
body					{_font-size:80%;}

/* Mac UTF-8の文字化け防止 */
/*＼*//*/
input, textarea, select, option {font-family: "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;}
/**/
a		{cursor:pointer; padding:0; margin:0;}
a img	{border: none; background-color: transparent;}



/* clearfix */
.cf:after {
content: "."; 
display: block;
height: 0; 
clear: both; 
visibility: hidden;
font-size:0.1em;
line-height:0;
}
.cf			{display: inline-block;}
/* Hides from IE-mac ¥*/
* html .cf	{height: 1%; }
.cf			{display: block; }
/* End hide from IE-mac */



/* HEADER AREA
******************************************/
.topPage header		{background:#f5f5f5;padding:0 0 20px 0;position:fixed;width:100%;height:160px;z-index:9999;}
.manga header		{background:#f5f5f5;padding:0 0 20px 0;}
header a:hover img	{
opacity:0.5;
-webkit-transition:opacity 0.1s linear;
-moz-transition:opacity 0.1s linear;
-ms-transition:opacity 0.1s linear;
-o-transition:opacity 0.1s linear;
transition:opacity 0.1s linear;
}

header .headTop 			{margin-top:10px;position:absolute;}
header .langNav				{float:right;position:absolute;right:0;}
header .langNav li			{display:inline-block;letter-spacing:0.01em;}
header .langNav li	span	{display:inline;color:#b3b3b3;padding:0 5px;}
header .langNav li	a		{text-decoration:none;color:#b3b3b3;}
header .langNav li	a:hover	{text-decoration:underline;}

header .mainHead nav 		{padding-top:30px;}
header .mainHead nav ul		{letter-spacing: -.40em;}
header .mainHead nav li		{display:inline-block;*display:inline;*zoom:1;letter-spacing: normal;vertical-align:middle;}







/* FOOTER AREA
******************************************/

/* TOP */
.topPage footer		{}
.topPage footer p	{text-align:center;font-size:12px;color:#fff;padding:20px 0;letter-spacing:0.1em;}

/* MANGA */
.manga footer						{background:#f5f5f5;height:100%;width:100%;}
.manga footer .footerInner p		{text-align:center;font-size:12px;color:#222;padding:20px 0;letter-spacing:0.1em;}
.manga footer .footerInner p a		{color:#888;display:inline;padding:0 2px;letter-spacing:0.2em;}
.manga footer .footerInner p a:hover{text-decoration:none;}