/* ==============================================
reset-setting
============================================== */
* {
margin:0; 
padding:0;
}
h1,h2,h3,h4,h5,h6,p,th,td,dt,dd,li {
font-size:100%;
line-height:1.6em;
font-weight:normal;
}
img {
border:none;
vertical-align:top;
}
table {
border-collapse:collapse;
border-spacing:0;
}
ul {
list-style:none;
}


.bx-wrapper .bx-pager {
	padding-top:25px !important;
}


/* ==============================================
clear-setting
============================================== */
.clrFix:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .clrFix { display:inline-block; }
*:first-child+html .clrFix { display:inline-block; }

.clear {
clear:both;
}


/* ==============================================
font-setting
============================================== */
body {
font-family:  helvetica, arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
color:#111;
font-size:13px;
line-height:21px;
-webkit-text-size-adjust:100%;
position:relative;
}

p {
font-size:13px;
line-height:21px;
}

.sttl{
	font-size:17px;
	font-weight:bold;
}



/* ==============================================
h
============================================== */
h1{
	margin-bottom:70px;
	font-size:0;
	line-height:0;
}
h2{
	margin:60px auto 40px auto;
	text-align:center;
	font-size:0;
	line-height:0;
}




/* ==============================================
layout
============================================== */
.alignLeft {
    text-align: left !important;
}
.alignCenter {
    text-align: center !important;
}
.alignRight {
    text-align: right !important;
}



/* ==============================================
module-setting
============================================== */
.txt-read{
    width: 760px;
    margin: 0px auto;
    font-size: 16px;
    line-height: 1.8;
}
.txt-note{
	font-size:75%;
	color:#666;
}
.marker-yellow {
	background: linear-gradient(transparent 50%, #FFEF6C 40%);
}
.marker-blue {
	background: linear-gradient(transparent 40%, #c1eaff 40%);
}

img.image-left{
	float: left;
	/*
	margin:0 20px 30px 0;	
	*/
}
img.image-right{
	float: right;
	/*
	margin:0 0 30px 20px;	
	*/
}



/* ==============================================
link-setting
============================================== */
a:hover img { opacity: 0.6; filter: alpha(opacity=60); }

a {outline:none;}

#news a:link {color:#ed1c24; text-decoration:none;}
#news a:visited {color:#ed1c24; text-decoration:none;}
#news a:hover {color:#ed1c24; text-decoration:underline;}
#news a:active {color:#ed1c24; text-decoration:none;}

#book a:link {color:#fff; text-decoration:none;}
#book a:visited {color:#fff; text-decoration:none;}
#book a:hover {color:#fff; text-decoration:none; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
#book a:active {color:#fff; text-decoration:none;}

#book #auther a:link {color:#ed1c24; text-decoration:none;}
#book #auther a:visited {color:#ed1c24; text-decoration:none;}
#book #auther a:hover {color:#ed1c24; text-decoration:underline;}
#book #auther a:active {color:#ed1c24; text-decoration:none;}

#download a:link {color:#fff; text-decoration:none;}
#download a:visited {color:#fff; text-decoration:none;}
#download a:hover {color:#fff; text-decoration:none;}
#download a:active {color:#fff; text-decoration:none;}

#gallery a:link {color:#fff; text-decoration:none;}
#gallery a:visited {color:#fff; text-decoration:none;}
#gallery a:hover {color:#fff; text-decoration:none; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
#gallery a:active {color:#fff; text-decoration:none;}


#footer a:link {color:#808080; text-decoration:none;}
#footer a:visited {color:#808080; text-decoration:none;}
#footer a:hover {color:#808080; text-decoration:underline;}
#footer a:active {color:#808080; text-decoration:none;}



/* ==============================================
SNS
============================================== */
#sns{
width:1050px;
margin:0 auto;
padding:30px 0 40px 0;
}
#sns ul{
float:right;
}


#sns:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #header { display:inline-block; }
*:first-child+html #sns { display:inline-block; }
#header ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #v ul { display:inline-block; }
*:first-child+html #sns ul { display:inline-block; }



/* ==============================================
main
============================================== */
#main{
width:1140px;
margin:0 auto;
text-align:center;
}



/* ==============================================
news
============================================== */
#news{
	width:900px;
	height:55px;
	margin:70px auto 50px auto;
	background:url(../images/news_bg.gif) no-repeat;
	text-align:left;
}
#news .link{
	background:url(../images/cmn_arrow.png) left no-repeat;
	padding-left:15px;

}
#news img{
    vertical-align: middle;
    margin: -1px 0 0 0;
}

