@charset "UTF-8";
/*------------------------------------------------------------
base
-------------------------------------------------------------*/
body {
	width:920px;
	margin: 0px auto;
	line-height: 1.5;
	color: #333;
	font-family: Arial, Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 12px;
	background-color: #ffffff;
	background: url(../img/back/back10070701.jpg) repeat-x fixed 0px 0px;
	
	
}

input,textarea,table {
	font-size: 12px;
}

/* for WinIE7 */
*:first-child+html body {
	font-size: 75%;
}

/* for WinIE6 */
*html body {
	font-size: 75%;
}
/*----リンク定義---- */
a:link {
	color: #4B0082;
	text-decoration: none;
}
a:visited {
	color: #4B0082;
	text-decoration: none;
}

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

.clear{clear:both;}



a img { border: none; }





/*------------------------------------------------------------
contDefine
-------------------------------------------------------------*/

#contDefine {
	margin: 0px auto;
	width:920px;
	height:100%;
	position:relative;
	z-index:20;
	//background-color:#fff;
}




#discription{
	color:#00008B;
	font-family:serif;
	padding:0px 0px 0px 10px;
	font-size:16px;
	margin: 360px 0px 30px 0px;
	width:920px;
	line-height:1.7em;
	height:100%;
	background-color:#ff00cc;
	background: url(../img/lineback.png) no-repeat ;
	filter:alpha(opacity=60); /* IE用透過設定（100に近づけるほど不透明）*/
	-moz-opacity:0.6; /* FireFox、Netscape用透過設定（1.0に近づけるほど不透明）*/
	opacity:0.6; /* OPERA・MAC・Safari用透過設定（1.0に近づけるほど不透明）*/
}

#discription a:link,#discription a:visited{
	padding-left:15px;
	background: url(../img/sankaku.png) no-repeat ;
	color:#4B0082;
}
#discription a:hover{
	padding-left:15px;
	background: url(../img/sankaku.png) no-repeat ;
	filter:alpha(opacity=60); /* IE用透過設定（100に近づけるほど不透明）*/
	-moz-opacity:0.6; /* FireFox、Netscape用透過設定（1.0に近づけるほど不透明）*/
	opacity:0.6; /* OPERA・MAC・Safari用透過設定（1.0に近づけるほど不透明）*/
	text-decoration:none;
}



/*------------------------------------------------------------
LEFTBOX
-------------------------------------------------------------*/
#leftBox {
	margin: 0px 0px 0px 0px;
	width:400px;
	height:100%;
	//background-color:#ff00cc;
	float:left;
}


#logo{
	margin:0px 0 20px 0;
	display:block;
	}
	
	
#logo span{
	visibility: hidden;
	font-size:0px;
	}


.leftBn{
	margin:0px 0px 8px 0px;
	display:block;
}
.leftBn span{
	visibility: hidden;
	font-size:0px;
	}





/*------------------------------------------------------------
mainBOX
-------------------------------------------------------------*/
#mainBox {
	margin: 0px 0px 0px 20px;
	width:500px;
	height:100%;
	//background-color:#ff00cc;
	float:left;
	position:relative;
	z-index:10;
}





.red{
color:#A52A2A;
}






#topnavi{
	font-size:14px;
	margin:0px 0px 0px -30px;
	list-style:none;
	font-family:sanserif;
}
#topnavi li{
	margin:0px 25px 5px 0px;
	float:left;
	}
#topnavi li a:link{
	color: #4B0082;
	text-decoration: none;
	}
	
#topnavi li a:hover{
	filter:alpha(opacity=60); /* IE用透過設定（100に近づけるほど不透明）*/
	-moz-opacity:0.6; /* FireFox、Netscape用透過設定（1.0に近づけるほど不透明）*/
	opacity:0.6; /* OPERA・MAC・Safari用透過設定（1.0に近づけるほど不透明）*/
}
	
.news{
	margin:7px 0px 0px 10px;
	}

.news a:link,
.news a:visited{
	padding-left:15px;
	background: url(../img/sankaku3.png) no-repeat ;
	color:#4B0082;
}	
	
.news a:hover{
	padding-left:15px;
	background: url(../img/sankaku3.png) no-repeat ;
	filter:alpha(opacity=70); /* IE用透過設定（100に近づけるほど不透明）*/
	-moz-opacity:0.7; /* FireFox、Netscape用透過設定（1.0に近づけるほど不透明）*/
	opacity:0.7; /* OPERA・MAC・Safari用透過設定（1.0に近づけるほど不透明）*/
}	


/*------------------------------------------------------------
mainBACK
-------------------------------------------------------------*/
#mainBack {
	margin: 0px 0px 0px 20px;
	width:00100%;
	height:100%;
	background-color:#ffddcc;
	position:absolute;

	z-index:5;
}


/*------------------------------------------------------------
HEADER
-------------------------------------------------------------*/
#header {
	margin: 0px auto 0px auto;
	width:880px;
	height:73px;

}


/*------------------------------------------------------------
headerIMG
-------------------------------------------------------------*/








/*------------------------------------------------------------
footer
-------------------------------------------------------------*/

 #footerCL{
 	margin:40px 0 10px 40px;
	//width:100%;
	height:18px;
	font-size:10px;
	letter-spacing: 0.1em; 
	font-weight: lighter;
	//text-align:center;
	color:#666;
	//background-image:url(../img/footback.png);
	position:relative;
	bottom:0px;
	left:0px;
}






/*------------------------------------------------------------
font-size sample 

	default = 12px
	24px = 200%
	23px = 192%
	22px = 183%
	21px = 175%
	20px = 166%
	19px = 158%
	18px = 150%
	17px = 142%
	16px = 133%
	15px = 125%
	14px = 117%
	13px = 108%
	11px = 92%
	10px = 84%
	9px = 75%
	8px = 67%
	7px = 58%
------------------------------------------------------------*/