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

*{
	margin:0;
	padding:0;
	line-height:1.6;
	font-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%;
	margin:0px auto;
	text-align:center;
}
#container{
	width:100%;
	min-width:1000px;
	text-align:center;
	margin:0px auto;
	background-color:#FFF;
}
#header_bag{
	width:100%;
	min-width:1000px;
	margin:0px auto;
	text-align:center;
	background-image:url(../img/header_back.jpg);
}
#header{
	width:1000px;
	height:150px;
	margin:0px auto;
	text-align:left;
	overflow:hidden;
	position:relative;
	text-indent:10px;
	background-image:url(../img/influence_header.png);
}
nav{
	width:1000px;
	position:absolute;
	left:0;
	top:150px;
}
nav ul li{
	transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform-origin:0 0;
	-moz-transform-origin:0 0;
	-webkit-transform-origin:0 0;
	-o-transform-origin:0 0;
	text-align:left;
	width:250px;
	height:40px;
	float:left;
}
nav ul li a{
	font-size:36px !important;
	text-decoration:none;
	color:#000;
	width:270px;
	height:40px;
	display:block;
	text-indent:40px;
	line-height:1;
}
nav ul li a:hover{
	color:#FFF;
	text-indent:40px;
	box-shadow:4px 4px 15px #000;
	-moz-box-shadow:4px 4px 15px #000;
	-webkit-box-shadow:4px 4px 15px #000;
	-o-box-shadow:4px 4px 15px #000;
	line-height:1;
}
#btn_1{
	position:absolute;
	left:550px;
	top:-40;
	z-index:9;
	background-color:#800080;
}
#btn_1:hover{
	background-color:#8000FF;
	z-index:10;
}
#btn_2{
	position:absolute;
	left:608px;
	top:-40;
	z-index:9;
	background-color:#999;
}
#btn_2:hover{
	background-color:#000;
	z-index:10;
}
#btn_3{
	position:absolute;
	left:666px;
	top:-40;
	z-index:9;
	background-color:#FF80C0;
}
#btn_3:hover{
	background-color:#F0F;
	z-index:10;
}
#btn_4{
	position:absolute;
	left:724px;
	top:-40;
	z-index:9;
	background-color:#00C;
}
#btn_4:hover{
	background-color:#00F;
	z-index:10;
}
#btn_5{
	position:absolute;
	left:782px;
	top:-40;
	z-index:9;
	background-color:#008000;
}
#btn_5:hover{
	background-color:#80FF00;
	z-index:10;
}

#section{
	width:1000px;
	margin:0px auto;
	padding:0px;
	text-align:left;
}
#main_visual{
	width:1000px;
	height:200px;
	margin:30px 0px;
}
#article{
	width:750px;
	margin:40px 10px 40px 0px;
	float:left;
}
#aside{
	width:240px;
	margin:60px 0px;
	background-color:#999999;
	display:inline;
	float:right;
}
#explore{
	clear:both;
	width:1000px;
	height:225px;
	background-color:#999;
}
.explore_table{
	width:249px;
	height:225px;
	padding:0px;
	color:#FFF;
	background-color:#999;
	border-right:1px dotted #FFF;
	float:left;
}	
#footer_bag{
	width:100%;
	height:30px;
	min-width:1000px;
	margin:30px auto 0px auto;
	text-align:center;
	background-image:url(../img/footer_back.jpg);
	clear:both;
}
#footer{
	position:relative;
	width:1000px;
	height:30px;
	margin:0px auto;
	text-align:left;
	text-indent:10px;
}
#canvas{
	margin:10px;
}
#company-info{
	margin:10px;
	padding:10px;
	background-color:#FFF;
}
h1{
	font-size:12px;
}
.side_title{
	font-size:120%;
	text-align:center;
	color:#FFFFFF;
	background-color:#999;
	border-bottom:1px solid #FFF;
	width:240px;
	height:120%;
	overflow:hidden;
}	
.explore_table h2{
	text-align:center;
	border-bottom:1px solid #FFF;
	font-size:small;
	padding:10px;
}
.explore_table p{
	padding:10px;
}
.explore_table ul{
	width:249px;
}
.explore_table ul li{
	width:249px;
}
.explore_table ul a{
	display: block;
	cursor: pointer;
	background-color: #999;
	padding: 0.5em 0.75em;
	color: #FFF;
	text-decoration: none;
}
.explore_table ul a:hover, .explore_table ul a:focus
{
	background-color: #000;
	color: #FFF;
}