body {
	color: #333333;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 850px;
	height: auto;

	background-image: url(image/bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
}



/**************　　全体枠　*********************/

#baseframe {
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 5px 0px 0px 0px;
	height: auto;


}

a:link {
	color: #503010;
	text-decoration: none;
}

a:visited {
	color: #503010;
	text-decoration: none;
}

a:hover {
	color: #1010f0;
	text-decoration: underline;
}

a:active {
	color: #2B3060;
	text-decoration: none;
}


/********　　ヘッダー説明　**************/
#intro {
	font-size: 10pt;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	color:#333333;
	line-height:120%;
	text-align:left;
	background-color: #cbddea;
}

#intro a:link {
	color: #333333;
	text-decoration: none;
}

#intro a:visited {
	color: #333333;
	text-decoration: none;
}

#intro a:hover {
	color: #f0f010;
	text-decoration: none;

}

#intro a:active {
	color: #f03333;
	text-decoration: none;
}

/********　　メイン　**************/
#main {
	font-size: 12pt;
	line-height:150%;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
	padding: 5px 20px 10px 20px;
	background-color: #ffffff;
	height: 130%;
	width: 780px;

	color:	#333333;
	border-bottom:solid #d6e7ff 0px ;
	border-left:solid #d6e7ff 0px ;
	border-right:solid #d6e7ff 0px ;
	border-top:solid #d6e7ff 0px ;
}

#main a:link {
	color: #555;
	text-decoration: none;
}

#main a:visited {
	color: #555;
	text-decoration: none;
}

#main a:hover {
	color: #Ff5555;
	text-decoration: underline;
}

#main a:active {
	color: #f03333;
	text-decoration: none;
}



h1 {
	padding: 3px 0px 0px 0px;
	margin: 0px;
	font-size: 10pt;
}


h2 {
	color: #000000;
	font-size: 18px;
	margin: 15px 5px 15px 0px;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-image: url(image/h2-bg.jpg);
	border-bottom:dotted #555555 1px ;
	border-left:solid #003463 10px ;
	border-right:solid #EADDB5 0px ;
	border-top:solid #EADDB5 0px ;
}


h3 {
	color: #000000;
	font-size: 18px;
	margin: 5px 5px 5px 0px;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-image: url(image/h2-bg.jpg);
	border-bottom:dotted #555555 1px ;
	border-left:solid #003463 0px ;
	border-right:solid #EADDB5 0px ;
	border-top:solid #EADDB5 0px ;
}



/********　　右サイド　**************/

#contents {
	font-size: 11pt;
	line-height:140%;
	width: 520px;
	height: auto;
	padding: 0px 5px 0px 5px;
	margin: 0px 5px 0px 5px;
	color:#503010;

}




/********　　見出し　**************/

.subheader  {
	font-weight: bold;
	font-size:  16pt;
	line-height:140%;
	color: #503010;
	background-color: #ffffff;
	text-decoration: none;
	margin : 3px 3px 10px 3px;
	padding: 3px 3px 3px 5px;
	border-bottom:dotted #80a050 1px ;
	border-left:solid #852a00 10px ;
	border-right:dotted #80a050 0px ;

}




#footerfooter {
	font-size: 13px;
	background-color: #cbddea;
	text-align: center;
	padding: 8px 0px 2px 0px;
	margin-right: auto;
	margin-left: auto;

	clear:both;
	color: #333333;
	height: 20px;

}


#footerfooter a {
	color: #333333;
}


#footerfooter a:link{
	color: #333333;
}

#footerfooter a:visited{
	color: #333333;
}

#footerfooter  a:hover{
	color: #333333;
}




#footer2 {
	font-size: 14px;

	text-align: center;
	padding: 8px 0px 2px 0px;
	margin-right: auto;
	margin-left: auto;
	clear:both;
	color: #333333;
}


#footer2 a {
	color: #555555;
}


#footer2 a:link{
	color: #555555;
}

#footer2 a:visited{
	color: #555555;
}

#footer2  a:hover{
	color: #555555;
}




#m-p {
	background-color: #ffe0e0;
	border-bottom:dotted #f03030 3px 
}



#box01 {
	font-size:  11pt;
	line-height:140%;
	padding: 10px 20px 10px 20px;
	margin: 10px 20px 10px 20px;
	background-color: #e0f0ff;
}

#sponser {
	font-size:  8pt;
	color: #555555;
	line-height:130%;
	padding: 10px 20px 10px 20px;
	margin: 10px 20px 20px 20px;
	background-color: #f0f0f0;
}


#sponser a:link {
	color: #555555;
	text-decoration: none;
}

#sponser a:visited {
	color: #555555;
	text-decoration: none;
}

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

#sponser a:active {
	color: #555555;
	text-decoration: none;
}





#sponser2 {
	font-size:  10pt;
	color: #555555;
	line-height:130%;
	padding: 10px 20px 5px 10px;
	margin: 0px 0px 0px 0px;
	border-bottom:dotted #888888 1px ;
}

#bb {
	font-size:  18pt;
	color: #ffffff;
	text-align: center;
	background-color: #5dc2ca;
	line-height:130%;
	padding: 10px 20px 5px 10px;
	margin: 0px 130px 0px 130px;

}
#ll {
	font-size:  20pt;
	color: #000000;
	line-height:130%;
	padding: 10px 20px 5px 10px;
	margin: 0px 0px 0px 0px;

}

#user {
	font-size:  12pt;
	color: #555555;
	line-height:130%;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;

}


#user02 {
	font-size:  10pt;
	color: #555555;
	line-height:130%;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;

}


/********　画像マウスオーバー時にフェードアウト　　*****/
.fade {   
    -webkit-transition: 0.1s ease-in-out;   
       -moz-transition: 0.1s ease-in-out;   
         -o-transition: 0.1s ease-in-out;   
            transition: 0.1s ease-in-out;   
}   
.fade:hover {   
    opacity: 0.7;   
    filter: alpha(opacity=80);   
}