@charset "UTF-8";
/*formatting style
-------------------------*/

* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
body {
	font-family: sans-serif;
	line-height: 1.7;
	color: #330000;
	background-color: #330000;
	font-size: 97%;
}
/*link style 
---------------------------*/
a img {
	border-style: none;
}
a:link {
	color: #3300FF;
	text-decoration: underline;
}
a:visited {
	color: #663399;
	text-decoration: underline;
}
a:hover {
	color: #33CCFF;
	text-decoration: underline;
}
a:active {
	color: #33CCFF;
	text-decoration: underline;
	position: relative;
	top: 1px;
	left: 1px;
}
/* basic layout
---------------------------*/
#wrapper {
	background-color: #FFFFFF;
	margin: 0px auto;
	border-right: 1px solid #663333;
	border-left: 1px solid #663333;
	width: 1100px;
}
#main {
	padding: 15px 15px 10px 10px;
	float: left;
	width: 755px;
	margin-bottom: 20px;
}
#main ul {
	list-style: url(image/link/mark-o1.jpg) none;
	font-size: 96%;
	text-align: left;
	padding: 7px 7px 7px 20px;
}
#side {
	padding: 5px;
	float: right;
	width: 310px;
	margin-bottom: 20px;
	font-size: 93%;
}
#side ul {
	margin-top: 10px;
	margin-bottom: 10px;
}
#side ul li {
	margin-bottom: 4px;
	list-style: none;
	background-image: url(image/link/mark-p1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;
	width: 223px;
	}
#wrapper #side h1 {
	font-family: sans-serif;
	font-size: 13px;
	color: #660000;
	text-align: left;
	letter-spacing: 0.1em;
	margin: 0px 5px 13px 0px;
	background-color: #FFCCCC;
	padding-top: 7px;
	padding-bottom: 3px;
	padding-left: 7px;
	border-left: 7px solid #996600;
	}
#footer {
	padding: 10px;
	clear: both;
	width: 1080px;
	margin-bottom: 20px;
	font-size: 85%;
	text-align: center;
	list-style: inside;
	border-top: 1px solid #FFCCCC;
	border-right-color: #FFCCCC;
	border-bottom-color: #FFCCCC;
	border-left-color: #FFCCCC;
}
/* header style
---------------------------*/
#header {
	height: 225px;
	border-top: 8px solid #330000;
	border-right: none;
	border-bottom: none;
	border-left: none;
	position: relative;
}
#header1 {
	float: left;
	letter-spacing: 1.3em;
}
#header2 {
	float: right;
	padding: 10px 20px 5px 0px;
	font-size: 80%;
	letter-spacing: 0.2em;
	height: 80px;
}
#header3 {
	clear: both;
	font-size: 75%;
	color: #660000;
	padding-left: 0px;
	height: 140px;
}
#footer a {
	color: #CC6633;
}
#footer  a:hover {
	color: #CCCC99;
}
#wrapper #main h1 {
	font-family: sans-serif;
	font-size: 15px;
	color: #330000;
	text-align: left;
	margin: 2px 2px 13px 0px;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 6px;
	border-left: 10px solid #F0CE93;
	letter-spacing: 0.2em;
	background-color: #FEF8D7;
}
#wrapper  #main  h1 a {
	text-decoration: none;
	color: #660000;
}
#wrapper  #main  h1 a:hover {
	color: #660000;
	text-decoration: underline;
}
#wrapper #main h1 a:visited {
	color: #666633;
}
#wrapper #main h1 a:active {
	color: #660000;
	text-decoration: underline;
	left: 1px;
	top: 1px;
}
.leftimage {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	margin-top: 5px;
	}
.leftimage2 {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 5px;
}
.rightimage {
	float: right;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 15px;
}
.spaceimage {
	margin-top:3px;
	margin-bottom: 8px;
	border: 1px solid #CCCCCC;
}
#main div.wk {
	float: left;
	margin-right: 7px;
	margin-bottom: 20px;
	width: 210px;
	line-height: 1.5;
	font-size: 90%;
	margin-left: 17px;
	background-color: #FCFEDB;
	padding: 7px;
	border-top: 1px solid #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#main div.wk img {
	padding-bottom: 0px;
	border-style: none;
}
#main div.wk2 {
	background-color: #FFF6F6;
	clear: both;
	width: 700px;
	font-size: 93%;
	margin-left: 20px;
	padding: 7px;
	border: 1px solid #FFCC99;
}
#main div.wk3 {
	background-color: #FFF6F6;
	clear: none;
	width: 340px;
	margin-left: 17px;
	padding: 7px;
	float: left;
	margin-right: 5px;
	font-size: 92%;
}
#main div.wk4 {
	clear: both;
	width: 700px;
	font-size: 94%;
	margin-left: 10px;
	padding: 7px;
	margin-right: 10px;
	background-color: #FFF2EC;
	background-position: center;
}
#main div.wk-adsence {
	padding-left: 13px;
}
#main div.wk-link {
	margin: 3px;
	padding: 10px 4px 10px 14px;
	width: 728px;
	border: 1px solid #CCCCCC;
	}
