@charset "UTF-8";
/*------------------
 == reset
--------------------*/
@font-face {
	font-family: 'mainFont';
	src: url('../fonts/FlopDesignFONT.eot?') format('eot'),
				url('../fonts/FlopDesignFONT.woff') format('woff')
}

html, body {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-size: 76%;
	line-height: 1.5;
	-webkit-text-size-adjust:none;
	min-width: 1200px;
}

img{
	border: 0;
	vertical-align: bottom;
}

h1, h2, h3, h4, h5, h6,
p, ul, ol, dl {
	margin: 1em 0;
	padding: 0;
	font-size: 1em;
}

em, address { 
	font-style: normal;
}

input,
textarea{
	font-size: 100%;
}

ul{
	list-style: none;
}
ol li{
	padding: 2px 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	text-align: left;
	font-style: normal;
}

fieldset {
	border: 0;
}


/* ----------------------------
 == Common
---------------------------- */
html{
	margin: 0;
	padding: 0;
	background: #00dffc;
}
body{
	background: #ffffff;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 12px;
	line-height: 1.6;
	font-family: 'mainFont', sans-serif;
	color: #433e3e;
	-webkit-text-size-adjust:none;
}

input,
textarea{
	font-family: 'mainFont', sans-serif;
}



body img{
	max-width: 100%;
}


a{
	display: inline-block;
	margin: .3em;
	padding: 0 5px;
	text-decoration: none;
}
a:link {
	color: #00b4cc;
}
a:visited {
	color: #00b4cc;
}
a:hover {
	color: #00b4cc;
	text-decoration: underline;
}
a:active {
	color: #00b4cc;
	text-decoration: underline;
}
a:hover img{
	opacity: 0.7;
}


.hidden{
	display: none;
}


/* -- clearfix Style -------------------- */

.clearfix {zoom:1;}
.clearfix:after{
	content: ""; 
	display: block; 
	clear: both;
}



/* ----------------------------
 == headerArea
---------------------------- */
#headerArea{
	background: #00dffc;
	color: #ffffff;
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
#headerArea a,
#headerArea a:link,
#headerArea a:visited {
	color: #ffffff;
	background: #343838;
}
#headerArea a:hover,
#headerArea a:active {
	opacity: 0.8;
	text-decoration: none;
}

.gNav{
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 18px;
}
.gNav li{
	display: table-cell;
	margin: 0;
	padding: 0;
	width: 20%;
	text-align: center;
}
.gNav li:first-child,
.gNav li:last-child{
	width: 30%;
	text-align: left;
}

.gNav li a{
	display: block;
	margin: 0 20px 0 0;
	padding: 10px 20px;
}
.gNav li:last-child a{
	margin: 0;
}



/* ----------------------------
 == footerArea
---------------------------- */
#footerArea{
	background: #00b4cc;
	color: #ffffff;
	width: 910px;
	margin: 0 auto;
	padding: 25px 25px 0 25px;
	overflow: hidden;
}


#footerArea a,
#footerArea a:link,
#footerArea a:visited,
#footerArea a:hover,
#footerArea a:active {
	color: #ffffff;
}


.formBox{
	width: 415px;
	margin: 0;
	padding: 0 0 10px 0;
	float: left;
}
.formBox input,
.formBox textarea{
	margin: 0;
	padding: 5px;
	border: 1px solid #a2e9f2;
	background: #caf6fc;
	color: #00b4cc;
	font-size: 16px;
}
.formBox input{
	width: 190px;
}
.formBox input[type="image"]{
	width: auto;
	border: 0px solid #a2e9f2;
	background: transparent;
}
.formBox textarea{
	width: 400px;
	height: 80px;
	margin: 10px 0;
}



.fLinkBox{
	width: 380px;
	margin: 0;
	padding: 20px 0 10px 0;
	float: right;
}
.fLinkBox ul{
	width: 140px;
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
}
.fLinkBox ul li{
	margin: 0 .5em 0 0;
	padding: 0;
}
.fLinkBox ul.mainLink{
	font-size: 18px;
}
.fLinkBox ul.subLink{
	font-size: 16px;
}