#news .ticker {
    text-align: left;
    position: relative;
    overflow: hidden;
	width: 800px;
	padding-left: 100px;
	padding: 0 0 0 90px;
	margin: -50px 0 0 0;
}
#news .ticker ul {
    width: 100%;
    position: relative;
} 
#news .ticker ul li {
    width: 100%;
    display: none;
	line-height:55px;
	letter-spacing: 0.1em;
}



/* ==============================================
nav(#global-nav) > #menu
============================================== */
#global-nav {
    width: 100%;
	background:#FFF;
	height: 55px;
}
.fixed {
    position: fixed;
    top: 0;
    z-index: 1;
	height: 55px;
	border-bottom:#EFEFEF 1px solid;
}

#menu{
	width:1140px;
	margin:0 auto;
	position:relative;
}
#menu ul li{
	float:left;
	margin:0 ;
}
#menu .over{
	position: absolute;
	left: 0px;
	top: 50px;
}
#menu:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }



/* ==============================================
topics
============================================== */

.badge{
position: absolute;
top:30px;
left: 30px;
}



#topics{
padding: 120px 0 0 0;
}
#topics .bg{
width:1140px;
background: url(../images/topics_bg.png);
padding: 10px;
margin: 0 auto;
}
#topics .inner{
background: #FFF;
padding: 20px 0 70px 0;
}
#topics .topics{
padding: 50px 0 0 70px;
position: relative;
}
#topics h2{
margin: 0;
font-size: 28px;
line-height: 36px;
text-align: left;
font-weight: bold;
letter-spacing: 3px;
}
#topics h2 img{
display: block;
margin: 0 0 22px 0;
}
#topics h2 strong{
color: #ED1C24;
}
#topics h3{
font-size: 14px;
letter-spacing: 1px;
border: solid 2px #000000;
width: 260px;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
text-align: center;
font-weight: bold;
padding: 5px 0 6px 0;
margin: 20px 0 5px 0;
}
#topics p{
font-size: 14px;
line-height: 28px;
padding: 10px 0 0 0;
}
#topics p strong{
font-size: 16px;
color: #ED1C24;
font-weight: normal;
}
#topics p a{
color: #ED1C24;
}
#topics p a:hover{
text-decoration: none;
}
#topics .button{
width: 345px;
margin: 10px 0 0 0;
float: left;
}
#topics .button a{
color: #FFF;
text-align: center;
display: block;
background: #000000;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
text-decoration: none;
padding: 10px 0 12px 0;
font-size: 16px;
}
#topics .button a:hover{
background: #545454;
}
#topics .sp{
display: none;
}
#topics .topics:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #topics .topics { display:inline-block; }
*:first-child+html #topics .topics { display:inline-block; }



#topics #topics-03 .image{
position: absolute;
top:38px;
left:460px;
}
#topics #topics-01 .image{
	position: absolute;
	top: 211px;
	right: 177px;
	padding: 0;
}
#topics #topics-02 h2{
margin: 0 0 10px 0;
}
#topics #topics-02 .image{
	position: absolute;
	top: 51px;
	left: 701px;
}
#topics #topics-02 .comment{
padding: 17px 0 0 30px;
float: left;
}



/* ==============================================
character
============================================== */
#character{
	width:1140px;
	margin:auto;
	padding-top:50px;
}

#introduction{
	min-height:1964px;
	position:relative;
}
#introduction .ashiato{
	background:url(../images/chara_bg_ashiato.gif) top center repeat-y;
	height:1px;
	position:relative;
}
#introduction p{
	margin-top:20px;
	text-align:left;
}
#introduction img,#introduction p{
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
}

