@charset "utf-8";

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

ブラウザスタイルの初期化

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

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

class名「imgover」は使用不可（rollover.jsで使うため）

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


body {
	margin:0;
	padding:0;
	color:#333333; /* 背景　*/
	font-size:12px;
	line-height:150%;
	background-color: #FFFFFF;
	background-image: url(../img/head_back.jpg);
	background-repeat: no-repeat;
}

/* Firefoxのスクロールバーの有無でセンタリング位置がズレる件を解消用 */

html, body {
	height: 100%;
}

/* 画像のリンクボーダーの削除 */

img {
    border:0;
	vertical-align: bottom;  /*FirefoxなどのGecko系対策 */
}

/* 共通リンク設定 */

a:link {
	color:#069;
    text-decoration:underline;
}
a:visited {
    text-decoration:underline;
}
a:hover {
    text-decoration:underline;
}
a:active {
    text-decoration:underline;
}

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

見出し、段落、フォント

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

h1 {
	margin:0;
	padding:0;
	line-height:100%;
	vertical-align:bottom;
}

h2,h3,h4,h5,h6 {
	margin:20px 0 10px;
	padding:0;
	line-height:100%;
	vertical-align:bottom;
} 

p {
	margin-bottom:10px;
	padding:0;
}

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

フォントカラー

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

.fcRed {
	color:#FF0000;
}



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

共通レイアウト

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

/* フロート用 */

.ftRight {
	float:right;
}

.ftRightPd10 {
	float:right;
	padding:0 0 0 10px;
}

.ftLeft {
	float:left;
}

.ftLeftPd5 {
	float:left;
	padding:5px;
}

.imgaBtt {
	vertical-align: bottom;
	margin: 0px;
	padding: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/* テキスト位置用 */

.alignCenter {
	text-align:center;
}

.alignRight {
	text-align:right;
}

.alignLeft {
	text-align:left;
}


/* パディング用 */

.pdTop10{
	padding-top:10px;
}

.pdTop20{
	padding-top:20px;
}

.pdBottom10{
	padding-bottom:10px;
}

.pdBottom15{
	padding-bottom:15px;
}

.pdBottom20{
	padding-bottom:20px;
}

.pdBottom40{
	padding-bottom:40px;
}

.pdLeft5 {
	padding-left:5px;
}

.pdLeft10 {
	padding-left:10px;
}

.pdLeft20 {
	padding-left:20px;
}

.pdRight10 {
	padding-right:10px;
}

.pdRight20 {
	padding-right:20px;
}


/* マージン用 */

.mgTop10{
	margin-top:10px;
}

.mgTop15{
	margin-top:15px;
}

.mgTop20{
	margin-top:20px;
}

.mgTop35{
	margin-top:35px;
}

.mgBottom5{
	margin-bottom:5px;
}

.mgBottom10{
	margin-bottom:10px;
}

.mgBottom15{
	margin-bottom:15px;
}

.mgBottom20{
	margin-bottom:20px;
}

.mgBottom30{
	margin-bottom:30px;
}

.mgBottom40{
	margin-bottom:40px;
}

.mgLeft10 {
	margin-left:10px;
}

.mgLeft20 {
	margin-left:20px;
}

.mgRight10 {
	margin-right:10px;
}



/* クリアフロート用 */

.clear {
	clear:both;
}

.clearfix {
	display: inline-table;
}

.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* インライン・ボックス */

.displayInline {
	display:inline;
}

.displayBlock {
	display:block;
}


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

ヘッダー、グローバルナビ

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

div#wrapperAll {
	
	width:760px;
	margin: 0 auto 0;
	padding:0;
	/* background:url(../img/bg_wrapper.gif) repeat-y; */
}


div#container {
	width:760px;
	/* margin: 25px auto 0; */
	/* background:url(../img/bg_container.gif) no-repeat; */
}


div#container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div#container{
    height: 1em;
    overflow: visible;
}
/**/


div#container #header {
	width:760px;
	margin:0;
	padding:0;

}

div#container #header p.catch {
	padding:0;
	margin:0;
}

div#container #header ul.hNavi,
div#container #header ul.mNavi,
div#container #header ul.bNavi {
	list-style:none;
	margin:0;
	padding:0;
}

div#container #header ul.mNavi {
	margin:24px 0 16px 0;
	
}

div#container #header ul.hNavi li,
div#container #header ul.mNavi li,
div#container #header ul.bNavi li {
	display:inline;
	float:left;
}

div#container #header ul.mNavi li.logo {
	margin:0 61px 0 0;
}

div#container #header ul.hNavi {
	height:42px;
}

div#container #header ul.mNavi {
	height:29px;
}

div#container #header ul.bNavi {
	float:right;
	height:27px;
}



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

サイドバー

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

div#container #sidebar {
	width:200px;
	position:relative;
	margin: 0;
	padding: 0;
	float: left;
}

div#container #sidebar ul {
	width:200px;
	list-style:none;
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
} 

div#container #sidebar ul li {
	float:left;
	font-size:1px; /* WindowsIE用 */
	line-height:0; /* WindowsIE用 */
}

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

パンくずメニュー

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

