@charset "Shift_JIS";

/* 全体構造
---------------------------------------------------- */
body{
	margin: 0px 0 0;
	padding: 0;
	color: #666666;
	background-color: #FFFFFF;
	background-image: url(grafic/bodyback.gif);
	background-repeat: repeat-x;
	background-position: top;
}
h1{
  float: left;
  padding: 20px 0 0 0;
  margin: 0;
  font-size: 12px;
}
h2{
  padding: 0;
  margin: 0;
  font-size: 12px;
  font-weight: normal;
}
h3{
  margin: 0;
  padding: 0;
  font-size: 12px;
}
p{
  margin: 0;
  padding: 0;
}
div{
	margin: 0;
	padding: 0;
	float: none;
	width: 220px;
}
ul{
  margin: 0;
  padding: 0;
}
ol{
  margin: 0;
  padding: 0;
}
li{
  margin: 0;
  padding: 0;
}
strong{
  font-weight: normal;
}
span{

}
a{

}
a:hover, a:active {
  text-decoration: underline;
}
img{
  margin: 0;
  padding:0;
  border: none;
}
/* クラス指定
---------------------------------------------------- */
.clear{
  clear: both;
  font-size: 1px;
}

.left{
  float: left;
}
.right{
  float: right;
}
.nomal{
  clear: both;
}
.px10{
  font-size: 10px;
}
.px11{
  font-size: 11px;
}
.txtright{
  text-align: right;
}
.totop{
  margin: 30px 0;
  text-align: right;
}
.totop a{
  color: #414042;
  text-decoration: none;
}
.totop a:hover{
  text-decoration: underline;
}
/*　clearfix
---------------------------------------------------- */

.clearfix:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

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

/* ボディライン
---------------------------------------------------- */
#bodyline{
	width: 500px;
	background: url(../images/bodyline.jpg) #E2ECF1 repeat-x top;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 15px;
}

/* ヘッダー
---------------------------------------------------- */
#header{
  width: 760px;
  height: 100px;
  margin: 0 auto 0px;
  padding: 0 20px;
  font-size: 12px;
  line-height: 1.8;
  background: #FFFFFF;
  border-left: 1px solid #A7A9AB;
  border-right: 1px solid #A7A9AB;
}
#header img#himg01{
  padding: 20px 0 0 0;
}

/* メニュー
---------------------------------------------------- */
#menu{
  clear: both;
  width: 780px;
  margin: 0 auto 0px;
  padding: 0 0 0 20px;
  font-size: 12px;
  background: #FFFFFF url(../images/menu/menuback.gif) repeat-x bottom;
  border-left: 1px solid #A7A9AB;
  border-right: 1px solid #A7A9AB;
}
#menu ul{
  padding: 0 0 0px;
  list-style: none;
}

#menu li#menu1{
  float: left;
  width: 66px;
  height: 35px;
  text-indent: -10000px;
  letter-spacing: 0.2em;
  list-style: none;
  background: url(../images/menu/menu_01.gif) left top no-repeat;
}

#menu li#menu1 a{
  display: block;
  width: 66px;
  height: 35px;
  color: #E5B853;
  text-decoration: none;
  background: url(../images/menu/menu_off_01.gif) left top no-repeat;
}
#menu li#menu1 a:hover{
  color: #FFFFFF;
  background: url(../images/menu/menu_on_01.gif) left top no-repeat;
}
#menu li#menu2{
  float: left;
  width: 91px;
  height: 35px;
  text-indent: -10000px;
  letter-spacing: 0.2em;
  list-style: none;
  background: url(../images/menu/menu_02.gif) left top no-repeat;
}

#menu li#menu2 a{
  display: block;
  width: 91px;
  height: 35px;
  color: #E5B853;
  text-decoration: none;
  background: url(../images/menu/menu_off_02.gif) left top no-repeat;
}
#menu li#menu2 a:hover{
  color: #FFFFFF;
  background: url(../images/menu/menu_on_02.gif) left top no-repeat;
}
#menu li#menu3{
  float: left;
  width: 88px;
  height: 35px;
  text-indent: -10000px;
  letter-spacing: 0.2em;
  list-style: none;
  background: url(../images/menu/menu_03.gif) left top no-repeat;
}

