@charset "utf-8";

/* ==========

 Reset default style

========== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,abbr,acronym,address,pre,code,
form,fieldset,legend,input,button,textarea,p,blockquote,th,td,caption { margin: 0;padding: 0; }
table { border-collapse: collapse;border-spacing: 0; }
fieldset,img,a img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: normal; }
del,ins { text-decoration: none; }
li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%;line-height: 1em; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0;font-variant: normal; }
sup,sub { vertical-align: baseline; }
pre { text-align: left; }
input,button,textarea,select,optgroup,option { font-style: inherit;font-weight: inherit; }
/* for IE6-Win, IE7-Win */
input,button,textarea,select { *font-size: 100%; }

/**
 * Copyright (c) 2010, Yahoo! Inc. All rights reserved.
 * Code licensed under the BSD License:
 * http://developer.yahoo.com/yui/license.html
 * version: 2.8.2r1
 *
 * - Font size Adjustment.
 * http://developer.yahoo.com/yui/examples/fonts/fonts-size_source.html
 */
body { font: 13px/1.231 verdana,arial,helvetica,clean,sans-serif;*font-size: small;*font: x-small; }
select,input,button,textarea { font: 99% verdana,arial,helvetica,clean,sans-serif; }
table { font-size: inherit;font: 100%; }
pre,code,kbd,samp,tt { font-family: monospace;*font-size: 108%;line-height: 100%; }

/* Height 100%
---------- */
html,body { height: 100%; }
* html #wrapper { height: 100%; }
#wrapper { position: relative;height: 100%;min-height: 100%; }
body > #wrapper { height: auto; }

/* ==========

 Layout

========== */
body {
	text-align: center;
}
table#container {
	margin: 0 auto;
	width: 860px;
	text-align: left;
	border-top: solid 5px #FF99CC;
	border-bottom: solid 5px #FF99CC;
}
td#main {
	width: 660px;
	padding-top: 10px;
	vertical-align: top;
}
td#side {
	width: 200px;
	vertical-align: top;
}

td#main div#footer p {
	text-align: right;
}
td#side p,
td#side ul#navi {
	margin-left: 20px;
}

/* ==========

 Text

========== */
body { color: #535353; }
a:link,a:active { color: #CC3300; }
a:visited { color: #FF9933; }
a:hover { color: #CCCCCC; }

td#main p {
	font-size: 93%;
	margin: 1em 0;
	line-height: 1.5em;
}
td#side p {
	text-align: center;
}
td#main h1 {
	margin-top: 10px;
	padding: 10px;
	font-size: 167%;
	font-weight: normal;
	color: #CC3366;
	border-left: solid 1px #CC3366;
}
td#main h2 {
	padding: 10px;
	font-size: 123.1%;
	border: solid 1px #dadada;
	border-top: solid 2px #CC3366;
}
ul#navi {
	font-size: 93%;
}

/* ==========

 General class

========== */
div.section {
	margin-bottom: 40px;
}

/* Navi
---------- */
ul#navi {
	margin-bottom: 20px;
}
ul#navi li a,
ul#navi li span {
	display: block;
	padding: 0 10px;
	height: 25px;
	line-height: 25px;
	color: #ffffff;
	text-decoration: none;
	background-color: #333333;
	border-bottom: dotted 1px #cccccc;
}
ul#navi li ul li a {
	display: block;
	color: #535353;
	text-decoration: none;
	border-bottom: dotted 1px #cccccc;
	background-color: #ffffff;
}
ul#navi li a:hover {
	background-color: #CC3366;
	color: #ffffff;
}

/* Blockquote
---------- */
blockquote {
	margin-top: 1em;
	padding: 6px 20px;
	border: 1px solid #dadada;
	color: #999999;
	background-color: #fefefe;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
blockquote p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

/* List
---------- */
dl {
	border-top: dotted 1px #cccccc;
}
dl dt {
	padding-top: 0.5em;
	font-weight: bold;
}
dl dd {
	padding-left: 20px;
	border-bottom: dotted 1px #cccccc;
}

/* Link
---------- */
p.linklist {
	padding: 1em;
	border: solid 1px #dadada;
	background-color: #eeeeee;
}

#linkzone a{
	color:#FF66CC;

}

/* Others
---------- */
hr {
	margin-top: 1em;
	border: none;
	border-top: 1px dotted #cccccc;
}
em { font-weight: bold; }

/* Align
---------- */
.align-left { margin: 0 10px 10px 0;float: left; }
.align-right { margin: 0 0 10px 10px;float: right; }
.align-center { text-align: center; }

/* ==========

 Utilities

========== */
/* Clearfix
---------- */
ul:after,
ol:after,
dl:after,
fieldset:after,
blockquote:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
ul,
ol,
dl,
fieldset,
blockquote {
	_height: 1px;
	min-height: 1px;
	/*¥*//*/
	height: 1px;
	overflow: hidden;
	/**/
}
.clear {
	display: block;
	clear: both;
}