/*
===== CONTENTS ===========================================

1: universal reset 
2: body and base setting
3: link setting
4: layout setting
5: contents setting

==========================================================
*/

/*
===== 1: universal reset =================================
*/

body,
div,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,a,
img,
table,th,td,
dl,dt,dd,
form {
padding: 0px;
margin: 0px;
border: 0px;
font-size: 100%;
font-style: normal;
}


/*
===== 2: body and base setting ===========================
*/

body {
padding: 0px;
margin: 0px;
text-align: center;
background-color: #ffffff;
position: relative;
}

img {
border: none;/* img do not want a border */
display: inline;/* img default setting */
}

span {
}

.clear {
padding: 0px;
margin: 0px;
clear: both;
}

.hidden {
display: none;
}

.out {
width:480px;
position:absolute;
left:-9999px;
}

.indent {
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 5px;
}

.topmargin {
margin-top: 16px;
}

.topmargin10 {
margin-top: 10px;
}

.topmargin5 {
margin-top: 5px;
}

.bottommargin {
margin-bottom: 16px;
}

.bottommargin10 {
margin-bottom: 10px;
}

.bottommargin5 {
margin-bottom: 5px;
}


.middle {
vertical-align: middle;
}

.title {
font-weight: bold;
}

.float_l {
float: left;
}

.float_r {
float: right;
}

.block {
display: block;/* img default setting : inline  */
}

.inline {
display: inline;
}

.left {
text-align: left;
}

.center {
text-align: center;
}

.right {
text-align: right;
}


.new img {
padding-left: 8px;
}

.square {
clear: both;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 13px;
padding-left: 16px;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 35px;
margin-left: 5px;
border: 1px solid #e4e4e4;
background: #f8f8f8;
}

/* ----------------------------- table ----------------------------- */

table {
width: 98%;
margin-top: 1px;
margin-right: 5px;
margin-bottom: 20px;
margin-left: 5px;
border-collapse: collapse;
color: #555555;
}

th {
padding-top: 7px;
padding-right: 9px;
padding-bottom: 7px;
padding-left: 9px;
border: 1px solid #d8d8d8;
font-weight: normal;
line-height: 150%;
text-align: center;
}

td {
padding-top: 13px;
padding-right: 18px;
padding-bottom: 10px;
padding-left: 18px;
border: 1px solid #d8d8d8;
line-height: 150%;
vertical-align: top;
}

table#top_table {
    font-size: 80%;
}

/* tables for layout */
table.layout {
	margin-top: 1px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
	border-collapse: collapse;
	color: #555555;
	font-size: 100%;
}

table.layout th {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border: none;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
}

table.layout td {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border: none;
	line-height: 150%;
	vertical-align: top;
}

table.t_mt_zero {
    margin-top: 0px;
}

table.t_mb_zero {
	margin-bottom: 0px;
}

table.t_m_zero {
    margin-top: 0px;
	margin-bottom: 0px;
}


/* ----------------------------- headings ----------------------------- */

h1 {
background: url(../img/bg_h1.gif) no-repeat left top;
line-height: 350%;
height: 50px;
padding-left: 20px;
margin-bottom: 20px;
}

h2 {
line-height: 250%;
background: #ffffff url(../img/bg_h2.gif) no-repeat left center;
height: 29px;
padding-left: 14px;
margin-bottom: 16px;
font-weight: bold;
font-size: 80%;
}

h3 {
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 6px;
	font-size: 0.80em;
	font-weight: bold;
	color: #666666;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
	line-height: 100%;
	height: 22px;
	background: #ffffff url(../img/bg_h3.gif) no-repeat left center;
}

h4 {
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 16px ;
	margin-left: 0px;
	line-height: 150%;
	color: #666666;
	border-left: 10px solid #137f8a;
    font-size: 0.80em;
}

h4.management_h4 {
display:block; 
overflow:auto;
font-size: 0.80em;
}

* html h4.management_h4 {
display:inline-block; 
overflow:auto;
font-size: 0.80em;
}

h5 {
	font-size: 0.80em;
	margin-bottom: 16px;
	color: #137F8A;
	font-weight: bold;
	
}

h6 {
	margin-bottom: 16px;
	font-weight: bold;
	font-size: 0.80em;
}

/*
===== 3: link setting ===========================
*/

a:link {
color: #3377aa;
text-decoration: none;
background-color: transparent;
}

a:visited {
color: #8844aa;
background-color: transparent;
}

a:hover {
color: #006699;
text-decoration: underline;
}


/*
===== 4: layout setting ===========================
*/

#container {
clear: both;
width: 99%;
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align: center;
background-image: none;
}