#menu li#menu3 a{
  display: block;
  width: 88px;
  height: 35px;
  color: #E5B853;
  text-decoration: none;
  background: url(../images/menu/menu_off_03.gif) left top no-repeat;
}
#menu li#menu3 a:hover{
  color: #FFFFFF;
  background: url(../images/menu/menu_on_03.gif) left top no-repeat;
}
#menu li#menu4{
  float: left;
  width: 79px;
  height: 35px;
  text-indent: -10000px;
  letter-spacing: 0.2em;
  list-style: none;
  background: url(../images/menu/menu_04.gif) left top no-repeat;
}

#menu li#menu4 a{
  display: block;
  width: 79px;
  height: 35px;
  color: #E5B853;
  text-decoration: none;
  background: url(../images/menu/menu_off_04.gif) left top no-repeat;
}
#menu li#menu4 a:hover{
  color: #FFFFFF;
  background: url(../images/menu/menu_on_04.gif) left top no-repeat;
}
#menu li#menu5{
  float: left;
  width: 79px;
  height: 35px;
  text-indent: -10000px;
  letter-spacing: 0.2em;
  list-style: none;
  background: url(../images/menu/menu_05.gif) left top no-repeat;
}

#menu li#menu5 a{
  display: block;
  width: 79px;
  height: 35px;
  color: #E5B853;
  text-decoration: none;
  background: url(../images/menu/menu_off_05.gif) left top no-repeat;
}
#menu li#menu5 a:hover{
  color: #FFFFFF;
  background: url(../images/menu/menu_on_05.gif) left top no-repeat;
}
#menu li#menu6{
  float: left;
  width: 107px;
  height: 35px;
  text-indent: -10000px;
  letter-spacing: 0.2em;
  list-style: none;
  background: url(../images/menu/menu_06.gif) left top no-repeat;
}

#menu li#menu6 a{
  display: block;
  width: 107px;
  height: 35px;
  color: #E5B853;
  text-decoration: none;
  background: url(../images/menu/menu_off_06.gif) left top no-repeat;
}
#menu li#menu6 a:hover{
  color: #FFFFFF;
  background: url(../images/menu/menu_on_06.gif) left top no-repeat;
}
#menu li#menu7{
  float: left;
  width: 60px;
  height: 35px;
  text-indent: -10000px;
  letter-spacing: 0.2em;
  list-style: none;
  background: url(../images/menu/menu_07.gif) left top no-repeat;
}

#menu li#menu7 a{
  display: block;
  width: 60px;
  height: 35px;
  color: #E5B853;
  text-decoration: none;
  background: url(../images/menu/menu_off_07.gif) left top no-repeat;
}
#menu li#menu7 a:hover{
  color: #FFFFFF;
  background: url(../images/menu/menu_on_07.gif) left top no-repeat;
}
#menu li#menu8{
  float: left;
  width: 80px;
  height: 35px;
  text-indent: -10000px;
  letter-spacing: 0.2em;
  list-style: none;
  background: url(../images/menu/menu_08.gif) left top no-repeat;
}

#menu li#menu8 a{
  display: block;
  width: 80px;
  height: 35px;
  color: #E5B853;
  text-decoration: none;
  background: url(../images/menu/menu_off_08.gif) left top no-repeat;
}
#menu li#menu8 a:hover{
  color: #FFFFFF;
  background: url(../images/menu/menu_on_08.gif) left top no-repeat;
}
#menu li#menu9{
  float: left;
  width: 110px;
  height: 35px;
  text-indent: -10000px;
  letter-spacing: 0.2em;
  list-style: none;
  background: url(../images/menu/menu_09.gif) left top no-repeat;
}

#menu li#menu9 a{
  display: block;
  width: 110px;
  height: 35px;
  color: #E5B853;
  text-decoration: none;
  background: url(../images/menu/menu_off_09.gif) left top no-repeat;
}
#menu li#menu9 a:hover{
  color: #FFFFFF;
  background: url(../images/menu/menu_on_09.gif) left top no-repeat;
}

/* フラッシュ
---------------------------------------------------- */
#flasharea{
  clear: both;
  width: 760px;
  margin: 0px auto 0;
  padding: 10px 20px 0;
  font-size: 12px;
  line-height: 1.5;
  background: #FFFFFF;
  border-left: 1px solid #A7A9AB;
  border-right: 1px solid #A7A9AB;
}

