@charset "UTF-8";
/* CSS Document */

.cf{
	overflow:hidden;
	zoom:1;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	background-color: #F8F7F7
}

#logo {
	margin-left: 10px;
	margin-top: 10px;
}

header {
	width: 100%;
	height: 100px;
	background:rgba(255,255,255,0.8);
	position: fixed;
	z-index:9999;

}

header nav {
	float: right;
	margin-top: -40px;
	
}

	
header nav ul li {
	float: left;
	font-size: 17px;
}

header nav ul li a{
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-right: 40px;
}


/* 画像レイアウト
===================================*/

.bxslider{
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}

.bx-wrapper {
	position: relative;
}

.bx-wrapper img {
    width:100%;
}

.bx-viewport {
    max-height: auto;
}


/* ページャー
===================================*/

.bx-pager {
    text-align: center;
    bottom: 5px;
    position: absolute;
    width: 100%;
	
}

.bx-pager-item,
.bx-controls-auto-item {
    display: inline-block;

}

.bx-default-pager a {
    background: #c8ecff;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    border-radius: 5px;
}

.bx-default-pager a:hover,
.bx-default-pager a.active {
    background: #00aeff;
}


#slide {
	position:relative;
	top: 100px;
	margin-bottom: 200px;
}
#concept {
	background-color: #F8F7F7;
	
	padding-top: 100px;
	
}

#cp_box {
	height: 800px;
	width:70%;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	border: 1px solid #000;	
	margin-bottom: 200px;
	
}
#cp_main {
	text-align: center;
	margin-top: 100px;
	margin-bottom: 100px;
}
#cp_main img {
	
	margin-left: 15px;
	
}

#cp_p {
	font-size: 16px;
	text-align: center;
	
	line-height:250%;	
}

#works {
}


#wk_main {
	text-align: center;
	margin-bottom:100px;
}


.works_txt {
	text-align: center;
	font-size: 18px;
	margin-top: 100px;
	
}
#box1 {
}

.line1 {
	width: 170px;
	background-color: #B8F2FC;
	height: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -10px;
	
}


#manga ul{
	width: 900px;
	margin-top: 100px;
	margin-right: auto;
	margin-left: auto;
}
.gallery {
	float: left;
	margin-left: 25px;
	margin-bottom: 10px;
}


.gallery :hover{
	opacity:0.6;
}


#poster ul{
	width: 900px;
	margin-top: 100px;
	margin-right: auto;
	margin-left: auto;
}
#character ul{
	width: 900px;
	margin-top: 100px;
	margin-right: auto;
	margin-left: auto;
}
#portrait ul{
	width: 900px;
	margin-top: 100px;
	margin-right: auto;
	margin-left: auto;
}
#etc ul{
	width: 900px;
	margin-top: 100px;
	margin-right: auto;
	margin-left: auto;
}

#manga {
	margin-left: -20px;
	float:none;
	}
	

#poster {
	margin-left: -20px;
	float:none;
	
}
#character {
	margin-left: -20px;
	float:none;
}
#portrait {
	margin-left: -20px;
	float:none;
}
#etc {
	margin-left: -20px;
	float:none;
}

#box2 {
}
.line2 {
	
	width: 210px;
	background-color: #B8F2FC;
	height: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -10px;
}

#box3 {
}

.line3 {
	
	width: 190px;
	background-color: #B8F2FC;
	height: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -10px;
}


#box4 {
}
.line4 {
	
	width: 70px;
	background-color: #B8F2FC;
	height: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -10px;
}

#box5 {
}
.line5 {
	
	width: 70px;
	background-color: #B8F2FC;
	height: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -10px;
}







#company {
	
	background-color: #00a0e9;
	margin-top:-320px;
	padding-bottom: 150px;
}


#circle {
	text-align:center;
	margin-top: 200px;

}
#circle img {
	height: auto;
	width: 300px;
	
}


#paper_airplene {
	text-align:center;
	position:absolute;
	margin-left:44%;
	margin-top: -30px;
	
	

}
#paper_airplene img {
	width:70%;
	
}

#company_main {
	text-align: center;
	margin-top: 100px;
	position: relative;	
	top: 100px;
	
	
}




#all {
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 200px;
}

#com_box1 {
	width: 300px;
	height: 470px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFF;
	padding-right: 50px;
	padding-left: 10px;
	padding-bottom: 30px;
	float: left;
	padding-top: 30px;
	}
	
.com_title {
	font-size: 20px;
	margin-bottom : 80px;
	color: #FFF;
	text-align:center;
	
}

#com_box1 dt {
	text-align: left;
	font-size: 12px;
	color: #FFF;
	margin-right: 60px;
	
}
#com_box1 dd {
	text-align: right;
	font-size: 12px;
	color: #FFF;
	margin-top: -17px;
	margin-bottom:20px;
}


#com_box2 {
	width: 300px;
	height: 470px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFF;
	padding-right: 50px;
	padding-bottom: 30px;
	padding-left: 40px;
	float: left;
	line-height:200%;
	padding-top: 30px;
	}
	
	
#com2_txt {
	color: #fff;
	font-size: 12px;
}

#com3_txt {
	color: #fff;
	font-size: 12px;
}

#com_box3 {
	width: 300px;
	height: 470px;
	padding-left: 40px;
	
	padding-bottom: 30px;
	float: left;
	line-height:170%;
	padding-top: 30px;
	}
	
#googlemap iframe{
	height: 350px;
	width: 100%;
}


#contact {
	text-align:center;
}

#contact_main {
	text-align: center;
	margin-top: 200px;
	
}


#object {
	
	margin-top: 100px;
}


#con_p {
	margin-top: 20px;
	font-size: 20px;
}




#con_txt {
	font-size: 14px;
	margin-top: 50px;
	margin-bottom: 100px;
}


.required {
	background-color: #F30;
	height: 23px;
	width: 45px;
	color: #fff;
	text-align:center;
	border-radius: 7px;
	font-size: 14px;
	float:left;
	margin-right: 13px;
}

.formtxt {
	font-size: 15px;
	font-weight: bold;
	float:left;
}
input {
	border-radius: 3px;
	height: 30px;
	width: 600px;
	border: 1px solid #999;
}
.formtxt2 {
	font-size: 15px;
	font-weight: bold;
	
	margin-top: 30px;
	margin-bottom: 7px;
	
}
#form {
	width: 620px;
	margin-right: auto;
	margin-left: auto;
	text-align:left;
}
.con_box {
	margin-top: 30px;
	margin-bottom:7px;
}
textarea {
	border-radius: 3px;
	height: 200px;
	width: 600px;
	border: 1px solid #999;
	margin-bottom: 50px;
}
.form-item2 {
	background-color: #CCC;
	height: 20px;
	width: 300px;
}
#contact {
	margin-bottom: 200px;
}
footer {
	color: #FFF;
	background-color: #333;
	text-align: center;
	height: 73px;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 20px;
	padding-top: 47px;
}


.pagetop {
	position: fixed;
	right:20px;
	bottom:20px;
	}