@charset "utf-8";

/*---------------------------------------------
	Initialize CSS
---------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
ul, ol {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
input, select {
	vertical-align:middle;
}
img {
	vertical-align: top;
	font-size:0;
	line-height: 0;
}


/* additional */

body {     
	background: #000;
}

html {
	overflow-y: scroll;
}

body, select, input, textarea {
	font-size: 10px;
	font-family: Verdana, Arial, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	color: #fff;
}
a {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	text-decoration: underline;
}



/*---------------------------------------------
	Common
---------------------------------------------*/

/* wrap */
#wrap {
	width: 900px;
	height: 602px;
	margin: 40px auto 0;
	padding: 0 40px;
	overflow: hidden;
	background: url(../images/bg.gif) repeat-y;
}
#txtPage #wrap {
	height: auto;
}

/* main */
#main {
	width: 620px;
	float: left;
	position: relative;
}

/* sidebar */
#sidebar {
	width: 240px;
	float: right;
}
#caption, #toplink {
	margin: 0 0 25px 0;
}
#thumbnail ol {
}
#thumbnail ol li {
	margin: 0 0 25px 0;
}

/* footer */
#footer {
	width: 900px;
	height: 40px;
	margin: 0 auto;
	padding: 0 40px;
}



/*---------------------------------------------
	Local
---------------------------------------------*/

/* top */
#cover, #visual, #cover2 {
	width: 620px;
	height: 588px;
}
#cover2 {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}
#visual {
	position: relative;
}
#visual #buffer, #visual #visible {
	position: absolute;
	top: 0;
	left: 0;
}


/* articlePage */
#articlePage h1 {
	width: 620px;
	height: 65px;
}

/* archivePage */
#archivePage h1 {
	width: 620px;
	height: 41px;
}

/* txtPage */
#categorytitle {
	width: 620px;
	height: 65px;
}
#txtPage h1 {
	width: 620px;
	margin: 0 0 20px 0;
}
#otherArticle {
	margin: -10px 0 30px 0;
	text-align: center;
}
.section {
	overflow: hidden;
	margin-bottom: 25px;
}
.section h2 {
	font-size: 20px;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
	padding-bottom: 7px;
}
.section h3 {
	letter-spacing: 0.1em;
	font-size: 16px;
	margin-bottom: 8px;
	padding-bottom: 5px;
}
.section h4 {
	font-size: 12px;
	margin-bottom: 5px;
	padding-bottom: 2px;
}
.intro .section h2, .intro .section h3, .intro .section h4 {
	color: #df903d;
}
.visit .section h2, .visit .section h3, .visit .section h4 {
	color: #8f3381;
}
.inter .section h2, .inter .section h3, .inter .section h4 {
	color: #ae404b;
}
.intro .section .ttl01 {
	background: url(../../article/images/bg_h3_intro_01.gif) left bottom no-repeat;
}
.intro .section .ttl02 {
	background: url(../../article/images/bg_h3_intro_02.gif) left bottom no-repeat;
}
.visit .section .ttl01 {
	background: url(../../article/images/bg_h3_visit_01.gif) left bottom no-repeat;
}
.visit .section .ttl02 {
	background: url(../../article/images/bg_h3_visit_02.gif) left bottom no-repeat;
}
.inter .section .ttl01 {
	background: url(../../article/images/bg_h3_inter_01.gif) left bottom no-repeat;
}
.inter .section .ttl02 {
	background: url(../../article/images/bg_h3_inter_02.gif) left bottom no-repeat;
}
.section p {
	line-height: 1.5;
	margin-bottom: 15px;
}
.section p.listener {
	color: #969696;
}
.section table {
	margin-bottom: 15px;
}
.section th, .section td {
	line-height: 1.5;
	text-align: left;
	vertical-align: top;
	padding: 0 5px 8px 0;
}
.section ul {
	line-height: 1.5;
	margin-bottom: 20px;
}
.section ul ul {
	margin-bottom: 0;
}
.section li {
	margin-left: 20px;
}
.section li li {
	margin-left: 40px;
}
.section .floatL {
	float: left;
	margin: 0 15px 10px 0;
}
.section .floatL2 {
	float: left;
	margin: 10px 15px 10px 0;
}
.section .floatR {
	float: right;
	margin: 10px 0 10px 15px;
}
.section .txtR {
	text-align: right;
}
.intro .section span {
	color: #df903d;
}
.visit .section span {
	color: #8f3381;
}
.inter .section span {
	color: #ae404b;
}

/* social button */
#social {
	width: 620px;
	height: 40px;
}
#social ul {
	float: right;
}
#social li {
	float: left;
}
#facebookbtn {
	/*margin-right: 15px;*/
}
#social p {
	float: left;
}

/* slide */
#archivePage #Searchslide {
	width: 620px;
	height: 502px;
}
#articlePage #Searchslide {
	width: 620px;
	height: 438px;
}
#articlePage #Searchslide .slide, #archivePage #Searchslide li {
	margin-bottom: 20px;
}

/* pagenation */
.page_navigation {
	width: 620px;
	height: 45px;
}
.page_navigation {
	font-size: 10px;
	text-align: center;
}
.page_navigation a {
	text-decoration: none;
	background: #335346;
	color: #fff;
}
.page_navigation a:hover {
	background: #009a92;
}
.page_navigation a, .page_navigation span {
	display: inline-block;
	padding: 6px 8px;
	margin: 0 3px;
}
.page_navigation .active_page { /* current */
	background: #009a92;
	color: #fff;
}
.page_navigation .current.prev, .page_navigation .current.next {
	color:#999;
	background: #0d2726;
}
.page_navigation .first_link { /* first */
	margin-right: 10px;
}
.page_navigation .previous_link { /* prev */
	margin-right: 15px;
}
.page_navigation .next_link { /* next */
	margin-left: 15px;
}
.page_navigation .last_link { /* last */
	margin-left: 10px;
}
.page_navigation .no_more {
	background: #0d2726;
	color: #999;
	cursor: default;
}
.page_navigation .no_more:hover {
	background: #0d2726;
}




/*================================================
  ex. clearfix
================================================*/
.clearfix {
	height: 1%;
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */

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