/* コンテナ
---------------------------------------------------- */
#container{
  clear: both;
  width: 760px;
  margin: 0px auto 0;
  padding: 10px 20px;
  font-size: 12px;
  line-height: 1.5;
  background: #FFFFFF url(../images/containerback.jpg) top no-repeat;
  border-left: 1px solid #A7A9AB;
  border-right: 1px solid #A7A9AB;
}
#container p#p1{
  padding: 3px 0 10px;
}
#container ul#product{
  list-style: none;
}
#container #product li{
  font-size: 14px;
  text-indent: -10px;
}
#container #product li a{
  display: block;
}
#container #product li#product1{
  float: left;
  width: 127px;
  background: url(../images/product_off_01.jpg) no-repeat;
}
#container #product li#product1 a{
  width: 117px;
  padding: 105px 0 0 10px;
  background: url(../images/product_off_01.jpg) no-repeat;
}
#container #product li#product1 a:hover{
  background: url(../images/product_on_01.jpg) no-repeat;
}
#container #product li#product2{
  float: left;
  width: 126px;
  background: url(../images/product_off_02.jpg) no-repeat;
}
#container #product li#product2 a{
  width: 111px;
  padding: 105px 0 0 15px;
  background: url(../images/product_off_02.jpg) no-repeat;
}
#container #product li#product2 a:hover{
  background: url(../images/product_on_02.jpg) no-repeat;
}
#container #product li#product3{
  float: left;
  width: 126px;
  background: url(../images/product_off_03.jpg) no-repeat;
}
#container #product li#product3 a{
  width: 111px;
  padding: 105px 0 0 15px;
  background: url(../images/product_off_03.jpg) no-repeat;
}
#container #product li#product3 a:hover{
  background: url(../images/product_on_03.jpg) no-repeat;
}
#container #product li#product4{
  float: left;
  width: 126px;
  background: url(../images/product_off_04.jpg) no-repeat;
}
#container #product li#product4 a{
  width: 111px;
  padding: 105px 0 0 15px;
  background: url(../images/product_off_04.jpg) no-repeat;
}
#container #product li#product4 a:hover{
  background: url(../images/product_on_04.jpg) no-repeat;
}
#container #product li#product5{
  float: left;
  width: 126px;
  background: url(../images/product_off_05.jpg) no-repeat;
}
#container #product li#product5 a{
  width: 111px;
  padding: 105px 0 0 15px;
  background: url(../images/product_off_05.jpg) no-repeat;
}
#container #product li#product5 a:hover{
  background: url(../images/product_on_05.jpg) no-repeat;
}
#container #product li#product6{
  float: left;
  width: 129px;
  background: url(../images/product_off_06.jpg) no-repeat;
}
#container #product li#product6 a{
  width: 114px;
  padding: 105px 0 0 15px;
  background: url(../images/product_off_06.jpg) no-repeat;
}
#container #product li#product6 a:hover{
  background: url(../images/product_on_06.jpg) no-repeat;
}
#container #product a{
  color: #414042;
  text-decoration: none;
}
#container #product a:hover{
  color: #A72C31;
  text-decoration: underline;
}


/* コンテンツ
---------------------------------------------------- */
#contents{
	width: 550px;
	background: #FFFFFF url(../images/contentsback.gif) repeat-y;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	line-height: 1.5px;

}
/* メインコンテンツ
---------------------------------------- */
#main{
  float: right;
  width: 540px;
  padding: 0px 0 0 0px;
}
#main h2{
  margin: 0 0 10px;
}
#main p{
  margin: 0 0 10px;
}
#main p#minfo{
  margin: 0 0 15px;
  padding: 0 0 5px 140px;
  letter-spacing: 0.1em;
  line-height: 1.8;
  background: url(../images/main_info_pic01.jpg) no-repeat;
}
#main .box1{
  margin: 0 0 10px;
  padding: 10px 10px 10px 170px;
  background: #E1F4FD url(../images/main_corp_pic01.jpg) no-repeat;
  background-position: 10px;
}
#main .box2{
  margin: 0 0 15px;
  padding: 10px 10px 10px 170px;
  background: #E1F4FD url(../images/main_corp_pic02.jpg) no-repeat;
  background-position: 10px;
}
#main h3{
  margin: 0 0 5px;
}
#main ul#mnews{
  margin: 0 0 10px;
  list-style: none;
}
#main #mnews li{
  padding: 5px 0;
  margin: 5px 0;
  background: url(../images/main_dottline.gif) no-repeat bottom;
}
#main #mnews li span{
  color: #F7941D;
}



