@charset "UTF-8";

/*-------------------------------------------------
  == Website CSS Divider ==
  -------------------------------------------------
  File       : style.css
  Date       : 2006.02.10
  Last Update: 2007.09.26
-------------------------------------------------*/
/*

1 - Global Setting
	1-1 Body & IMG Module
	1-2 Text Module / テキスト設定
	1-3 Hypertext Module / リンク設定
	1-4 Table Module / テーブル設定
	1-5 Form Module / フォーム設定

2 - Site Setting
	2-1 Layout Setting / レイアウト設定
	2-2 Header Setting / ヘッダー設定
	2-3 Navigation Setting / ナビゲーション設定

*/

/*------------------------------------------------------------------------------------*/
/* 1 - Global Setting
--------------------------------------------------------------------------------------*/

/* 1-1 Body & IMG Module
-------------------------------------------------*/
body {

}

img {
	vertical-align: bottom;
	border: none;
}


/* 1-2 Text Module
-------------------------------------------------*/
p,
li,
dt,
dd,
th,
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.4;
}

li li,
li dd,
dd li,
td p,
td li,
td dt,
td dd,
td td {
	font-size: 100%;
}

strong {
	font-weight: bold;
}


/* 1-3 Hypertext Module
-------------------------------------------------*/
a {

}

a:link {

}

a:visited {

}

a:hover {

}


/* 1-4 Table Module
-------------------------------------------------*/

/* tbl_00 */
table.tbl_00 {
	border: 1px solid #ccc;
	border-collapse: collapse
}

table.tbl_00 th,
table.tbl_00 td {
	padding: 10px;
	border: 1px solid #ccc;
}

table.tbl_00 th {
	font-weight: bold;
	background-color: #EDF8F7;
}

table.tbl_00 td {
	background-color: #fff;
}

/* 1-5 Form Module
-------------------------------------------------*/
input,
textarea {
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, sans-serif; /* for MacIE5 */
	/*\*/
	font-family: inherit;
	/**/
}


/*------------------------------------------------------------------------------------*/
/* 2 - Site Setting
--------------------------------------------------------------------------------------*/

/* 2-1 Layout Setting
-------------------------------------------------*/
/* content */
#top_content {
	width: 746px;
	text-align: left;
	margin: 0 auto;
}
#content {
/*	width: 740px;*/
	text-align: left;
	margin: 0 20px;;
	padding-bottom: 40px;
}
.ttl_table {
	margin: 40px 0 20px 0;
}
.ttl_table p {
	float: left;
	margin-right: 20px;
}

div#iPod_table {
/*	width: 740px;
	height: 580px;
	overflow: scroll;*/
	padding: 0 20px 0 0;
	margin: 0 20px 10px 0;
	width: 100%;
}
table.iPod {
	border-collapse: collapse;
}
table.iPod th,
table.iPod td {
/*	border: 1px solid #fff;*/
	border: 1px solid #bbb;
/*	font-size: 92%;*/
	font-size: 88%;
	font-weight: normal;
}
table.iPod th {
	white-space: nowrap;
}
table.iPod td.space {
	border: none !important;
	background: #fff;
}
table.iPod th.border_b_none {
	border-bottom: none !important;
	vertical-align: top;
}
table.iPod th.border_t_none {
	border-top: none !important;
/*	border-bottom: 3px solid #fff !important;*/
	border-bottom: 1px solid #ccc !important;
}
table.iPod td p {
	font-size: 84%;
	text-align: center;
}
.level01 {
/*	background-color: #5a819f;*/
	background-color: #ffffff;
	color: #fff;
	font-weight: bold;
/*	border-right: 3px solid #fff !important;*/
/*	border-bottom: 3px solid #fff !important;*/
	border-right: 1px solid #ccc !important;
	border-bottom: 1px solid #ccc !important;
	border-left: 1px solid #fff !important;
	border-top: 1px solid #fff !important;
	padding: 0 !important;
}
.bottomLineNone {
	border-bottom: 1px solid #fff !important;
}
.level02 {
/*	background-color: #3a83bb;*/
	background: url(../../img/bg01.gif) repeat-x;
	color: #fff;
	font-weight: bold;
	vertical-align: bottom;
/*	padding-bottom: 5px;*/
	height: 80px;
}
.level02 p {
/*	width: 100px;*/
}
.level03 {
	background-color: #5ba4dc;
	color: #fff;
	font-weight: bold;
}
.level04 {
	background-color: #bbb;
	color: #333;
/*	border-right: 3px solid #fff !important;*/
	border-right: 1px solid #ccc !important;
}
.level05 {
	background-color: #b3daf7;
/*	background: url(../../img/bg02.gif) repeat-y;*/
	color: #333;
	white-space: nowrap;
	width: 100px;
}
.level05 p {
	white-space: nowrap;
	font-weight: bold;
}
.level05 p span.note {
	font-weight:normal;
	font-size: 75%;
	vertical-align:middle;
}
.level06 {
	background-color: #eeeeee;
	color: #333;
/*	border-right: 3px solid #fff !important;*/
	border-right: 1px solid #ccc !important;
}
.level04 p,
.level05 p,
.level06 p {
	padding: 5px 10px;
}
.level01 p {
	padding: 10px;
}
.level02 p {
	padding: 5px 5px;
}
.level03 p {
	padding: 2px 10px;
}

.align_center { text-align: center; }
.align_left   { text-align: left; padding: 3px 0;}
.align_right  { text-align: right; }
.border_t_3 { border-top: 3px solid #fff !important; }

tr.odd td {
	background-color: #fff;
}

p.attention {
	color: red;
	font-weight: bold;
	font-size: 92%;
}
table.caption_table td {
	font-size: 92%;
}
table.caption_table td img {
	vertical-align: middle;
}

/* for tablecloth */
th.over, tr.even th.over, tr.odd th.over{}
th.down, tr.even th.down, tr.odd th.down{}
th.selected, tr.even th.selected, tr.odd th.selected{}

/*td.over, tr.even td.over, tr.odd td.over{background:#eee;}*/
td.down, tr.even td.down, tr.odd td.down{background:#b3daf7;}
td.selected, tr.even td.selected, tr.odd td.selected{background:#b3daf7;color:#555;}

/* use this if you want to apply different styleing to empty table cells*/
td.empty, tr.odd td.empty, tr.even td.empty{}

td.dispno,th.dispno {
	display: none !important;
}