.copyrightBox{
	border-top: 1px solid #a2e9f2;
	clear: both;
	text-align: right;
	margin: 0;
	padding: 5px 0;
	font-size: 10px;
}
.copyrightBox p{
	margin: 0;
	padding: 0;
}



/* ----------------------------
 == contentsArea
---------------------------- */
#contentsArea{
	width: 940px;
	margin: 0 auto;
	padding: 10px 10px;
	overflow: hidden;
}

.subBlock{
	width: 220px;
	float: right;
}

.subBlock ul{
	margin: 1em 0;
	padding: 0;
}
.subBlock ul li{
	margin: 0 0 .3em 0;
	padding: 0;
	font-size: 18px;
}
.subBlock ul li a,
.subBlock ul li a:link,
.subBlock ul li a:visited,
.subBlock ul li a:hover,
.subBlock ul li a:active{
	color: #333333;
}


.mainBlock{
	width: 650px;
	float: left;
	margin: 0 0 0 -10px;
}


/* ----------------------------
 == contentsInner Style
---------------------------- */
.sectionBlock{
	margin: 30px 0;
	padding: 0;
	position: relative;
}
.sectionBlock:after{
	content: ""; 
	display: block; 
	clear: both;
}

.sectionBlock{
	background: url("../img/line_dashed_01.png") repeat-x left bottom;
	padding-bottom: 20px;
}

/* -- title Style -------------------- */
h1{
	margin: 0 0 .3em 0;
	padding: 0;
	font-size: 40px;
	line-height: 1.2;
	font-weight: bold;
}
h1:before{
	content: url("../img/ico_01.png");
	vertical-align: -.2em;
	margin: 0 .3em 0 0;
}
h2{
	margin: 0 0 .3em 0;
	padding: 0;
	font-size: 40px;
	line-height: 1.2;
	font-weight: bold;
}
h2:before{
	content: url("../img/ico_01.png");
	vertical-align: -.2em;
	margin: 0 .3em 0 0;
}
h3{
	margin: 2em 0 1em 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
}

.balloonBox{
	display: inline-block;
	background: #00dffc;
	border-radius: 3px;
	margin: 0;
	padding: 3px 30px;
	font-size: 18px;
	position: relative;
	font-weight: normal;
}
.balloonBox:before{
	content: "";
	vertical-align: auto;
	margin: 0;
}

.balloonBox:after{
	content: '';
	position: absolute;
	border-top: 10px solid #00b4cc;
	border-left: 10px solid transparent;
	bottom: -10px;
	right: 10px;
}


/* -- text Style -------------------- */
sup{
	vertical-align: .3em;
}
sub{
	vertical-align: -.2em;
}

em{
	font-weight: normal;
	font-style: normal;
	color: #c82c2c;
}

strong{
	font-weight: bold;
	color: #c82c2c;
}

.imgLeft{
	float: left;
	margin: 0 20px 10px 0;
}
.imgRight{
	float: right;
	margin: 0 0 10px 20px;
}

.txtLeft{
	text-align: left;
}
.txtRight{
	text-align: right;
}
.txtCenter{
	text-align: center;
}


.noBreak{
	white-space: nowrap;
}

.disc{
	margin-left: 1em;
	list-style: disc;
}


/* -- box Style -------------------- */

/* -- table Style -------------------- */

/* -- list Style -------------------- */

/* -- list Box Style -------------------- */
.linkBnList{
	margin: 1em 0;
	padding: 0;
	overflow: hidden;
}
.linkBnList dt{
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
}
.linkBnList dd{
	margin: 0 0 1em 0;
	padding: 0 0 0 220px;
	min-height: 40px;
}