/* サイド
---------------------------------------------------- */
#side{
  float: left;
  width: 210px;
  padding: 0px 0 0 0px;
}
#side h2{
  margin: 0 0 10px;
}
#side ul#sservice{
  margin: 0 0 10px;
  padding: 0 10px 0 0;
  list-style: none;
  font-size: 14px;
}
#side #sservice li span.mark{
  font-size: 8px;
  color: #6A8A22;
  vertical-align: 3px;
}
#side p#syellow{
  margin: 0px 0 15px;
  padding: 0 10px 15px 0;
  color: #776117;
  font-weight: bold;
  background: url(../images/side_dottline.gif) no-repeat bottom left;
}
#side p#sfac02b{
  margin: 0px 0 15px;
  padding: 0 10px 15px 0;
  background: url(../images/side_dottline.gif) no-repeat bottom left;
}
#side p#sfac02b a{
  display: block;
  width: 200px;
  height: 90px;
  text-indent: -10000px;
  background: url(../images/side_fac02b_off.jpg) no-repeat;
}
#side p#sfac02b a:hover{
  background: url(../images/side_fac02b_on.jpg) no-repeat;
}
#side p#squality{
  margin: 0px 0 15px;
  padding: 0 10px 15px 0;
  background: url(../images/side_dottline.gif) no-repeat bottom left;
}
#side p#squality a{
  display: block;
  width: 200px;
  height: 135px;
  text-indent: -10000px;
  background: url(../images/side_quality_off.jpg) no-repeat;
}
#side p#squality a:hover{
  background: url(../images/side_quality_on.jpg) no-repeat;
}
#side p#srecruit{
  margin: 0px 0 15px;
  padding: 0 10px 15px 0;
  background: url(../images/side_dottline.gif) no-repeat bottom left;
}
#side p#srecruit a{
  display: block;
  width: 200px;
  height: 30px;
  text-indent: -10000px;
  background: url(../images/side_recruit_off.gif) no-repeat;
}
#side p#srecruit a:hover{
  background: url(../images/side_recruit_on.gif) no-repeat;
}
#side p#sinquiry{
  margin: 0px 0 15px;
  padding: 0 10px 15px 0;
  background: url(../images/side_dottline.gif) no-repeat bottom left;
}
#side p#sinquiry a{
  display: block;
  width: 200px;
  height: 30px;
  text-indent: -10000px;
  background: url(../images/side_inquiry_off.gif) no-repeat;
}
#side p#sinquiry a:hover{
  background: url(../images/side_inquiry_on.gif) no-repeat;
}
#side p#sqa{
  margin: 0px 0 15px;
  padding: 0 10px 0 0;
}
#side p#sqa a{
  display: block;
  width: 200px;
  height: 30px;
  text-indent: -10000px;
  background: url(../images/side_qa_off.gif) no-repeat;
}
#side p#sqa a:hover{
  background: url(../images/side_qa_on.gif) no-repeat;
}
/* フッタ
---------------------------------------------------- */
#footer{
  clear: both;
  width: 800px;
  margin: 0 auto;
  padding: 0px 0 10px;
  color: #414042;
  font-size: 12px;
  background: #FFFFFF;
  border-left: 1px solid #A7A9AB;
  border-right: 1px solid #A7A9AB;
}
#footer ul{
  margin: 0;
  padding: 5px 0px;
  text-align: center;
  list-style: none;
  background: #E7E8E8;
}
#footer li{
  display: inline;
  color: #414042;
  letter-spacing: 0.2em;
}
#footer li a{
  text-decoration: none;
  color: #414042;
}
#footer li a:hover, a:active {
  text-decoration: underline;
}
#footer p{
  padding: 5px 20px;
}
#footer p #flogo{
  vertical-align: -8px;
}