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

layout CSS File

File Name		layout.css
Note			共通レイアウト用スタイルシート


New Creation	
Update			


Created By		Yoshiaki Murakami

------------------------------------------------------------------------
----------------------------------------------------------------------*/

/*----------------------------------------------------------------------
------------------------------------------------------------------------
目次

1.	htmlタグ
2.	container
3.	共通部分
4.	header
5.	content
	5-1.	main
	5-2.	sub
6.	footer

------------------------------------------------------------------------
----------------------------------------------------------------------*/

/*----------------------------------------------------------------------
1.	htmlタグ
----------------------------------------------------------------------*/
html {
	height:100%;
}

body {
	height:100%;
	background:url(../img/body_bg.jpg) top center no-repeat #000;
}

* html body {
	text-align:center;
}


/*----------------------------------------------------------------------
2.	container
----------------------------------------------------------------------*/
#container {
	position:relative;
	margin:0px auto;
	width:898px;
	min-height:100%;
	background:url(../img/container_bg.png) left top repeat;
}

body > #container {
	height:auto;
}

* html #container {
	height:100%;
}


/*----------------------------------------------------------------------
3.	共通部分
----------------------------------------------------------------------*/
.nav {
	height:43px;
	overflow:hidden;
	background:url(../img/nav_bg.gif) left top no-repeat;
	text-align:center;
}

.nav ul {
	height:44px;
}

.nav li {
	float:left;
	display:inline;
	height:44px;
}

.nav li a {
	height:44px;
	width:150px;
}

.nav .top a ,
.nav .entry a {
	width:149px;
}

#container #content .section .link {
	float:right;
	height:19px;
	background:url(../img/button_link_h.png) left top no-repeat;
}

#container #content .section .link a {
	width:82px;
	height:19px;
}

/*----------------------------------------------------------------------
4.	header
----------------------------------------------------------------------*/
#container #header {
	background:url(../img/body_bg.jpg) top center no-repeat;
}

* html #container #header {
	height:1%;
	text-align:left;
}

*+html #container #header {
	height:1%;
}

#container #logo {
	margin:0px 0px 23px -4px;
	padding:13px 0px 0px;
}

* html #container #logo img {
	position:relative;
}

#container #header #subnavi {
	position:absolute;
	top:13px;
	right:0px;
}

#container #header #subnavi li {
	float:left;
	display:inline;
	margin-left:23px;
}

#container #header #subnavi .news {
	background:url(../img/subnavi_news_bg.png) right top no-repeat;
}

#container #header #subnavi .contact {
	background:url(../img/subnavi_contact_bg.png) right top no-repeat;
}

#container #header #subnavi .sitemap {
	background:url(../img/subnavi_sitemap_bg.png) right top no-repeat;
}

#container #header #subnavi li a {
	padding-left:10px;
	width:51px;
	height:8px;
	background:url(../img/header_subnavi_bg.png) left center no-repeat;
}

#container #header #subnavi li a:hover {
	background-image:url(../img/header_subnavi_bg_h.png);
}

#container #header #subnavi .news a {
	width:31px;
}


/*----------------------------------------------------------------------
5.	content
----------------------------------------------------------------------*/
#container #content {
	position:relative;
    padding-bottom:79px;
}

* html #container #content {
	text-align:left;
}

#container #content #topicpath {
	position:absolute;
	top:-61px;
	right:0px;
}

* html #container #content #topicpath {
	z-index:1;
}

#container #content #topicpath li {
	float:left;
	display:inline;
	white-space:nowrap;
	color:#fafafa;
}

#container #content #topicpath li:before {
	margin-left:0.5em;  
	content:' > ';
	color:#c5c5c5;
}

#container #content #topicpath li:first-child:before {
	content:'';
}

* html #container #content #topicpath li {
	margin-right:2px;
	padding-right:9px;
	background:url(../img/arrow.png) right center no-repeat;
}

*+html #container #content #topicpath li {
	margin-right:2px;
	padding-right:9px;
	background:url(../img/arrow.png) right center no-repeat;
}

* html #container #content #topicpath .last {
	margin:0px;
	padding:0px;
	background:none;
}

*+html #container #content #topicpath .last {
	margin:0px;
	padding:0px;
	background:none;
}

#container #content #topicpath li a {
	color:#c5c5c5;
}

#container #content .title {
	margin-bottom:30px;
	padding:6px 0px 6px 8px;
/*	background:#1c3e96;*/
	background:#024099;
}

*+html #container #content .title {
	height:1%;
}

*+html #container #content .title img {
	display:block;
}

/*
5-1.	main
----------------------------------------------------------------------*/
#container #content #main {
	float:left;
	display:inline;
	margin:25px 35px 0px;
	padding-bottom:25px;
	width:572px;
}

#container #content .section {
	margin-bottom:25px;
	padding-bottom:27px;
	background:url(../img/section_bg.gif) left bottom repeat-x;
}


/*
5-2.	sub
----------------------------------------------------------------------*/
#container #content #sub {
	float:right;
	display:inline;
	margin:25px 0px;
	padding-left:2px;
	background:url(../img/aside_bg.gif) left top repeat-y;
}

#container #content #sub .section {
	margin:0px 25px 15px;
	padding-bottom:17px;
	width:204px;
}

#container #content #sub div .title {
	margin-bottom:15px;
}

#container #content #sub #schedule .title {
	margin-bottom:13px;
}

#container #content #sub #schedule .date {
	margin-bottom:10px;
}

#container #content #sub #schedule .place {
	margin-bottom:8px;
}

#container #content #sub #schedule dl dt {
	margin-bottom:5px;
}

#container #content #sub #schedule dl dd {
	margin-bottom:8px;
	line-height:1.5em;
	color:#4c4a4a;
}

#container #content #sub #trainer .pic {
	margin-bottom:10px;
}

#container #content #sub #archive ol li {
	position:relative;
	margin-bottom:10px;
	padding-bottom:12px;
	background:url(../img/index_news_bg.gif) left bottom repeat-x;
}

#container #content #sub #archive ol .first {
	margin:0px;
	padding:0px;
	background:none;
}

#container #content #sub #archive ol li .link {
	position:absolute;
	bottom:19px;
	left:9px;
}

#container #content #sub #archive ol .first .link {
	bottom:9px;
}

#container #content #sub #etc {
	margin:0px 25px;
	width:204px;
}

#container #content #sub #etc ul li {
	float:right;
	margin:0px 0px 14px 7px;
}

#container #content #sub #etc ul .ss {
	margin-left:0px;
}

#container #content #sub #facebook {
	clear:both;
	margin:0px 25px;
	background:#fff;
}


/*----------------------------------------------------------------------
6.	footer
----------------------------------------------------------------------*/
#footer {
    position:absolute;
    bottom:0px;
    height:79px;
    width:100%;
}

* html #footer {
	left:0px;
}

#footer #copyright {
	background:#000;
	text-align:center;
	line-height:36px;
	color:#fafafa;
}