/* レイアウトの設定*/
body{
margin: 10px 0px 30px 0px;
padding: 0px;
text-align: center;
background: url(img/bg.jpg) repeat-x;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
font-size: medium;
}
/* ベースの設定*/
#base {
position: relative;
width: 750px;
background-color: #ffffff;
margin: 0px auto;
text-align: left;
}
/* ヘッダーの設定*/
#head-logo {
width: 750px;
height: 30px;
text-align: right;
background-color: #0244b4;
display: block;
}
#head {
width: 750px;
height: 170px;
background-image: url(img/top.jpg);
background-color: #CC9999;
display: block;
}
#head h1 {
text-indent: -9999px;
overflow: hidden;
font-size: 10px;
margin: 0px;
padding: 0px;
}
#head ul {
list-style: none;
padding: 3px 0px 0px 2px;
margin: 130px 0px 0px 0px;
font-size: 12px;
}
#head li {
list-style: none;
float: right;
padding: 0px;
margin: 0px 10px 0px 0px;
}
/* メニューの設定*/
#menu-bar {
width: 750px;
height: 42px;
background-color: #f1faff;
border-top: 1px solid #aed4e9;
border-bottom: 1px solid #aed4e9;
position: relative;
display: block;
}
#menu-bar ul {
list-style: none;
padding: 3px 0px 0px 2px;
margin: 0px;
font-size: 9px;
}
#menu-bar li {
list-style: none;
font-size: 80%;
float: left;
padding: 0px;
margin: 0px;
font-size: 9px;
}
#menu-bar a.menu-base {
display: block;
width: 148px;
height: 36px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 1px;
color: #333;
text-indent: -1210px;
overflow: hidden;
list-style: none;
text-decoration: none;
}
#menu-bar a:hover.menu-base {
background-position: -162px 0px;
list-style: none;
}
#menu-bar a:active.menu-base {
background-position: -162px 0px;
list-style: none;
}
#menu-bar .lb01 {
background: url(img/menu-btn01.jpg) no-repeat;
}
#menu-bar .lb02 {
background: url(img/menu-btn02.jpg) no-repeat;
}
#menu-bar .lb03 {
background: url(img/menu-btn03.jpg) no-repeat;
}
#menu-bar .lb04 {
background: url(img/menu-btn04.jpg) no-repeat;
}
#menu-bar .lb05 {
background: url(img/menu-btn05.jpg) no-repeat;
}
#menu-bar .menu-title {
display: block;
width: 148px;
height: 36px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 1px;
color: #333;
text-indent: -1210px;
overflow: hidden;
list-style: none;
text-decoration: none;
}
#menu-bar .tit01 {
background: url(img/menu-btn01.jpg) no-repeat;
background-position: -162px 0px;
}
#menu-bar .tit02 {
background: url(img/menu-btn02.jpg) no-repeat;
background-position: -162px 0px;
}
#menu-bar .tit03 {
background: url(img/menu-btn03.jpg) no-repeat;
background-position: -162px 0px;
}
#menu-bar .tit04 {
background: url(img/menu-btn04.jpg) no-repeat;
background-position: -162px 0px;
}
#menu-bar .tit05 {
background: url(img/menu-btn05.jpg) no-repeat;
background-position: -162px 0px;
}
/* コンテンツベースの設定*/
#base-con {
position: relative;
width: 750px;
background-color: #ffffff;
background: url(img/base-bg.jpg) repeat-x;
background-position: bottom;
text-align: left;
}
/* コンテンツの設定*/
#base-con-base {
width: 733px;
float: left;
margin: 4px 0px 0px 2px;
padding: 5px;
background: #f1faff;
display: block;
}
#base-con-base .h-info {
height: 1000px;
}
#base-con-base h2 {
margin: 0px;
padding: 0px;
}
#base-con-base h3 {
margin: 0px;
padding: 6px 20px 4px 30px;
font-size: 90%;
color: #36c;
border-bottom: 1px solid #99ccff;
border-right: 1px solid #99ccff;
background: #dff4ff url(img/icon_square01.gif) no-repeat 10px 0.4em;
}
#base-con-base h4 {
margin: 0px 0px 10px 0px;
padding: 6px 20px 4px 45px;
font-size: 90%;
color: #36c;
background: url(img/icon_square03.gif) no-repeat 25px 0.4em;
}
#base-con-base h5 {
margin: 0px;
color: #b00;
padding: 10px 50px 10px 50px;
}
#base-con-base .point {
margin: 0px 0px 10px 0px;
padding: 6px 20px 4px 45px;
color: #b00;
border-bottom: 1px solid #ff99ff;
border-right: 1px solid #ff99ff;
background: #ffeeee url(img/icon_square02.gif) no-repeat 25px 0.8em;
}
#base-con-base .p_pos {
margin: 5px 0px 20px 0px;
padding: 0px 30px 0px 60px;
font-size: 80%;
}
#base-con-base .p_lag {
margin: 5px 0px 5px 0px;
padding: 0px 30px 0px 60px;
line-height: 1.5em;
font-size: 120%;
font-weight: bold;
color: #666;
}
#base-con-base .r_pos {
margin: 0px;
padding: 5px 30px 20px 60px;
font-size: 80%;
text-align: right;
}
#base-con-base dl {
margin: 0px;
padding: 20px 0px 10px 50px;
}
#base-con-base dt {
margin: 0px;
font-size: 90%;
padding: 10px 10px 10px 15px;
}
#base-con-base dd {
font-size: 80%;
margin: -26px 0px 10px 0px;
padding: 0px 60px 0px 150px;
}
#base-con-base .dl-oil {
margin: 0px;
padding: 20px 50px 10px 50px;
}
#base-con-base .dd-oil {
font-size: 100%;
margin: -76px 0px 10px 0px;
padding: 0px 20px 0px 100px;
border-top: 1px solid #dff4ff;
border-bottom: 1px solid #99ccff;
border-right: 1px solid #99ccff;
border-left: 1px solid #dff4ff;
}
#base-con-base ul {
list-style: none;
padding: 3px 0px 0px 10px;
margin: 0px;
font-size: 9px;
}
#base-con-base li {
list-style: none;
font-size: 80%;
float: left;
padding: 0px 15px 5px 13px;
margin: 0px;
font-size: 9px;
}
#base-con-base .pt {
list-style: none;
font-size: 80%;
padding: 0px 20px 10px 10px;
margin: 0px;
}
#base-con-base .ss {
list-style: none;
padding: 5px 0px 5px 10px;
margin: 0px;
}
#base-con-base .tdtop {
font-size: large;
padding: 5px 0px 5px 0px;
margin: 0px;
border: 1px solid #900;
background-color: #fdd;
}
#base-con-base .td1 {
border: 1px solid #666;
background-color: #cf9;
}
#base-con-base .td2 {
border: 1px solid #666;
background-color: #ffc;
}
#base-con-base .news img {
width: 35%;
margin: 0px 10px 10px 10px;
}
/* フッターの設定*/
#foot{
position: relative;
width: 750px;
height: 50px;
text-align: center;
border-top:　4px solid #ffffff;
color: #ffffff;
padding: 40px 0px 10px 0px;
clear: both;
}
a:link,
a:visited,
a:active {
color:#003366;
list-style: none;
text-decoration: none;
}
a:hover {
color:#ff0000;
text-decoration:underline;
}
.clear {
margin: 0px;
padding: 0px;
clear: both;
}
/* フォームの設定*/
input,textarea,select {
border-width: 1px;
border-style: solid;
border-color: #666;
background-color: #fff;
}