@charset "utf-8";

/* all */

html {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#333333;
height: 100%;
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
}
body {
font-size:14px !important;
}
img {
vertical-align:bottom;
}
a {
color:#cc9933;
}
.left {
float:left;
}
.right {
float:right;
}
.banner {
overflow:hidden;
clear:both;
}

/* wrap */

#wrap {
min-width:1006px;
width:auto;
background:url(../images/header_bk.jpg) center top repeat-x;
}
#wrap header{
width:1006px;
height:130px;
margin:0 auto;
overflow:hidden;
}
#wrap header h1{
height:80px;
float:left;
}
#wrap header h2{
float:right;
text-align:right;
color:#006699;
font-size:12px;
margin-top:20px;
}
#wrap header nav{
clear:both;
overflow:hidden;
background:url(../images/nav_bk.jpg) right top no-repeat;
width:1000px;
padding:0 3px;
}
#wrap header nav li{
float:left;
}

/* top slider */

#slider {
height:455px;
overflow:hidden;
background:url(../images/top/slide_bk.jpg) center top repeat-x;
text-align:center;
margin-bottom:20px;
}
#slider_in {
width:1000px;
height:455px;
text-align:center;
}

/* contents */

#wrap #contents{
overflow:hidden;
margin:0 auto;
width:1000px;
padding-bottom:40px;
}
#wrap #contents #main{
width:750px;
float:left;
}
#wrap #contents #main .h3box{
width:750px;
padding:0 0 0 20px;
color:#ffffff;
background:url(../images/h3.jpg) left top no-repeat;
}
#wrap #contents #main .h3box h3{
font-weight:bold;
font-size: 16px;
line-height:40px;
height:40px;
color:#ffffff;
}
#wrap #contents #side{
width:220px;
float:right;
color:#006699;
font-size:12px;
}
#wrap #contents #side #side_contents{
background:#e7f4f6;
padding:15px;
margin-bottom:20px;
}
#wrap #contents #side #side_contents p{
font-weight:bold;
margin-bottom:7px;
}
#wrap #contents #side #side_contents li{
margin-bottom:3px;
}
#wrap #contents #side #side_contents img{
margin-top:12px;
}
#wrap #contents #side .side_contents{
background:#e7f4f6;
padding:15px;
margin-bottom:20px;
}
#wrap #contents #side .side_contents a{
background:url(../images/blog/blog_list.jpg) left center no-repeat;
padding-left:10px;
}
#wrap #contents #side .blog_h3{
padding:9px 0 0 10px;
font-weight:bold;
font-size:16px;
min-height:31px;
height:auto;
color:#ffffff;
background:url(../images/blog/blog_side.jpg) left top repeat-x;
}
#wrap #contents #side .side_contents p{
font-weight:bold;
margin-bottom:7px;
}
#wrap #contents #side #side_banner{
clear:both;
}

/* contents_section */

#wrap #contents #main .contents_section{
margin-bottom:30px;
overflow:hidden;
}
#wrap #contents #main .contents_section p{
margin:15px 20px 20px 20px;
font-size:14px;
}
#wrap #contents #main .contents_section table{
margin:30px 20px 20px 20px;
border-top:1px dotted #cccccc;
}
#wrap #contents #main .contents_section table th{
color:#006699;
text-align:center;
vertical-align:middle;
background:#e7f4f6;
padding:18px 20px;
width:165px;
border-right:1px dotted #cccccc;
border-bottom:1px dotted #cccccc;
}
#wrap #contents #main .contents_section table td{
padding:18px 20px;
width:550px;
border-bottom:1px dotted #cccccc;
}
#wrap #contents #main .contents_section table td span{
color:#006699;
}

/* footer */

#wrap footer {
background:url(../images/footer_bk.jpg) center bottom repeat-x;
}
#wrap footer #footer_inner{
width:1006px;
min-height:85px;
height:auto;
font-size:12px;
margin:0 auto;
overflow:hidden;
}
#wrap footer #footer_inner a{
color:#ffffff;
text-decoration:none;
}
#wrap footer #footer_inner a:hover{
text-decoration:underline;
}
#wrap footer #footer_inner nav{
margin:20px 0 15px 3px;
float:left;
}
#wrap footer #footer_inner nav li{
float:left;
background:url(../images/footer_list.png) left center no-repeat;
padding-left:15px;
margin-right:25px;
}
#wrap footer #footer_inner #backtotop{
margin:20px 3px 15px 0;
float:right;
background:url(../images/backtotop.png) left center no-repeat;
padding-left:14px;
}
#wrap footer #footer_inner address{
clear:both;
text-align:center;
color:#ffffff;
}
* html #footer {
bottom:expression(document.getElementById("container").offsetHeight % 2 == 0 ? 0 : -1);
}

