/**************** レイアウトの設定 ********************/
body {
margin: 5px 0px 0px 0px;
padding: 0px;
text-align: center;
/*font-family: "ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3",sans-serif;*/
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
font-size: 80%;
background: url(img/bg.jpg) repeat-y;
background-position: 50% 0px;
background-color: #ffffff;
}

/**************** ベースの設定 ************************/
#base {
position: relative;
width: 900px;
background-color: #ffffff;
margin: 0px auto;
text-align: left;
}

/**************** ヘッダ詳細設定 *********************/
#head-main {
width: 900px;
height: 50px;
background: url(img/head-bg.jpg) no-repeat;
background-color: #cccccc;
position: relative;
display: block;
}

#head-main h1 {
text-indent: -9999px;
overflow: hidden;
font-size: 10px;
margin: 0px;
padding: 0px;
}
#head-main .head-title {
font-size: 10px;
width: 600px;
height: 40px;
display: block;
position: relative;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
}
#head-main .head-navi {
font-size: 10px;
width: 250px;
height: 40px;
display: block;
position: relative;
float: right;
color: #fff;
text-align: right;
margin: 15px 10px 0px 0px;
padding: 0px;
}

/**************** ナビ詳細設定 *********************/
#navi-main {
width: 900px;
height: 30px;
margin: 5px 0px 0px 0px;
padding: 0px;
font-size: 13px;
background-color: #fff;
/*background: url(images/navi-main.gif) no-repeat;
border: 1px solid #efefef;*/
position: relative;
display: block;
}
#navi-main p {
margin: 0px;
padding: 6px 0px 0px 130px;
}


/**************** コンテンツベースの設定 **********************/
#base-con {
position: relative;
margin: 0px 0px 0px 0px;
width: 900px;
color: #555555;
/*background-color: #E2EBEE;*/
text-align: left;
}

/**************** 左ブロックの設定 ****************************/
#base-con #left {
width: 200px;
float: left;
margin: 5px 0px 0px 0px;
padding: 0px;
/*background-color: #f4f4f4;*/
}
#base-con #left h2 {
height: 36px;
display: block;
text-indent: -9999px;
overflow: hidden;
font-size: 0px;
margin: 5px 0px 0px 0px;
padding: 0px;
}
#base-con #left h3 {
color: #f60;
font-size: 110%;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 10px 5px 0px 5px;
}
/**************** 左側見出しラベル＜トップページ＞の設定 *************/
#base-con #left .h2-top-l-img01 {
background: url(img/label-top-l01.gif) no-repeat;
}
#base-con #left .h2-top-l-img02 {
background: url(img/label-top-l02.gif) no-repeat;
}
#base-con #left .h2-top-l-img03 {
background: url(img/label-top-l03.gif) no-repeat;
}

#base-con #left .left-box {
width: 193px;
margin: 0px 0px 10px 0px;
padding: 0px;
border-left: 1px solid #a9b6c9;
border-right: 1px solid #a9b6c9;
border-bottom: 1px solid #a9b6c9;
}

/****************************************************/
#base-con #left dl {
  width: 190px;
}

#base-con #left dt {
  float: left;
  width: 68px;
  margin-left: 4px;
  padding: 0px 0px 0px 3px;
  clear: both;
  border-bottom: 1px dashed #999;
}

#base-con #left dd {
  width: 105px;
  margin-left: 80px;
  padding: 0px 0px 0px 0px;
  border-bottom: 1px dashed #999;
}

/****************************************************/

#base-con #left p {
margin: 0px;
line-height: 1.5em;
padding: 5px 5px 5px 10px;
}
#base-con #left .p-mr {
margin: 0px;
padding: 2px 5px 0px 5px;
background-color: #f0f0f0;
border-top: 1px solid #a9b6c9;
}
#base-con #left ul {
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 9px;
}
#base-con #left li {
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 9px;
}
#base-con #left a.menu-base {
display: block;
width: 195px;
height: 50px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #333;
text-indent: -1210px;
overflow: hidden;
list-style: none;
text-decoration: none;
}
#base-con #left a:hover.menu-base {
background-position: -205px 0px;
list-style: none;
}
#base-con #left a:active.menu-base {
background-position: -205px 0px;
list-style: none;
}

