@charset "utf-8";
/*
Theme Name:Hibarinet Theme
Theme URI: http://hibarinet
Description: hibarinet
Version: 1.0
Author: Hibarinetsystem
Author URI: http://hibarinet
Tags: Consulting

*/

*{margin:0;padding:0;}

body{
font: 12px/1.2 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#333333;
background: #ffffff url(images/bg.png) repeat-x center 12px;
}


a{color:#c61510; text-decoration:none;}
a:hover{color:#F66;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}

/*************
メインビジュアル
*************/
#main_img{
width: 100%;
height: 258px;
padding: 0 0;
background: url(images/bg_main.jpg) repeat-x top;
border-bottom: 1px solid #dfdfdf;
}
#main_img div{
width: 100%;
height: 258px;
padding: 0 0;
background: url(images/main_4_02.gif) no-repeat top center;
}

/*************
全体
*************/
#wrapper{
width: 100%;
}
#content{
margin: 0 auto;
padding-top: 20px;
width: 910px;
}

/*************
/* ヘッダー
*************/
#header{
background: url(images/header.gif) no-repeat 100% 20px;
height: 85px;
margin: 0 auto;
padding: 5px 20px 10px 0;
width: 910px;
}

#header h1 {
padding: 0 0;
font-size: 12px;
font-weight: normal;
}

/*************
メイン（右側）コンテンツ
*************/
#main {
float: right;
width: 618px;
padding: 0 0 25px;
display: inline;
}

#main .bannerM img{
padding-right: 10px;
padding-bottom: 15px;
}
#main .bannerM img.last{padding-right:0;}

#main h2{
display: block;
margin-bottom: 10px;
padding: 0 15px 0px 35px;
line-height: 36px;
height: 36px;
font-size: 14px;
font-weight: bold;
color: #666666;
background: #ffffff url(images/heading.png) no-repeat bottom;
}

#main h3 {
display: block;
height: 30px;
font-size: 14px;
background: url(images/h3.png) no-repeat ;
padding-left: 35px;
padding-top: 10px;
margin-top: 20px;
color: #666666;
}

#main p {
padding: 15px 15px 15px 20px;
}

/* 画像を右に回りこみ */
#main p.withImage{
width: 598px;
margin: 20px 0 10px 10px;
padding: 5px 0;
}

#main p.withImage img{
float: right;
margin-left: .5em;
}

#date {
	text-align: right;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 10px;
	font-weight:bold;
	color:#c61510;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

/* フッター共通 */
.box{
float: left;
width: 195px;
margin: 20px 16px 10px 0;
line-height: 1.2;
}

.box_img{
padding: 0px 0px 10px 0px;
}

.last{margin-right:0;}


/* メインとフッターのリスト位置調節 */
#main ul, #footer ul, #mainlist ul{margin-left: 20px;}
#main li, #footer li, #mainlist li{margin-bottom: 3px;}
#mainlist li{
margin: 0 10px 10px 0px;
list-style: none;
border-bottom: 1px dotted #cccccc;
line-height: 140%;
}
#footer li{
margin: 0 10px 10px 0px;
list-style: none;
line-height: 140%;
}
#mainlist li a, #footer li a{
background: url(images/list.png) no-repeat 0 50%;
display: block;
padding-left:15px;
}
#mainlist ul {
padding-bottom:15px;	
}

/*************
サイド（左側）コンテンツ
*************/
#sidebar {
float: left;
width: 265px;
padding: 0 0 15px;
}

#sidebar p{margin-bottom: 20px;}

#sidebar h3 {
display: block;
height: 36px;
padding: 7px 10px 0 35px;
line-height: 160%;
font-size: 14px;
font-weight: bold;
color: #666666;
background: #ffffff url(images/heading2.png) no-repeat;
}

#sidebar ul{
margin-left: 5px;
padding: 10px 0;
}

#sidebar li{
margin: 0 10px 10px 5px;
list-style: none;
border-bottom: 1px dotted #cccccc;
line-height: 140%;
}

#sidebar li a{
background: url(images/list.png) no-repeat 0 50%;
display: block;
padding-left:15px;
}

/*************
/* ナビゲーション
*************/
ul#topnav{
width: 266px;
margin: 0 0 20px 0;
padding: 0 0;
}

ul#topnav li{
list-style:none;
width:266px;
margin: 0 0;
padding: 0 0;
border: none;
}

ul#topnav a{
text-indent: -9999px;
text-decoration: none;
display: block;
width: 266px;
height: 49px;
background:url(images/earthfinav_.gif) no-repeat;
padding: 0 0;
}

