@charset "UTF-8";

/*クリアーフィックスの設定*/
.clearfix:after
{
	content: "";
	display: block;
	clear: both;
}

/******************************************************************************/
/**********************************以下仮組み**********************************/
/******************************************************************************/

/*フッタを画面最下部に置くための指定*/
html
{
	height: 100%;
}

/*背景*/
body
{
	height: 100%;
	background-image: url("../img/BackGround_Tile-01.png");
}

/*ページコンテンツが入ったボックス*/
div#container
{
	width: 1100px;
	min-height: 100%;
	margin: 0px auto;
	padding: 0.1px 0 0; /*margin相殺の阻止*/
	position: relative;
	background: url("../img/Text_Box_Back.png") repeat;
}

/*ヘッダ*/
header
{
	height: 80px;
	margin: 10px 0;
	position: relative;
	background-image: url("../img/TitleBar_Tile-02.png");
}

header:after
{
	content: "";
	width: 470px;
	height: 60px;
	position: absolute;
	top: 10px;
	left: 300px;
	background: url("../img/TitleBar_CircleName-01.png") no-repeat;
}

#twitter-follow
{
	display: block;
	width: 135px;
	height: 40px;
	position: absolute;
	right: 8px;
	top: 12px;
	background: url("../img/Twitter_Button.png") no-repeat;
	text-indent: -99999px;
}

#twitter-follow:hover
{
	background-position: 0 -40px;
}

header ul
{
	position: absolute;
	right: 0;
	bottom: 0;
}

header ul li
{
	list-style: none;
	float: left;
}

/*背景画像設定*/
header ul li a
{
	height: 22px;
	display: block;
	margin-left: -11px;
	text-indent: -99999px;
	background: url("../img/SideMenu.png") no-repeat;
}

header ul li a#schedule
{
	width: 85px;
	background-position: 0 0;
}

header ul li a#schedule:hover
{
	background-position: 0 -22px;
}

header ul li a#about
{
	width: 65px;
	background-position: -85px 0;
}

header ul li a#about:hover
{
	background-position: -85px -22px;
}

header ul li a#sitemap
{
	width: 87px;
	background-position: -150px 0;
}

header ul li a#sitemap:hover
{
	background-position: -150px -22px;
}

header ul li a#memberonly
{
	width: 132px;
	background-position: -237px 0;
}

header ul li a#memberonly:hover
{
	background-position: -237px -22px;
}

/*ヘッダ・フッタ以外の部分*/
div#main
{
	padding-bottom: 50px;
}

/*左のメニュー*/
nav#sideMenu
{
	width: 140px;
	min-height: 630px;
	float: left;
}

nav#sideMenu ul
{
	list-style: none;
}

nav#sideMenu li
{
	display: none;
}

/*パンくずリスト*/
div#contents nav#breadcrumb
{
	height: 100%;
}

div#contents nav#breadcrumb ul
{
	margin: 0;
}

div#contents nav#breadcrumb li
{
	padding: 0;
	background: none;
	list-style: none;
	display: inline;
}

div#contents nav#breadcrumb li a
{
	padding-right: 10px;
	background: url("../img/breadcrumb.gif") no-repeat right center;
}

div#contents nav#breadcrumb li h1
{
	font-size: 100%;
	display: inline;
}

/*コンテンツの入ったボックス*/
div#contents
{
	width: 940px;
	margin-left: 160px;
	padding: 0.1px; /*マージン相殺の防止*/
	font-size: 20px;
}

/*フッタ*/
footer
{
	width: 1100px;
	height: 30px;
	position: absolute;
	bottom: 10px;
	color: #fff;
	background-color: #595959;
	text-align: center;
}

/*テキスト関連のデザイン*/

/*見出し*/
#contents h2,#contents h3,#contents h4
{
	padding: 0 10px;
}
/*大見出し*/
#contents h2
{
	height: 40px; /*このあたり背景画像等のデザインによると思うので素材が来たら修正あり*/
	line-height: 40px;
	margin: 5px 5px 10px;
	font-size: 150%;
	color: #fff;
	background-color: rgb(255,136,51);
}
/*中見出し*/
#contents h3
{
	height: 35px;
	line-height: 40px;
	margin: 5px 15px 10px 10px;
	font-size: 125%;
	background-color: #f0f0f0;;
	border-left : 5px solid rgb(255,136,51);
	border-bottom : 5px solid rgb(255,136,51);
}
/*小見出し*/
#contents h4
{
	height: 25px;
	line-height: 25px;
	margin: 5px 25px 10px 20px;
	font-size: 100%;
	border-left : 5px solid rgb(255,136,51);
}

/*段落*/
#contents p
{
	margin: 0.25em 2em;
	text-indent: 1em;
}

/*補足*/
#contents dl
{
	margin: 5px 40px; /*パラグラフのマージンに合わせる*/
	font-size: 75%;
}
/*補足の見出し*/
#contents dt
{
	display: block;
	border-bottom: 1px dotted #595959;
	font-weight: bold;
}
/*補足の要約*/
#contents dd
{
	display: block;
	padding-left: 2em;
}

/*箇条書きリスト*/
#contents ul
{
	list-style: none;
	margin: 0.25em 2em 0.25em 3em;
}

#contents ul ul, #contents ul ul ul
{
	margin-left: 1em;
	margin-right: 0;
}

#contents li
{
	padding-left: 12px;
}

#contents ul li
{
	background: url("../img/List-01.png") no-repeat center left;
}

#contents ul ul li
{
	background: url("../img/List-02.png") no-repeat center left;
}

#contents ul ul ul li
{
	background: url("../img/List-03.png") no-repeat center left;
}

/*順序付きリスト*/
#contents ol
{
	margin: 0.25em 2em 0.25em 4em;
}

#contents ol ol, #contents ol ol ol
{
	margin-left: 1em;
	margin-right: 0;
}

#contents ol li
{
	padding: 0;
}

/*強調*/
#contents strong
{
	color: red; /*お試し。とりあえず何か色があった方がいいと思う*/
}

/*アクセント*/
#contents em
{
	margin: 0 0.25em; /*フォントによっては斜体にならない？*/
}

/*テーブル*/
#contents table
{
	margin: 5px auto;
	border-collapse: collapse;
	border: 2px solid #595959;
}

#contents th, #contents td
{
	border: 1px solid #595959;
}

#contents th
{
	color: #fff;
	background-color: rgb(255,136,51);
}

#contents tr:nth-of-type(odd)
{
	background-color: #f0f0f0;
}

#contents tr:nth-of-type(even)
{
	background-color: white;
}

/*リンク関連*/
.nopage
{
	background-color: rgb(255,212,0);
}

a:hover
{
	color: rgb(89,109,178);
}

a:active
{
	color: rgb(255,212,0);
}

a:visited
{
	color: rgb(89,109,178);
}

#contents a[href^="http://"]
{
	padding-right: 14px;
	background: url("../img/ExternalLink.png") no-repeat center right;
}

/*画像*/
#contents img
{
	display: block;
	max-width: 920px;
	margin: 5px auto;
}

#contents .slider img
{
	margin: 0;
}

#contents p img
{
	display: inline;
	margin: 5px;
}

/*ローディング画面*/
div.loading
{
	height: 16px;
	margin: 0 auto;
	background: url("../img/Loading.gif") no-repeat center center;
}