/**************** トップ左メニュー＜＞の設定 ********************/
#base-con #left .menu-lb00 {
background: url(img/menu-btn00.gif) no-repeat;
}
#base-con #left .menu-lb01 {
background: url(img/menu-btn01.gif) no-repeat;
}
#base-con #left .menu-lb02 {
background: url(img/menu-btn02.gif) no-repeat;
}
#base-con #left .menu-lb03 {
background: url(img/menu-btn03.gif) no-repeat;
}
#base-con #left .menu-lb04 {
background: url(img/menu-btn04.gif) no-repeat;
}
#base-con #left .menu-lb05 {
background: url(img/menu-btn05.gif) no-repeat;
}
#base-con #left .menu-lb06 {
background: url(img/menu-btn06.gif) no-repeat;
}
#base-con #left .menu-lb07 {
background: url(img/menu-btn07.gif) no-repeat;
}

#base-con #left .menu-title {
display: block;
width: 195px;
height: 50px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #333;
text-indent: -1210px;
overflow: hidden;
list-style: none;
text-decoration: none;
}
/**************** 左メニューボタンの設定 ****************/
#base-con #left .tit01 {
background: url(img/menu-btn01.gif) no-repeat;
background-position: -205px 0px;
}
#base-con #left .tit02 {
background: url(img/menu-btn02.gif) no-repeat;
background-position: -205px 0px;
}
#base-con #left .tit03 {
background: url(img/menu-btn03.gif) no-repeat;
background-position: -205px 0px;
}
#base-con #left .tit04 {
background: url(img/menu-btn04.gif) no-repeat;
background-position: -205px 0px;
}
#base-con #left .tit05 {
background: url(img/menu-btn05.gif) no-repeat;
background-position: -205px 0px;
}
#base-con #left .tit06 {
background: url(img/menu-btn06.gif) no-repeat;
background-position: -205px 0px;
}
#base-con #left .tit07 {
background: url(img/menu-btn07.gif) no-repeat;
background-position: -205px 0px;
}



/**************** 右側ブロックの設定 ****************/
#base-con #right-base {
width: 695px;
height: auto;
float: right;
margin: 5px 0px 0px 0px;
/*background-color: #f1f1f1;*/
}
#base-con #right-base .right-box-main {
display: block;
position: relative;
width: 693px;
height: auto;
margin: 0px 0px 10px 0px;
padding: 0px 0px 5px 0px;
}
#base-con #right-base .right-box-main-cont {
display: block;
position: relative;
width: 325px;
height: auto;
float: left;
margin: 0px 0px 10px 10px;
padding: 0px 0px 5px 0px;
}
#base-con #right-base .right-box-c {
width: 445px;
height: auto;
float: left;
margin: 5px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}
#base-con #right-base .right-box-cin {
width: 443px;
height: auto;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#base-con #right-base .inbox {
  display: block;
  height: 146px;
  width: 432px;
  margin: 10px 0px 10px 5px;
  padding: 0px 0px 0px 0px;
  overflow: auto;
  border: 1px solid #bbb;
}

