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

    Content:
    
        1) HTMLタグの初期化
        2) ヘッダスタイル
		3) サイドバースタイル
		4) Universalスタイル
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) HTMLタグの初期化
---------------------------------------------------------------------------------------------------------- */
body {
	margin : 0px;
	padding : 0px;
	font-family : 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック';
	font-size : 12px;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	line-height : 130%;
	letter-spacing : 1px;
	color:#333;
	background-color : #333333;
	text-align : center;
}
/* リンク画像はボーダーなし余白なし */
a img {
	border : none;
	padding : 0px;
	margin : 0px;
}
h1, h2, h3 {
	margin : 0px;
	padding : 0px;
	font-weight : normal;
}
#header_box h1 {
	position : absolute;
	top : 10px;
	left : 20px;
	font-size : 10px;
	text-align : left;
	margin : 0px;
	padding : 0px;
	color : #ffffff;
}
/* ----------------------------------------------------------------------------------------------------------
2) ヘッダスタイル
---------------------------------------------------------------------------------------------------------- */
/* メインメニュー */
#mainMenu {
	height : 45px;
	width : 800px;
	margin : 0px;
	padding : 0px;
}
#header ul {
	list-style-type : none;
	margin : 0px 0px 0px 1px;
	padding : 0px;
}
#mainMenu li {
	float : left;
	width : 114px;
	height : 45px;
	margin : 0px;
	padding : 0px;
}
#mainMenu li a {
	display : block;
	overflow : hidden;
	height : 0 !important;
	height : 45px;
	margin : 0px;
	padding-top : 45px;
	background-image : url("../images/common/mainMenu.jpg");
}
/* 通常 */
#mMenu01 a {
	background-position : -0px 0px;
}
#mMenu02 a {
	background-position : -114px 0px;
}
#mMenu03 a {
	background-position : -228px 0px;
}
#mMenu04 a {
	background-position : -342px 0px;
}
#mMenu05 a {
	background-position : -456px 0px;
}
#mMenu06 a {
	background-position : -570px 0px;
}
#mMenu07 a {
	background-position : -684px 0px;
}
/* オンマウス */
#mMenu01 a:hover {
	background-position : -0px -45px;
}
#mMenu02 a:hover {
	background-position : -114px -45px;
}
#mMenu03 a:hover {
	background-position : -228px -45px;
}
#mMenu04 a:hover {
	background-position : -342px -45px;
}
#mMenu05 a:hover {
	background-position : -456px -45px;
}
#mMenu06 a:hover {
	background-position : -570px -45px;
}
#mMenu07 a:hover {
	background-position : -684px -45px;
}
/* 現在位置 */
#mMenu01 a.stay {
	background-position : -0px -90px;
}
#mMenu02 a.stay {
	background-position : -114px -90px;
}
#mMenu03 a.stay {
	background-position : -228px -90px;
}
#mMenu04 a.stay {
	background-position : -342px -90px;
}
#mMenu05 a.stay {
	background-position : -456px -90px;
}
#mMenu06 a.stay {
	background-position : -570px -90px;
}
#mMenu07 a.stay {
	background-position : -684px -90px;
}
/* ----------------------------------------------------------------------------------------------------------
3) サイドバースタイル
---------------------------------------------------------------------------------------------------------- */
.sideMenu {
	margin : 0px;
	padding : 0px;
	list-style-type : none;
	background-image:url(../images/common/bg_sideMenu.jpg);
}
.sideMenu li {
	width : 170px;
	margin : -1px 0px 0px;
	padding : 0px;
	border : 1px solid #999999;
}
/* サイドメニュー single 通常 */
.single a {
	display : block;
	width : 145px;
	height : 24px;
	/* hack 4 ie6 */
	_width : 170px;
	_height : 30px;
	margin : 0px;
	padding : 6px 0px 0px 25px;
	font-weight:500;
	text-decoration : none;
	color : #333;	
/*	color : #fff; */
/*	background-color : #e6e6e6;*/
	background-image : url("../images/common/list_r.gif");
	background-position : 10px;
	background-repeat : no-repeat;
}
/* サイドメニュー single オンマウス */
.single a:hover {
	font-weight:bold;
	color : #0099ff;
/*	color:#00F;*/
	background-color : #cccccc;
	background-image : url("../images/common/list_r.gif");
	background-position : 10px;
	background-repeat : no-repeat;
}
/* サイドメニュー parent 通常 */
.parent span{
	display : block;
	width : 145px;
	height : 24px;
	/* hack 4 ie6 */
	_width : 170px;
	_height : 30px;
	margin : 0px;
	padding : 6px 0px 0px 25px;
	font-weight : 500;
	text-decoration : none;
	color : #333;	
	background-image : url("../images/common/list_u.gif");
	background-position : 10px;
	background-repeat : no-repeat;
}
/* サイドメニュー parent 通常 */
.parent a {
	display : block;
	width : 145px;
	height : 24px;
	/* hack 4 ie6 */
	_width : 170px;
	_height : 30px;
	margin : 0px;
	padding : 6px 0px 0px 25px;
	font-weight : 500;
	text-decoration : none;
	color : #333;	
/*	color : #fff; */
/*	background-color : #e6e6e6;*/
	background-image : url("../images/common/list_u.gif");
	background-position : 10px;
	background-repeat : no-repeat;
}
/* サイドメニュー parent オンマウス */
.parent a:hover {
	font-weight:bold;
	color : #0099ff;
/*	color:#00F;*/
	background-color : #cccccc;
	background-image : url("../images/common/list_u.gif");
	background-position : 10px;
	background-repeat : no-repeat;
}
/* サイドメニュー child 通常 */
.child a {
	display : block;
	width : 130px;
	height : 24px;
	/* hack 4 ie6 */
	_width : 170px;
	_height : 30px;
	margin : 0px;
	padding : 6px 0px 0px 40px;
	font-weight : 500;
	text-decoration : none;
	color : #333;	
/*	color : #fff; */
/*	background-color : #e6e6e6;*/
	background-image : url("../images/common/list_r.gif");
	background-position : 25px;
	background-repeat : no-repeat;
}
/* サイドメニュー child オンマウス */
.child a:hover {
	font-weight:bold;
	color : #0099ff;
/*	color:#00F;*/
	background-color : #cccccc;
	background-image : url("../images/common/list_r.gif");
	background-position : 25px;
	background-repeat : no-repeat;
}
/* サイドメニュー2行 child2 通常 */
.child2 a {
	display : block;
	width : 130px;
	height : 35px;
	/* hack 4 ie6 */
	_width : 170px;
	_height : 60px;
	margin : 0px;
	padding : 6px 0px 0px 40px;
	font-weight : 500;
	text-decoration : none;
	color : #333;	
/*	color : #fff; */
/*	background-color : #e6e6e6;*/
	background-image : url("../images/common/list_r.gif");
	background-position : 25px;
	background-repeat : no-repeat;
}
/* サイドメニュー2行 child2 オンマウス */
.child2 a:hover {
	font-weight:bold;
	color : #0099ff;
/*	color:#00F;*/
	background-color : #cccccc;
	background-image : url("../images/common/list_r.gif");
	background-position : 25px;
	background-repeat : no-repeat;
}
/* サイドメニュー stay */
.stay a {
	font-weight:bold;
	color : #ff0000;
}
/* サイドメニュー stay オンマウス */
.stay a:hover {
	color : #ff0000;
}
/* 罫線 */
hr {
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #999;
	height: 1px;
}
.nowrap {
	white-space:nowrap;
}
/* 左サイドメニュー罫線 */
.hr-left {
	margin:5px auto;
	padding:0px;
	width: 165px;
	text-align:center;
}
/* 右サイドメニュー罫線 */
.hr-right {
	margin:3px auto;
	padding:0px;
	width: 160px;
	text-align:center;
}
/* カテゴリ内メニュー罫線 */
.hr-course {
	padding:0px;
	margin:auto;
	width: 550px;
	text-align:center;
}
/* インフォメーションメニュー */
#infoMenu {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
/* スケジュールメニュー */
#scheduleMenu {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#scheduleMenu img {
	float:left;
	margin: 0px;
	/* hack 4 ie6 */
	_margin: -2px 0px 0px -3px;
	padding:0px;
}
/* スタッフメニュー */
#staffMenu {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#staffMenu img {
	float:left;
	margin: 0px 1px 0px;
	/* hack 4 ie6 */
	_margin: 0px 0px 0px 4px;
	padding:0px;
}
/* スタッフギャラリー */
#staffgallery {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#staffgallery ul {
	margin:0px;
	padding:0px;
}
#staffgallery li {
	float:left;
	width:80px;
	height:48px;
	margin:0px;
	padding:0px;
}
/* サイドバナー */
#sideBanner {
	margin : 0px;
	padding : 0px;
	list-style-type : none;
}
#sideBanner li {
	width : 176px;
	height : 80px;
	margin : 0px 1px 2px;
	padding : 0px;
}
/* リンクについて */
#aboutLink {
	width : 176px;
	margin : 0px 1px 0px;
	padding : 0px;
}
/* リンクタグエリア */
.linkarea {
	margin:0px;
	padding:0px;
	width:174px;
	/* hack 4 ie6 */
	_width:176px;
	font-size:12px;
	color:#333;
	overflow:auto;
}
/* PADIロゴ */
#padiLogo {
	width : 150px;
	margin : 0px 14px 5px;
	padding : 0px;
}
/* その他のバナー */
#otherBanner {
	margin : 0px 0px 0px;
	padding : 0px;
	list-style-type : none;
}
#otherBanner li {
	width : 176px;
	margin : 0px 1px 2px;
	padding : 0px;
}
#otherBanner img {
	width : 176px;
}
/* フッタメニュー */
.footerMenu {
	clear : both;
	width : 780px;
	margin : 0px 10px;
	padding : 0px;
}
.footerMenu li {
	margin : 0px;
	padding : 0px;
	display : inline;
}
/* ----------------------------------------------------------------------------------------------------------
4) Universalスタイル
---------------------------------------------------------------------------------------------------------- */
/* 画像下寄せ */
img.text-bottom {
	vertical-align:text-bottom;
}
/* 左寄せ */
.f-left {
	float : left;
	width : auto;
}
/* 右寄せ */
.f-right {
	float : right;
	width : auto;
}
/* 上寄せ */
.valign-top {
	vertical-align:top;
}
/* 下寄せ */
.valign-bottom {
	vertical-align:bottom;
}
/* 回り込み解除 */
.clear {
	clear : both;
}
/* 中央揃え */
.text-align-center {
	text-align : center;
}
/* 左揃え */
.text-align-left {
	text-align : left;
}
/* 右揃え */
.text-align-right {
	text-align : right;
}
/* 赤文字 */
.font-notice {
	color:#f00;
}
/* オレンジ文字 */
.font-orange {
	color:#FF8000;
}
/* 白文字赤帯 */
.font-notice2 {
	background-color:#F00;
	color:#FFF;
	font-weight:bolder;
	text-align:center;
	margin:0px;
	padding:2px;
}
/* 小さな文字 */
.font-small {
	font-size:10px;
}
/* 普通サイズの文字 */
.font-normal {
	font-size:12px;
}
/* 中くらいの文字 */
.font-medium {
	font-weight:bold;
	font-size:16px;
}
/* 太い文字 */
.font-bold {
	font-weight:bolder;
}
/* 大きい文字 */
.font-big {
	font-weight:bold;
	font-size:18px;
}
/* 超大きい文字 */
.font-mega {
	font-weight:bold;
	font-size:36px;
}
/* 基本テーブル */
table.base {
	width:100%;
	line-height:130%;
	letter-spacing : 1px;
	font-size:12px;
	table-layout:fixed;
	margin:0px;
	padding:0px;
	border-collapse:collapse;
}
table.base th {
	color:#fff;
	background-color:#09F;
	border-width:1px;
	border-style:solid;
	border-color:#333333;
	text-align:center;
}
table.base td {
	border-width:1px;
	border-style:solid;
	border-color:#333333;
	empty-cells:show;
}
table.base td.notice {
	background-color:#ff0;
}
table.base td.ignore {
	background-color:#CCC;
}
/* 基本テーブル */
table.base-auto {
	width:100%;
	line-height:130%;
	letter-spacing : 1px;
	font-size:12px;
	table-layout:auto;
	margin:0px;
	padding:0px;
	border-collapse:collapse;
}
table.base-auto th {
	color:#fff;
	background-color:#09F;
	border-width:1px;
	border-style:solid;
	border-color:#333333;
	text-align:center;
}
table.base-auto td {
	border-width:1px;
	border-style:solid;
	border-color:#333333;
	empty-cells:show;
}
span.ignore {
	background-color:#CCC;
}
/* 横幅400pxテーブル */
table.col400 {
	width:400px;
	line-height:130%;
	letter-spacing : 1px;
	font-size:12px;
	table-layout:fixed;
	margin:0px;
	padding:0px;
	border-collapse:collapse;
}
table.col400 th {
	color:#fff;
	background-color:#09F;
	border-width:1px;
	border-style:solid;
	border-color:#333333;
	text-align:center;
}
table.col400 td {
	border-width:1px;
	border-style:solid;
	border-color:#333333;
	empty-cells:show;
}
/* 横並びリスト */
.collist ul {
	margin:0px;
	padding:0px;
}
.collist li {
	list-style-type:none;
	width:120px;
	margin:0px;
	padding:0px;
	float:left;
}
/* ime-mode：IMEオン （日本語入力モード） */
input.ime-active {
	ime-mode: active;
}
/* ime-mode：IMEオフ （英数字入力モード） */
input.ime-inactive {
	ime-mode: inactive;
}
/* 基本的なリストスタイル */
ul.baselist {
	margin:0px;
	padding:0px;
}
ul.baselist li {
	margin:0px 0px 0px 20px;
	padding:0px;
}
/* 基本的なリストスタイル */
ol.baselist {
	margin:0px 0px 0px 0px;
	padding:0px;
}
ol.baselist li {
	margin:0px 0px 0px 20px;
	/* hack 4 ie6 */
	_margin:0px 0px 0px 30px;
	padding:0px;
}
/* hack 4 ie7 */
*:first-child+html ol.baselist li {
	margin:0px 0px 0px 30px;
}
/* リストマークなしスタイル */
ul.nomarklist {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
ol.nomarklist li {
	margin:0px 0px 0px 30px;
	padding:0px;
}
a.no-decoration {
	text-decoration:none;
	color:#ffffff;
}
/* メルマガタイトル帯に使用 */
.spacer_r56 {
	margin:0px 56px 0px 0px;
	padding:0px;
}
.spacer_r35 {
	margin:0px 35px 0px 0px;
	padding:0px;
}
.spacer_r26 {
	margin:0px 26px 0px 0px;
	padding:0px;
}
.display_none {
	display:none;
}
.display_block {
	display:block;
}