﻿@charset "utf-8";
/*---FONT---*/
* {
	margin:0;
	padding:0;
	font-size:100%;
	 font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
	}
	
table {
    font-size:inherit;
    font:100%;
}

.text10 { font-size:77%; color:;}
.text11 { font-size:85%; color:#666666;}
.text12 { font-size:93%; color:#666666;}
.text13 { font-size:100%; color:#666666;}
.text14 { font-size:108%; color:#666666;}
.text15 { font-size:116%; color:#FF0011; font-weight:bold;}/*--ブレッド--*/
.text16 { font-size:123.1%; color:#666666;}
.text17 { font-size:131%; color:#666666;}
.text18 { font-size:138.5%; color:#666666;}
.text19 { font-size:146.5%; color:#666666;}
.text20 { font-size:153.9%; color:#666666;}
.text21 { font-size:161.6%; color:#666666;}
.text22 { font-size:167%; color:#666666;}
.text23 { font-size:174%; color:#666666;}
.text24 { font-size:182%; color:#666666;}
.text25 { font-size:189%; color:#666666;}
.text26 { font-size:197%; color:#666666;}
/*---FONT---*/	

.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.clear {
	clear: both
}
/*--
IE6.7hack
--*/
br {
	letter-spacing:0;
}

/*---form---*/	
input{
border:#FF0011;
}

.form {
padding:0px;
margin-top:10px;
font-weight:none;

}
.formbutton {
cursor:pointer;
padding:0px;
margin-top:0px;
font-weight:none;

}


#bg{margin:0px 0px 0px 0px;
position:relative;
z-index:0;

background-image:url(../img/bg.jpg);
border-top:2px solid #CC0066;
}

#container{

width:886px;
height:auto;
margin:0px auto 0px auto;
background-image:url(../img/bg.jpg);
padding-bottom:50px;
}

/*---POPUP---*/
#up{

width:800px;
height:550px;
margin:0px auto 0px auto;
background-color:#FFFFFF;
border:0px solid #00FF99;
background-image:url(../img/up.jpg);

}


#audio{width:676px;
background-color:#FFFFF;
margin:10px 0px 10px 0px;}


/*-----AD-----*/
#ad{width:100%;
height:2px;
background-color:
#000000;
}


#rightform{
position:relative;
z-index:3;
width:230px;
height:300px;
background-color:#000000;
}


#menu {
     width:256px;
	 height:350px;
	 padding:0px;
	 margin-top:0px;
	 background-color:#D00648;
	 background-repeat:no-repeat;
	 float:right;
	 text-align:center;
	 
	/*background-image: -moz-linear-gradient(top, #FFFFFF, #FF0011 ); /* FF3.6 */
	/*background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #FFFFFF),color-stop(1, #FF0011)); /* Safari 4+, Chrome 2+ */
	/*background-image: -webkit-linear-gradient(top, #FFFFFF, #FF0011 ); /* Safari 5.1+, Chrome 10+ */
	/*background-image: -o-linear-gradient(top, #FFFFFF, #FF0011 ); /* Opera 11.1+ */
	/*background-image: -ms-linear-gradient(top, #FFFFFF, #FF0011 ); /* IE10+ */
	/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0011', endColorstr='#FFFFFF'); /* IE6,IE7 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0011', endColorstr='#FFFFFF')"; /* IE8+ */
	/*background-image: linear-gradient(top, #FFFFFF, #FF0011 );
	
	/*border-radius*/
	
	
	
}

#contents01 {
     width:1200px;
	 height:500px;
	 display:none;
	 padding:0px;
	 margin:0px auto 0px auto;
	 background-image:url(../img/head-fin.jpg);
	 background-color:#FFF;

	
	 
	/*background-image: -moz-linear-gradient(top, #FFFFFF, #FF0011 ); /* FF3.6 */
	/*background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #FFFFFF),color-stop(1, #FF0011)); /* Safari 4+, Chrome 2+ */
	/*background-image: -webkit-linear-gradient(top, #FFFFFF, #FF0011 ); /* Safari 5.1+, Chrome 10+ */
	/*background-image: -o-linear-gradient(top, #FFFFFF, #FF0011 ); /* Opera 11.1+ */
	/*background-image: -ms-linear-gradient(top, #FFFFFF, #FF0011 ); /* IE10+ */
	/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0011', endColorstr='#FFFFFF'); /* IE6,IE7 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0011', endColorstr='#FFFFFF')"; /* IE8+ */
	/*background-image: linear-gradient(top, #FFFFFF, #FF0011 );
	
	/*border-radius*/
	
	
}




#contents02 {
     width:886px;
	 height:auto;
	 padding:0px;
	 margin:0px auto 0px auto;
	 
	text-align:center;



}


/*-----Animation-----*/


#sec1_o7{

margin-top:-10px;margin-bottom:20px;
background-image:url(../img/bg.jpg);
}
#sec1_o8{

position:relative;height:110px;background:#aaa;margin-bottom:5px;
background-image:url(../img/bg.jpg);

}

#cbjs-17-2{
position:absolute;
top:0px;
*left:0px;
height:50px;
width:886px;
background:#FFF;
background-image:url(../img/animation.jpg);

}


#contents03 {
     width:886px;
	 height:200px;
	 background-image:url(../img/c3.jpg);
	 padding:0px;
	 margin:0px auto 0px auto;
	 background-color:#FF0011;
	 border:1px solid #000000;
	


}

#form {
     width:886px;
	 height:200px;
	 background-image:url(../img/form.jpg);
	 padding:0px;
	 margin:0px auto 0px auto;
	 background-color:#FFFFFF;
border:0px solid #000000;


}


#blogbg{
 width:640px;
	 min-height:350px;
	 max-height:auto;
	 padding:15px;
	 margin:10px auto 0px auto;
	 background-color:#FFFFFF;
	
	 
	/*background-image: -moz-linear-gradient(top, #FFFFFF, #FF0011 ); /* FF3.6 */
	/*background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #FFFFFF),color-stop(1, #FF0011)); /* Safari 4+, Chrome 2+ */
	/*background-image: -webkit-linear-gradient(top, #FFFFFF, #FF0011 ); /* Safari 5.1+, Chrome 10+ */
	/*background-image: -o-linear-gradient(top, #FFFFFF, #FF0011 ); /* Opera 11.1+ */
	/*background-image: -ms-linear-gradient(top, #FFFFFF, #FF0011 ); /* IE10+ */
	/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0011', endColorstr='#FFFFFF'); /* IE6,IE7 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0011', endColorstr='#FFFFFF')"; /* IE8+ */
	/*background-image: linear-gradient(top, #FFFFFF, #FF0011 );
	
	/*border-radius*/
	
}

#menu01 {
     width:120px;
	 height:50px;
	 background-color:#FFFFFF;
	-webkit-transition: -webkit-transform 1s ease-in-out, background-color linear 1s, color linear 1s;
	-moz-transition: -moz-transform 1s ease-in-out, background-color linear 1s, color linear 1s;
	-o-transition: -o-transform 1s ease-in-out, background-color linear 1s, color linear 1s;
	-ms-transition: -ms-transform 1s ease-in-out, background-color linear 1s, color linear 1s;
	transition: transform 1s ease-in-out, background-color linear 1s, color linear 1s;
}

#menu01:hover {
	-webkit-transform: rotateX(-150deg);
	-moz-transform: rotateX(-150deg);
	-o-transform: rotateX(-150deg);
	-ms-transform: rotateX(-150deg);
	transform: rotateX(-150deg);
	background-color: #aaa;
	color: #326895;
}



dl{margin-top:15px;
border-bottom:solid 1px #CCCCCC;}
dt{color:#FFFFFF;}



.line{
border-top:solid 1px #CCCCCC;
width:auto;
height:1px;
margin:10px 0px 10px 0px;
}


#arrow_anime{
display:block;
margin:0px auto 0px auto;
position:relative;
top:20px;

/*background:url("../img/arrow_01.png") no-repeat top;*/
width:200px;
height:70px;


}

