/* レイアウトの設定*/
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;
}
/* コンテンツベースの設定*/
#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-main {
position: relative;
width: 750px;
height: 650px;
text-align: left;
}
/* 左側の設定*/
#left-base {
width: 570px;
height: 300px;
float: left;
margin: 0px;
padding: 0px;
font-size: x-small;
display: block;
}
#left-base h2 {
margin: 0px;
padding: 0px;
}
/* 左ＴＯＰの設定*/
#left-base #left-top {
width: 556px;
height: 280px;
float: left;
margin: 4px 0px 0px 2px;
padding: 5px;
background: #f1faff;
display: block;
}
/* 左左側の設定*/
#left-base #left-left {
width: 270px;
height: 330px;
float: left;
margin: 4px 0px 4px 2px;
padding: 5px;
background: #dae3f4;
display: block;
}
/* 左右側の設定*/
#left-base #left-right {
width: 270px;
height: 330px;
float: right;
margin: 4px 0px 4px 0px;
padding: 5px;
background-color: #eeeeee;
display: block;
}
#left-base #left-right h3 {
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 10px;
font-size: x-small;
}
#left-base #left-right .titObj {
margin: 5px 0px 5px 0px;
background: #f0f0f0;
padding: 0px 0px 0px 0px;
width: 270px;
height: 20px;
display: table;
}
#left-base #left-right .titObj .l01 {
text-align: center;
width: 80px;
margin: 0px;
padding: 5px 0px 5px 0px;
font-size: 12px;
display: block;
float: left;
}
#left-base #left-right .titObj .r01 {
width: 175px;
margin: 0px;
padding: 5px 0px 5px 5px;
font-size: 12px;
display: block;
float: left;
}
/* 右側の設定*/
#right{
width: 170px;
float: left;
margin: 0px;
padding: 2px;
display: block;
}
#right ul {
list-style: none;
margin: 0px;
padding: 5px 0px 5px 0px;
}
#right li {
list-style: none;
padding: 2px 0px 2px 0px;
margin: 0px 0px 0px 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;
}
.clear {
clear: both;
margin: 0px;
padding: 0px;
}
a:hover {
color:#ff0000;
text-decoration:underline;
}