@charset "utf-8";

/* box object */
.wrapper1 {
	background: url(../images/bg_scroll.jpg);
}
.wrapper2 {
	color: #FFF;
	background: #0489FF;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 65px;
}
.wrapper3 {
	background: #FFF;
	border-top: 7px solid #F2F2F2;
}
.wrapper4 {
	background: #F2F2F2 url(../images/bg_footer.png) repeat-x;
}
.box1 {
	width: 900px;
	margin: 0px auto;
	padding: 88px 0px;
}
.box2 {
	width: 900px;
	margin: 0px auto;
}

/* common */
.box1 h2 {
	margin: 0px 0px 30px 30px;
}

/* top */
#top_contents {
	width: 900px;
	margin: 0px auto;
	padding: 45px 0px;
	position: relative;
	min-height: 540px;
}
#top_contents h1 {
	position: absolute;
	left: 514px;
	top: 55%;
}
#top_contents #catch {
	position: absolute;
	left: 550px;
	top: 20%;
}
#top_contents #fukidashi {
	position: absolute;
	left: 0px;
	top: 25%;
}

#top_contents #spec {
	background: #fbfd08;
	text-align: center;
	padding: 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	position: absolute;
	left: 0px;
	width: 880px;
	bottom: 2%;
}

/* menu */
.menu ul li {
	list-style: none;
	float: left;
}
.menu div.iq {
	padding-top: 13px;
	padding-right: 23px;
}
.menu_box {
	display: none;
}
/* sample */
#sample #sample_box ul {
	margin: auto;
	width: 694px;
	border-left: 10px solid #F2F2F2;
}
#sample #sample_box ul li {
	list-style: none;
	float: left;
	border-right: 10px solid #F2F2F2;
}
#sample #sample_box ul li a {
	height: 180px;
	width: 218px;
	display: block;
	text-indent: -9999px;
}
#sample #sample_box ul #tab_comic a {
	background: url(../images/btn_comic.png) no-repeat;
}
#sample #sample_box ul #tab_novel a {
	background: url(../images/btn_novel.png) no-repeat;
}
#sample #sample_box ul #tab_pb a {
	background: url(../images/btn_photo.png) no-repeat;
}
#sample #sample_box ul #tab_comic a:hover {
	background: url(../images/btn_comic_on.png) no-repeat;
}
#sample #sample_box ul #tab_novel a:hover {
	background: url(../images/btn_novel_on.png) no-repeat;
}
#sample #sample_box ul #tab_pb a:hover {
	background: url(../images/btn_photo_on.png) no-repeat;
}
#sample #sample_box ul #tab_comic a.selected {
	background: url(../images/btn_comic_a.png) no-repeat;
}
#sample #sample_box ul #tab_novel a.selected {
	background: url(../images/btn_novel_a.png) no-repeat;
}
#sample #sample_box ul #tab_pb a.selected {
	background: url(../images/btn_photo_a.png) no-repeat;
}
#sample #sample_box div {
	width: 840px;
	margin: 0px auto;
	text-align: center;
	padding: 50px 0px 25px;
}
#sample #sample_box #comic {
	background: #eaf5ff url(../images/bg_sample_comic.png) no-repeat left top;
}
#sample #sample_box #novel {
	background: #eaf5ff url(../images/bg_sample_novel.png) no-repeat left top;
}
#sample #sample_box #photo {
	background: #eaf5ff url(../images/bg_sample_photo.png) no-repeat left top;
}

