@charset "UTF-8";
/* CSS Document */

<!--
body {
	font: 10pt "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background-image:url(image/bg_sky.jpg);
	background-position:center top;
	background-attachment: fixed;
	background-repeat:no-repeat;

	margin: 0;
	padding: 0;
	
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px;
}
a img {
	border: none;
}

a:link {
	color: #42413C;
	text-decoration: underline; 
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}



.frame {
		background-image:url(image/bg_yellow.gif);
	width: 926px;
	background-repeat:repeat-y;
	margin: 0 auto;
}

.container {
	background-color:#FFF;
	width: 900px;
	margin: 0 auto; 
}


#header {
	background-image:url(image/special/img_special_header.jpg);
	width: 900px;
	height:150px;

	
}




/* ~~ これはレイアウト情報です。~~ 

1) 余白は、div の上部または下部にのみ配置されます。この  div 内のエレメントには、それ自体に余白があるので、ボックスモデル計算を行う必要がありません。ただし、div 自体に両側の余白やボーダーを指定した場合、その値が加算されたものが合計幅になることに注意してください。div 内のエレメントの余白を削除し、さらにその div 内に、全体のデザインに必要な幅や余白を指定していない 2 つ目の div を追加することもできます。

*/


.content {

	margin: 0 auto;
	width: 900px;
	background-color: #FFF;
	display:block;
}

.content .banner{
	margin: 0 auto;
	width: 800px;
	background-color:#FFF;
	display:block;
}


.boxc { clear:both; }  

.iconimg{
	width:800px; 
	margin:20px 0;
}
/* specialページのnav */
#nav{margin:-30px 0;}
#nav ul {list-style:none;}
#nav li{float:left; display:block; }
#nav li a{float:left; display:block; text-indent:-9999px; background-repeat:repeat;}
#nav li.navi1 a{
	margin-left :8px;
	display:block;
	width: 179px;
	height: 74px;
	background-image:url(image/special/btn_banner.png);
	background-repeat:no-repeat;
	background-position: 0 10px;
}

#nav li.navi2 a{
	margin-left :8px;
	display:block;
	width: 179px;
	height: 74px;
	background-image:url(image/special/btn_interview.png);
	background-position: 0 10px;
	background-repeat:no-repeat;
}

#nav li.navi3 a{
	margin-left :8px;
	display:block;
	width: 179px;
	height: 74px;
	background-image:url(image/special/btn_wallpaper.png);
	background-position: 0 10px;
	background-repeat:no-repeat;
}

#nav li.navi1 a:hover{ background-position: 0 0px;}
#nav li.navi2 a:hover{ background-position: 0 0px;}
#nav li.navi3 a:hover{ background-position: 0 0px;}

/* specialページのnav */

.iconimg .icondl {
	width:270px;
	height:30px;
	margin:0 auto;}

.iconimg .icondl a{
	width:270px;
	height:30px;
	display:block;
	background-image:url(image/special/btn_dl.png);
	text-indent:-9999px;
	
}

.iconimg .icondl a:hover{background-position:bottom;}
.iconimg .icondl2 {
	width:270px;
	height:30px;
	margin:0 auto;}

.iconimg .icondl2 a{
	width:270px;
	height:30px;
	display:block;
	background-image:url(image/special/btn_dl2.png);
	text-indent:-9999px;
	
}

.iconimg .icondl2 a:hover{background-position:bottom;}

.close {
	width:255px;
	height:84px;
	margin:0 auto;
}

.close a{
	width:255px;
	height:84px;
	display:block;
	background-image:url(image/special/btn_close.jpg);
	text-indent:-9999px;
}

.close a:hover{background-position:bottom;}


#footer {
	text-align:center;
	font-size:9px;
	background-repeat:no-repeat;
	width:800px;
	height:100px;
	background-image:url(image/bg_footer.jpg);
	
}



.clearfloat { /* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
-->