@charset "UTF-8";

/* ---------------------------------------------------------
	CSS Document Top Style
--------------------------------------------------------- */

html, body {
	margin: 0;
	padding: 0;
	background: url(../images/bg.jpg) repeat-x 0 0;
	text-align: center;
	font-size: 86%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "san-serif";
	line-height: 160%;
	color: #464646;
}

h1, h2, h3, h4, p, ul, ol, li , dt , dl ,dd {
	margin: 0;
	padding: 0;
}

address {
	font-style: normal;
}

img {
	border: 0;
}

a {
	text-decoration: none;
	color: #369;
}

a:hover {
	text-decoration: underline;
	color: #BF4779;
}

a:active {
	outline: none;
}

a:focus {
	outline: none;
}

a:hover img {
	opacity: 0.7;
	filter: Alpha(opacity=80);
}


/* ---------------------------------------------------------
	CSS Document Layout
--------------------------------------------------------- */

#container {
	width: 800px;
	overflow: hidden;
	margin: 0 auto;
}

#wrapper {
	clear: both;
	min-height: 10px;
	overflow: hidden;
	padding: 10px;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
}

* html #wrapper {
	height: 10px;
	overflow: visible;
}

#contents {
	float: left;
	width: 575px;
	overflow: hidden;
	text-align: left;
}

#sidebar {
	float: right;
	width: 192px;
	overflow: hidden;
}

.f_left {
	float: left;
}

.f_right {
	float: right;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	overflow: visible;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/* ---------------------------------------------------------
	CSS Document Header
--------------------------------------------------------- */

#description {
	height: 32px;
	overflow: hidden;
}

#description h1 {
	float: right;
	width: 395px;
	height: 27px;
	overflow: hidden;
	padding: 5px 8px 0 0;
	text-align: right;
	font-size: 90%;
	font-weight: normal;
	line-height: 110%;
	color: #8a8a8a;
}

#description h2 {
	float: left;
	width: 380px;
	height: 27px;
	overflow: hidden;
	padding: 3px 0 0 10px;
	text-align: left;
	font-size: 90%;
	font-weight: normal;
	line-height: 30px;
	color: #8a8a8a;
}

#header {
	width: 800px;
	height: 90px;
	overflow: hidden;
	background: url(../images/header.jpg) no-repeat 0 0;
	text-align: left;
}

#header p#logo {
	float: left;
	width: 335px;
	height: 60px;
	overflow: hidden;
	margin-top: 18px;
	text-align: right;
}

#header address {
	float: right;
	width: 221px;
	height: 60px;
	overflow: hidden;
	margin-top: 10px;
	text-align: left;
}

#header address img {
	margin-top: 4px;
}

/* ---------------------------------------------------------
	CSS Document Global Navigation
--------------------------------------------------------- */

ul#gnavi {
	float: right;
	width: 260px;
	height: 36px;
	overflow: hidden;
	text-align: left;
	list-style: none;
	line-height: 16px;
}

ul#gnavi li {
	display: inline;
	margin-right: 10px;
}

/* ---------------------------------------------------------
	CSS Document Top
--------------------------------------------------------- */

#visual {
	clear: both;
	width: 800px;
	height: 148px;
	overflow: hidden;
	border-top: solid 1px #ccc;
	background: url(../images/visual.jpg) no-repeat 0 0;
	text-align: left;
	text-indent: -9999px;
}

/* ---------------------------------------------------------
	CSS Document Main Navigation
--------------------------------------------------------- */

#navi {
	width: 575px;
	min-height: 310px;
	overflow: hidden;
	margin-top: 10px;
	text-align: left;
	border-bottom: solid 1px #ccc;
	background: url(../images/mnavi.jpg) repeat-y 0 0;
}

#navi ul {
	padding: 6px 0 6px 7px;
	list-style: none;
}

#navi li {
	padding-bottom: 5px;
	padding-left: 12px;
	background: url(../images/arrow1.jpg) no-repeat 0 3px;
}

#navi1 {
	float: left;
	width: 192px;
	overflow: hidden;
}

#navi2 {
	float: left;
	width: 192px;
	overflow: hidden;
}

#navi3 {
	float: left;
	width: 191px;
	overflow: hidden;
}

#navi li a strong {
	color: #464646;
}

#navi li a:hover strong {
	text-decoration: underline;
	color: #BF4779;
}

/* ---------------------------------------------------------
	CSS Document Top Navigation
--------------------------------------------------------- */