#chara01{
	position: absolute;
	text-align: center;
	width: 290px;
	left: 168px;
	top: 36px;
}
#chara02{
	position: absolute;
	text-align: center;
	width: 290px;
	left: 640px;
	top: 0px;
}
#chara03{
	position: absolute;
	text-align: center;
	width: 170px;
	left: 129px;
	top: 417px;
}
#chara04{
	position: absolute;
	text-align: center;
	width: 160px;
	left: 860px;
	top: 432px;
}
#chara05{
	position: absolute;
	text-align: center;
	width: 160px;
	left: 328px;
	top: 524px;
}
#chara06{
	position: absolute;
	text-align: center;
	width: 170px;
	left: 635px;
	top: 585px;
}
#chara07{
	position: absolute;
	text-align: center;
	width: 180px;
	left: 863px;
	top: 806px;
}
#chara08{
	position: absolute;
	text-align: center;
	width: 160px;
	left: 76px;
	top: 857px;
}
#chara09{
	position: absolute;
	text-align: center;
	width: 160px;
	left: 320px;
	top: 956px;
}
#chara10{
	position: absolute;
	text-align: center;
	width: 170px;
	left: 634px;
	top: 1062px;
}
#chara11{
	position: absolute;
	text-align: center;
	width: 330px;
	left: 125px;
	top: 1259px;
}
#chara12{
	position: absolute;
	text-align: center;
	width: 260px;
	left: 787px;
	top: 1310px;
}
#chara13{
	position: absolute;
	text-align: center;
	width: 150px;
	left: 598px;
	top: 1576px;
}
#chara14{
	position: absolute;
	text-align: center;
	width: 260px;
	left: 172px;
	top: 1565px;
}
#chara15{
	position: absolute;
	text-align: center;
	width: 220px;
	left: 789px;
	top: 1634px;
}	



/* ==============================================
comment 
============================================== */
#comment{
	width:1140px;
	margin:auto;
	text-align:center;
	padding-top:50px;
}

#comment .txt-read{
	margin:40px auto 50px auto;
}



/* --------------- yoppy1 ---------------*/
#comment .kaisetsu{
	width:950px;
	margin:30px auto 80px auto;
	position:relative;
	min-height: 400px;
}
#comment .kaisetsu .yoppy{
	position: absolute;
	left: 740px;
	top: 230px;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	margin-left: 100px;
}

/* --------------- yoppy2 ---------------*/
#comment .kaisetsu2{
	width:950px;
	margin:30px auto 80px auto;
	position:relative;
	min-height: 1400px;
}
#comment .kaisetsu2 .yoppy2{
	position: absolute;
	left: 740px;
	top: 1220px;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	margin-left: 100px;
}



#comment .cut{
	width:480px;
	float:left;
}
#comment .cut p{
	text-align:left;
	margin-top:5px;
	font-size:12px;
}
#comment .cut img{
	width:100%;
	height:auto;
}

#comment .txt{
	width:420px;
	float:right;
	text-align:left;
	font-size:15px;
	line-height:2;
}
#comment .txt .title{
	font-size:24px;
	line-height:30px;
	font-weight:bold;
	background:url(../images/comt_icon.gif) left no-repeat;
	padding-left:30px;
	margin-bottom:20px;
}




/* ==============================================
Q&A
============================================== */
#QA-bg{
	background:url(../images/qa_bg.gif);
	width:100% !important;
	min-width:1140px;
	padding:100px 0;
}
#QA{
	width:900px;
	margin:0 auto;
	padding-bottom:10px;
	text-align:center;
	background-color:#FFF;
	border: solid 2px #000;
}
#QA #TweetBox{
	width:760px;
	margin:35px auto 20px auto;
	text-align:left;
}
#QA img.image-right{
	float: right;
	margin:0 0 0 30px;	
}
#QA img.btn{
	margin:5px 0 30px 0;
}

/*  ----- twitter ----- */
.timeline-Header-title{
    font-size: 16px;
    line-height: 19px;
}
.timeline-Tweet-text {
    font-size: 14px !important;
	line-height: 20px !important;
}

.timeline{
	max-width:760px !important;
	margin-bottom:10px;
	background-color:#fff;
	border-radius:5px
}
.timeline-header{
	height:30px;
}
.stream{
 height:500px !important;
}



/* ==============================================
download
============================================== */
#download{
	width:1140px;
	margin:0 auto;
	padding-top:50px;

}
#download p{
	font-size:15px;
	font-weight:bold;
	padding:0 0 10px 0;
	color:#333;
}
#download dl{
	width:600px;
	margin:auto;
}
#download dd:nth-child(odd)  {  
	background: #4d4d4d;
	color:#fff;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color: #FFF;
	width: 290px !important;
	float:left;
	padding:15px 0;
	margin:20px 0 0 20px;
	font-size:14.5px;
	font-weight:bold;
	display: block;
	text-decoration:none !important;
}
#download dd:nth-child(even)   {  
	background: #4d4d4d;
	color:#fff;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color: #FFF;
	width: 290px !important;
	float:left;
	padding: 15px 0;
	margin:20px 0 0 0;	
	font-size:14.5px;
	font-weight:bold;
	display: block;
	text-decoration:none !important;
}