#base-con #right-base .right-box-r {
width: 245px;
height: auto;
float: right;
margin: 5px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}
#base-con #right-base .right-box-rin {
width: 243px;
height: auto;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#base-con #right-base .right-box-rin-margin0 {
width: 243px;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#base-con #right-base h2 {
width: 695px;
height: auto;
display: block;
text-indent: -9999px;
overflow: hidden;
font-size: 0px;
margin: 0px 0px 0px 0px;
padding: 0px;
}
#base-con #right-base h2.top-img {
height: 200px;
background: url(img/top.jpg) no-repeat;
}
#base-con #right-base h2.con-img01 {
height: 50px;
background: url(img/label-con-01.jpg) no-repeat;
}
#base-con #right-base h2.con-img02 {
height: 50px;
background: url(img/label-con-02.jpg) no-repeat;
}
#base-con #right-base h2.con-img03 {
height: 50px;
background: url(img/label-con-03.jpg) no-repeat;
}
#base-con #right-base h2.con-img04 {
height: 50px;
background: url(img/label-con-04.jpg) no-repeat;
}
#base-con #right-base h2.con-img05 {
height: 50px;
background: url(img/label-con-05.jpg) no-repeat;
}
#base-con #right-base h2.con-img06 {
height: 50px;
background: url(img/label-con-06.jpg) no-repeat;
}
#base-con #right-base h2.con-img07 {
height: 50px;
background: url(img/label-con-07.jpg) no-repeat;
}
#base-con #right-base h3 {
background: url(img/h3-mark.gif) no-repeat 10px 0.5em;
line-height: 1.5em;
margin: 0px 0px 0px 0px;
padding: 5px 20px 0px 35px;
color: #36c;
}
#base-con #right-base .h3-none {
height: auto;
display: block;
text-indent: -9999px;
overflow: hidden;
font-size: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#base-con #right-base h4 {
margin: 0px 0px 0px 0px;
padding: 5px 20px 0px 25px;
color: #36c;
}
#base-con #right-base h5 {
margin: 0px;
color: #b00;
padding: 0px 20px 0px 35px;
}
#base-con #right-base table {
font-size: 100%;
}




/**************** 右側見出しラベル＜ベース＞の設定 ***************/
#base-con #right-base .h2-label-base {
height: 30px;
display: block;
}
#base-con #right-base .h3-none {
height: 40px;
display: block;
text-indent: -9999px;
overflow: hidden;
font-size: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
/**************** 右側見出しラベル中央＜トップページ＞の設定 *************/
#base-con #right-base .h3-top-img01 {
background: url(img/label-top-c01.gif) no-repeat;
}
#base-con #right-base .h3-top-img02 {
background: url(img/label-top-c02.gif) no-repeat;
}
/**************** 右側見出しラベル右側＜トップページ＞の設定 *************/
#base-con #right-base .h3-top-r-img01 {
background: url(img/label-top-r01.gif) no-repeat;
}
#base-con #right-base .h3-top-r-img02 {
background: url(img/label-top-r02.gif) no-repeat;
}
/**************** 右側見出しラベル中央・右合算＜トップページ＞の設定 *************/
#base-con #right-base .h3-top-g-img01 {
background: url(img/label-top-r-l.gif) no-repeat;
}


/**************** 右側詳細領域の設定 *************/
#base-con #right-base ul ol {
font-size: 100%;
/*list-style: none;*/
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#base-con #right-base .li-l {
position: relative;
width: 180px;
height: autoem;
display: block;
list-style: none;
float: left;
/*line-height: 1.5em;*/
padding: 5px 0px 2px 5px;
margin: 0px 0px 5px -10px;
}
#base-con #right-base .li-r {
position: relative;
width: 460px;
height: auto;
display: block;
list-style: none;
float: left;
/*line-height: 1.5em;*/
padding: 5px 0px 2px 5px;
margin: 0px 0px 5px 5px;
}

#base-con #right-base li {
list-style: none;
color: #666666;
line-height: 1.5em;
padding: 3px 5px 3px 5px;
margin: 2px 0px 2px 0px;
}
#base-con #right-base li.no {
list-style: decimal;
color: #666666;
line-height: 1.5em;
padding: 5px 0px 5px 0px;
margin: 5px 40px 0px 20px;
}


