@charset "utf-8";

/***** default styles
*******************************************/

body {
	font-size: 11px;
	*font-size: small; /* IE7 */
	*font: x-small; /* IE6 */
}

body {line-height: 1.5;font-size: 100%;}


/***** text styles
*******************************************/



html {
	padding: 0;
	margin: 0;
}

body {
	text-align: left;
	color: #666666;
	padding:0;
	margin:0;
	font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}


p {
	line-height: 1.6;
	}


p, ul, ol, dl, table, pre {
	font-size: 100%;
	letter-spacing: 0.02em;
}

img {border: 0;	vertical-align: bottom;}


/***** Link styles
*******************************************/

#container a {text-decoration: none;}

#container a:link {
	color: #666666;
	/*border-bottom: 1px dotted #56AEE1;*/
}

#container a:visited {
	color: #56AEE1;
	/*border-bottom: 1px dotted #56AEE1;*/
}

#container a:hover {
	color: #337ED2;
	/*border-bottom: 1px dotted #337ED2;*/
}

/***** layout styles
*******************************************/


#container {
	margin:0px auto;
	text-align: left;
	width:600px;
	/*
	background:#cccccc;
	border:1px solid #ff0000;*/
	
}

#container .borderBox {
	margin:0px 10px 0px 0px;
	width:600px;
	height:36px;
	background:url(img/linebgb.jpg) left top;
	border:none;
	/*position:absolute;*/
	}	  

#rightBox {
	/*float:right;*/
	position:static;
	/*border:1px solid #ff0000;*/
	}         
	
#rightBox .inner {
	width:600px;
	margin:0px 0px 0px 0px;
	background:url(img/back.gif) center bottom no-repeat;
	background-color: #000000;
	/*border:1px solid #ff0000;*/
	/*position:absolute;*/
	}

.area {
	width:500px;
	background:url(img/back_head.gif) center top no-repeat;
	padding:60px 50px 0px;
	color: #ffffff;
	/*border:1px solid #ff0000;*/
	}
	
.textArea {
	margin-bottom:50px;
	color: #ffffff;
	font-size: 11px;
	/*border:1px solid #0000ff;*/
	}


#leftBox {
	/*float:left;*/
	/*border:1px solid #ff0000;*/
	width:600px;
	height:500px;
	}

#leftBox .inner {
	width:600px;
	height:500px;
    margin:10px 0px 0px 0px;
    background:url(img/rjdj.jpg) center top no-repeat;
    background-color: #ffffff;
    /*border:1px solid #0000ff;*/
    } 
    
.middleBox {
	width:450px;
	height:100px;
    padding:430px 50px 0px 100px;
	/*border:1px solid #0000ff;*/
	}
   
.bottomBox {
    /*border:1px solid #0000ff;*/
	}
	
.bottomBox img{
	margin-left: 2px;
	}

.entry a {
	width:100px;
	padding:0px 40px;
	background-color:#ffff00;
	text-align:center;
	font-size:24px;
	}
	
.entry a hover{
	width:100px;
	height:auto;
	background-color:#00ff00;
	font-size:18px;
	}

.info {
  	margin-top:3px;
  	margin-bottom:20px;
	font-size: 9px;
	background:#ffffff;
	/*border:1px solid #0000ff;*/
	}
	
    
 .clear { clear:both; }  
 .clear hr { display:none; }  
		
h1 {
	font-size: 110%;
	font-weight:normal;
	margin:0 0 10px 0;
	padding:0;
	color:#ffff00;
	letter-spacing: 0.2em;
}

h2 {
	font-size: 100%;
	font-weight:normal;
	margin:0 0 3px 0;
	padding:0;
	color:#ffff00;
	letter-spacing: 0.2em;
}

#footer {
	margin: 0 auto 20px;
	padding: 0;
	font-size:0.8em;
	text-align:center;
}

#footer ul.sp{
	vertical-align:middle;
}

#footer ul.sp li {
	display: inline;
	vertical-align:middle;
	margin-right:20px;
}

.copyright {
	font-size: 75%;
	margin: 0 15px 0 0;
	padding: 10px 0 30px 0;
	text-align: right;
	color:#888888;
	letter-spacing: 0.1em;
}



.copyright a:link,a:visited,a:hover {
	color: #888888;
	border-bottom:none;
	text-decoration: none;
}