@charset "UTF-8";
@import url("http://yui.yahooapis.com/2.8.0r4/build/reset/reset-min.css");
@import url("http://yui.yahooapis.com/2.7.0/build/fonts/fonts-min.css");
/*PIE使用 : behavior: url("/PIE.htc");*/
/*上記を要素に追加するだけでIEでも角丸＆ドロップシャドウ使用可能となる*/


*{  
    color:#000; /* 文字の色 */  
    font-size: 100.01%; /* フォントサイズをリセット*/
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif , Osaka,  Meiryo, sans-serif;  
    line-height: 1.6; /* 基本の行間 */  
    margin:0; padding:0;
}

/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

img{
	border: none;
	margin: 0;
}

html {
	background: #fff url(../img/bg_logo.jpg) no-repeat center 0;
	background-attachment: fixed;
}

body {
	width: 100%;
	height: 100%;
}


#wrapper {
	width: 900px;
	height: 610px;
	margin: 0 auto;
	/*border: solid 1px #f00;*/
}

#header {
	width: 900px;
	height: 40px;
	padding: 20px 0 35px 0;
	/*border: solid 1px #999;*/
}

h2 {
	font-size: 12px;
	color: #333;
	margin-bottom: 5px;
}

#contenst{
	width: 100%;
	height: auto;
	/*border: solid 1px #eee;*/
}


/* ==============================
   メニュー
============================== */

#header ul {
	margin-top: 15px;
	text-align: center;
	/*border: solid 1px #eee;*/
}

#header ul li {
	list-style: none;
	display: inline-block;
	margin-right: 15px;
}



/* ==============================
   main
============================== */

#main {
	width:760px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	padding-right: -30px;
	/*border: solid 1px #ccc;*/
}

#new_logo {	
	float: left;
	width: 200px;
	margin-top: 140px;	
	/*border: solid 1px #ccc;*/
}

.contena{
	width: auto;
	height: auto;
	float: left;
	padding-right: 100px;
	/*border: solid 1px #ccc;*/
}

.contena_2{
	width: auto;
	height: auto;
	float: left;
	padding-right: 0;
	/*border: solid 1px #ccc;*/
}

.contena ul, .contena_2 ul {
	margin-top: 13px;
}

.contena li, .contena_2 li {
	color: #f00;
	list-style: none;
	font-size: 11px;
	margin-bottom: 8px;
	letter-spacing: 0.2em;
}

.contena li a, .contena_2 li a {
	list-style: none;
	text-decoration: none;
	color: #f00;
	font-size: 11px;
	letter-spacing: 0.2em;
}

.contena li a:hover, .contena_2 li a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.contena .normal, .contena_2 .normal {	
	color: #666;
	font-size: 11px;
	letter-spacing: 0.2em;
}


/* ==============================
   footer
============================== */

#footer {
	width:100%;
	height: 40px;
	position: absolute;
	/*border-top: solid 1px #ccc;*/
}

#footer_inner {
	width: 900px;
	margin: 0 auto;
	/*border: solid 1px #ccc;*/
}
	

#controller{
	float: right;
	margin-right: 150px;
	margin-top: 5px;
	/*border: solid 1px #eee;*/
}

#back{
	float: left;
	height: 18px;
	border-right: solid 1px #ccc;
}

#next{
	float: left;
	height: 18px;
	/*border: solid 1px #eee;*/
}

#enter {
	margin-right: 30px;
	float: right;
	margin-top: 6px;
}

/* ==============================
   clearfix
============================== */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}