* {
	margin: 0; padding: 0;
}
body {
	text-align: center;
	font: 12px Verdana;
	color: #808080;
	background: #ffffff repeat-x 0 0;
}
a {
	text-decoration: none;
	color: #464646;
}
a:hover {
	text-decoration: underline;
}
img {
	border: 0;
}

.break {
	font-size: 0;
	width: 0; height: 0;
	clear: both;
}
.alignleft {
	float: left;
	margin: 4px 10px 5px 0;
}
.alignright {
	float: right;
	margin: 4px 0 5px 10px;
}
.aligncenter {
	text-align: center;
}
.hidden {
	display: none;
}

/** BEGIN wrapper **/
#wrapper {
	width: 970px;
	margin: auto auto;
	text-align: left;
}
/** END wrapper **/

/** BEGIN header **/
#header {
	height: 30px;
	overflow: hidden;
}
	#header ol {
		list-style-type: none;
		height: 25px;
		padding-top: 10px;
	}
		#header ol li {
			float: left;
			font-size: 0.9em;
			text-transform: uppercase;
			padding: 0 14px 0 15px;
			border-left: 1px solid #464646;
		}
		#header ol li a {
			color: #CBCBCB;
		}
		#header ol li.f {
			padding-left: 0;
			border-left: 0;
		}
	#header h1 {
		float: left;
		font-size: 0;
		padding: 40px 15px 55px;
	}
		#header h1 a {
			text-indent: -9999px;
			outline: none;
			display: block;
			background : url(logo.gif) no-repeat 0px 0px;
			width: 406px; height: 35px;
		}
	#header .ad {
		float: right;
		padding: 26px 0 0 15px;
	}
	#header ul {
		list-style-type: none;
		clear: both;
		height: 33px;
		margin-left: -10px;
	}
		#header ul li {
			float: left;
			font-size: 0.9em;
			padding-left: 2px;
			background : url(divider.gif) no-repeat 0px 0px;
		}
		#header ul li a {
			color: #676042;
			display: block;
			padding: 11px 10px 9px;
		}
/** END header **/

/* all page */
* { /* margin&padding */
margin:0;
padding:0;
}


body {
	margin: 0;
	font-size: 96%;
	color: #333333;
	text-align: center;
	background-image : url(bg_map.gif);
	background-repeat:repeat;
}

p, /* writemargin */
#main ul,
#main ol,
#menuL ol,
dl
{
	line-height: 160%;
}

/* #page */
#page {
	width: 600px;
	padding: 0px 0px;
	margin: 0px auto;
	text-align: left;
	background-color: #ffffff;
}

#page2 {
	width: 600px;
	padding: 0px 1px;
	margin: 0px auto;
	text-align: left;
	background-color: #99ac55;
}

/* menuL */
#menuL {
	float: left;
	clear: left;
	width: 200px;
	padding: 0;
	margin: 0px 0;
	background-color: #ffffff;
}


.menuInfo { /* massage */
	background-image : url(top_bg.png);
	background-repeat:repeat;
	color:#ffffff;
	margin:10px 0 0;
	padding:1px 0;
}

.menuInfo p {
	padding: 0 0 0 5px;
	margin: 1em 10px 1em 5px;
}

.subinfo {@/* sideboxmenu */
	margin:0 0 3px;
	background-color: #60564A;
	margin: 0px 0px 2px;
}


.subinfo .label { /* sideboxlavel */
	padding:2px 0px 0px 2px;
	color: #CCCCCC;
	font-weight: right;
	background-image : url(bg-bubplastic-h-red.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 15px;
}

.subinfo ul{ /* list */
	margin: 0px;
}

.subinfo li {
	padding: 0px;
	margin: 1px 0px 0px;
	font-size: 97%;
	color: #666666;
	list-style-type: none;
}

.subinfo li a{
	padding: 0px 5px;
	border-bottom: 1px solid #796D70;
	border-left: 7px solid #796D70;
	text-decoration: none;
	display: block;
}

.subinfo li a:hover{
	border-left: 7px solid silver;
	color: #FFFFFF;
	background-image : url(top_bg.png);
}


.banner { /* banner space */
	margin: 0px 0px 5px;
	width: 220px;
}
#main {
	float: right;
	width: 560px;
	padding: 0;
	margin: 10px 0 0 0px;
	background-color: #FFFFFF;
}


.contentswrap { /* wrap#main */
	margin:0 10px 10px;
	padding:0;
}


#breadNavi {
	margin:5px 0 20px;
	padding:15px 0 0 2px;
	height: 50px;
}

