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

/* LinkColor */
a:link {
color: #333;
text-decoration: underline;
}
a:visited {
color: #333;
text-decoration: underline;
}
a:hover, a:focus {
color: #CCC;
text-decoration: none;
}
a:active {
color: #CCC;
text-decoration: none;
}
/* ------------------------------------------------------------------------------
Template
------------------------------------------------------------------------------ */
#wrap {
font-size: 93%;/*13px→12px*/
line-height: 1.6;/*DefaultLine-height*/
background: url(../img_common/bg01.jpg) repeat-x;
}
#cont {
width: 830px;
margin-right: auto;
margin-left: auto;
}
#headBg {
background: url(../img_common/head_bg.png) no-repeat;
height: 67px;
width: 830px;
margin-bottom: 8px;
}
h1#logo {
float: left;
height: 51px;
width: 208px;
padding-left: 20px;
}
#hMenu {
float: right;
padding-right: 18px;
width: 456px;
}
#hMenu li {
float: left;
}
#gMenuBg {
background: url(../img_common/gmenu_bg.png) no-repeat;
height: 148px;
width: 830px;
padding-top: 8px;
}
#gMenuBgTop {
background: url(../img_common/top_gmenu_bg.png) no-repeat;
height: 387px;
width: 830px;
padding-top: 8px;
}
#gMenu {
width: 713px;
margin-right: auto;
margin-left: auto;
margin-bottom: 3px;
}
#gMenuTop {
width: 713px;
margin-right: auto;
margin-left: auto;
margin-bottom: 5px;
}
#gMenu li {
float: left;
}
#gMenuTop li {
float: left;
}
#brand {
height: 111px;
width: 818px;
margin-right: auto;
margin-left: auto;
}
#brandTop {
height: 340px;
width: 818px;
margin-right: auto;
margin-left: auto;
}
#main {
float: left;
width: 650px;
padding-top: 10px;
}
#pankuzu {
width: 600px;
font-size: 83%;
margin-bottom: 25px;
}
#pankuzu li {
float: left;
margin-right: 10px;
border-top: 1px solid #F0F0F0;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
border-left: 1px solid #F0F0F0;
padding-right: 2px;
padding-left: 2px;
}
#sMenu {
float: right;
width: 162px;
padding-top: 10px;
}
#sMenu li {
margin-bottom: 10px;
}
#sMenu .social_li {
height: 110px;
}
#footer {
background: url(../img_common/foot_bg.gif) no-repeat;
height: 62px;
width: 830px;
padding-top: 10px;
}
#fMenu {
width: 460px;
margin-right: auto;
margin-left: auto;
background: url(../img_common/foot_icon01.gif) no-repeat right center;
margin-bottom: 10px;
font-size: 12px;
}
#fMenu li {
float: left;
background: url(../img_common/foot_icon01.gif) no-repeat left center;
margin-right: 10px;
padding-left: 10px;
}
#footer .copyright {
background: #1C8318;
height: 16px;
width: 810px;
margin-right: auto;
margin-left: auto;
text-align: center;
padding-top: 6px;
}
#fMenu li a:link {
color: #060;
}
/*ロールオーバーの設定*/
#hMenu li a {
display: block;
}
#hMenu .hMenu01 {
height: 50px;
width: 105px;
background: url(../img_common/hmenu01r.jpg) no-repeat;
}
#hMenu .hMenu02 {
height: 50px;
width: 103px;
background: url(../img_common/hmenu02r.jpg) no-repeat;
}
#hMenu .hMenu03 {
height: 50px;
width: 100px;
background: url(../img_common/hmenu03r.jpg) no-repeat;
}
#hMenu .hMenu04 {
height: 50px;
width: 148px;
background: url(../img_common/hmenu04r.jpg) no-repeat;
}
#hMenu .hMenu01 a {
height: 50px;
width: 105x;
}
#hMenu .hMenu02 a {
height: 50px;
width: 103px;
}
#hMenu .hMenu03 a {
height: 50px;
width: 100px;
}
#hMenu .hMenu04 a {
height: 50px;
width: 148px;
}
#hMenu li a:hover {
background-color: transparent;
}
#hMenu li a:hover img {
visibility: hidden;
}
#gMenuTop li a {
display: block;
}
#gMenuTop .gMenuTop01 {
height: 25px;
width: 119px;
background: url(../img_common/gmenu01r.jpg) no-repeat;
}
#gMenuTop .gMenuTop02 {
height: 25px;
width: 130px;
background: url(../img_common/gmenu02r.jpg) no-repeat;
}
#gMenuTop .gMenuTop03 {
height: 25px;
width: 108px;
background: url(../img_common/gmenu03r.jpg) no-repeat;
}
#gMenuTop .gMenuTop04 {
height: 25px;
width: 121px;
background: url(../img_common/gmenu04r.jpg) no-repeat;
}
#gMenuTop .gMenuTop05 {
height: 25px;
width: 129px;
background: url(../img_common/gmenu05r.jpg) no-repeat;
}
#gMenuTop .gMenuTop06 {
height: 25px;
width: 106px;
background: url(../img_common/gmenu06r.jpg) no-repeat;
}
#gMenuTop .gMenuTop01 a {
height: 25px;
width: 119px;
}
#gMenuTop .gMenuTop02 a {
height: 25px;
width: 130px;
}
#gMenuTop .gMenuTop03 a {
height: 25px;
width: 108px;
}
#gMenuTop .gMenuTop04 a {
height: 25px;
width: 121px;
}
#gMenuTop .gMenuTop05 a {
height: 25px;
width: 129px;
}
#gMenuTop .gMenuTop06 a {
height: 25px;
width: 106px;
}
#gMenuTop li a:hover {
background-color: transparent;
}
#gMenuTop li a:hover img {
visibility: hidden;
}
#gMenu li a {
display: block;
}
#gMenu .gMenu01 {
height: 25px;
width: 119x;
background: url(../img_common/gmenu01r.jpg) no-repeat;
}
#gMenu .gMenu02 {
height: 25px;
width: 130px;
background: url(../img_common/gmenu02r.jpg) no-repeat;
}
#gMenu .gMenu03 {
height: 25px;
width: 108px;
background: url(../img_common/gmenu03r.jpg) no-repeat;
}
#gMenu .gMenu04 {
height: 25px;
width: 121px;
background: url(../img_common/gmenu04r.jpg) no-repeat;
}
#gMenu .gMenu05 {
height: 25px;
width: 129px;
background: url(../img_common/gmenu05r.jpg) no-repeat;
}
#gMenu .gMenu06 {
height: 25px;
width: 106px;
background: url(../img_common/gmenu06r.jpg) no-repeat;
}
#gMenu .gMenu01 a {
height: 25px;
width: 119px;
}
#gMenu .gMenu02 a {
height: 25px;
width: 130px;
}
#gMenu .gMenu03 a {
height: 25px;
width: 108px;
}
#gMenu .gMenu04 a {
height: 25px;
width: 121px;
}
#gMenu .gMenu05 a {
height: 25px;
width: 129px;
}
#gMenu .gMenu06 a {
height: 25px;
width: 106px;
}
#gMenu li a:hover {
background-color: transparent;
}
#gMenu li a:hover img {
visibility: hidden;
}
#sMenu dd a {
display: block;
}
#sMenu .sMenu01 {
height: 47px;
width: 162px;
background: url(../img_common/smenu0101r.jpg) no-repeat;
}
#sMenu .sMenu02 {
height: 44px;
width: 162px;
background: url(../img_common/smenu0102r.jpg) no-repeat;
}
#sMenu .sMenu03 {
height: 44px;
width: 162px;
background: url(../img_common/smenu0103r.jpg) no-repeat;
}
#sMenu .sMenu04 {
height: 44px;
width: 162px;
background: url(../img_common/smenu0104r.jpg) no-repeat;
}
#sMenu .sMenu12 {
height: 53px;
width: 162px;
background: url(../img_common/smenu0105r.jpg) no-repeat;
}
#sMenu .sMenu05 {
height: 45px;
width: 162px;
background: url(../img_common/smenu0201r.jpg) no-repeat;
}
#sMenu .sMenu06 {
height: 43px;
width: 162px;
background: url(../img_common/smenu0202r.jpg) no-repeat;
}
#sMenu .sMenu07 {
height: 43px;
width: 162px;
background: url(../img_common/smenu0203r.jpg) no-repeat;
}
#sMenu .sMenu11 {
height: 58px;
width: 162px;
background: url(../img_common/smenu0401r.jpg) no-repeat;
}
#sMenu .sMenu08 {
height: 46px;
width: 162px;
background: url(../img_common/smenu0301r.jpg) no-repeat;
}
#sMenu .sMenu10 {
height: 54px;
width: 162px;
background: url(../img_common/smenu0204r.jpg) no-repeat;
}
#sMenu .sMenu09 {
height: 57px;
width: 162px;
background: url(../img_common/smenu0302r.jpg) no-repeat;
}
#sMenu .sMenu13 {
height: 54px;
width: 162px;
background: url(../img_common/smenu0501r.jpg) no-repeat;
}
#sMenu .sMenu14 {
height: 57px;
width: 162px;
background: url(../img_common/smenuigumi_tit.jpg) no-repeat;
}
#sMenu .sMenu01 a {
height: 47px;
width: 162px;
}
#sMenu .sMenu02 a {
height: 44px;
width: 162px;
}
#sMenu .sMenu03 a {
height: 44px;
width: 162px;
}
#sMenu .sMenu04 a {
height: 44px;
width: 162px;
}
#sMenu .sMenu12 a {
height: 53px;
width: 162px;
}
#sMenu .sMenu05 a {
height: 45px;
width: 162px;
}
#sMenu .sMenu06 a {
height: 43px;
width: 162px;
}
#sMenu .sMenu07 a {
height: 43px;
width: 162px;
}
#sMenu .sMenu10 a {
height: 54px;
width: 162px;
}
#sMenu .sMenu11 a {
height: 58px;
width: 162px;
}
#sMenu .sMenu08 a {
height: 46px;
width: 162px;
}
#sMenu .sMenu09 a {
height: 57px;
width: 162px;
}
#sMenu .sMenu13 a {
height: 57px;
width: 162px;
}
#sMenu .sMenu14 a {
height: 57px;
width: 162px;
}

