@import url(css_margin_padding.css);

/* ---------------------------------------------------- */
/* base */
 
body {
font-size: 90%;
line-height: 1.1em;
margin: 0;
padding: 0;
color: #222;
text-align:center;
}

dl,dt,dd,ul,li { list-style: none; }

h1,h2,h3,h4,h5,h6 { line-height: 1.5em; }

div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,li,object,embed,form { margin: 0; padding: 0; }

em { font-style: normal; }

img {
vertical-align: top;
border: 0 none #fff;
}

a { color: #212bb5; text-decoration: underline;  }
a:hover { color: #a43737; }

hr {
height:1px;
border-width:1px 0 0 0;
border-style:solid;
border-color:#999999;
}

.align_center {text-align:center;}
.align_right {text-align:right;}


/* ---------------------------------------------------- */
/* common layout */

#content {
width: 756px;
margin:0 auto;
position:relative;
background:transparent url(img_side_shadow.gif) 0 0 repeat-y;
}

#head {
width: 750px;
margin:0 auto;
text-align:left;
position:relative;
}


#main {
width: 750px;
margin:0 auto;
background:transparent url(img/left_bg.gif) top left repeat-y;
position:relative;
text-align:center;
padding-bottom:2em;
}


#maincol {
width: 730px;
margin:0 auto;
position:relative;
text-align:left;
}


#topicpath {
display:block;
height:22px;
background:transparent url(img_image.jpg) 0 0 no-repeat;
border-bottom:1px solid #375da4;
text-align:right;
font-size:90%;
padding:7px 10px 0 0;
}

* html #topicpath {
display:block;
height:29px;
background:transparent url(img_image.jpg) 0 0 no-repeat;
border-bottom:1px solid #375da4;
text-align:right;
font-size:90%;
padding:7px 10px 0 0;
}

#foot {
width:756px;
margin:0 auto;
padding:5px 0;
font-size:90%;
color:#fff;
position:relative;
text-align:right;
background:transparent url(img_footer_bg.gif) left bottom no-repeat;
}


/* ---------------------------------------------------- */
/* navigation */


#navi {
background:transparent url("img_menu_bg.gif") 0 0 no-repeat;
width:730px;
height:35px;
margin: 0 auto;
font-weight: bold;
font-size:12px;
padding:15px 0 0 20px;
}

* html #navi {
background:transparent url("img_menu_bg.gif") 0 0 no-repeat;
width:750px;
height:50px;
margin: 0 auto;
font-weight: bold;
font-size:12px;
padding:15px 0 0 20px;
}

#navi ul {
text-align: left;
}

#navi ul li {
height:18px;
display: block;
padding:2px 10px 0 10px;
float:left;
background:transparent url(img_2point_marker.gif) 0 0 no-repeat;
}

#navi ul li a {
color:#fff;
text-decoration:none;
}

#navi ul li a:hover {
color:#a43737;
text-decoration:underline;
}

#navi ul li#select a {
color:#0c1462;
}

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



#title {
padding:10px 0 10px 10px;
text-align:left;
}

#title h1 {
font-size:30px;
color:#13326d;
line-height:1.1em;
}

#subtitle {
padding:5px 10px 5px 10px;
text-align:right;
font-size:90%;
}

/* ---------------------------------------------------- */
/* footer */

#copyright {
padding:3px 10px;
}

span#bix_id {
line-height:1em;
font-size:12px;
}

span#bix_id img {
margin-right:3px;
}

/* ---------------------------------------------------- */
/* heading */


h2.h2_01 {
background:   url("img_heading_01.gif") 0 0 no-repeat;
padding:8px 10px 0 20px;
height:32px;
margin-top:20px;
font-size:120%;
color:#fff;
}

* html h2.h2_01 {
background:   url("img_heading_01.gif") 0 0 no-repeat;
padding:8px 10px 0 20px;
height:40px;
margin-top:20px;
font-size:120%;
color:#fff;
}


h2.h2_01 div {
background:   url("img_6point_marker.gif") 0 0.1em no-repeat;
padding-left:30px;
height:30px;
}

h3.h3_01 {
background:   url("img_6point_marker.gif") 0 0 no-repeat;
padding-left:30px;
height:30px;
font-size:110%;
border-bottom:1px solid #315392;
margin-bottom:20px;
margin-top:20px;
}



/* ---------------------------------------------------- */
/* common class */


.clear { clear: both; }
br.clear { clear: both; line-height: 0; height: 0; font-size:0; }

.red {color:#c00;}
.bold {font-weight:bold;}

.pagetop {
width:100%;
display:block;
margin-top:10px;
padding-top:2px;
text-align:right;
font-weight:bold;
font-size:90%;
border-top:1px solid #999;
}


.col_area {
background:#eee;
padding:10px 10px 20px 40px;
line-height:1.5em;
font-size:90%;
position:relative;
width:680px;
}


* html .col_area {
background:#eee;
padding:10px 10px 20px 40px;
line-height:1.5em;
font-size:90%;
position:relative;
width:730px;
}

.text_area {
padding:10px 10px 20px 20px;
line-height:1.5em;
width:650px;
}


* html .text_area {
padding:10px 10px 20px 20px;
line-height:1.5em;
width:680px;
}



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


ul.normal li {
display:block;
margin-bottom:10px;
background:transparent url(img_3point_marker.gif)  0 0.3em no-repeat;
padding-left:15px;
}

* html ul.normal li {
width:100%;
}

ul.small {
margin:10px 0 20px 20px;
}

ul.small li {
margin-bottom: 5px;
padding-left: 15px;
background: transparent url("img_marker_01.gif") 0 0.4em no-repeat;
}

* html ul.small li {
width:100%;
}

ul.number li{
margin-bottom: 0.5em;
margin-left:0.5em;
list-style-type:decimal;
}

ul.whatsnew li {
display:block;
margin-bottom:5px;
background:transparent url(img_3point_marker.gif)  0 0.3em no-repeat;
padding-left:15px;
}

* html ul.whatsnew li {
width:100%;
}

ul.whatsnew li span.date {
font-weight:bold;
text-align:left;
color:#222;
margin-right:10px;
}

ul.whatsnew li span.whatsnew_text {
margin-left:10px;
text-align:left;
}

ul.to_list li {
padding-right:10px;
text-align:right;
background:   url("img_marker_to_list.gif") right center no-repeat;
font-size:90%;
position:relative;
}


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

table.normal {
border-collapse: collapse;
position:relative;
font-size:90%;
margin:0 auto 20px auto;
width:100%;
}

table.normal th {
padding: 5px;
border:1px solid #999;
text-align:center;
background-color: #5c83c9;
color:#fff;
}

table.normal th.sub_th {
padding: 5px;
border:1px solid #999;
text-align:left;
background-color: #cedaf1;
color:#333;
}

table.normal td {
padding: 3px;
border:1px solid #999;
line-height:1.5em;
background-color: #fff;
}

/* ---------------------------------------------------- */
/* papers */

ul.year {
margin:20px 0;
border:solid #666;
border-width:1px 0;
display:block;
background:#fff;
}

ul.year li {
display:inline;
margin-right:20px;
margin-left:10px;
font-weight:bold;
}

a {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}


/* ---------------------------------------------------- */
/* printing */

@media print {

body { background: none !important; }




}