.topicpath {
	width:540px;
	clear:both;
	margin:5px 0 0 220px;
	text-align:left;
	font-size:11px;
}



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

コンテンツ部分

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

div#container #content {
	float:right;
	width:540px;
	position:relative;
	right:0px;
	margin:0;
	padding:0;
}

#keyvisual {
	margin:0;
	padding:0;
}

ul#anchorMenu {
	clear:both;
	width:540px;
	margin:0;
	padding:0;
	list-style:none;
}

ul#anchorMenu li.typeA {
	display:inline;
	float:left;
	margin:2px 2px 20px 0;
}

ul#anchorMenu li.typeB {
	display:inline;
	float:left;
	margin:2px 0 20px 0;
}


div.pictRight {
	float:right;
	width:200px;
	margin-left:10px;
}

div.pictLeft {
	float:left;
	width:330px;
}

.curriculumLine {
	padding:3px 0 3px 0;
	line-height:180%;
	border-bottom:1px dotted #999;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.tbLine {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-bottom: 20px;
	padding-top: 20px;
}


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

フッター

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

div#footer {
	clear:both;
	width:760px;
	margin:0 auto;
	padding-bottom:20px;
	/* background:url(../img/bg_footer.gif) no-repeat bottom; */
}

div#footer ul {
	float:left;
	list-style:none;
	padding:0;
	margin:0;
}

div#footer ul li {
	display:inline;
}

div#footer p {
	margin:0;
	padding:0;
}

div#footer #copyright{
	display:inline;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	text-align:right;
}

div#footer #bar {
	margin:0;
	padding:3px 0 6px 0;
}

/*  history
-----------------------------------------------------------------------------*/

#history_cnt01 .fl{
  width:380px;
}

#history_cnt02 {
  padding-top:30px;
}
#history_cnt02 table{
  width:540px;
  margin:0 auto 0;
  background:url(../../history/indeximg/ht_bg.gif) repeat-y;
}
#history_cnt02 th{
  width:70px;
  text-align:left;
  vertical-align:top;
  padding: 10px 0;
}
#history_cnt02 td{
  border-bottom:dotted 1px #898989;
  vertical-align: top;
  padding: 15px 0;
}
#history_cnt02 #topth {
  padding: 0 0 10px;
  }
#history_cnt02 #toptd {
  padding: 13px 0 0;
  }
#history_cnt02 #intd {
  padding: 22px 0 ;
  }
#history_cnt02 span{
  font-weight:bold;
  }
#history_cnt02 .gray{
  font-weight:bold;
  font-size:10px;
  }
#history_cnt02 .visual{
  width:531px;
  margin:0 auto;
  font-size:10px;
  line-height:14px;
  }
#history_cnt02 .bc{
  padding-top:20px;
  }
#history_cnt02 .ma_r17{
  margin-right:17px;
  }
.bluetxt {
  color: #0e4aae;
  }

.greentxt {
  color: #0a6d03;
  }
.red {
  color: #d52508;
  }
.pink {
  color: #ee468d;
  }
.fs10 {
	font-size: 10px;
	color: #666666;
}

/*  sitemap
-----------------------------------------------------------------------------*/

#sitemap {
	padding-bottom:3px;
	background:url(../../sitemap/indeximg/bd_bg.gif) repeat-x bottom;
	width:540px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 0px;
}
#sitemap #home{
  background:url(../../sitemap/indeximg/bd_bg.gif) repeat-x bottom;
}
#sitemap #home p{
  padding:0 18px 12px;
  background:url(../../sitemap/indeximg/icon01.gif) no-repeat 3px 4px;
}
#sitemap table{
  width:540px;
}
#sitemap th{
  background:#E8F3FF url(../../sitemap/indeximg/icon01.gif) no-repeat 16px 24px;
  border-bottom:dotted 1px #898989;
  font-weight:normal;
  text-align:left;
  vertical-align:top;
  width:130px;
  padding:20px 16px 20px 32px;
}
#sitemap td{
  border-bottom:dotted 1px #898989;
  padding:20px 20px 10px;
}
#sitemap td p{
  padding:0 16px 10px;
  background:url(../../sitemap/indeximg/icon02.gif) no-repeat 0 6px;
}
#sitemap .nobd{
  border-bottom:0px;
}

/*  access
-----------------------------------------------------------------------------*/
#access_map{
  background:#FFFFFF none repeat scroll 0%;
  width:760px;
  }
#access_map #in{
  width:700px;
  margin:20px auto 45px;
  }
#access_map #lw{
  width:275px;
  }
#access_map #sen {
  padding-left:20px;
  }
#access_map #sen dd{
  font-size:10px;
  padding:0 10px 2px 40px;
  }
#access_map_cnt{
  margin-top:50px;
  }
#access_map_cnt p{
  margin:15px 0 5px;
  }
#access_map_cnt #icon{
  margin-right:5px;
  }
.fr {
  float: right;
  }
.fl {
  float: left;
  }
.align_c {
  text-align: center;
  }
.ma_b20 {
  margin-bottom: 20px;
  }

/*  movie
-----------------------------------------------------------------------------*/
.movie_base {
	background-image: url(../movie/img/bg_img.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}