@charset "utf-8";
/*================================================

module

================================================*/
a {
	color: #000;
	}
html {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
	}
html,
body {
	margin: 0;
	padding: 0;
	height: 100%; /* #containerのmin-heightに対して必要なもの */
	}
body {
	background:#000;
	}	
#randomimg2 {
	width: 100%;
	height: auto !important; /* IE6対策：この2行で */
	height: 100%; /* IE6対策：擬似的にmin-heightと同じことをさせてる */
	min-height: 100%; /* 中身が少なくても高さ100%にする */
background-repeat:no-repeat;
background-attachment: fixed;
background-position: center center;
background-size: contain;
background-size: cover;
position: relative;
	}

#randomimg2 .title {
	position: absolute;
	top: 60px;
	left: 60px;
	text-align: center;
	line-height: 1;
	background: rgba(255,255,255,0.7);
	padding:  40px 40px 30px;
	font-family: 'Raleway', sans-serif;
	color: #444;
	}

h1.topPage_title {	
	font-weight: 200;
	letter-spacing: 0.05em;
	font-size: 48px;
	line-height: 1.0;
	margin-top: 0px;
	margin-bottom: 20px;
	}

h1.topPage_title span {	
	font-weight: 400;
	display: block;
	font-size: 16px;
	letter-spacing: 0.15em;
	margin-bottom: 8px;
	}

ul.top_navi {
	}
ul.top_navi li {
	font-weight: 400;
	display: inline;
	margin: 0 0.6em;
	font-size: 14px;
	line-height: 1.7;
	letter-spacing: 0.1em;
	}
ul.top_navi li:last-child {
	}
ul.top_navi li a {
	color: #333;
	}
ul.top_navi li a:hover {
	color: #999;
	}