@charset "utf-8";
body {
font: small Verdana, Arial, Helvetica, sans-serif;
background: #1c1c1c;
margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
padding: 55px 0;
text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
color: #fff;
}

img{border:none;}

p{
margin:0 0 25px 0;
line-height:140%;
}

#container {
width: 900px;
margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}
#header {
border-bottom:1px solid #CCC;
height:33px;
padding:0 5px 5px 5px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
}
#header strong {display:none;}
#header.left{ width: 110px; height: 33px;
}
#mainContent {
padding: 0 0 17px 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
background-color:#00214a;
background-image:url(../common/base.jpg);
background-position:0 0;
background-repeat:no-repeat;
float:left;
_height:443px;
min-height:443px;
border-bottom:1px solid #CCC;

}

#mainTxt{
float:left;
width:570px;
padding:20px 0 15px 140px;
_height:365px;
min-height:365px;
}

#mainTxt h1{
line-height:100%;
margin:0 0 25px 0;
padding:0;
}

#mainTxt h1 span{display:none;}

#mainTxt h2{
font-size:small;
margin:0 0 15px 0;
}

dl{
margin:0 0 20px 0;
}

#photobox{
width:220px;
float:left;
}

#photobox img{
border:1px solid #999;
margin:0 0 5px 0;
}

#txtbox{
width:350px;
float:left;
}

table{
margin:0 0 25px 0;
line-height:140%;
}

td{vertical-align:top;}

td.w130{width:130px;}

#mainTxt a{
text-decoration:underline;
color:#fff;
}

#mainMenu{
float:right;
width:150px;
padding:30px 0 0 0;
}

#mainMenu ul{
margin:0;
padding:0;
list-style-type:none;
}

#mainMenu ul li{
max-height:30px;
padding:0;
}

#mainMenu ul li b{display:none;}


#mainMenu ul li.chd{
text-indent:27px;
line-height:150%;
}

.on{
background-color:#ccc;
color:#284a58;
}

#mainMenu ul li.chd a{
text-decoration:none;
color:#fff;
display:block;
width:100%;
}

#mainMenu ul li.chd a:hover{
text-decoration:none;
color:#284a58;
background-color:#ccc;
}

#mainFooter{
margin-left:120px;
width:730px;
padding:3px 20px 3px 30px;
background-color:#fff;
color:#666;
}

#mainFooter strong{
font-weight:normal;
color:#284a58;
}

#mainFooter a{
text-decoration:none;
color:#666;
}


#mainFooter a:hover{
text-decoration:underline;
color:#284a58;
}
.pnkz{
text-decoration:underline;
color:#284a58;
}

.txt_left{
text-align:right;
}

#copy {
color:#ccc;
padding:3px 5px 0 5px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
font-size:smaller;
} 


.left{float:left;}
.right{float:right;}

.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

.small{font-size:smaller;}

.mt70{margin-top:5px;}
.mb10{margin-bottom:10px;}
.mb25{margin-bottom:25px;}
.mrm{margin-left:-5px;}

#mainTxt span.google a{
border:1px solid #fff;
color:#1e90ff;
text-decoration:none;
padding:1px 2px;
}
#mainTxt span.google a:hover{
background-color:#fff;
color:#00214a;
}

#mainTxt span.yahoo a{
border:1px solid #fff;
color:#ff0000;
text-decoration:none;
padding:1px 2px;
}
#mainTxt span.yahoo a:hover{
background-color:#fff;
color:#00214a;
}