ul#topnav a#nav_01{background-position:-265px 0;}
ul#topnav a#nav_02{background-position:-265px -48px;}
ul#topnav a#nav_03{background-position:-265px -96px;}
ul#topnav a#nav_04{background-position:-265px -144px;}
ul#topnav a#nav_05{background-position:-265px -192px;}
ul#topnav a#nav_06{background-position:-265px -240px;}
ul#topnav a#nav_01:hover, ul#topnav li.active a#nav_01{background-position:0 0;}
ul#topnav a#nav_02:hover, ul#topnav li.active a#nav_02{background-position:0 -48px;}
ul#topnav a#nav_03:hover, ul#topnav li.active a#nav_03{background-position:0 -96px;}
ul#topnav a#nav_04:hover, ul#topnav li.active a#nav_04{background-position:0 -144px;}
ul#topnav a#nav_05:hover, ul#topnav li.active a#nav_05{background-position:0 -192px;}
ul#topnav a#nav_06:hover, ul#topnav li.active a#nav_06{background-position:0 -240px;}

/*************
/* フッター
*************/
#footer{
clear:both;
padding: 10px 0 10px;
background: #ffffff url(images/bg_foot.png) repeat-x center top;
}

#footer .inner{
width: 910px;
margin: 0 auto;
overflow: hidden;
}

* html #footer .inner{height:1%;}

#footer #logo{
float:left;
padding: 10px 0 5px;
width: 292px;
}

address{
padding: 20px 0 3px;
text-align: center;
font-style:normal;
font-size: 12px;
clear:both;
display:block;
color:#999999;
}
/*************
/*検索窓
*************/
#searchform div {
padding: 20px 0 20px 10px;
}

/*************
/*テーブルta1
*************/
table.ta1, td.ta1, th.ta1 {
border: 0px #ffffff;
border-collapse: collapse;
}

/*************
/*テーブルaaa
*************/
table.aaa {
	width: 100%;
	border-collapse: collapse;
}
th.t_top {
    border-top: #b3b3b3 4px solid;
}
th{
	border-bottom: #e3e3e3 1px solid;
	border-left: #e3e3e3 1px solid;
	text-align: left;
	background: #f7f7f7;
	padding: 10px;
	font-weight: normal;
}
td.t_top {
	border-top: #be1309 4px solid;
}
td{
	border-bottom: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	text-align: left;
	padding: 10px;
}

/*--------------------------------------------*/
/* added mukai */
.container{
  #background: #faa;
  width: 570px;
  margin: 0px auto;
  padding: 10px;
  overflow: hidden;
}
/*--------------------------------------------*/
/* ContactForm7 */
span.wpcf7-list-item {
  padding:0px 0px 3px 0px;
  display: block;
}
table.type1 {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.bgcolor1 { background-color: #eee; }
.border-left-none { border-left: 0px; !important; }
.center { text-align:center; }
.wpcf7-submit {
	background: #EEE;
	border: 1px solid #DDD;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #111;
	width: 100px;
	padding: 10px 0;
}
.padding0 { padding:0px !important; }
strong.must {
  color: #f90;
}
.left { text-align:left; }
.top {vertical-align:top; }
/*--------------------------------------------*/
.product_name {
    border: solid;
    border-width: 0px 0px 1px 10px;
    padding: 5px;
    border-color: #cccccc;
    font-size: 120% ;
}

.product_box {
  background-color:#ff4444;
  width:100px;
  padding:5px;
  margin: 15px 0px 15px 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.product_box_text {
  text-align: center;
  padding:5px 0px 5px 0px  !important;
  font-size:16px;
  color:#ffffff;
}

.padding0 { padding: 0 !important; }

.main{
  #background: #gagaga;
  width: 590px;
  margin: 0 auto; 
  padding: 0px;

}

.clearfix:after{
  content: "";
  clear: both;
  display: block;
}
table.head1 {
  width: 100%;
  border: 0px #808080 solid;
}
tr.head1 {
  border: 0px #808080 solid;
}
td.head1 {
  width: 30%;
  height: 30px  !important;
  border: 1px #808080 solid;
  height: 18px;
  padding: 5px;
  margin: 0px;
  #background-color:#eeeeee;
}

td.head0 {
  width: 30%;
  border: 0px;
}

.center { text-align:center; }

div.box_left2 {
  float: left;
  width: 100px;
  padding: 10px;
  margin: 0 auto; 
  #background: rgba(200,255,200,0.8);
}
div.box_right2 {
  float: left;
  width: 440px;
  padding: 10px;
  margin: 0 auto; 
  #background: rgba(200,200,255,0.8);
}

hr.hekomi {
border-top: 1px solid #bbb;
	border-bottom: 1px solid #fff;
}

div.box_half {
  float: left;
  width: 270px;
  padding: 10px;
  margin: 0 auto; 
  #background: rgba(200,255,200,0.8);
}
div.box_half2 {
  float: left;
  width: 270px;
  padding: 10px;
  margin: 0 auto; 
  #background: rgba(200,200,255,0.8);
}