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

/*--------------- 全体の設定 ---------------*/

body {
				padding: 0px;
				margin: 0px;
				font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
				color: #333333;
}

img {
				border: none;
}

/*------------------- 基本的な文字リンクの設定 -------------------*/

a:link {
				color: #ffffff;
				text-decoration: none;
}
				
a:visited {
				color: #ccffcc;
				text-decoration: none;
}

a:hover {
				color: #663300;
				text-decoration: none;
}

/*---------------全体レイアウトブロックの要素となるID設定---------------*/

#content {
				background-image: url('../images/contentback.jpg');
				background-repeat: repeat-y;
				width: 780px;
				margin-right: auto;
				margin-left: auto;
}

#header {
				background-image: url('../images/headerback.jpg');
				background-repeat: no-repeat;
				height: 160px;
				width: 780px;
}

#navi{
				width: 780px;
				height: 50px;
				background-image: url('../images/naviback.jpg');
				background-repeat: no-repeat;
}

/*ページトップへの設定*/
#to-top{
				margin-left: 700px;
}

#footer {
				width: 780px;
				height: 75px;
				background-image: url('../images/footerback.jpg');
				background-repeat: no-repeat;
}

/*---------------ヘッダー内の設定---------------*/

h1{
				margin-left: 30px;
				padding-top: 30px;
}

#header p {
				font-size: small;
				font-weight: bold;
				color: #FFFFFF;
				padding-left: 525px;
}

/*---------------h2~4の設定---------------*/

h2{
				font-size: medium;
				font-weight: bold;
				color: #663300;
}

h3{
				padding: 0px;
				margin: 0px;
				font-size: medium;
				font-weight: bold;
}

h4{
				font-size: medium;
				border-bottom-width: medium;
				border-bottom-style: dotted;
				border-bottom-color: #339966;
}

/*---------------ナビ内の設定---------------*/

#navi ul{
				margin: 0px;
				list-style-type: none;
				padding-left: 80px;
}

#navi ul li{
				float: left;
}

.recruit{
				display: block;
				width: 185px;
				height: 50px;
				text-indent: -999px;
				background-image: url('../images/navi-btn1.gif');
				background-repeat: no-repeat;
				margin-left: -70px;
}

.product{
				display: block;
				width: 185px;
				height: 50px;
				text-indent: -999px;
				background-image: url('../images/navi-btn1.gif');
				background-repeat: no-repeat;
				margin-left: -70px;
}

.index{
				display: block;
				width: 185px;
				height: 50px;
				text-indent: -999px;
				background-image: url('../images/navi-btn1.gif');
				background-repeat: no-repeat;
				margin-left: -70px;
}

.contact{
				display: block;
				width: 185px;
				height: 50px;
				text-indent: -999px;
				background-image: url('../images/navi-btn2.gif');
				background-repeat: no-repeat;
				margin-left: -70px;
}

.info{
				display: block;
				width: 185px;
				height: 50px;
				text-indent: -999px;
				background-image: url('../images/navi-btn2.gif');
				background-repeat: no-repeat;
				margin-left: -70px;
}

.forte{
				display: block;
				width: 185px;
				height: 50px;
				text-indent: -999px;
				background-image: url('../images/navi-btn2.gif');
				background-repeat: no-repeat;
				margin-left: -70px;
}

.index{
   				background-position:0px 0px;
}

a:hover.index{
   				background-position:0px -60px;
}

.forte{
   			 	background-position:0px 0px;
}

a:hover.forte{
    			background-position:0px -60px;
}

.product{
   				background-position:-230px 0px;
}

a:hover.product{
   				background-position:-230px -60px;
}

.info{
   				background-position:-230px 0px;
}

a:hover.info{
   				background-position:-230px -60px;
}

.recruit{
   				background-position:-460px 0px;
}

a:hover.recruit{
   				background-position:-460px -60px;
}