.mamberList{
	margin: 1em -40px 1em 0;
	padding: 0;
}
.mamberList li{
	width: 300px;
	display: inline-block;
	margin: 0 20px 1em 0;
	padding: 0;
	vertical-align: top;
	position: relative;
}
.mamberList li dl{
	margin: 0;
	padding: 0;
}
.mamberList li dl dt{
	margin: 0;
	padding: 0;
	font-size: 18px;
}
.mamberList li dl dt:before{
	content: url("../img/ico_02.png");
	vertical-align: -.2em;
	margin: 0 .3em 0 0;
}
.mamberList li dl dd{
	margin: 0;
	padding: 0;
}
.mamberList li dl dd.thumbImg{
	width: 150px;
	float: left;
	margin-right: 10px;
}
.mamberList li dl dd.thumbImg img{
	border: 2px solid #66d2e0;
}
.mamberList li dl dd.pixivLink{
	float: left;
}
.mamberList li dl dd.pixivLink a,
.mamberList li dl dd.pixivLink span{
	display: block;
	width: 110px;
	color: #ffffff;
	margin: 0;
	padding: 10px 10px 5px 10px;
	line-height: 1.2;
}
.mamberList li dl dd.pixivLink a{
	background: #00dffc;
	border: 1px solid #66ecfd;
}
.mamberList li dl dd.pixivLink span{
	background: #7e7e7e;
	border: 1px solid #cbcbcb;
}

.mamberList li dl dd.webSiteLink{
	clear: both;
	margin: 0;
	padding: 5px 0;
}
.mamberList li dl dd.webSiteLink a{
	margin: 0;
	padding: 0;
}

.illustList{
	margin: 1em -20px 1em 0;
	padding: 0;
}
.illustList li{
	width: 300px;
	display: inline-block;
	margin: 0 20px 1em 0;
	padding: 0;
	vertical-align: top;
	position: relative;
	font-size: 16px;
}
.illustList a,
.illustList a:link,
.illustList a:visited,
.illustList a:hover,
.illustList a:active{
	color: #333333;
}
.illustList li img{
	border: 2px solid #66d2e0;
}
.illustList li span{
	display: block;
	margin: 5px 0 0 0;
}

.novelsList{
	margin: 1em 0;
	padding: 0;
	font-size: 16px;
}
.novelsList dt{
	display: block;
	background: #00b4cc;
	margin: 0;
	padding: 2px 0;
}
.novelsList dd{
	margin: .5em 0 1em 0;
	padding: 0;
}
.novelsList a,
.novelsList a:link,
.novelsList a:visited,
.novelsList a:hover,
.novelsList a:active{
	color: #ffffff;
}




/* -- other Style -------------------- */
.pageTopAnchor{
	margin: 0 0 0 auto;
	text-align: right;
}
.pageTopAnchor p{
	margin: 0;
	font-size: 14px;
}
.pageTopAnchor a,
.pageTopAnchor a:link,
.pageTopAnchor a:visited,
.pageTopAnchor a:hover,
.pageTopAnchor a:active{
	color: #433e3e;
}




/* ----------------------------
 == enterPage
---------------------------- */
body.index{
	background: transparent;
}
#enterPage{
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
#enterPage h1{
	margin: 100px 0 50px 0;
	padding: 0;
}
#enterPage h1:before{
	content: "";
	margin: 0;
	padding: 0;
}
#enterPage h1 a{
	width:285px;
	display: block;
	margin: 0 auto;
	padding: 20px;
}

#enterPage .btnList{
	margin: 30px auto;
	padding: 0;
	letter-spacing: -.4em;
	text-align: center;
}
#enterPage .btnList li{
	display: inline;
	margin: 0;
	padding: 0;
	letter-spacing: normal;
	text-align: center;
}



/* ----------------------------
 == aboutPage
---------------------------- */

.about #contentsArea{
	width: 620px;
	padding: 0 10px 0 330px;
}

.about .contentsHeadBlock{
	background: url("../img/line_dashed_01.png") repeat-x left top;
	margin: 10px -10px 0 -330px;
	padding: 20px 10px;
	overflow: hidden;
}
.about .contentsHeadBlock h1{
	width: 300px;
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
}
.about .contentsHeadBlock h1:before{
	content: "";
	margin: 0;
	padding: 0;
}


.about .twitterBox{
	width: 300px;
	margin: 0;
	padding: 0;
	float: left;
}
.about .twTimeLine{
	width: auto;
	height: 230px;
	margin: 2em 0 0 0;
	padding: 0;
	overflow: auto;
}


.about .bnAnthologyBox{
	width: 300px;
	margin: 0;
	padding: 0;
	float: right;
}