#main h2 { /* HEADER2 */
	background-image : url(top_bg.png);
	background-position:left top;
	background-repeat:repeat;
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
	clear:left;
	color:#cccccc;
	font-size:16px;
	margin:3px 0 1.5em;
	padding:3px 0 0px 3px;
	height: 20px;
}

#main p { /* danraku */
	margin:0 2px 1.5em 5px;
}


#main ul , #main ol{ /* listview */
	margin:1em 20px 2em 40px;
	padding-left:25px;
}


#main dl { /* teigi listview */
	margin:1em 0 1em 30px;
	padding:0 0 10px;
}


#main dt {
	float: left;
	clear: left;
	margin: 0 10px 0px 0;
	font-weight: 700;
}


#main dd {
	padding: 0 0 0 10px;
	margin: 0;
}


#main dd.link {
	margin: 0 0 0 50px;
	border-left: 1px solid #CCCCCC;
}


#main #subnavi {
	clear: both;
	padding: 10px 0;
	margin: 20px 0 10px;
	border-top: 1px dashed #999;
	text-align: right;
}


.toInfo {
	clear: left;
	margin: 0px !important;
	text-align: right;
	list-style-type: none;
}

.toInfo a {
	background-repeat: no-repeat;
	padding: 0px 0px 0px 20px;
}
#newsbox {
	border: 1px solid #999999;
	height: 100px;
	width: 530px;
	overflow: auto;
	margin: 0px 0px 0px;
	background-repeat: repeat-x;
	background-position: left top;
}

#newsbox02 {
	border: 1px solid #999999;
	height: 200px;
	width: 390px;
	overflow: auto;
	margin: 0px 0px 0px;
	background-repeat: repeat-x;
	background-position: left top;
}

/* BUBBLE PLASTIC HORIZONTAL MENU */

.bubplastic.horizontal {
	width: 100%;
	height: 27px;
	margin: 0;
	padding: 0;
	background : #000000 url(bg-bubplastic.gif) repeat-x left top;
}
.bubplastic.horizontal ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bubplastic.horizontal ul li {
	float: left;
	margin: 0;
	padding: 0;
	background : transparent url(bg-bubplastic-button.gif) no-repeat left top;
}

.bubplastic.horizontal ul li a {
	display: block;
	height: 27px;
	padding-left: 35px;
	float: left;
	text-transform: uppercase;
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size: 70%;
	color: #FFFFFF;
	text-decoration: none;
}

.bubplastic.horizontal ul li a span.menu_ar {
	display: block;
	float: left;
	height: 22px;
	padding-top: 5px;
	padding-right: 35px;
	background : transparent url(bg-bubplastic-button.gif) no-repeat right top;
	cursor: pointer;
}
/* END BUBBLE PLASTIC HORIZONTAL MENU */



/* BUBBLE PLASTIC VERTICAL MENU */

.bubplastic.vertical {
	width: 250px;
	margin: 0;
	padding: 0;
	display: block;
}
.bubplastic.vertical ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.bubplastic.vertical ul li {
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background : transparent url(bg-bubplastic-button.gif) no-repeat left top;
}

.bubplastic.vertical ul li a {
	display: block;
	margin: 0;
	width: 100%;
	padding-left: 35px;
	text-transform: uppercase;
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size: 70%;
	color: #FFFFFF;
	text-decoration: none;
	background : transparent url(bg-bubplastic-button.gif) no-repeat left top;
}

.bubplastic.vertical ul li a span.menu_ar {
	display: block;
	margin: 0;
	width: 100%;
	height: 22px;
	padding-top: 5px;
	padding-right: 35px;
	background : transparent url(bg-bubplastic-button.gif) no-repeat right top;
	cursor: pointer;
}
/* END BUBBLE PLASTIC VERTICAL MENU */



/* AQUA HOVER */
.bubplastic.aqua ul li a:hover,
.bubplastic.aqua ul li.highlight a {
	background : transparent url(bg-bubplastic-h-aqua.gif) no-repeat left top;
}
.bubplastic.aqua ul li a:hover span.menu_ar,
.bubplastic.aqua ul li.highlight a span.menu_ar {
	background : transparent url(bg-bubplastic-h-aqua.gif) no-repeat right top;
}


/* BLUE HOVER */
.bubplastic.blue ul li a:hover,
.bubplastic.blue ul li.highlight a {
	background : transparent url(bg-bubplastic-h-blue.gif) no-repeat left top;
}
.bubplastic.blue ul li a:hover span.menu_ar,
.bubplastic.blue ul li.highlight a span.menu_ar {
	background : transparent url(bg-bubplastic-h-blue.gif) no-repeat right top;
}


