@charset "utf-8";
/*
-----------------------------------------------------------

Contents
1: Share Style
2: Link Color
3: module
4: Frame
5: topsection
6: maincontents : index
7: maincontents : low
8: subcontents
9: news
10: footer
11: company
12: sitemap
13: blog
14: index
15: News（新着情報ページ）




----------------------------------------------------------- */

/*
1: Share Style [
----------------------------------------------------------- */
* {
margin:0;
padding:0;
}
html{
height:100%;
}
body {
font-family:Verdana, "ＭＳ Ｐゴシック", Osaka;
font-size:80%;
height:100%;
background: #FFF url(image/background.jpg) top center repeat-y;
}
p {
margin:0 0 1em 0;
}
li {
list-style-type:none;
}
img {
border:0;
}
hr {
display:none;
}
.clear {
clear:both;
}
/*
2: Link Color [
----------------------------------------------------------- */
a {
text-decoration:none;
cursor: pointer;
}
a:link {
}
a:visited {
}
a:hover {
}
a:active {
}

/*
3: module [
----------------------------------------------------------- */
.replace{
position: relative;
margin:0;
padding:0;
/*MAC B\*/
overflow:hidden;
/* */
}

.replace span{
display:block;
position:absolute;
top:0px;
left:0px;
z-index:1;/*OperaΉ*/
}

/*
clearfix [
----------------------------------------------------------- */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*
4: Frame [
----------------------------------------------------------- */
#maincontainer{
width: 760px;
margin: 0 auto;
min-height: 100%;
}
#lowwrapper{
float: left;
width: 100%;
}
#lowcontents{
width: 580px;
margin-left: 180px;
}
#lowcontents .innertube{
margin: 0 20px 0 10px;
}
#subcontents{
float: left;
margin-left: -760px;
width: 180px;
font-size: 0.9em;
}
#subcontents .innertube{
margin: 0 10px;
}

/*
5: topsection [
----------------------------------------------------------- */
#topsection{
}
#title *{
font-size: 1em;
line-height: 1em;
}
#title{
height: 49px;
background: #FFF url(image/title.gif) 0 0 no-repeat;
}
#title.catSke{
background: #FFF url(image/title_ske.jpg) 0 0 no-repeat;
}
#title.catIndex{
background: #FFF url(image/title_index.jpg) 0 0 no-repeat;
}

#title h2{
text-indent: -9999px;
}
#title #telinfo{
text-align: right;
margin-right: 10px;
color: #999;
}
#title #nav_head{
display: block;
text-align: right;
margin: 3px 10px;
margin-bottom: 10px;
_margin-bottom: 0;
}
#title #nav_head li{
display: inline;
border-right: 1px solid #065000;
padding: 0 3px 0 0;
_padding: 0 0 0 4px;
}
#title #nav_head li.last{
border-right: none;
padding: 0;
_padding: 0 0 0 4px;
}
#title #nav_head li a{
color: #065000;
}
#title #nav_head li a:hover{
color: #F33;
}
#mainimage{
height: 204px;
background: #FFF url(image/img-index.jpg) 0 0 no-repeat;
}
#mainimage a{
position: relative;
top: 170px;
left: 12px;
}
#mainimage p{
text-indent: -9999px;
}

/*
6: maincontents : index [
----------------------------------------------------------- */
#topcomment{
margin: 10px;
}
#topcomment div{
display: block;
height: 80px;
width: 740px;
margin: 0 auto;
background: url(./image/index-read1_komidashi.jpg) top left no-repeat;
}
#topcomment div p{
margin-left: 165px;
margin-top: 15px;
}


#nav_tile div h3{
display: none;
}
.bana{
display: block;
width: 240px;
float: left;
margin: 8px 0;
}
.bana img{
margin: 4px;
}
.col1 img,
.col2 img{
margin-bottom: 3px;
_margin-bottom: 0;
}
.bana div{
overflow: hidden;
margin: 0 4px;
display: block;
height: 26px;
background: url(image/bana_new.jpg) left top no-repeat;
}
.bana div p{
font-size: 12px;
_font-size: 11px;
/* padding: 4px 1px;
_padding: 4px 0;
_margin: 3px; */
line-height: 26px;
}
.col1{
margin-left: 10px;
_margin-left: 5px;
}
.col2{
margin-left: 10px;
margin-right: 10px;
}
.col3{
margin-right: 10px;
_margin-right: 5px;
}

.row1 .bana{
height: 100px;
background: #FFF url(image/box-large.jpg) 0 0 no-repeat;
margin-bottom: 0;
}
.row2 .bana{
height: 74px;
background: #FFF url(image/box-small.jpg) 0 0 no-repeat;
}

.row1 .col3 img,
.row3 .col1 img{
margin: 0;
}

