@charset "utf-8";
/*
Theme Name: hasebe css
Theme URL: 
Description: base.CSS
Version: 1.0
Author: 長谷部創建
Author URL: 
*/

/* CSS Document */
/* ナビ
----------------------------- */
.t-header {
width:700px;
height:30px;
margin:0;
padding:0;
}
.t-header h1 {
width:700px;
height:30px;
margin:0;
padding:0;
color:#FFFFFF;
font-size:16px;
font-weight:normal;
background:url(../img/tcover.jpg) no-repeat top center;
display:block;
}
.t-header h1 a {
width:680px;
height:23px;
margin:0;
padding:7px 0 0 20px;
color:#FFFFFF;
font-size:16px;
font-weight:normal;
display:block;
}
.t-header h1 a:hover {
width:680px;
height:23px;
margin:0;
padding:7px 0 0 20px;
color:#FF9900;
font-size:16px;
font-weight:normal;
display:block;
}

.t-header2 {
width:700px;
height:70px;
margin:0 0 8px 0;
padding:0;
background:url(../img/cover.jpg) no-repeat 0 0;
}
.t-header2 p {
margin:0;
padding:19px 10px 0 0;
color:#000000;
font-size:14px;
line-height:135%;
text-align:right;
}
p.pan2 {
clear:both;
width:700px;
margin:0;
padding:0;
font-size:10px;
color:#666666;
}
.index-main {
width:700px;
margin:0 0 10px 0;
padding:0;
    overflow: hidden;
}

.index-main:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .index-main {
    height: 1em;
    overflow: visible;
}
/**/
h2.inden-l {
float:left;
width:420px;
height:575px;
margin:11px 0 0 0;
padding:0;
text-indent:-9999em;
background:url(../img/main-l.jpg) no-repeat top left;
}
.box {
padding:0 15px 0 15px;
}



.i-menu {
float:right;
width:280px;
margin:0;
padding:0;
overflow: hidden;
}
.i-menu :after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html .i-menu  {
height: 1em;
overflow: visible;
}
/**/

#i-navi {
width:280px;
margin:0;
padding:0;
}

#i-navi ul {
margin:0;
padding:0;
list-style: none;
}
#i-navi li {
margin:0;
padding: 0;
text-indent:-9999px;
}
#i-navi li a {
margin:0;
padding:0;
text-decoration: none;
display: block;
}
/* --------- */
#i-navi li#menu01 {
margin:0;
padding:0;
width:280px;
height:100px;
background:url(../img/main-r.jpg) no-repeat 0 0;
}
/* --------- */
#i-navi li#menu02 {
margin:0;
padding:0;
width:280px;
height:160px;
background:url(../img/main-r.jpg) no-repeat 0 -100px;
}
#i-navi li#menu02 a {
margin:0;
padding:0;
width:280px;
height:160px;
background:url(../img/main-r.jpg) no-repeat 0 -100px;
}
#i-navi li#menu02 a:hover{
margin:0;
padding:0;
width:280px;
height:160px;
background:url(../img/main-r.jpg) no-repeat -300px -100px;
}
/* --------- */
#i-navi li#menu03 {
margin:0;
padding:0;
width:280px;
height:160px;
background:url(../img/main-r.jpg) no-repeat 0 -260px;
}
#i-navi li#menu03 a {
margin:0;
padding:0;
width:280px;
height:160px;
background:url(../img/main-r.jpg) no-repeat 0 -260px;
}
#i-navi li#menu03 a:hover{
margin:0;
padding:0;
width:280px;
height:160px;
background:url(../img/main-r.jpg) no-repeat -300px -260px;
}
/* --------- */
#i-navi li#menu04 {
margin:0;
padding:0;
width:280px;
height:160px;
background:url(../img/main-r.jpg) no-repeat 0 -420px;
}
#i-navi li#menu04 a {
margin:0;
padding:0;
width:280px;
height:160px;
background:url(../img/main-r.jpg) no-repeat 0 -420px;
}
#i-navi li#menu04 a:hover{
margin:0;
padding:0;
width:280px;
height:160px;
background:url(../img/main-r.jpg) no-repeat -300px -420px;
}
.newsbox {
width:698px;
margin:0 0 20px 0;
padding:0 0 0 0;
border:#333333 1px solid;
    overflow: hidden;
}

.newsbox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .newsbox {
    height: 1em;
    overflow: visible;
}
/**/