/* GRAY HOVER */
.bubplastic.gray ul li a:hover,
.bubplastic.gray ul li.highlight a {
	background : transparent url(bg-bubplastic-h-gray.gif) no-repeat left top;
}
.bubplastic.gray ul li a:hover span.menu_ar,
.bubplastic.gray ul li.highlight a span.menu_ar {
	background : transparent url(bg-bubplastic-h-gray.gif) no-repeat right top;
}


/* LIME HOVER */
.bubplastic.lime ul li a:hover,
.bubplastic.lime ul li.highlight a {
	background : transparent url(bg-bubplastic-h-lime.gif) no-repeat left top;
}
.bubplastic.lime ul li a:hover span.menu_ar,
.bubplastic.lime ul li.highlight a span.menu_ar {
	background : transparent url(bg-bubplastic-h-lime.gif) no-repeat right top;
}


/* ORANGE HOVER */
.bubplastic.orange ul li a:hover,
.bubplastic.orange ul li.highlight a {
	background : transparent url(bg-bubplastic-h-orange.gif) no-repeat left top;
}
.bubplastic.orange ul li a:hover span.menu_ar,
.bubplastic.orange ul li.highlight a span.menu_ar {
	background : transparent url(bg-bubplastic-h-orange.gif) no-repeat right top;
}


/* PINK HOVER */
.bubplastic.pink ul li a:hover,
.bubplastic.pink ul li.highlight a {
	background : transparent url(bg-bubplastic-h-pink.gif) no-repeat left top;
}
.bubplastic.pink ul li a:hover span.menu_ar,
.bubplastic.pink ul li.highlight a span.menu_ar {
	background : transparent url(bg-bubplastic-h-pink.gif) no-repeat right top;
}


/* PURPLE HOVER */
.bubplastic.purple ul li a:hover,
.bubplastic.purple ul li.highlight a {
	background : transparent url(bg-bubplastic-h-purple.gif) no-repeat left top;
}
.bubplastic.purple ul li a:hover span.menu_ar,
.bubplastic.purple ul li.highlight a span.menu_ar {
	background : transparent url(bg-bubplastic-h-purple.gif) no-repeat right top;
}


/* RED HOVER */
.bubplastic.red ul li a:hover,
.bubplastic.red ul li.highlight a {
	background : transparent url(bg-bubplastic-h-red.gif) no-repeat left top;
}
.bubplastic.red ul li a:hover span.menu_ar,
.bubplastic.red ul li.highlight a span.menu_ar {
	background : transparent url(bg-bubplastic-h-red.gif) no-repeat right top;
}

#test li {
	display: block;
	border: solid 1px red;
}

/** BEGIN content **/
#content {
	width: 795px;
	float: left;
	padding: 15px 0 20px 10px;
}
	#content .latest { }
		#content .latest .post h2 {
			font-size: 2em;
		}
		#content .latest .post .details2 {
			clear: both;
			height: 20px;
			padding-top: 10px;
			border-top: 1px solid #AEAEAE;
			font-family: Georgia;
			color: #AEAEAE;
		}
		#content .latest .post .details2 a {
			color: #AEAEAE;
		}
		#content .latest .post .details2 a:hover {
			color: #464646;
		}
	#content .l { float: left; }
	#content .r { float: right; }
	#content .division {
		width: 385px;
	}
		#content .division .post img {
			float: left;
			margin: 2px 10px 5px 0;
			width: 100px;
		}
	#content .post {
		background: #FFFFFF repeat-x 0 0;
		border: 1px solid #D9D4C5;
		margin-bottom: 16px;
		padding: 10px;
	}
		#content .post h2 {
			font-family: Georgia;
			font-size: 1.4em;
			margin-bottom: 5px;
		}
			#content .post h2 a {
				color: #676042;
			}
			#content .post h2 a:hover {
				color: #464646;
			}
		#content .post .details {
			font-family: Georgia;
			color: #AEAEAE;
			margin-bottom: 15px;
		}
			#content .post .details a {
				color: #AEAEAE;
			}
			#content .post .details a:hover {
				color: #464646;
			}
		#content .post h3, h4, h5, h6 {
			margin-bottom: 5px;
			font-size: 1.5em;
			font-family: Georgia;
			font-weight: normal;
		}
		#content .post p {
			line-height: 1.4em;
			margin-bottom: 10px;
		}
		#content .post ol, #content .post ul {
			list-style-position: inside;
			margin-bottom: 10px;
		}
		#content .post blockquote {
			padding: 10px 10px 5px;
			margin-bottom: 10px;
			border-top: 1px solid #cdcdcd;
			border-bottom: 1px solid #cdcdcd;
			font-style: italic;
		}
		#content .post li {
			line-height: 1.4em;
			padding: 2px 0;
		}
/** END content **/