.contact{
   				background-position:-460px 0px;
}

a:hover.contact{
   				background-position:-460px -60px;
}

/*---------------フッダー内の設定---------------*/

.footer-navi ul{
				padding: 10px;
				margin-left: 90px;
				list-style-type: none;
}

.footer-navi ul li{
				margin-left: -2px;
				border-right-width: 2px;
				border-left-width: 2px;
				border-right-style: solid;
				border-left-style: solid;
				border-color: #FFFFFF;
				float: left;
				padding-right: 20px;
				padding-left: 20px;
				font-size: small;
				text-align: center;
				font-weight: bold;
}

#footer address {
				text-align: center;
				font-style: normal;
				font-size: 14px;
				font-weight: bold;
				color: #FFFFFF;
				padding-top: 5px;
}

/*---------------数ページに併用している分の設定---------------*/

/*ホーム・送信確認*/
#h3-home-conf{
				padding: 7px 5px 3px 5px;
				margin: 40px auto 0px auto;
				background-color: #99CC99;
				width: 480px;
				text-align: center;
				color: #FFFFFF;
}

/*ホーム以外*/
#h2{
				padding: 0px 0px 0px 10px;
				margin: 20px 50px 0px 65px;
				border-bottom-style: solid;
				border-color: #663300;
				border-bottom-width: 2px;
				height: 22px;
}

/*得意分野・製品事例・会社情報*/
#side-wrap{
				margin: 5px 0px 0px 30px;
				float: left;
				width: 210px;
}

.sidemenu{
				margin: 10px 0px 0px 0px;
				background-image: url('../images/sidemiddle.jpg');
				background-repeat: repeat-y;
}

.sidemenu ul{
				text-align: left;
				padding-right: 20px;
				list-style-type: square;
				color: #FFFFFF;
}

.sidetop{
				background-image: url('../images/sidetop.jpg');
				background-repeat: no-repeat;
				width: 210px;
				height: 20px;
}

h5{
				color: #FFFFFF;
				font-size: small;
				font-weight: bold;
}

.sidebottom{
				background-image: url('../images/sidebottom.jpg');
				background-repeat: no-repeat;
				width: 210px;
				height: 30px;
}

#main{
				font-size: small;
				margin: 40px 50px 0px 275px;
				width: 455px;
}

/*---------------各ページの設定---------------*/

/*ホームのみ*/
#h2-home{
				margin-left: 100px;
				margin-top: 35px;
}

#h2-home ul li{
				list-style-type: disc;
				font-size: small;
				line-height: 150%;
}

#h4-home{
				padding: 35px 50px 0px 50px;
				margin: 0px;
				width: 780px;
}

#h4-1{
				padding: 0px;
				margin: 0px 0px 0px 0px;
				width: 320px;
				float: left;
				height: 240px;
}

#h4-2{
				padding: 0px;
				margin: 0px 0px 0px 360px;
				width: 320px;
				height: 240px;
}

#h4-3{
				padding: 0px;
				margin: 0px;
				width: 680px;
}

.explanation{
				margin: 0px 20px 0px 20px;
				font-size: small;
				line-height: 160%;
				text-align: justify;
}

/*製品事例のみ*/
.product-wrap{
				padding: 0px;
				margin: 0px;
}

.product-wrap li{
				float: left;
				list-style-type: none;
				margin-left: 5px;
				margin-bottom: 20px;
				padding: 0px;
}

/*会社情報のみ*/
.in-outline{
				margin: 0px 10px 0px 10px;
				padding: 0px;
				border-color: #99cc99;
				border-bottom-style: solid;
				border-bottom-width: 1px;
				list-style-type: none;
}

.outline-l{
				border-width: 0px 1px 0px 0px;
				border-color: #99cc99;
				border-style: solid;
				padding: 8px 0px 0px 0px;
				margin: 0px;
				width: 140px;
				height: 25px;
				text-align: center;
				float: left;
}	

