@charset "utf-8";

/* @group Reset */
*{ margin: 0;padding: 0;}
a { text-decoration : none;}
ul, ol { list-style : none;}
img { vertical-align : middle;}
/* @end */

img {
	max-width : 100%;
	text-decoration: none;
	height:auto;
	opacity: 1;
}
a:hover img{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
a img{
	-webkit-transition: opacity 0.6s ease-out;
	-moz-transition: opacity 0.6s ease-out;
	-ms-transition: opacity 0.6s ease-out;
	transition: opacity 0.6s ease-out;
}

#message #nav_message img,#met #nav_met img,#zayu #nav_zayu img,#interview #nav_interview img,#mind #nav_mind img,#history #nav_history img,#link #nav_link img{
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}

/*＝＝■クリアーフィックス＝＝*/
.cf:after {
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
}
/*IE7用*/
.cf {	display:inline-block;}
/*以下MacIE5用*/
.cf {display: inline-table;}
/* Hides from IE-mac \*/
* html .cf {height: 1%;}
.cf {display: block;}
/* End hide from IE-mac */
.cf{overflow:hidden;}
/* @end*/

/* @group HTML */
html {
	font-family : Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
/*font-size : 75%; レスポンシブタイプセッティングの指定*/
	line-height : 1.5;
	height:100%;
	color:#222;
}
body{
	position: relative;
	height:100%;
}
#wrap{
	position: relative;
	width: 1000px;
	margin: 0 auto;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}
/* @end */

/* @group Header ＝＝＝＝＝＝＝＝＝＝＝＝*/
header{
	width: 330px;
	height: 190px;
	margin:0;
}
header h1{
	margin:0;
	line-height: 1;
}
/* @end */
/* nav ＝＝＝＝＝＝＝＝＝＝＝＝*/
#rightnav{
	float: right;
	width: 330px;
	line-height: 1;
}
nav{
	min-height: 645px;
	margin:0;
	padding:0;
}
nav ul{
	width: 165px;
	float: left;
	height:100%;
}
nav ul li{
	float: left;
}
nav ul .gr,nav ul .lgr{
	width: 165px;
	height:100%;
	min-height: 100px;
}
nav ul .gr{
background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#fff));
background: -moz-linear-gradient(top, #777, #fff 0%);
background: linear-gradient(to bottom, #777, #fff);
}

nav ul .lgr{
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#fff));
background: -moz-linear-gradient(top, #ccc, #fff 0%);
background: linear-gradient(to bottom, #ccc, #fff);
}


/* @group Contents ＝＝＝＝＝＝＝＝＝＝＝＝*/
#bread{
	background-color: #000;
	height: 19px;
	color:#fff;
	font-size:12px;
	padding: 10px 20px;
	width: 630px;
	text-shadow:none;
}
#bread a{
	color: #fff;
	text-decoration: underline;
}
#contents{
	position: relative;
	width: 670px;
	height: 100%;
	min-height: 810px;
	font-family:‘游明朝’, YuMincho, ‘ヒラギノ明朝 ProN W3’ , ‘HiraMinProN-W3’ , serif;
	text-shadow: 0px 0px 1px #ccc;
}
#contain{
	position: relative;
	height: 100%;
	overflow: hidden;
}

/* @end */

/* @group Footer ＝＝＝＝＝＝＝＝＝＝＝＝ */
footer {
	position: relative;
	bottom: 0;
	background-color: #000;
	color:#fff;
	font-size:12px;
	width: 660px;
	height: 40px;
	padding: 60px 5px 0 5px;
}
#small{
	text-align: right;
	font-size: 100%;
	color:#ddd;
	height: 20px;
	padding: 15px 0 0 0;
}
/* @end */




/*480px＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (min-width : 480px) {

html{
	font-size : 100%;
} /*レスポンシブタイプセッティングの指定*/
/*　nav　＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* nav end */
/* contents =============== */
/* contents end */
/*footer====================*/
/* @end */
}/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/