@charset "shift_jis";

/*
-----------------------------------------------
>> CSS by Jam Design 2006.12
----------------------------------------------- */

/*
COMMON
----------------------------------------------- */
* {
margin:0;
padding:0;
font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',Arial,'Lucida Grande', sans-serif;
line-height:1.5;
}

body {
background-color:#fff;
text-align:center;
color:#666;
}
img {border:0;}
a:link {color:#66f;}
a:visited {color:#006;}
a:hover,a:active {color:#900; text-decoration:none;}

li {
list-style-type:none;
}

address
{
font-style: normal;
}

.cboth {
clear:both;
height:0;
}
/* IE 用▼ */
* html .cboth {
height:.1em;
overflow:hidden;
margin-top:-.1em;
}
hr {
visibility:hidden;
border:0;
}

/*
ALL BLOCK
----------------------------------------------- */
#ALL {
text-align:left;
margin:0 auto;
width:740px;
background-color:#fff;
}

/*
HEADER
----------------------------------------------- */
#head {
position:relative;
border-top:solid #a1e5a1 3px;
background:transparent url(img/head_line.gif) no-repeat right bottom;
width:100%;
}
h1 {
position:absolute;
top:10px;
left:20px;
width:258px;
z-index:3;
}
.head01 {
float:right;
text-align:right;
max-width:420px;
z-index:2;
}
.head01 table {
margin:8px 0 0 auto;
}
.head01 td,
.head01 input {
padding:0 0 0 4px;
font-size:12px;
white-space:nowrap;
}
.head01 .google01 {
width:140px;
}

a.goKotu {
display:block;
font-size:1px;
text-indent:-9999px;
background:transparent url(img/head_kotu.gif) no-repeat 0 0;
width:130px;
height:20px;
}
a.goKotu:hover {
background-position:0 -20px;
}

/* 文字サイズボタン */
.head02 {
float:right;
text-align:left;
height:21px;
margin:16px 0 0;
}
.head02 li {
display:block;
float:left;
padding-left:4px;
font-size:1px;
line-height:0;
text-indent:-9999px;
height:21px;
}

.head02 a {
display:block;
float:left;
/* ▲Mac IE 用\*/
float:none;
/* ▲Mac IE 以外用*/
width:86px;
height:21px;
}

a.moji01 {
background:transparent url(img/moji_btn01.gif) no-repeat 0 0;
}
a.moji02 {
background:transparent url(img/moji_btn02.gif) no-repeat 0 0;
}
a.moji03 {
background:transparent url(img/moji_btn03.gif) no-repeat 0 0;
}
a.moji01:hover,
a.moji02:hover,
a.moji03:hover {
background-position:0 -24px;
}


/*
MAIN BLOCK
----------------------------------------------- */
#main {
width:100%;
margin:8px 0 0;
background:transparent url(img/main_bg.gif) no-repeat left bottom;
}

#migi {
float:right;
width:530px;
}
.noscript {
font-size:14px;
color:#f00;
}
.pan a {
text-decoration:none;
}

/* タイトル画像 */
#migi h2 {
margin-top:24px;
}

#migi h3 {
margin-top:16px;
background-color:#ccf;
}
#migi h3 em {
font-style:normal;
font-size:130%;
background-color:#339;
color:#fff;
padding:4px 24px 4px 16px;
border-right:solid #fff 3px;
letter-spacing:.2em;
}
#migi .h3block {
border-top:solid #fff 1px;
}


/*
MENU BLOCK
----------------------------------------------- */
#menu {
float:left;
width:200px;
background-color:#d7f5d7;
padding-bottom: 35px;
}

#menu01 {
margin-bottom:2px;
}

/* フォントはliに指定しないとWinIEですき間があく */
#menu01 li {
font-size:1px;
line-height:0;
text-indent:-9999px;
}
#menu01 a {
display:block;
width:200px;
height:25px;
background:transparent no-repeat 0 0;
}
#menu01 a.menu001 {
background-image:url(img/top_menu01.gif);
}
#menu01 a.menu002 {
background-image:url(img/top_menu02.gif);
}
#menu01 a.menu003 {
background-image:url(img/top_menu03.gif);
}
#menu01 a.menu004 {
background-image:url(img/top_menu04.gif);
}

#menu01 a:hover {
background-position:0 -30px;
}
#menu01 .pin a {
background-position:0 -60px;
}

#menu02 li {
display:block;
margin-bottom:2px;
font-size:12px;
text-indent:-12px;
}
/* IE6用の設定▼ \*/
* html #menu02 li {
height:1px;
margin-bottom:0;
}
/* ▲IE6用の設定 */
#menu02 a {
display:block;
background-color:#396;
color:#fff;
padding:2px 8px 2px 16px;
text-decoration:none;
}
#menu02 a:hover {
background-color:#366;
}
#menu02 .pin a {
background-color:#666;
}
#menu .goHomep {
text-align:center;
}
#menu a.goHome {
display:block;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top:8px;
width:9em;
background-color:#fff;
text-decoration:none;
font-size:14px;
font-weight:bold;
padding:2px 0;
}
.tume {
letter-spacing:-.4em;
}

#menu03{
width:190px;
padding:0;
margin:0 0 0 5px;
}
#menu03 img{
padding:0;
margin-top:5px;
margin-bottom:3px;
}

#menu02 .tender_button a
{background: #F97373 !important;}
#menu02 .tender_button a:hover
{background-color:#CD3D3D !important;}
/*
フッター BLOCK
----------------------------------------------- */
#footer {
margin:24px 0 24px;
width:100%;
}
#footer .footp01 {
text-align:right;
color:#369;
font-weight:bold;
padding-bottom:4px;
border-bottom:solid #999 1px;
}
#footer .footp01 a {
color:#396;
text-decoration:none;
}
#footer .footp01 a:hover {
color:#900;
text-decoration:none;
}

.footlogo {
display:block;
float:left;
width:218px;
margin:12px 0 16px 30px;
}

#footer .footp02 {
margin:12px 0 16px 266px;
font-size:115%;
line-height:1.3;
}

.copyright {
padding:0 16px;
background-color:#888;
color:#fff;
font-family:Helvetica, Arial, sans-serif;
font-weight:bold;
height:1.5em;
}

/*
フッター BLOCK
----------------------------------------------- */
.pagetop
{
margin: 50px 0 0 0;
width: 530px;
text-align: right;
}

.pagetop_cent
{
margin: 15px 0 0 0;
width: 530px;
text-align: right;
}


/*
コンテンツ
----------------------------------------------- */
.def
{
margin: 10px 0 15px 15px;
}
.caution
{ color: #ff0000;}

/* 見出し優先 */
.sin_title
{
margin-top: 0px !important;
margin-bottom: 4px;
}

.title_head
{width: 530px;}
.btn_td img
{margin: 0 0 0 5px;}

/*
汎用
----------------------------------------------- */
.kome {
padding-left:1em;
text-indent:-1em;
}
a.basebtn {
/* display:block; */
margin-right:1em;
text-decoration:none;
font-size:14px;
font-weight:bold;
background:#6b90b6 url(img/basicbtn.gif) repeat-x 0 0;
padding:4px 8px;
color:#036;
}
a.basebtn:hover {
background-image:none;
background-color:#036;
color:#fff;
}


/* css_end */