/* page all */

#wrap #contents_tit {
background:url(../images/contents_titbk.jpg) center top repeat-x;
height:145px;
text-align:center;
padding:10px 0;
}
#wrap #contents #main #page_list nav ul{
margin:18px;
padding:18px 13px 13px 18px;
overflow:hidden;
background:#e7f4f6;
}
#wrap #contents #main #page_list nav li{
float:left;
background:url(../images/contents_list.jpg) left center no-repeat;
padding-left:13px;
margin-right:15px;
margin-bottom:5px;
}
#wrap #contents #main #page_list .left{
margin:18px;
}
#wrap #contents #main #page_list .right{
margin:0 18px 0 0;
}
#wrap #contents #main #page_list .left ul li{
margin-bottom:2px;
}
#wrap #contents #main #page_list .left ul span{
color:#006699;
}
#wrap #contents #main #page_list .left .left{
clear:both;
width:220px;
margin:0 35px 10px 0;
}
#wrap #contents #main #page_list .left .right{
width:220px;
margin-bottom:10px;
}
#wrap #contents #main .h4box {
margin:18px;
width:710px;
background:url(../images/h4.jpg) left top no-repeat;
}
#wrap #contents #main .h4box h4{
line-height:35px;
padding-left:15px;
margin-bottom:10px;
font-size:16px;
height:35px;
font-weight:bold;
color:#000000;
border-bottom:1px dotted #cccccc;
}
#wrap #contents #main #page_list .h4box {
margin:0;
width:220px;
background:url(../images/h4.jpg) left top no-repeat;
}
#wrap #contents #main #page_list .h4box h4{
line-height:35px;
padding-left:15px;
margin-bottom:10px;
font-size:16px;
height:35px;
font-weight:bold;
color:#000000;
border-bottom:1px dotted #cccccc;
}

/* page only */

#wrap #contents #main #top_news {
margin:20px 25px 0 25px;
}
#wrap #contents #main #top_news div div{
clear:both;
overflow:hidden;
margin:15px 0;
padding-bottom:10px;
border-bottom:1px dotted #eeeeee;
}
#wrap #contents #main #top_news div div p{
background:url(../images/list.jpg) left center no-repeat;
padding-left:15px;
margin-right:20px;
float:left;
}
#wrap #contents #main #top_news div div h3{
font-size:14px;
float:left;
}
#wrap #contents #main .contents_section #enkaku{
margin:20px 20px 20px 20px;
border-top:1px dotted #cccccc;
border-bottom:1px dotted #cccccc;
}
#wrap #contents #main .contents_section #enkaku th{
color:#006699;
text-align:center;
vertical-align:middle;
background:#e7f4f6;
padding:0 20px 15px 20px;
width:165px;
border-right:1px dotted #cccccc;
border-bottom:none;
}
#wrap #contents #main .contents_section #enkaku td{
padding:0 20px 15px 20px;
width:550px;
border-bottom:none
}
#wrap #contents #main .contents_section #enkaku .first th, #wrap #contents #main .contents_section #enkaku .first td{
padding-top:15px;
}
#wrap #contents #main .company_map{
overflow:hidden;
margin-bottom:20px;
}
#wrap #contents #main .company_map p{
margin-bottom:10px;
}
#wrap #contents #main .company_map .left{
margin-left:18px;
}
#wrap #contents #main .company_map .right{
margin-right:18px;
}
#wrap #contents #main #business_box{
margin:18px;
padding:15px;
overflow:hidden;
background:#e7f4f6;
}
#wrap #contents #main #business_box h5{
font-weight:bold;
font-size:16px;
margin-bottom:5px;
}
#wrap #contents #main #business_box p{
margin:0 0 10px 0 !important;
}
#wrap #contents #main #business_box a{
background:url(../images/contents_list.jpg) left center no-repeat;
display:block;
min-height:20px;
height:auto;
padding-left:15px;
}
#wrap #contents #main #business_organization img{
margin:20px;
}
#wrap #contents #main #inquiry_btn {
background:url(../images/inquiry/inquiry_mail.jpg) left top no-repeat;
width:710px;
height:70px;
margin-left:20px;
padding:15px 0 0 130px;
}
#wrap #contents #main #products_img {
margin-top:16px;
}

/* 20171225 plus */

#wrap #contents #main .contents_section .inner_left{
padding: 0 0 0 20px;
width: 360px;
float: left;
}
#wrap #contents #main .contents_section .inner_right{
width: 360px;
float: right;
}
#wrap #contents #main .contents_section .inner_right img{
margin: 0 0 20px 0;
}