#sMenu dd a:hover {
background-color: transparent;
}
#sMenu dd a:hover img {
visibility: hidden;
}
.pageTop {
text-align: right;
margin-bottom: 20px;
}
/*table*/
.tableStyle1 {
border-top:1px solid #CCC;
border-left:1px solid #CCC;
border-collapse:collapse;
border-spacing:0;
}
.tableStyle1 th {
padding:5px;
border-bottom: 1px solid #CCC;
background: #FEF5DA;
}
.tableStyle1 td {
padding:5px;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
/*h3タイトル*/
.tit {
margin-bottom: 25px;
}
/*h4タイトル*/
.stit {
background: #F4F3ED url(../img_common/icon01.gif) no-repeat 10px center;
padding-left: 30px;
margin-bottom: 20px;
font-size: 108.3%;
color: #8ABD35;
font-weight: bold;
line-height: 1.8;
}
/*見学申し込みボタン*/
.reserveBtn {
margin-bottom: 20px;
}
/*製品情報の特徴ボタンとバナー*/
.productBox {
width: 650px;
background: url(../img_common/frame01_bg.gif) repeat-y left top;
margin-bottom: 20px;
}
.roundCap {
font-size: 0%;
line-height: 0;
}
.productBox .leftBox {
float: left;
width: 279px;
}
.productBox ul {
float: left;
width: 371px;
}
.productBox li {
float: left;
}
.productBox .leftBox .text {
width: 250px;
padding-left: 15px;
}
.productBtnBox {
margin-bottom: 30px;
}
.productBtnBox li {
float: left;
}
/*テキスト*/
.txt01 {
width: 600px;
margin-right: auto;
margin-left: auto;
margin-bottom: 25px;
}
/*お問い合わせボタン*/
.contactBtn {
text-align: right;
margin-bottom: 25px;
width: 630px;
margin-right: auto;
margin-left: auto;
}
/*フォーム周り*/
.formBtn {
text-align: center;
margin-bottom: 40px;
padding-top: 20px;
}
.formBtn input {
margin-right: 5px;
margin-left: 5px;
}
.err {
color: #F00;
font-size: 10px;
line-height: 10px;
}
.formTable {
width: 600px;
margin-right: auto;
margin-left: auto;
}
.formTable th {
padding:10px;
width: 130px;
line-height: 2.5;
}
.formTable td {
padding:10px;
line-height: 2.5;
}
.formEsse {
color: #03F;
}
.formNote {
width: 588px;
margin-right: auto;
margin-left: auto;
background: #FFC;
border: 1px solid #CCC;
padding-left: 10px;
}
.formAtt {
color: #FFF;
background: #F00;
width: 589px;
padding-left: 10px;
margin-right: auto;
margin-left: auto;
border-top: 1px solid #CCC;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-color: #CCC;
border-bottom-color: #CCC;
border-left-color: #CCC;
}
/* ------------------------------------------------------------------------------
Template（support）
------------------------------------------------------------------------------ */

#spoHeadBg {
background: url(../support/img/spo_head_bg.png) no-repeat;
height: 67px;
width: 830px;
margin-bottom: 8px;
}