#tnavi {
	clear: both;
	height: 177px;
	overflow: hidden;
	margin-top: 14px;
	background: url(../images/tnavi_b.jpg) no-repeat 0 54px;
	line-height: 19px;
}

#tnavi a {
	text-decoration: none;
}

#tnavi h4 {
	float: left;
	width: 575px;
	height: 54px;
	background: url(../images/tnavi_t.jpg) no-repeat 0 0;
	text-align: left;
	text-indent: -9999px;
}

#tnavi p {
	float: left;
	width: 270px;
	overflow: hidden;
	padding-left: 14px;
}

#tnavi ul {
	float: right;
	width: 275px;
	overflow: hidden;
	text-align: left;
	text-indent: -9999px;
}

#tnavi li {
	margin-bottom: 5px;
}

#tnavi a {
	display: block;
	height: 30px;
	margin-right: 12px;
}

#tnavi li#tnavi1 a:hover {
	background: url(../images/tnavi1.jpg) no-repeat left bottom;
}

#tnavi li#tnavi2 a:hover {
	background: url(../images/tnavi2.jpg) no-repeat left bottom;
}

#tnavi li#tnavi3 a:hover {
	background: url(../images/tnavi3.jpg) no-repeat left bottom;
}

/* ---------------------------------------------------------
	CSS Document Contetns Information
--------------------------------------------------------- */

#info {
	float: right;
	width: 280px;
	overflow: hidden;
	margin-top: 14px;
}

/* ---------------------------------------------------------
	CSS Document Contetns Point
--------------------------------------------------------- */

#point {
	float: right;
	width: 280px;
	overflow: hidden;
	margin-top: 10px;
}

/* ---------------------------------------------------------
	CSS Document Contetns Roumu
--------------------------------------------------------- */

#roumu {
	float: left;
	width: 280px;
	overflow: hidden;
	margin-top: 14px;
}

#roumu div.box {
	min-height: 139px;
	padding: 5px 5px 0 8px;
	border: solid 1px #ccc;
	border-top: 0;
}

* html #roumu div.box {
	height: 145px;
}

#roumu table {
	border-collapse: collapse;
}

#roumu th {
	padding: 5px 10px 0 0;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	font-size: 100%;
	line-height: 140%;
}

#roumu td {
	padding: 5px 0 0;
	text-align: left;
	vertical-align: top;
	font-size: 100%;
	line-height: 140%;
}

#roumu p.right {
	clear: both;
	padding: 5px;
	text-align: right;
}

#roumu p.right a {
	color: #666;
}

#roumu p.right a:hover {
	color: #BF4779;
}

#roumu dd img {
	vertical-align: middle;
}

/* ---------------------------------------------------------
	CSS Document Cotents Area
--------------------------------------------------------- */

#area {
	float: left;
	width: 280px;
	overflow: hidden;
	margin-top: 14px;
}

#area ul {
	min-height: 143px;
	padding: 0 5px;
	border: solid 1px #ccc;
	border-top: 0;
}

* html #area ul {
	height: 145px;
}

#area li {
	padding: 4px 5px;
	background: url(../images/line.jpg) repeat-x center bottom;
	text-align: left;
	line-height: 120%;
	list-style: none;
}

#area li.none {
	background: none;
}

/* ---------------------------------------------------------
	CSS Document Side Bar
--------------------------------------------------------- */

#sidebar p {
	margin-top: 10px;
}

/* ---------------------------------------------------------
	CSS Document Side Font
--------------------------------------------------------- */

#font_size {
	height: 32px;
	margin-top: 10px;
	background: url(../images/font.jpg) no-repeat 0 0;
	text-align: left;
}

#font_size p.f_left {
	width: 102px;
	margin: 0;
	text-indent: -9999px;
}

#font_size p.f_right {
	width: 90px;
	margin: 0;
}

#font_size p.f_right a.large {
	float: left;
	display: block;
	width: 25px;
	margin-top: 4px;
	margin-right: 7px;
	background: #fff;
}

#font_size p.f_right a.medium {
	float: left;
	display: block;
	width: 20px;
	margin-top: 7px;
	margin-right: 7px;
	background: #fff;
}

#font_size p.f_right a.small {
	float: left;
	display: block;
	width: 18px;
	margin-top: 10px;
	background: #fff;
}

/* ---------------------------------------------------------
	CSS Document Side Seminar
--------------------------------------------------------- */