.outline-r{
				padding: 8px 0px 0px 14px;
				margin: 0px 0px 0px 141px;
				font-size: 14px;
				width: 280px;
				height: 25px;
				text-align: left;
}

.map-wrap{
				padding: 0px;
				margin: 0px;
				float: left;
				width: 300px;
				height: 210px;
}

#add-acc-wrap{
				margin: 0px 0px 0px 300px;
				width: 380px;
				height: 210px;
}

.address-wrap{
				padding: 30px 0px 0px 15px;
				margin: 0px 0px 0px 0px;
				width: 365px;
				height: 105px;
				font-style: normal;
				font-size: 15px;
}

#access {
				margin: 40px 50px 0px 50px;
}

.access-wrap{
				padding: 0px 0px 0px 35px;
				margin: 0px 0px 0px 0px;
				width: 345px;
				height: 105px;
				font-size: 13px;
				list-style-type: disc;
}

.emphasize{
				font-weight: bold;
}

/*採用情報のみ*/
#main-rec{
				padding: 0px;
				width: 600px;
				margin: 20px 90px 20px 90px;
				font-size: small;
}

.in-rec{
				margin: 0px 10px 0px 10px;
				padding: 0px;
				border-color: #339966;
				border-bottom-style: dotted;
				border-bottom-width: 2px;
				list-style-type: none;
}

.rec-l{
				border-width: 0px 2px 0px 0px;
				border-color: #339966;
				border-style: dotted;
				padding: 12px 0px 0px 0px;
				margin: 0px;
				width: 150px;
				height: 30px;
				text-align: center;
				float: left;
}

.rec-r{
				padding: 11px 0px 0px 17px;
				margin: 0px 0px 0px 152px;
				font-size: 14px;
				width: 410px;
				height: 30px;
				text-align: left;
}

/*お問い合わせ全般*/
.attention{
				font-size: x-small;
				font-weight: normal;
}

.warning{
				color: #FF0000;
}

#attention-wrap{
				margin: 30px 0px -20px 380px;
}

#form-all{
				padding: 0px;
				width: 600px;
				margin: 20px 90px 20px 90px;
				table-layout: fixed;
				border-collapse: collapse;
				font-size: small;
}

.form-left1,.form-left2,.form-left3{
				border-color: #FFFFFF;
				text-align: center;
				background-color: #99cc99;
				color: #FFFFFF;
				margin: 0px 0px 0px 0px;
				width: 200px;
				border-right-style: solid;
				border-bottom-style: solid;
				border-right-width: 2px;
				border-bottom-width: 2px;
}

.form-right1,.form-right2,.form-right3{
				border-color: #FFFFFF;
				background-color: #ccffcc;
				margin: 0px 0px 0px 209px;
				width: 391px;
				border-bottom-style: solid;
				border-bottom-width: 2px;
				font-weight: bold;
}

.form-right1{
				padding: 8px 0px 6px 9px;

}

.form-right2{
				padding: 8px 0px 8px 9px;
				line-height: 120%;
}

.form-right3{
				padding: 11px 0px 12px 9px;				
}

#submit{
				width: 780px;
				text-align: center;
				margin-top: 30px;
}

/*入力エラーのみ*/
#h3-err{
				padding: 7px 5px 3px 5px;
				margin: 40px auto 0px auto;
				background-color: #FF3300;
				width: 480px;
				text-align: center;
				color: #FFFFFF;
}

#err{
				margin: 5px 0px 0px 0px;
				font-size: small;
				color: #FF3300;
				width: 780px;
				text-align: center;
}

/*送信完了のみ*/
#h3-completion{
				border-width: medium;
				border-color: #339966;
				padding: 15px 5px 10px 5px;
				margin: 40px auto 20px auto;
				width: 300px;
				text-align: center;
				color: #333333;
				border-top-style: dotted;
				border-bottom-style: dotted;
}