@charset "utf-8";

/* Basic Style
---------------------------------------------*/
body {

	font-family: "MS P ゴシック","ヒラギノ角ゴ Pro W3","Osaka", "Lucida Grande", "Hiragino Kaku Gothic Pro", Osaka, Verdana, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	background-image: url("img/bg_img.jpg");
	background-attachment: fixed;
}

A:link { color: #0044cc; text-decoration: none; }
A:visited { color: #330099; text-decoration: none; }
A:hover { color: #993333; text-decoration: underline; }
A:active { color: #0044cc; text-decoration: underline; }

h1 {
	font-size: 24px;
	font-weight: bold;
	color: #600;
	line-height: 140%;
	text-align: center;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding: 0;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 150%;
	color: #006633;
	text-align: left;
	border-bottom: 1px solid #600;
	margin: 0;
	padding: 0 0 5px 0;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 150%;
	color: #600;
	text-align: left;
	margin: 0;
	padding: 10px 0px 0px 0px;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	line-height: 150%;
	color: #ccc;
	text-align: left;
	margin: 0;
	padding: 0;
}

.tx16 { font-size: 16px; line-height: 140%; color: #333; }
.tx14 { font-size: 14px; line-height: 140%; color: #333; }
.tx12 { font-size: 12px; line-height: 150%; color: #333; }
.tx12r { font-size: 12px; line-height: 150%; color: #c36; }
.tx12g { font-size: 12px; line-height: 150%; color: #ccc; }
.tx11 { font-size: 11px; line-height: 150%; color: #333; }
.tx11g { font-size: 11px; line-height: 150%; color: #ccc; }
.tx10 { font-size: 10px; line-height: 160%; color: #333; }

img {
	border: none;
}


/*Layout
---------------------------------------------*/
#wrapper {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
}

#container {
	width: 900px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	border: 1px solid #363;
	background-color: #fff;
}

#headder {
	width: 900px;
	height: 100px;
	background-image : url("img/head_bg.jpg");
}

/* Table (Menu)
---------------------------------------------*/
.details table {
	border: 0;
	width: 540px; /* for Windows Internet Explorer 6 */
	margin-top: 0;
	margin-left: 340px;
	margin-right: 20px;
	margin-bottom: 0;
	border-collapse: collapse;
}
/* Table (Menu)------------------------*/

#content {
	width: 900px;
	background-color: #fff;
	margin: 0;
	padding: 0;
}

/* Left block
-----------------------------------*/
#primary {
	float: left;
	width: 560px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 40px;
	padding: 0;
}
#primary p {
	font-size: 14px;
	line-height: 160%;
	text-align: left;
	margin: 0;
	padding: 5px 0px 10px 0px;
}
#primary ul {
	list-style-type: decimal;
	list-style-position:outside;
}
#primary li {
	font-size: 12px;
	line-height: 160%;
	text-align: left;
	margin: 0;
	padding: 0;
}

/* Right side
-----------------------------------*/
#secondary {
	float: right;
	width: 160px;
	margin-top: 20px;
	margin-right: 40px;
	margin-bottom: 10px;
	margin-left: auto;
	padding: 0;
}
#secondary h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 150%;
	color: #600;
	text-align: right;
	margin: 0;
	padding: 10px 0px 0px 0px;
}
#secondary p {
	font-size: 16px;
	line-height: 160%;
	font-weight: normal;
	text-align: right;
	margin: 0;
	padding: 0;
}
#secondary ul {
	list-style-type: none;
}
#secondary img {
	border: none;
	padding: 10px 0px 10px 0px;
}


/* Table (Main)
---------------------------------------------*/
table.rule {
	border: 0;
	border-spacing: 0;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
}
table.rule th {
	border: 0;
	padding: 0;
	border-style: solid;
	border-color: gray;
	-moz-border-radius: 0;
}
table.rule td {
	border-left: 3px solid #ccc;
	padding: 0px 0px 0px 7px;

	-moz-border-radius: 0;
	font-size: 12px;
	line-height: 160%;
	text-align: left;
}

/* Activities
-----------------------------------*/
#activ {
	float: left;
	width: 820px;
	margin: 20px 0px 10px 40px;
	padding: 0px 40px 0px 0px;
}
#activ p {
	font-size: 12px;
	line-height: 160%;
	text-align: left;
	margin: 0;
	padding: 0px 0px 5px 0px;
}
#activ ul {
	list-style-type: decimal;
	list-style-position:outside;
}
#activ li {
	font-size: 12px;
	line-height: 160%;
	text-align: left;
	margin: 0;
	padding: 0;
}

/* One block
-----------------------------------*/
.section {
	float: left;
	width: 820px;
	margin: 20px 0px 10px 40px;
	padding: 0px 40px 0px 0px;
}
.section p {
	font-size: 14px;
	line-height: 160%;
	color: #333;
	text-align: left;
	margin: 0;
	padding: 10px 0px 0px 0px;
	background-color: #FFFFFF;
}
.section ul {
	list-style-type: disc;
}
.section li {
	font-size: 14px;
	line-height: 160%;
	text-align: left;
	margin: 0;
	padding: 0;
}
/* sitemap
-----------------------------------*/
#sitemap {
	float: left;
	width: 820px;
	margin: 20px 0px 10px 40px;
	padding: 0px 40px 0px 0px;
}
#sitemap p {
	font-size: 14px;
	line-height: 160%;
	text-align: left;
	margin: 0;
	padding: 0px 0px 5px 0px;
}
#sitemap ul {
	list-style-type: disc;
	list-style-position:outside;
}
#sitemap li {
	font-size: 14px;
	line-height: 160%;
	text-align: left;
	margin: 0;
	padding: 0;
}
#sitemap h3 {
	font-size: 14px;
	font-weight: normal;
	line-height: 150%;
	color: #333;
	text-align: left;
	margin: 0;
	padding: 0px 0px 15px 0px;
}

/* Ask Form
-----------------------------------*/
#askform {
	float: left;
	width: 820px;
	margin: 20px 0px 10px 40px;
	padding: 0px 40px 0px 0px;
}
#askform p {
	font-size: 12px;
	line-height: 160%;
	text-align: left;
	margin: 0;
	padding: 0px 0px 5px 0px;
}

/* Sub menu
-----------------------------------*/
.submenu {
	clear:both;
	width: 900px;
	border-top: solid 1px #363;
	padding: 10px 0px 10px 0px;
	background-color: #FFFFFF;
}

.submenu p {
	font-size: 11px;
	line-height: 120%;
	color: #333;
	text-align: center;
	margin: 0;
	background-color: #FFFFFF;
}

/* Footer -----------------------------------*/

#footer {
	clear: both;
	width: 900px;
	border-top: solid 1px #363;
	width: 100%;
	padding: 0;
	background-color: #FFFFFF;
}

#footer p {
	font-size: 11px;
	line-height: 120%;
	color: #666;
	text-align: center;
	padding: 5px 0;
}
/* furosiki
-----------------------------------*/
#furosiki {
	float: left;
	width: 820px;
	margin: 0px 0px 10px 40px;
	padding: 0px 40px 0px 0px;
}
#furosiki p {
	font-size: 14px;
	line-height: 160%;
	text-align: left;
	margin: 0;
	padding: 0px 0px 5px 0px;
}
#furosiki p {
	font-size: 14px;
	line-height: 160%;
	text-align: left;
	margin: 0;
	padding: 30px 0px 10px 0px;
}