@charset "utf-8";
/** orange color scheme 

	a:#EE9B00
	button:#ffb03a

**/

/** General Layout **/

* {margin:0; padding:0;}

html, body {
	margin:0 auto;
	padding:0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
	font-size: 100%;

	line-height: 1.68em;
	background: #000;
	color:#6e6e6e;
	text-align:left;
	height: 100%;
}






/** Typography **/

h2, h3, h4, h5 {margin-bottom:10px;}

h2 {font-size:200%; line-height:38px; font-weight:bold; margin:0 0 0.5em 0; }
h3 {font-size:200%; font-weight:bold; margin:0.3em 0 1em 0; color:#000; }
h3 a{ color:#000;}
h4 {font-style:italic; font-weight:bold; font-size:120%; color:#3399ff; text-indent:3px; margin:35px 0 20px 0;}
h5 {font-size:120%;  font-weight:bold; margin:10px 0 5px 0;}
h6 {font-size:115% font-weight:bold; color:#666688 ; text-indent:6px;}


a {}
a:link { color:dodgerblue;}
a:visited { text-decoration: none; color:dodgerblue;}
a:hover {text-decoration:underline; font-weight:bold; }
a:active {}


.no-margin {margin-right:0 !important;}
.center{text-align:center;}

.left {float:left; margin-right:8px; margin-bottom:2px; border:#dfdfdf 2px solid; margin-top:5px;}
.right {float:right; margin-left:8px; margin-bottom:2px; border:#dfdfdf 2px solid; margin-top:5px;}

hr {
	margin:19px 0 9px 0;
 border: 0;
    height: 2px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));

}
em {font-style:bold; }
strong {font-weight:bold; color:deeppink;}



.twitter-timeline {
    width: 95%!important;
}


#content ul {list-style:circle; list-style-position:inside; padding-left:2px; margin-bottom:15px; padding-left:15px;}
#content ol {list-style:decimal; list-style-position:inside; margin-bottom:15px; padding-left:15px;}
.list-dot ul li {list-style:circle !important;}

code, pre {
background:url(/images/code_bg.png) repeat scroll 0 0 #FFFFFF;
border:1px solid #DDDDDD;
color:#000000;
display:block;
font-family:Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
font-size:12px;
line-height:20px;
margin:10px 0 20px;
overflow:auto;
padding:0 3px;
}

blockquote {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
blockquote span.author {font-size:11px; color:#333333; display:block; text-align:left; padding-top:10px;}


.button {padding:6px;background:#333333; color:#fff; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:#333333 3px outset;}
.button:hover { background:#34afff; color:#333333; text-decoration:none; border:#34afff 3px inset;}

.clear {
	clear: both	height: 0;
	width: 0;
	line-height: 0;
	font-size: 0px;
}
.white {color:#fff !important;}

.hidden {display:none;}

.round {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}















/** header-wrapper **/
#header-wrapper {
margin-top: 0px;
padding:15px 0 15px 0;

overflow:hidden;
position:relative;
background:#001 ;
color:#fff;
}


div#top-message{text-align:center; color:#ddd; float:right; margin-left:30px;}


#header {max-width:1000px;
	margin:0 auto;}

div#share {float:right; margin-top: 0px; }

#logo {margin-top:0px; margin-left:10px;}
h1 {color:#ddf; font-size:500%; line-height: 100%; margin:0; padding:0; }
h1 a, h1 a:visited {color:#eef; text-decoration: none;}
div .logo-sub{ margin-top:0px; margin-left:20px;}
.logo-sub p{color:#eef;  font-size:120%;}
#top-explain a{text-decoration: none; color:#fff;}
#top-explain p{text-align:center; color:#fff;}



/** top **/

#top {text-align:center;}







#site-wrapper {
   height: auto;
   position:relative;
	margin:0 auto;
	max-width:1000px;
   padding-bottom:10px;
}




/** top news **/
div#top-news{text-align:center; color:#ddd; font-size:15px; background:#222; padding:8px; border-bottom: dotted 1px; }
#top-news strong {color:red ;}


.eye-catching { display:block; margin-right: auto; margin-left: auto; text-align: center;}









/** content **/

#content {height:auto; overflow:visible; display:block; position:relative; margin:0 auto; width:100%;}
.box .inside {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}



/** box **/
.box {height:auto; overflow:hidden; margin-bottom:10px; background:url(/images/widget-shadow.png) no-repeat bottom center; padding-bottom:13px; width:100%; margin-top:80px;}
.box .inside { background:#fff url(/images/widget-bg.png) repeat-x top center; border:#d1d1d1 1px solid; padding:12px 15px;}




/** comic **/
#comic {height:auto; overflow:hidden; margin-bottom:10px; padding-bottom:13px; width:100%;  background:#222; }
div.comic-space {clear:both; height:250px;}
#pagename {padding:10px; color:#aaa; }
#episode-navi {padding:30px; font-size:140%; }
#chapter-navi {padding-top:60px; text-align:left; margin-bottom:50px;}
#last-episode {margin-top:80px;}
#comic-after {background:#000; width:300px; margin:10px 350px 10px 350px; padding:10px; }


/** Footer **/
#footer-wrapper {
margin-top: 50px;
padding-top: 20px;
height:auto;
overflow:hidden;
position:relative;
background:#001 ;
color:#fff;
}

#footer-navi {text-align:center; padding-bottom:10px;}
#footer-navi div {margin:0 auto; border-top:1px #333 dashed; width:500px ;}

#fotter-account {
width:500px;
text-align:left;
margin:auto;
line-height: 150%;
}








/** CUSTOM STUFF **/

.close {cursor:pointer; position:absolute; top:0px; right:5px; font-weight:bold;}

.info-box {display:block; border:1px solid #AFDBEE; background: url(/images/mini-icons/info.png) no-repeat scroll 8px 55% #E4F5FD; padding:10px 10px 10px 35px; margin:0; color:#2A80A7; font-size:13px; position:relative;}
.info-box a {color:#2A80A7; border-bottom:#2A80A7 1px solid;}
.info-box a:hover {color:#2A80A7; border-bottom:none !important;}

.warning-box {display:block; border:1px solid #efdc75; background: url(/images/mini-icons/warning.png) no-repeat scroll 8px 55% #fff7cb; padding:10px 10px 10px 35px; margin:0; color:#DB7701; font-size:13px; position:relative;}
.warning-box a {color:#DB7701; border-bottom:#DB7701 1px solid;}
.warning-box a:hover {color:#DB7701; border-bottom:none !important;}

.success-box {display:block; border:1px solid #b3dc7c; background: url(/images/mini-icons/success.png) no-repeat scroll 8px 55% #e8ffca; padding:10px 10px 10px 35px; margin:0; color:#527A19; font-size:13px; position:relative;}
.success-box a {color:#527A19; border-bottom:#527A19 1px solid;}
.success-box a:hover {color:#527A19; border-bottom:none !important;}

.error-box {display:block; border:1px solid #ebb1b1; background: url(/images/mini-icons/error.png) no-repeat scroll 8px 55% #ffd6d6; padding:10px 10px 10px 35px; margin:0; color:#9d2121; font-size:13px; position:relative; width:200px; }
div .error-box {margin:0 auto;}
.error-box a {color:#9d2121; border-bottom:#9d2121 1px solid;}
.error-box a:hover {color:#9d2121; border-bottom:none !important;}

.info-box, .warning-box, .success-box, .error-box {margin-bottom:20px; margin-top:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

.dropcap {font-size:40px; float:left; line-height:1.0em; padding-right:6px; color:#0a2f41;}




/**各カラムの右側に30pxとして考える。右端は後からno-marginされる**/
.full-width {width:1000px;}
.one_half {width:435px;}
.one_third {width:280px;}
.one_forth {width:202.5px;}
.one_fifth {width:156px;}
.two_third {width:590px;}
.two_fifth {width:348px;}
.three_forth {width:667.5px;}
.three_fifth {width:522px;}

.one_half, .one_third, .one_forth, .two_third, .three_forth, .one_fifth, .two_fifth, .three_fifth {float:left; margin-right:30px; height:auto; overflow:hidden;}