@charset "UTF-8";

/*
===========================================================
	reset.css 
===========================================================
*/

/* --HTML-- */
html {
background:#FFF;
color:#000;
overflow-y:scroll;
}

/* --BODY-- */
body {
font:12px/1.5 'Lucida Grande', Helvetica;
margin:0;
padding:0;
overflow:visible;
}

	/* for IE7 */
	*+html body {
	font-family:'メイリオ', 'ＭＳ Ｐゴシック';
	font-size:75%;
	}

	/* for IE6 */
	* html body {
	font-family:'ＭＳ Ｐゴシック';
	font-size:75%;
	}

/* --OTHER TAGS-- */
a img, img {
border:0;
}

blockquote, dd, div, dl, dt,
h1, h2, h3, h4, h5, h6,
li, ol, p, pre, span, td, th, ul {
margin:0;
padding:0;
}

abbr, acronym {
border:0;
}

address, caption, cite, code, dfn, em, th, strong, var {
font-style:normal;
font-weight:normal;
}

caption, th {
text-align:left;
}

code, kbd, pre, samp, tt {
font-family:monospace;
line-height:100%;
}

	/* for IE7 */
	*+html code, kbd, pre, samp, tt {
	font-size:108%;
	}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
	line-height: 1.0em;
}

ol, ul {
list-style:none;
}

q:before, q:after {
content:'';
}

/* form */
button, fieldset, form, input, label, legend, select, textarea {
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}

/* tables still need 'cellspacing="0"' */
table {
border-collapse:collapse;
border-spacing:0;
font-size:100%;
}



/*
===========================================================
	main.css 
===========================================================
*/
body  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

html, body {
	width:100%;
	height:100%;
	margin: 0;
	padding: 0;
}

body {
	display: -moz-box;
	display: -webkit-box;
	-moz-box-align: center;
	-webkit-box-align: center;
	-moz-box-pack: center;
	-webkit-box-pack: center;
}

#container {
	width: 1000px;
	height: 650px;
	margin: 0 auto;
	border: 1px solid #330000;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(../img/index/back_takuma.png);
	background-repeat: no-repeat;
	background-position: 610px 140px;
}

#sideContent {
	float: left;
	width: 180px;
	height: 650px;
	background: #330000;
	margin: 0 0 0 50px;
	padding: 0;
}

h1 {
	width: 180px;
	height: 70px;
	background-image: url(../img/index/logo_evolab.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 160px 0 0 0;
}

h2 {
	width: 180px;
	height: 80px;
	background-image: url(../img/index/logo_takuma.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	margin: 50px 0 0 0;
}

#mainContent {
	width: 750px;
	margin: 0 0 0 250px;
	padding: 0;
} 

#mainBtn {
	height: 70px;
	margin: 295px 0 0 0;

}

h3 a {
	height: 25px;
	margin: 0 0 10px 0;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}

.btnEbisu a {
	width: 156px;
	height:25px;
	background-image: url(../img/index/btn_ebisu.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.btnNakaurawa {
	width: 236px;
	height:25px;
	background-image: url(../img/index/btn_nakaurawa.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#subText {
	height: 55px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif, "ＭＳ ゴシック", "Osaka－等幅", "ヒラギノ角ゴ Pro W3";
	font-size: 9px;
	line-height: 140%;
	color: #FF6666;
}

#mainText {
	height: 125px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif, "ＭＳ ゴシック", "Osaka－等幅", "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	line-height: 180%;
	color: #856666;
}



/*
===========================================================
before100409 #mainText {
	height: 125px;
	margin: 55px 0 0 0;
	font-family: Arial, Helvetica, sans-serif, "ＭＳ ゴシック", "Osaka－等幅", "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	line-height: 180%;
	color: #856666;
}
===========================================================
*/


#counter {
	height: 10px;
}



#footer {
	height: 30px;
	margin: 55px 0 0 0;
	font-family: Arial, Helvetica, sans-serif, "ＭＳ ゴシック", "Osaka－等幅", "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	line-height: 120%;
	color: #D6CCCC;

}








.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}