/* feature */
#feature ol {
	margin: 0px auto;
	width: 840px;
}
#feature ol li {
	background: #0489FF;
	margin: 0px 0px 15px;
	font-size: 20px;
	line-height: 1em;
	color: #FBFD08;
	list-style: none;
	padding: 20px 10px 20px 80px;
}
#feature ol #feature1 {
	background: #0489FF url(../images/txt_feature_num1.png) no-repeat 10px bottom;
}
#feature ol #feature2 {
	background: #0489FF url(../images/txt_feature_num2.png) no-repeat 10px bottom;
}
#feature ol #feature3 {
	background: #0489FF url(../images/txt_feature_num3.png) no-repeat 10px bottom;
}
#feature ol #feature4 {
	background: #0489FF url(../images/txt_feature_num4.png) no-repeat 10px bottom;
}
#feature ol #feature5 {
	background: #0489FF url(../images/txt_feature_num5.png) no-repeat 10px bottom;
	margin-bottom: 0px;
}

/* function */
#function h2 {
	margin-bottom: 10px;
}
#function .notice {
	font-size: 1.1em;
	color: #666;
	margin: 0px 0px 25px 25px;
}
#function ol {
	margin-left: 30px;
}
#function ol li {
	float: left;
	list-style: none;
	width: 268px;
	margin-right: 18px;
}
#function ol li img {
	display: block;
	margin-bottom: 15px;
}
#function ol li span {
	display: block;
	font-size: 1.3em;
	line-height: 1.5em;
}

/* pubtter */
#pubtter p {
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0px 0px 20px 30px;
}
#pubtter h3 {
	color: #666;
	margin: 0px 0px 20px 30px;
	font-size: 1.6em;
}
#pubtter ol {
	width: 290px;
	margin-left: 30px;
}
#pubtter ol li {
	background: #EAF5FF;
	color: #333;
	font-size: 1.3em;
	line-height: 1.5em;
	list-style: none;
	margin-bottom: 15px;
	padding: 15px 15px 10px 100px;
	min-height: 80px;
}
#pubtter .sns_detail {
	padding-top: 35px;
}
#pubtter ol .pt_feature1 {
	background: #EAF5FF url(../images/txt_pubtter_num1.png) no-repeat 10px 10px;
}
#pubtter ol .pt_feature2 {
	background: #EAF5FF url(../images/txt_pubtter_num2.png) no-repeat 10px 10px;
}
#pubtter ol .pt_feature3 {
	background: #EAF5FF url(../images/txt_pubtter_num3.png) no-repeat 10px 10px;
}
#pubtter .pubtter_sample {
	border: 10px solid #EAF5FF;
	width: 500px;
	min-height: 600px;
	margin-right: 30px;
}

/* ex */
#ex ul {
	margin-left: 30px;
}
#ex ul li {
	list-style: none;
	height: 160px;
	float: left;
	width: 400px;
	margin-right: 30px;
}
#ex ul li .logo {
	float: left;
	width: 160px;
}
#ex ul li .logo img {
	border: 7px solid #0489FF;
}
#ex ul li dl {
	float: right;
	width: 220px;
}
#ex ul li dl dt {
	font-size: 1.6em;
	line-height: 1.2em;
	margin-bottom: 20px;
}
#ex ul li dl dt .company {
	color: #0489FF;
	font-size: 0.8em;
	line-height: 1em;
	display: block;
	margin-bottom: 10px;
}
#ex ul li dl dd {
	font-size: 1.3em;
	line-height: 1.3em;
}

/* inquiry */
#inquiry #bb_logo {
	margin-left: 60px;
	width: 198px;
	padding-right: 25px;
}
#inquiry #bb_info {
	border-left: 5px solid #F2F2F2;
	padding-left: 25px;
	margin-bottom: 200px;
}
#inquiry #bb_info dl dt {
	font-size: 1.6em;
	line-height: 1.2em;
	margin-bottom: 7px;
}
#inquiry #bb_info dl dd {
	font-size: 1.3em;
	line-height: 1.3em;
	margin-bottom: 3px;
}
#inquiry #bb_info dl .go_bb {
	margin-bottom: 30px;
}
#inquiry #bb_info dl .go_mail {
	margin-bottom: 0px;
}

/* footer */
footer.box2 p {
	text-align: right;
	padding: 15px 0px;
	font-size: 1.1em;
	line-height: 1em;
}

/* fix */
.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
}