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

*{
	margin:0;
	padding:0;
	line-height:1.6;
	text-size:small;
	font-family:"Cambria","CambriaItalic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ"," Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	list-style-type:none;
}
img{
	border:none;
}

/* 大枠 */
body{
	width:100%;
	font-size:small;
	text-align:center;
	margin:0px auto;
}
#wrapper{
	width:100%;
	text-align:center;
	margin:0px auto;
	background-image:url(../img/back.png);
}
#container{
	width:1000px;
	text-align:left;
	margin:0px auto;
}

/* top */

.header{
	width:1000px;
	height:150px;
	background-image:url(../img/header_back.png);
}
nav{
	position:fixed;
}
nav ul li{
	font-size:36px;
	transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform-origin:0 100%;
	-moz-transform-origin:0 100%;
	-webkit-transform-origin:0 100%;
	-o-transform-origin:0 100%;
	text-align:left;
	width:250px;
	height:40px;
	float:left;
}
.section{
	width:1000px;
	height:410px;
	margin: 10px 0px;
}
.article_left{
	width:240px;
	height:410px;
	background-image:url(../img/left_box_back.png);
	margin-right:10px;
	float:left;
}
.article_maintoph2{
	width:750px;
	height:200px;
/*	background-image:url(../img/main_box_h200_back.png);*/
	float:right;
}
.article_texttoph2{
	width:750px;
	height:200px;
	background-image:url(../img/text_box_back.png);
	margin-top:10px;
	float:right;
	column-count:3;
	-moz-column-count:3;
	-webkit-column-count:3;
	column-gap:10px;
	-moz-column-gap:10px;
	-webkit-column-gap:10px;
}
.article_h4{
	width:750px;
	height:410px;
	background-image:url(../img/main_box_h410_back.png);
	float:right;
}
.article_h4r{
	width:750px;
	height:410px;
	background-image:url(../img/main_box_h410_back.png);
	float:right;
	position:relative;
}
.footer{
	width:1000px;
	height:30px;
	text-align:right;
	margin-bottom:366px;
	background-image:url(../img/footer_back.png);
	clear:both;
	text-indent:10px;
}
#footer_tweet{
	width:1000px;
	height:400px;
	text-align:right;
	background:url(../img/footer_back.png) no-repeat;
	clear:both;
	text-indent:10px;
}

/* article */

/* company */

/* access */

/* tweet */

/* 装飾 */

nav ul li a{
	text-decoration:none;
	color:#000;
	width:240px;
	height:40px;
	border:2px solid #CCC;
	display:block;
	padding-left:10px;
	line-height:1;
}
nav ul li a:hover{
	color:#FFF;
	padding-left:10px;
	box-shadow:4px 4px 15px #000;
	border:2px solid #000;
	background:#000;
	line-height:1;
}
#btn_1{
	position:absolute;
	left:700px;
	top:-40px;
	z-index:9;
}
#btn_1:hover{
	z-index:10;
}
#btn_2{
	position:absolute;
	left:759px;
	top:-40px;
	z-index:9;
}
#btn_2:hover{
	z-index:10;
}
#btn_3{
	position:absolute;
	left:818px;
	top:-40px;
	z-index:9;
}
#btn_3:hover{
	z-index:10;
}
#btn_4{
	position:absolute;
	left:877px;
	top:-40px;
	z-index:9;
}
#btn_4:hover{
	z-index:10;
}
#btn_5{
	position:absolute;
	left:936px;
	top:-40px;
	z-index:9;
}
#btn_5:hover{
	z-index:10;
}
#btn_1:hover{
	z-index:10;
}
.info_box{
	color:#FFFFFF;
	background-color:rgba(0,0,0,0.5);
	padding:10px 10px 10px 0px;
	margin:0px 10px 10px 10px;
}
canvas{
	margin:10px;
}
#logo2,#logo3,#logo4,#logo5{
	margin:0px 10px;
}
h1,h3,.infomation{
	font-size:24px;
}
h2{
	font-size:34px;
	text-indent:320px;
}
h2::first-letter{
	font-size:54px;
}
h3::first-letter{
	font-size:36px;
}
h1,h3,p,#search_form{
	text-indent:10px;
}
.infomation::first-letter{
	font-size:36px;
}
.article_texttoph2 p::first-letter{
	font-size:32px;
}
#spry_box p::first-letter{
	font-size:32px;
}