.newsbox img {
float:left;
margin:0 10px 10px 10px;
padding:0;
}
.newsbox hr {
clear:both;
border:#E9E9E9 solid 1px;
margin:15px 0;
}
.newsbox h4 {
clear:both;
margin:0 0 7px 0;
padding:0;
font-size:16px;
color:#000066;
}
.newsbox h4 a {
color:#000066;
}
p.pre {
width:700px;
height:75px;
margin:0 0 40px 0;
padding:0;
background:url(../img/pre.jpg) no-repeat 0 0;
text-align:right;
display:block;
}
p.pre a {
width:700px;
margin:0;
padding:75px 0 0 0;
background:url(../img/pre.jpg) no-repeat 0 0;
text-align:right;
display:block;
}
p.pre a:hover {
width:700px;
margin:0;
padding:75px 0 0 0;
background:url(../img/pre.jpg) no-repeat -710px 0;
text-align:right;
display:block;
}
.indexbox {
width:700px;
margin:0 0 40px 0;
padding:0;
}
.indexbox h3 {
margin:0 0 8px 0;
padding:3px 0 3px 5px;
font-size:16px;
color:#000066;
border-left:#000066 1px solid;
}
.syouene {
padding:5px 5px 2px 5px;
font-size:16px;
color:#FFFFFF;
font-weight:bold;
background:#0066FF;
}
.kennkou {
padding:5px 5px 2px 5px;
font-size:16px;
color:#FFFFFF;
font-weight:bold;
background:#FF0099;
}
.kaiteki {
padding:5px 5px 2px 5px;
font-size:16px;
color:#FFFFFF;
font-weight:bold;
background:#006600;
}
.taisin {
padding:5px 5px 2px 5px;
font-size:16px;
color:#FFFFFF;
font-weight:bold;
background:#000066;
}

.indexbox ul {
width:700px;
margin:0;
background:url(../img/t-sasie.jpg) no-repeat right top;
}
.indexbox li {
height:26px;
list-style:url(../img/link.gif) inside;
font-size:16px;
margin:0 0 5px 0;
padding:0 0 0 5px;
font-weight:bold;
}
.indexbox li a {
margin:0;
padding:0;
font-size:16px;
color:#666666;
}
.indexbox li a:hover {
margin:0;
padding:0;
font-size:16px;
color:#3333FF;
}




.kodawari {
width:700px;
margin:0;
padding:0;
    overflow: hidden;
}

.kodawari:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .kodawari {
    height: 1em;
    overflow: visible;
}
/**/

.kodawari-l {
float:left;
width:350px;
margin:0;
padding:0;
}

p.sotobari {
width:350px;
height:85px;
margin:0 0 5px 0;
padding:0;
text-indent:-9999em;
background:url(../img/t-soto.jpg) no-repeat 0 0;
display:block;
}
p.sotobari a {
width:350px;
height:85px;
margin:0;
padding:0;
background:url(../img/t-soto.jpg) no-repeat 0 0;
display:block;
}
p.sotobari a:hover {
width:350px;
height:85px;
margin:0;
padding:0;
background:url(../img/t-soto.jpg) no-repeat 0 -90px;
display:block;
}
p.kaiteki {
float:left;
width:350px;
height:85px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/t-kaiteki.jpg) no-repeat 0 0;
display:block;
}
p.kaiteki a {
float:left;
width:350px;
height:85px;
margin:0;
padding:0;
background:url(../img/t-kaiteki.jpg) no-repeat 0 0;
display:block;
}
p.kaiteki a:hover {
float:left;
width:350px;
height:85px;
margin:0;
padding:0;
background:url(../img/t-kaiteki.jpg) no-repeat 0 -90px;
display:block;
}
p.kodawari-r {
float:left;
width:350px;
height:175px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/t-sekou.jpg) no-repeat 0 -1px;
display:block;
}
p.kodawari-r a {
float:left;
width:350px;
height:175px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/t-sekou.jpg) no-repeat 0 -1px;
display:block;
}
p.kodawari-r a:hover {
float:left;
width:350px;
height:175px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/t-sekou.jpg) no-repeat 0 -181px;
display:block;
}
.kibox {
margin:0;
padding:0:
}
.kibox p {
margin:0 0 10px 0;
padding:0:
}
p.count {
font-size:12px;
margin:0 0 0 5px;
padding:0;
}