#main div.wk-kanren {
	padding: 2px 5px 5px 7px;
	width: 700px;
	margin-top: 0px;
	margin-bottom: 2px;
	margin-left: 15px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	line-height: 1.8em;
}
#main div.wk-book {
	padding: 15px 7px 5px 10px;
	width: 700px;
	margin-top: 0px;
	margin-bottom: 2px;
	margin-left: 15px;
	border-top: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
	line-height: 1.6em;
}
#main div.wk-book2{
	margin: 4px 4px 10px 15px;
	padding: 10px 6px 6px 8px;
	width: 150px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	float: left;
	font-size: 95%;
	height: 240px;
	line-height: 1.3;
	clear: right;
}
#main div.wk5 {
	margin: 4px 4px 35px;
	padding: 7px;
	width: 164px;
	border: 1px solid #CCCCCC;
	background-color: #FFF3E0;
	float: left;
	font-size: 88%;
	height: 290px;
	line-height: 1.4;
	clear: right;
	}
#main div.wk5-2 {
	margin: 4px 4px 15px 3px;
	padding: 7px 6px;
	width: 164px;
	background-color: #ffffff;
	float: left;
	font-size: 93%;
	height: 285px;
	line-height: 1.4;
	clear: right;
	border-top: 13px solid #CC9966;
	border-right: thin solid #CC9966;
	border-bottom: thin solid #CC9966;
	border-left: thin solid #CC9966;
	}
#main div.wk6 {
	margin: 8px 11px 35px 4px;
	padding: 7px;
	width: 220px;
	border: 1px solid #CCCCCC;
	background-color: #FFF3E0;
	float: left;
	font-size: 88%;
	height: 350px;
	line-height: 1.4;
	clear: right;
}
#main div.wk7 {
	margin: 4px;
	padding: 7px;
	width: 720px;
	float: none;
	font-size: 88%;
	height: 10px;
	line-height: 1.4;
	clear: both;
	border-top: 1px none #CCCCCC;
	border-right: 1px none #CCCCCC;
	border-bottom: 1px none #CCCCCC;
	border-left: 1px none #CCCCCC;
}
#main div.wk8 {
	padding: 7px;
	width: 722px;
	float: none;
	font-size: 88%;
	height: 190px;
	line-height: 1.4;
	clear: both;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background-color: #FFF3E0;
	margin-top: 15px;
	margin-bottom: 25px;
	margin-left: 4px;
}
#main div.wk9 {
	margin: 8px 11px 35px 4px;
	padding: 7px;
	width: 220px;
	border: 1px solid #CCCCCC;
	background-color: #FFF3E0;
	float: left;
	font-size: 88%;
	height: 240px;
	line-height: 1.4;
	clear: right;
}
#main div.wk10 {
	margin: 0px;
	padding: 0px;
	width: 305px;
	float: left;
	font-size: 88%;
	height:257px;
	line-height: 1.4;
	clear: both;
	border-top: none;
	border-right: none;
	border-bottom:  none;
	border-left:  none;
	}
#main div.wk11 {
	margin: 0px;
	padding: 0px 0px 0px 8px;
	width: 315px;
	float: right;
	font-size: 88%;
	height:257px;
	line-height: 1.4;
	clear: both;
	border-top: none;
	border-right: none;
	border-bottom:  none;
	border-left:  none;
	}
#main div.wk-image {
	margin: 5px;
	padding: 10px 5px 10px 15px;
	width: 730px;
	border: 1px solid #CCCCCC;
	height: 310px;
}	
#main div.wk-image2 {
	clear: none;
	width: 340px;
	margin-left: 10px;
	float: left;
	margin-right: 10px;
	font-size: 96%;
	height: 410px;
	padding: 6px;
	border: 1px solid #CCCCCC;
	}	
#main div.wk-image3 {
	clear: none;
	width: 730px;
	margin-left: 10px;
	float: left;
	margin-right: 10px;
	height: 410px;
	padding: 6px;
	border: 1px solid #CCCCCC;
}
#main div.wk-image4 {
	clear: none;
	width: 730px;
	margin-left: 10px;
	float: left;
	margin-right: 10px;
	height: 270px;
	padding: 6px;
	border: 1px solid #CCCCCC;
}		
		
#wrapper #main h2 {
	font-family: sans-serif;
	font-size: 14px;
	color: #660000;
	text-align: left;
	margin: 14px 5px 17px 0px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-bottom: #CC9966;
	border-left: 10px solid #996666;
	letter-spacing: 0.2em;
	background-color: #FADF91;
}
#wrapper #main h3 {
	font-family: sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #FF3399;
	letter-spacing: 0.1em;
	font-weight: bold;
	text-align: left;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-bottom: 2px;
	padding-left: 5px;
	border-bottom: 3px solid #FF6699;
	border-left: 8px solid #FF6699;
	border-top: none #FFCC99;
	border-right: none #FFCC99;
	padding-top: 6px;
}
#wrapper #main h5 {
	font-family: sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #FF3399;
	letter-spacing: 0.2em;
	font-weight: bold;
	text-align: left;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-bottom: 1px solid #FF99CC;
	border-left: 8px solid #FF99CC;
	border-top: none #FFCC99;
	border-right: none #FFCC99;
	padding-top: 3px;
	background-color: #FFF1F8;
}
#wrapper #header h6 {
	font-family: sans-serif;
	font-size: 12px;
	color: #996633;
	text-align: left;
	letter-spacing: 0.15em;
	margin: 0px 0px 5px 15px;
}
.marker_1 {
      background-color: #ffff66;
}

/*works 
---------------------------*/