#spoTxt01 {
color: #1E5003;
padding-left: 10px;
margin-bottom: 20px;
}
#supBrand {
margin-bottom: 10px;
}
.spoTit {
margin-bottom: 10px;
}
#cont ul li .spoBox {

}
#cont ul li .spoBox tr th {
width: 110px;
padding-left: 20px;
line-height: 3;
}
#cont ul li .spoBox tr .spoCell01 {
width: 310px;
padding-left: 20px;
}
#cont ul li .spoBox tr .spoCell02 {
width: 110px;
}
#cont ul li .spoBox tr .spoCell03 {
width: 160px;
background: #F4FAEB;
padding-left: 20px;
}
#cont ul li .spoBox tr .spoCell04 {
width: 160px;
background: #FFFFDF;
padding-left: 20px;
}
#cont ul li .spoBox tr .spoCell05 {
width: 160px;
background: #E8FAFF;
padding-left: 20px;
}
#cont .spoList {
padding-bottom: 20px;
width: 750px;
margin-right: auto;
margin-left: auto;
}
#cont .spoList li {
border-bottom: 1px dashed #CCC;
}
#cont .spoBox tr .spoGreen {
background: #F4FAEB url(../support/img/arrow_g.gif) no-repeat 5px center;
}
#cont .spoBox tr .spoOrange {
background: #FFFFDF url(../support/img/arrow_o.gif) no-repeat 5px center;
}
#cont .spoBox tr .spoBlue {
background: #E8FAFF url(../support/img/arrow_b.gif) no-repeat 5px center;
}


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

.social{
	float: right;
	width: 162px;
	height: 90px;
	background: url(../img/share/bg.gif) no-repeat;
	margin: 20px 0 0;
	font-size: 0;
}

.social .tw{
	margin: 22px 0 0 18px;
	height: 21px;
}

.social .tw .p{
	float: left;
	margin: 0;
	width: 105px;
}
.social .tw .s{
	float: left;
}


.social .fb{
	margin: 4px 0 0 18px;
	height: 21px;
}

.social .fb .p{
	float: left;
	width: 105px;
}
.social .fb .s{
	float: left;
}