/* ==============================================
bxSlider
============================================== */
.bxSlider{
	width:1000px;
	margin:auto;
	text-align:center;
}
.bxSlider .set-left{
	width:400px;
	float:left;
	text-align:center !important;
	margin:0 0 0 100px;
}
.bxSlider .set-right{
	width:400px;
	float:right;
	text-align:center !important;
	margin:0 100px 0 0;
}



/* ==============================================
book
============================================== */
#book {
	width:1140px;
	margin:0 auto;
	padding-top:50px;
}

#book .content{
	width:960px;
	margin:0 auto;
}
#book .content .image{
	width:400px;
	float:left;
}
#book .content .txt{
	width:500px;
	float:right;
	font-size:15px;
	line-height:2;
}
#book .btnArea{
	width:85%;
	margin:auto;
	padding-bottom:60px;
}
#book .btnArea .btn_DL-wide {  
	background: #3ed1d5;
	color:#fff;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color: #FFF;
	padding: 15px 0;
	margin:20px auto 5px auto;
	font-size:14.5px;
	font-weight:bold;
	display: block;
	text-decoration:none !important;
	text-align:center;
	width: 100%;
}
#book .btnArea .btn_DL-left {
	float:left;
	width:48%;	
	background: #222;
	color:#fff;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color: #FFF;
	padding: 15px 0;
	margin:20px auto;
	font-size:14.5px;
	font-weight:bold;
	display: block;
	text-decoration:none !important;
	text-align:center;
	}
	
#book .btnArea .btn_DL-right{
	float:right;
	width:48%;
	background: #222;
	color:#fff;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color: #FFF;
	padding: 15px 0;
	margin:20px auto;
	font-size:14.5px;
	font-weight:bold;
	display: block;
	text-decoration:none !important;
	text-align:center;
}
#book .btnArea a {
    display: block;
	width: 100%;
    height: 100%;
}
#book .btnArea img{
	vertical-align:middle;
}

/*  ----- auther ----- */
#book #auther img.image-left{
	margin:0 20px 30px 0;	
}
#book #auther img.sttl{
	margin-bottom:30px;
}

#book dl {
	 width:500px;
	margin-top: 20px;
}
#book dt  {
	float:left;
	width:170px;
	line-height: 35px;
}
#book dd  {
	line-height: 35px;
}
#book dd img {
	vertical-align: middle;
}



/* ==============================================
gallery
============================================== */
#gallery{
	width:1140px;
	margin:0 auto;
	text-align:center;
	padding-top:50px;
}

#gallery h3{
	margin:40px auto 20px auto;
	text-align:center;
	font-size:0;
	line-height:0;
}


#gallery li{
	margin-bottom:30px;
}

#gallery .btn img   {
	vertical-align:middle;
}



#gallery .btn   {
	background: #4D4D4D;
    border-radius: 4px;
    color: #FFF;
    float: none;
    padding: 15px 20px;
    font-size: 14.5px;
    font-weight: bold;
    margin: 20px auto;
    text-decoration: none !important;
    display: block;
    text-align: center;
    width:410px !important;
}


/*  -------------スペシャル時のみ------------ */
#gallery .special   {
	background:url(../images/linestamp_img_special03.gif) top center no-repeat;
	height:80px;
}

#gallery .special .btn   {
	background: #3ed1d5;
    border-radius: 4px;
    color: #FFF;
    float: none;
    padding: 20px;
    font-size: 14.5px;
    font-weight: bold;
    text-decoration: none !important;
    display: block;
    text-align: center;
    width:440px !important;
	margin: 0 auto;
}
/*  ---------------------------------------- */



.border{
	border-bottom: 1px solid #cccccc;
	margin:80px 0 60px 0;
}




/* ==============================================
footer
============================================== */
#footer{
	background:url(../images/footer_bg.gif) center repeat-x;
	height:194px;
	margin-top:100px;
	text-align:center;
	min-width:1140px;
	width:100%;
}
#footer .menu{
		color:#808080;
		padding-top:250px;
		margin-bottom:30px;
		font-size:12px;
}
#footer .menu span.copyright{
	font-size:10px;
	font-family:Verdana;
	color:#bfbfbf;
}



/* ==============================================
pagetop
============================================== */
p.pagetop{
    position: fixed;
    right: 2%;
    bottom: 2%;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
}
p.pagetop a {
	display: block;
    width: 126px;
    height: 130px;
}