#container_inner {
clear: both;
width: 99%;
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align: center;
background-image: none;
}

#header {
width: 99%;

padding: 0px;
text-align: left;
background-image: none;
}

#navi-global {
display: none;
}

#breadcrumbs {
display: none;
}

#wrapper {
width: 99%;
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align: left;
}

#navi-left {
display: none;
}


#contents {
width: 560px;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 25px;
margin-left: 0px;
line-height: 150%;
float: none;
}

#footer {
display: none;
clear: both;
width: 100%;
padding: 0px;
margin-top: 80px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

#pagetop {
display: none;
}


/*
===== 5: contents setting ===========================
*/

/* ----------------------------- header ----------------------------- */

#header .logo {
width: 225px;
padding: 0px;
margin: 0px;
}

#header #headerMenu {
display: none;
}

#header .navi-sub {
display: none;
}

#header .panel {
display: none;
}


/* ----------------------------- wrapper ----------------------------- */

#wrapper .inner {
width: 100%;
padding: 0px;
margin: 0px;
}


/* ----------------------------- contents ----------------------------- */

#contents p {
padding: 0px;
margin-right: 5px;
margin-left: 5px;
color: #555;
line-height: 150%;
}

#contents p.read {
padding: 0px;
margin-right: 5px;
margin-left: 5px;
line-height: 155%;
}

#contents p.contents {
padding: 0px;
margin-right: 10px;
margin-left: 5px;
line-height: 150%;
}

#contents p.text {
padding: 0px;
margin: 0px;
}

#contents .square p {
padding-right: 5px;
margin: 0px;
line-height: 150%;
}

#contents .square p.title {
margin-bottom: 5px;
line-height: 130%;
}

#contents p.notice {
font-size: 70%;
margin-right: 10px;
}


#contents p.notice span.marker {
float: left;
}

#contents p.notice span.content3 {
display: block;
margin-left: 3em;
}

#contents p.notice span.content2 {
display: block;
margin-left: 2em;
}

#contents p.notice span.content1 {
display: block;
margin-left: 1em;
}

/* ----------------------------- list ----------------------------- */


li.default {
margin-left: 4px;
margin-right: 5px;
padding-right: 17px;
padding-left: 17px;
line-height: 150%;
}

li.jump {
margin-left: 4px;
margin-right: 5px;
padding-right: 17px;
padding-left: 17px;
line-height: 150%;
}

li.pdf {
margin-left: 4px;
margin-right: 5px;
padding-right: 23px;
padding-left: 23px;
line-height: 150%;
}

li.xls {
margin-left: 4px;
margin-right: 5px;
padding-right: 23px;
padding-left: 23px;
line-height: 150%;
}

li.ppt {
margin-left: 4px;
padding-right: 23px;
padding-left: 23px;
line-height: 150%;
}

li.doc {
margin-left: 4px;
margin-right: 5px;
padding-right: 23px;
padding-left: 23px;
line-height: 150%;
}

li.mp3 {
margin-left: 4px;
margin-right: 5px;
padding-right: 23px;
padding-left: 23px;
line-height: 150%;
}

li.wmv {
margin-left: 4px;
margin-right: 5px;
padding-right: 23px;
padding-left: 23px;
line-height: 150%;
}

li.mov {
margin-left: 4px;
margin-right: 5px;
padding-right: 23px;
padding-left: 23px;
line-height: 150%;
}

li.zip {
margin-left: 4px;
margin-right: 5px;
padding-right: 23px;
padding-left: 23px;
line-height: 150%;
}

ul.dot {
margin-top: 0px;
margin-right: 5px;
margin-bottom: 20px;
margin-left: 5px;
}

ul.dot li {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 15px;
color: #555555;
line-height: 150%;
list-style-type: disc;
}

ol.number {
margin-top: 0px;
margin-right: 5px;
margin-bottom: 20px;
margin-left: 5px;
}

ol.number li {
margin-top: 5px;
margin-bottom: 5px;
color: #555555;
line-height: 150%;
list-style-type: none;
}

.pagenav {
display: none;
}

.gototop {
display: none;
}


/* ----------------------------- footer ----------------------------- */
#footer ul {
display: none;
}


/*
===== 6: individual setting ===========================
*/

div#calender_top div#calender_list {
margin-top: -24px !important;
padding: 14px 10px 5px 10px !important;
border-left: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
}

div#calender_top > div#calender_list {
margin-top: 0px !important;
padding: 10px 10px 5px 10px;
border-left: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
}

*:first-child+html div#calender_top div#calender_list {
margin-top: -24px !important;
padding: 10px 10px 5px 10px;
border-left: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
}