#base-con #right-base .right-box-main p {
margin: 0px 0px 10px 0px;
line-height: 1.5em;
padding: 5px 10px 0px 35px;
}
#base-con #right-base p {
margin: 0px 0px 10px 0px;
line-height: 1.5em;
padding: 5px 10px 0px 10px;
}
#base-con #right-base .inbox p {
margin: 0px 0px 0px 0px;
line-height: 1.5em;
padding: 5px 10px 0px 10px;
}
#base-con #right-base .back {
margin: 0px 0px 10px 0px;
padding: 0px;
text-align: right;
}
#base-con #right-base .tab-box {
width: 670px;
margin: 0px 0px 10px 10px;
padding: 0px;
font-size: 90%;
background-color: #a9b6c9;
}
#base-con #right-base .txt-box {
/*height: 180px;*/
width: 670px;
margin: 0px 0px 10px 10px;
padding: 0px;
/*background-color: #a9b6c9;*/
}
#base-con #right-base .img-mr {
margin: 5px 10px 5px 10px;
}
#base-con #right-base .img-mrl {
margin: 5px 0px 5px 10px;
}
#base-con #right-base .img-bg {
background: url(img/new.gif) no-repeat -30px 0.5em;
}
/* リンクバーの設定*/
#base-con .u-links {
background-color: #fff3dc;
width: 898px;
height: 1.5em;
color: #053c8f;
font-size: 90%;
text-indent: 10px;
margin: 0px 0px 5px 0px;
padding: 4px 0px 4px 0px;
border-left: 1px solid #a9b6c9;
border-right: 1px solid #a9b6c9;
border-top: 1px solid #a9b6c9;
border-bottom: 1px solid #a9b6c9;
}
/* フッターの設定*/
#foot {
position: relative;
width: 900px;
height: 80px;
color: #f1f1f1;
background-color: #f4f4f4;
background: url(img/foot-bg.jpg) no-repeat;
padding: 18px 0px 0px 0px;
margin: 0px 0px 0px 0px;
clear: both;
}
#foot .box1 {
position: relative;
width: 890px;
line-height: 1.8em;
text-align: center;
display: block;
}
#foot1 {
position: relative;
width: 900px;
background-color: #448e17;
background: url(images/copyright.jpg) repeat-x;
/*border-top: 1px solid #669900;*/
text-align: center;
font-size: 80%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
clear: both;
}
a:link,
a:visited,
a:active {
color: #053c8f;
list-style: none;
text-decoration: none;
}
a:hover {
color:#ff0000;
text-decoration:underline;
}
.clear {
clear: both;
font-size: 0px;
line-height: 0.1em;
margin: 0px;
padding: 0px;
}
/* フォームの設定
input,textarea,select {
border-width: 1px;
border-style: solid;
border-color: #666;
background-color: #fff;
}*/
.col_blu {
color: #06c;
}
.col_red {
color: #c00;
}
.col_or {
color: #f60;
}
.col_gr {
color: #060;
}
.al_cen {
text-align: center;
}
.al_right {
text-align: right;
}
.fl_right {
float: right;
}
.mr_left {
margin-left: 10px;
}
.font_90 {
font-size: 90%;
}
.font_120 {
font-size: 120%;
}
.font_120b {
font-size: 120%;
font-weight:bold;
}
.font_140 {
font-size: 140%;
}
.font_180 {
font-size: 180%;
}
.form_padd {
margin: 0px;
padding: 4px 0px 0px 0px;
}
.bk_gr {
background-color: #ebf1e8;
}
.bk_gl {
background-color: #f6f6f6;
}
.bk_or {
background-color: #fff3dc;
}
.bk_w {
background-color: #ffffff;
}
.bk_bl {
background-color: #f2f7f9;
}
.bd_g {
width: 600px;
border: 1px solid #ddd;
}
.box-bd-bl {
border-left: 1px solid #a9b6c9;
border-right: 1px solid #a9b6c9;
border-bottom: 1px solid #a9b6c9;
}
.box-bd-or {
border-left: 1px solid #ceb47b;
border-right: 1px solid #ceb47b;
border-bottom: 1px solid #ceb47b;
}
.box-bd-bl-box {
border: 1px solid #a9b6c9;
}