/* トップページレイアウト変更 2009/12/23 */
#maincontents .column {
overflow: hidden;
zoom: 1;
float: left;
width: 360px;
margin-left: 15px;
_margin-left: 7px;
}
#maincontents .column .catch p {
margin-bottom: 5px;
padding: 3px;
border: 2px solid #ebebeb;
border-width: 0 2px 2px 2px;
}
#maincontents .column .blog {
margin: 10px 0;
}
#maincontents .column .blog ul {
margin: -10px 0 0 5px;
}
#maincontents .column .blog ul li {
line-height: 20px;
}
#maincontents .column .blog ul li a {
display: block;
text-indent: 18px;
font-weight: normal;
font-size: 12px;
}
#maincontents .column .blog ul li a, #maincontents .column .blog ul li a:link, #maincontents .column .blog ul li a:visited {
background: url(./image/icon_arrow01_n.gif) no-repeat left center;
color: #292929;
}
#maincontents .column .blog ul li a:focus, #maincontents .column .blog ul li a:hover, #maincontents .column .blog ul li a:active {
background: url(./image/icon_arrow01_r.gif) no-repeat left center;
color: #f00;
}

/* 関連リンク表示 */
#links {
margin: 40px 13px 0 520px;
border: 1px solid #ccc
}
#links b,
#links ul {
margin: 5px 3px;
}
#links b {
color: #333;
font-weight: normal;
}
#links b.line {
display: block;
margin-top: 3px;
padding-top: 3px;
border-top: 1px solid #eee;
}
#links ul {
margin-left: 20px;
}
#links ul li {
list-style: circle;
}


/*
7: maincontents : low [
----------------------------------------------------------- */
#topicpath {
margin: 3px 0 10px 0;
}
#topicpath li {
display: inline;
line-height: 110%;
list-style-type: none;
}
#topicpath li a {
padding-right: 10px;
background: url(image/topicpath.gif) no-repeat right center;
}

#lowcontents h3{
margin-top: 20px;
}
#lowcontents h4,
#lowcontents p{
margin: 0.5em 20px;
font-size: 1em;
}
#lowcontents h4{
font-weight: bold;
}
#lowcontents p{
line-height: 1.6em;
margin-bottom: 2em;
}
#backtotop{
text-align: right;
}
#backtotop a{
background: #FFF url(image/backtotop.gif) left center no-repeat;
padding-left: 10px;
font-size: 0.8em;
}
#backtotop a,#backtotop a:link,#backtotop a:visited{
color: #737373;
}
#backtotop a:focus,#backtotop a:hover,#backtotop a:active{
color: #F00;

}
/*
8: subcontents [
----------------------------------------------------------- */
#return{
}
#return a{
display: block;
width: 160px;
height: 24px;
background: url(image/return_bg.gif) 0 0 no-repeat;
margin: 0 auto;
}
#return a,#return a:link,#return a:visited{
color: #000;
}
#return a:focus,#return a:hover,#return a:active{
color: #F00;
}
#return a span{
display: block;
margin-left: 20px;
padding-top: 5px;
}



#subcontents ul li{
margin: 6px 0;
}
#subcontents ul li a{
display: block;
width: 160px;
height: 25px;
background: url(image/menu-bg.gif) 0 0 no-repeat;
font-weight: bold;
letter-spacing: -0.1em;
_letter-spacing: 0em;
}
#subcontents ul#blogMenu li a{
width: 158px;
height: auto;
background: url(image/menu-bg_fsize.gif) left center no-repeat;
overflow: visible;
border: 1px solid #3d3d3d;
padding-bottom: 5px;
}
#subcontents ul li a,#subcontents ul li a:link{
color: #000;
}
#subcontents ul li a:visited{
color: #999;
}

#subcontents ul li a:focus,#subcontents ul li a:hover,#subcontents ul li a:active{
color: #065000;
}
#subcontents ul li a span{
display: block;
margin-left: 20px;
padding-top: 6px;
}

/*
9: news [
----------------------------------------------------------- */
#news{
clear: both;
float: left;
width: 490px;
margin: 10px;
margin-top: 20px;
}
#news dl{
display: block;
margin: 10px 0;
}
#news dl dt,
#news dl dd{
border-bottom: 1px dotted #000;
padding: 0.25em 0;
display: block;
}
#news dl dt{
width: 120px;
color: #065000;
float: left;
_border-bottom: none;
_padding-bottom: 0;
}
#news dl dd{
margin-left: 120px;
width: 370px;
_margin-left: 0;
_padding-top: 0;
_width: 490px;
}

#news ul {
display: block;
margin: 10px 0;
}
#news ul li {
overflow: hidden;
zoom: 1;
border-bottom: 1px dotted #000;
padding: 0.25em 0;
display: block;
}
#news ul li span {
display: block;
float: left;
width: 120px;
color: #065000;
}
#news ul li p {
float: left;
width: 370px;
margin: 0;
/* margin-left: 130px; */
}

/*
10: footer [
----------------------------------------------------------- */
#footer{
text-align: center;
}

#nav_bottom{
border-top: 1px solid #F4F4F4;
margin-top: 5px;
padding-top: 5px;
}
#nav_bottom li{
display: inline;
border-right: 1px solid #000;
padding: 0 3px 0 0;
_padding: 0 0 0 4px;
}
#nav_bottom li.last{
border-right: none;
padding: 0;
_padding: 0 0 0 4px;
}
#nav_bottom li a,#nav_bottom li a:link,#nav_bottom li a:visited{
color: #000;
}
#nav_bottom li a:focus,#nav_bottom li a:hover,#nav_bottom li a:active{
color: #F33;
}

