@charset "UTF-8";

body{
/*全体の背景を決めています*/
       background-image: url(image/wipeoutkabetop.jpg);/*背景画像*/
	background-attachment: fixed; /*背景画像を固定しています*/
	font-family: "ヒラノギ" "メイリオ", "ヒラノギ" "Osaka－等幅";/*全体のフォントをここで決めます*/


}



/*全体に関わる定義を決めています*/

a img {
        border-style:none;    /*画像のボーダー非表示*/
} 

a{ 
        text-decoration:none;   /*リンクを張ったときに下線を出さない*/
}

/*文字入力の設定 個別に文字の大きさを変えたいときに*/
.small10{
        font-size: 10px;
}
.small12{
       font-size:12px;
}

.small8{
	font-size:8px;
}


a:hover {
	text-decoration: underline;
}

.red{
      color: #ff0000;
}



/*全体はここから*/

#container{

	margin:auto;
	width:1200px;/*1000 */





}
/* トップの写真を載せています */
#header{
	padding-top:20px;
       background-image: url(image/top.jpg);
	width:1200px;/*1000*/
	height:900px;/*750*/

}

#rogo{
	margin-left:20px;
}
/*写真の下側にメニューが来るように設定してあります。
上から620px下げて表示*/
#headernavi{

	width:1200px;/*1000*/
	height:24px;
	text-align:center;
	margin-top:28px;



}


#headernavi ul{

	width:1200px;/*1000*/
	height:24px;


        margin-top: 6px;
        padding: 0;
        list-style-type: none;


        letter-spacing: 2px;
}
#headernavi li {
        float: left;
        width: 200px;/*199*//*メニューの幅*/

        text-align: center;
        margin: 0;
        padding: 0;


	overflow: hidden;

}

/*メニューにカーソルを合わせたときに360°回るように設定してあります。*/

#headernavi li img{
	transition: 0.2s;
}

#headernavi li :hover{
	-moz-transform: rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
}


/*写真より下側のメインの場所はここから*/

#main{
	width:1200px;/*1000*/

	margin-top:6px;


}



#main_left{
	background-image: url(image/back.png);
       width:250px;

	float:left;
	text-align:center;
}

#main_left_title{
	widht:250px;
	margin-top:6px;

}

.main_left_sub{
	margin-top:20px;
	transition: 0.5s;
}

.main_left_sub:hover{
	opacity: 0.6;
	transition: 0.5s;
}


#main_center{



	width:500px;

	float:left;


}

#main_center_top{
	width:710px;/*500*/
	height:300px;
	margin-top:px;


}

.title{

	margin-left:60px;
	color:#ffffff;
	font-size:24px;
}

.name{
	margin-top:16px;
	margin-left:60px;
	color:#ffffff;
	font-size:16px;
}










.name_sub{
	font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho 		ProN", Meiryo, serif; 
	margin-left:80px;
	color:#ffffff;
	font-size:13px;
}


/*whats newはここから*/

#updateall{
	background-image: url(image/back.png);
        width:710px; /*500*/
        height: 100px;



}

#update_title{
        margin-left: 10px;
	padding-top:10px;

}

.updatescroll{
	margin-top:8px;
	height:90px;
	overflow:scroll;

}

.update{
        position:relative;
        top:2px;
        font-size: 14px;
	line-height: 18px;
        color: #ffffff;
        margin-left: 8px;


}


/*  whats newここまで*/






#main_right{     /*右のGALLERY*/
	
	background-image: url(image/back.png);
	width:250px;
	float:right;
	text-align:center;
}
#main_right_title{
	widht:250px;
	margin-top:6px;

}


.main_right_sub{
	margin-top:20px;
	transition:0.2s;
}

.main_right_sub:hover{
	opacity:0.5;
	transition:0.5s;
}


#main_bottom{
	padding-top:0px;

	clear:both;
	width:500px;

	background-image: url(image/back.png); 

}

.main_bottom_sub{
	float:left;
	padding-left:6px;	

}

.main_bottom_sub2{
	float:left;
	padding-left:6px;	


}

.main_bottom_sub{
	margin-top:6px;
	transition:0.2s;
}

.main_bottom_sub:hover{
	opacity:0.5;
	transition:0.5s;
}

.main_bottom_sub2{
	margin-top:25px;
	transition:0.2s;
}

.main_bottom_sub2:hover{
	opacity:0.5;
	transition:0.5s;
}





 /* コピーライトの設定 */

#footer{
	clear:both;
	font-size:14px;
        font-family: Georgia, "Times New Roman", Times, serif;
	background-color:#000000;
        width: 1200px;
        height: 22px;

        color: #ffffff;
        text-align: center;
        font-style: italic;
        letter-spacing: 4px;
	padding-top:6px;