#side_seminar {
	margin-top: 10px;
	padding-top: 11px;
	background: url(../images/side_seminar_t.jpg) no-repeat 0 0;
}

#side_seminar .box {
	background: url(../images/side_dvd_m.jpg) repeat-y 0 0;
}

#side_seminar h3 {
	height: 43px;
	text-align: center;
}

#side_seminar h3 a {
	display: block;
	height: 20px;
	overflow: hidden;
	margin: 0 10px;
	text-align: left;
	text-indent: -9999px;
}

#side_seminar h3 a:hover {
	background: url(../images/side_seminar_a.jpg) no-repeat 0 4px;
}

#side_seminar ul {
	padding: 0 15px 12px;
	background: url(../images/side_dvd_b.jpg) no-repeat left bottom;
	text-align: left;
	list-style: none;
	line-height: 130%;
	color: #369;
}

#side_seminar li {
	padding: 0 0 6px 7px;
	background: url(../images/icon.jpg) no-repeat 0 2px;
}

#side_seminar li.right {
	overflow: hidden;
	padding: 0 0 6px 7px;
	background: none;
	text-align: right;
}

* html #side_seminar li.right {
	height: 20px;
}

#side_seminar li.right a {
	color: #666;
}

#side_seminar li.right a:hover {
	color: #BF4779;
}

#side_seminar li img {
	vertical-align: middle;
}

/* ---------------------------------------------------------
	CSS Document Side DVD
--------------------------------------------------------- */

#side_dvd {
	margin-top: 10px;
	padding-top: 11px;
	background: url(../images/side_dvd_t.jpg) no-repeat 0 0;
}

#side_dvd .box {
	background: url(../images/side_dvd_m.jpg) repeat-y 0 0;
}

#side_dvd h3 {
	height: 43px;
	text-align: center;
}

#side_dvd h3 a {
	display: block;
	height: 21px;
	overflow: hidden;
	margin: 0 10px;
	text-align: left;
	text-indent: -9999px;
}

#side_dvd h3 a:hover {
	background: url(../images/side_dvd_a.jpg) no-repeat left bottom;
}

#side_dvd ul {
	padding: 0 15px 12px;
	background: url(../images/side_dvd_b.jpg) no-repeat left bottom;
	text-align: left;
	list-style: none;
	line-height: 130%;
	color: #369;
}

#side_dvd li {
	padding: 0 0 6px 7px;
	background: url(../images/icon.jpg) no-repeat 0 2px;
}

#side_dvd li.right {
	overflow: hidden;
	padding: 0 0 6px 7px;
	background: none;
	text-align: right;
}

* html #side_dvd li.right {
	height: 20px;
}

#side_dvd li.right a {
	color: #666;
}

#side_dvd li.right a:hover {
	color: #BF4779;
}

#side_dvd li img {
	vertical-align: middle;
}

/* ---------------------------------------------------------
	CSS Document Side Address
--------------------------------------------------------- */

#side_addr {
	margin-top: 10px;
	padding: 5px 10px 10px;
	border: solid 1px #ccc;
}

#side_addr address {
	margin-top: 5px;
	text-align: left;
}

html[xmlns*=""] body:last-child #side_addr address span {
	font-size: 90%;
}

#side_addr p {
	margin-top: 10px;
	padding-top: 10px;
	background: url(../images/line.jpg) no-repeat center top;
	text-align: center;
}

/* ---------------------------------------------------------
	CSS Document Footer
--------------------------------------------------------- */

#footer {
	clear: both;
	min-height: 120px;
	padding-top: 10px;
	border-right: solid 1px #ccc;
	border-left: solid 1px #ccc;
}

* html #footer {
	height: 120px;
	overflow: visible;
}

#footer ul {
	padding: 4px;
	background: #e0e0e0;
	text-align: center;
	list-sytle: none;
	color: #333;
}

#footer li {
	display: inline;
	padding: 0 10px 0 8px;
	border-left: solid 1px #666;
}

* html #footer li {
	padding: 0 6px 0 10px;
}

* + html #footer li {
	padding: 0 6px 0 10px;
}

#footer li.last {
	border-right: solid 1px #666;
}

#footer address {
	padding: 8px 20px 0;
	text-align: left;
	line-height: 140%;
}

#footer address strong {
	line-height: 25px;
}
#footer p {
	padding: 10px 15px;
	text-align: right;
	font-size: 90%;
	color: #666;
}