#credit{
display: block;
height: 40px;
margin-top: 5px;
padding-top: 5px;
background: url(image/footer.jpg) 0 0 repeat-x;
}
#credit span{
display: block;
text-indent: -9999px;
}



/*
11: company[
----------------------------------------------------------- */
table.companydata{
width: 510px;
margin: 5px auto;
}
table.type2 td,
table.companydata th{
border-left: 2px solid #999;
background-color: #F9F9F9;
}
table.companydata th{
width: 35%;
text-align: left;
}
table.companydata td{
/*width: 65%;*/
}
table.type2 td{
width: 50%;
}
table.companydata th,
table.companydata td{
padding: 10px 5px;
}
.companyhead_s{
margin: 5px 20px;
margin-top: 20px;
}
.type3 td{
display: block;
width: 50%;
border-bottom: 1px dotted #F9F9F9;
}
.type4{
margin: 20px 0;
}
.type4 td{
border-bottom: 1px dotted #F9F9F9;
}
.hissu{
font-size: 80%;
color: #F00;
}
.permittable{
margin: 20px;
border: 1px solid #666;
border-width: 1px 0 0 1px;
}
.permittable th,
.permittable td{
font-size: .8em;
padding: 5px;
text-align: center;
border: 1px solid #666;
border-width: 0 1px 1px 0;
}
.permittable td.naiyo{
text-align: left;
}
.permittable caption{
text-align: right;
font-size: 0.75em;
}
.permittable th.wide20{
width: 20%;
}
.permittable th.wide40{
width: 40%;
}

/*
12: sitemap[
----------------------------------------------------------- */
#sitemap{
}
#sitemap h4{
font-size: 1.3em;
border-left: 3px solid #030;
padding: 3px;
margin-top: 30px;
}
#sitemap ul{
margin-top: 5px;
margin-left: 30px;
}
#sitemap ul li{
margin: 5px;
list-style-type: disc;
}
#sitemap ul li ul{
margin-top: 0;
margin-left: 15px;
}
#sitemap ul li ul li{
margin-left: 15px;
list-style-type: circle;
}
#sitemap a,#sitemap a:link,#sitemap a:visited{
text-decoration: underline;
color: #000;
}
#sitemap a:focus,#sitemap a:hover,#sitemap a:active{
text-decoration: none;
color: #030;
}


/*
13: blog[
----------------------------------------------------------- */
ul#blogList{
margin-left: 30px !important;
margin-bottom: 50px;
}
ul#blogList li a{
background: #fff url(./image/pro_icon_01.gif) 0 3px no-repeat;
padding-left: 13px;
}
ul#blogList li a,ul#blogList li a:link,ul#blogList li a:visited{
color: #000 !important;
}
ul#blogList li a:focus,ul#blogList li a:hover,ul#blogList li a:link:active{
color: #FF0000 !important;
}

#blogBody{
line-height: 1.8;
}
#blogBody b{
display: block;
border: 1px solid #003300;
padding: 5px;
font-size: 1.5em;
}

#blogBody i{
clear: both;
display: block;
margin-top: 30px;
border: 1px solid #003300;
border-width: 0 0 1px 10px;
padding: 3px;
font-size: 1.5em;
font-style: normal;
font-weight: normal;
}



/*
14: index [
----------------------------------------------------------- */
#indexcom{
margin: 20px 30px;
}
#indeximg .iibox{
width: 217px;
float: left;
margin-left: 25px;
}
#indeximg .iibox p{
line-height: 1.2em;
padding: 10px;
height: 100px;
overflow: hidden;
background: url("image/index_com.jpg") no-repeat 0 0;
}
#indeximg .iibox p a,#indeximg .iibox p a:link,#indeximg .iibox p a:visited{
color: #000;
text-decoration: none;
}
#indeximg .iibox p a:focus,#indeximg .iibox p a:hover,#indeximg .iibox p a:active{
color: #F00;
text-decoration: underline;
}



/*
14: News [
----------------------------------------------------------- */
#NewsList{ /* 新着情報一覧ページ */
margin: 10px;
margin-top: 20px;
}
#NewsList dl{
display: block;
margin: 10px 0;
}
#NewsList dl dt,
#NewsList dl dd{
border-bottom: 1px dotted #000;
padding: 0.5em 0;
display: block;
}
#NewsList dl dt{
width: 120px;
color: #065000;
float: left;
_border-bottom: none;
_padding-bottom: 0;
}
#NewsList dl dd{
margin-left: 120px;
_margin-left: 0;
_padding-top: 0;
}

#NewsTitle { /* 記事表示ページ */
margin-top: 30px;
font-size: 1.3em;
font-weight: bold;
line-height: 1.5;
border-bottom: 1px solid #000;
color: #065000;
}
#NewsDate {
font-size: 0.9em;
text-align: right;
}
#NewsContets {
margin: 10px 0;
margin-bottom: 30px;
}