@charset "UTF-8";

body, div, p,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, input, textarea,
table, th, td{  
margin:0px; 
padding:0px; 
}

ul, ol{
list-style-type: none;
}

img{
border:0px;
vertical-align:bottom;
}

table{
border-collapse:collapse;
border-spacing:0px;
width: 100%;
}


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

a:link { color: #1D5A75; }
a:visited { color: #1D5A75; }
a:hover { color: #1D5A75; }
a:active { color: #1D5A75; }

body{
font-size:85%;
text-align:center;
line-height:1;
color: #333333;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
background-color: #D9E4E9;
}

h1,
#footerLayout2 {
background-color: #0045AE;
color: #FFFFFF;
font-weight: normal;
font-size: 80%;
padding: 5px 0;
}

h1 span,
#footerLayout2 span,
#footerLayout1,
#header,
#contents {
display: block;
width: 900px;
text-align: left;
margin: 0 auto;
}

#container {
background-image: url(../img/bg01.gif);
background-repeat: repeat-x;
background-position: top;
}

#header {
background-image: url(../img/bg02.gif);
background-repeat: no-repeat;
background-position: bottom;
}

#header p {
float: left;
width: 290px;
margin: 11px 0 0;
background-image: url(../img/logo.gif);
background-repeat: no-repeat;
background-position: left top;
}

#header p a {
display: block;
padding: 29px 0 0 64px;
font-size: 90%;
text-decoration: none;
line-height: 1.3;
color: #333333;
}

#header ul {
float: right;
width: 610px;
margin: 34px 0 20px;
}

#header ul li {
float: right;
margin: 0 0 0 5px;
}

#gNavi {
text-align: left;
}

#gNavi ul li {
display: inline;
}

#contents {
padding: 0;
background-image: url(../img/bg03.gif);
background-repeat: repeat-y;
}

#contentsLayout {
padding: 0 20px 10px;
}

#footer {
background-color: #FFFFFF;
margin: 10px 0 0;
}

#footerLayout1 {
text-align: right;
padding: 10px 0 0;
}

#footerLayout1 ul {
border-right: 1px solid #CCCCCC;
}

#footerLayout1 ul li {
float: right;
border-left: 1px solid #CCCCCC;
padding: 0 8px;
}

#footerLayout1 p span {
font-size: 120%;
color: #1D5A75;
font-weight: bold;
}

#footerLayout1 p,
#footerLayout1 ul {
margin: 0 0 8px;
}

#footerLayout2 span {
text-align: right;
}

.pageTopLink {
text-align: right;
}

.columnRight {
display: block;
float: right;
}

.columnLeft {
display: block;
float: left;
}

.cassette p,
.cassette table {
line-height: 1.5;
}

h3 {
margin: 20px 0;
}

.cassette table {
border-top: 1px solid #0045AE;
border-bottom: 1px solid #0045AE;
}

.cassette table th,
.cassette table td {
padding: 14px 12px;
vertical-align: top;
}

.cassette table th {
width: 110px;
background-color: #BADBF4;
font-weight: normal;
}

.cassette table td {
border-bottom: 1px dotted #CCCCCC;
}

.pageTop {
clear: both;
text-align: right;
padding: 20px 0 0;
}

.pageTop a span {
background-image: url(../img/icon01.gif);
background-repeat: no-repeat;
background-position: 0 3px;
padding: 0 0 0 12px;
}

.cassette .pageTop {
border-bottom: 1px dotted #CCCCCC;
padding: 20px 0;
}


/* topLayout
------------------------------------*/

.topLayout #main {
float: left;
width: 550px;
}

.topLayout #menu {
float: right;
width: 293px;
margin: 20px 0 0;
}

.topLayout #main h2 {
margin: 20px 0;
}

.topLayout #main p {
line-height: 1.5;
}

.topLayout #menu ul li {
margin: 0 0 10px;
}

.topLayout #otepaBlock {
font-size: 85%;
}


/* infoLayout
------------------------------------*/

.featureLayout #main,
.resultsLayout #main,
.equipLayout #main,
.infoLayout #main {
float: left;
width: 625px;
}

.featureLayout #menu,
.resultsLayout #menu,
.equipLayout #menu,
.infoLayout #menu {
float: right;
width: 215px;
}

.featureLayout #main .cassette,
.resultsLayout #main .cassette {
border-bottom: 1px dotted #CCCCCC;
margin: 20px 0;
padding: 0 0 20px;
}

.featureLayout #main .cassette:last-child,
.resultsLayout #main .cassette:last-child {
border-bottom: 0;
margin: 0;
padding: 0;
}


/* equipLayout
------------------------------------*/

.equipLayout .cassette table {
border-top: 0px;
border-bottom: 0px;
}

.equipLayout .cassette table td {
width: 250px;
}

.equipLayout .cassette table td.endTd {
border-bottom: 0px;
}

.equipLayout .cassette table th,
.equipLayout .cassette table td {
padding: 12px;
}

.equipLayout .cassette ul {
border-bottom: 1px solid #0045AE;
}

.equipLayout .cassette ul li {
border-top: 1px solid #0045AE;
}

.equipLayout .cassette ul li table.columnLeft,
.equipLayout .cassette ul li table.columnLeft tr {
width: 410px;
}

.equipLayout .cassette ul li p.columnRight {
width: 200px;
padding: 10px 0;
}

.equipLayout .cassette ul#equipUl01 {
border-bottom: 0px;
}

.equipLayout .cassette ul#equipUl01 li {
border-top: 0px;
background-image: url(../img/icon02.gif);
background-repeat: no-repeat;
background-position: 5px 5px;
padding: 0 0 5px 15px;
}


/* clearfix
------------------------------------*/

div:after,
ul:after,
li:after,
p:after,
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

div,
ul,
li,
p,
.clearfix {
display: inline-block;
}

/* exlude MacIE5 \*/
* html div,
* html ul,
* html li,
* html p,
* html .clearfix {
height: 1%
}

div,
ul,
li,
p,
.clearfix {
display:block;
}
/* end MacIE5 */