/*
 * Sagamiya website css
 *
 * @author Hayato Tomoda 
 * @website http://tomodian.com
 */

@charset "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0;
  line-height: 1.51;
}

body {
  	color: #333;
  	text-align: center;
 	font-size: 81.25%;
	font-size: 100%;
	background:url(/img/special/bg.png) repeat-x top center;
}
a{outline:none;}

* html body {
	font-size: 82%;
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	vertical-align: baseline;
	text-align: center;
} /* for lte ie6 */

*:first-child+html body {
	font-size: 82%;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
} /* for ie7 */

html>/**/body {
	font-size: 82%;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
} /* for ie8 */

html:not(:target) body {
	font-size: 13px;
	font-family: Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
} /* for modern browser not ie8 */

img{border:none;}
img, div { behavior: url(/js/iepngfix.htc) }

a,a:link,a:visited,a:hover,a:active{
	color:#666;
}

a:hover{
	color:#666;
	text-decoration:none;
}

.clear{
	clear:both;
}

#wrapper{
	width:100%;
	text-align:center;
	}
#content{
	width:960px;
	height:480px;
	margin:40px auto 0;
	text-align:left;
	}

/* layout and buttons for /special/items/index.php --------------------------------*/

#items{
	width:960px;
	height:480px;
	background:url(/img/special/items_bg.png) no-repeat top center;
	position:relative;
	z-index:2;
}

#items .item01 a{
	position:absolute;
	width:185px;
	height:250px;
	top:170px;
	left:70px;
	display:block;
}
#items .item02 a{
	position:absolute;
	width:185px;
	height:250px;
	top:170px;
	left:300px;
	display:block;
}
#items .item03 a{
	position:absolute;
	width:185px;
	height:250px;
	top:170px;
	left:500px;
	display:block;
}
#items .item04 a{
	position:absolute;
	width:185px;
	height:250px;
	top:170px;
	left:700px;
	display:block;
}

/* layout and buttons for /special/items/item01.php, item02.php, item03.php, item04.php -----------------*/

#items2 {
	width:960px;
	height:480px;
	background:url(/img/special/items_bg2.png) no-repeat top center;
	position:relative;
}

#items2 .toAnswer {
	position:absolute;
	top:320px;
	left:330px;
	width:249px;
	height:91px;
}

#items3 {
	width:960px;
	height:480px;
	background:url(/img/special/items_bg2.png) no-repeat top center;
	position:relative;
}

.item_image {
	width: 960px;
	height: 480px;
}

#quiz_01 { background-image:url('/img/special/item01_q.png'); }
#quiz_02 { background-image:url('/img/special/item02_q.png'); }
#quiz_03 { background-image:url('/img/special/item03_q.png'); }
#quiz_04 { background-image:url('/img/special/item04_q.png'); }

#answer_01 { background-image:url('/img/special/item01_a.png'); }
#answer_02 { background-image:url('/img/special/item02_a.png'); }
#answer_03 { background-image:url('/img/special/item03_a.png'); }
#answer_04 { background-image:url('/img/special/item04_a.png'); }

/* new items localnav -------------------------------------------------------------*/

#itemquiz {
}

#itemnavs {
	position: absolute;
}

#items2 #itemnavs {
	top: 400px;
	left: 20px;
}

#items3 #itemnavs {
	top: 430px;
	right: 20px;
}

#itemnavs a {
	display: block !important;
	float: left;
	width: 62px;
	height: 30px;
	margin: 0 5px;
}

/* end ----------------------------------------------------------------------------*/

#cm{
	width:960px;
	height:480px;
	background:url(/img/special/cm_bg.png) no-repeat top center;
	position:relative;
}

.toCM01{
	width:310px;
	height:190px;
	position:absolute;
	top:140px;
	left:40px;
}
.toCM02{
	width:270px;
	height:170px;
	position:absolute;
	top:140px;
	left:380px;
}


#cm1 a.toBack,
#cm2 a.toBack{
	display:block;
	width:130px;
	height:50px;
	position:absolute;
	top:410px;
	left:20px;
}
	
#cm1{
	width:960px;
	height:450px;
	padding-top:90px;
	background:url(/img/special/cm1_bg.png) no-repeat top center;
	text-align:center;
	position:relative;
}

#cm1 #movie{
	margin-left:60px;
}
#cm2{
	width:960px;
	height:450px;
	text-align:center;
	padding-top:90px;
	background:url(/img/special/cm2_bg.png) no-repeat top center;
	position:relative;
}
#cm2 .cm2border{
	background:url(/img/special/cm2_border.png) no-repeat top center;
	width:702px;
	height:386px;
	padding-top:10px;
	margin:0 auto;
	text-align:center;
}
	
#cm3 {
background:url(/img/special/cm_bg2.png) no-repeat scroll center top transparent;
height:450px;
padding-top:90px;
width:960px;
}

	
#footer{
	margin-top:10px;
}

li{list-style:none;}

span{display:none;}

/*メニュー記述ここから*/
#menu{
background:url("/img/special/menu.png") no-repeat top left;
	padding:0;
	width:960px;
	height:140px;
	text-align:left;
	margin-top:33px;
	position:relative;
	margin:10px auto 0;
	}
#menu ul{
	display:block;
}
	
#menu ul li{
	display:block;
}
#menu ul li a{
	display:block;
	width:130px;
	height:55px;
	position:absolute;
	}	
	
	
#menu ul li.menu01 a{
	top:20px;
	left:20px;
}
#menu ul li.menu02 a{
	top:30px;
	left:160px;
}
#menu ul li.menu03 a{
	top:80px;
	left:300px;
}
#menu ul li.menu04 a{
	top:60px;
	left:440px;
}
#menu ul li.menu05 a{
	top:40px;
	left:580px;
}

#menu a {
	display:block;
	width: 130px;
	height: 55px;
	position:absolute;
}

#menu #nav_home {
	top: 20px;
	left: 20px;
}

#menu #nav_sphome {
	top: 30px;
	left: 160px;
}

#menu #nav_items {
	top: 80px;
	left: 300px;
}

#menu #nav_cm {
	top: 60px;
	left: 440px;
}

#menu #nav_game {
	top: 40px;
	left: 580px;
}

#menu #nav_tofu100 {
	top: 30px;
	left: 570px;
}

#menu #nav_library {
	20px;
	left: 710px;
}
	
#menu span{display:none;}	


/*メニュー記述ここまで*/

.clearfix:after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}
.clearfix{min-height:1px;}
* html .clearfix{
	height:1px;
	height:auto;
	overflow:hidden;
	zoom:1;
}


h1 a:hover img{
	opacity:0.8;
	_filter:alpha(opacity=80);	
}

.accessible {display: none;}