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

@import url(http://fonts.googleapis.com/css?family=Lato);

body {
    font-size: small;
    *font-size:small;
    *font:x-small;
	-webkit-text-size-adjust: none;
	background: #FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	line-height: 1.5;
}

select, input, button, textarea {
  font: 99% sans-serif;
}

table {
  font-size: inherit;
  font: 100%;
}

pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}

h2 {
  font-weight: normal;
}

.main {
	height: auto;
	overflow: none;
	width: 100%;
	min-width: 940px;
	position: relative;
}

.main img {
	width: 100%;
	vertical-align: bottom;
}

#header {
	width: 940px;
	margin: 0 auto;
	text-align: left;
	padding-top: 27px;
	height: 78px;
	background: url(../images/head_bg.png) no-repeat center bottom;
}

#header #logo {
	float: left;
}

#header #nav {
	width: 656px;
	height: 46px;
	float: right;
	background: url(../images/nav_bg.gif) no-repeat;
}

#header #nav li {
	float: left;
	display: inline;
	margin-right: 14px;
}

#header #nav li:last-child {
	margin-right: 0;
}

#header #nav li a {
	display: block;
}

.contents {
	width: 940px;
	margin: 0 auto;
	text-align: left;
	padding: 60px 0;
}


#footer {
	width: 100%;
	height: 220px;
	background: url(../images/foot_bg.png) repeat-x bottom;
}

#footer .fnav {
	width: 940px;
	height: 34px;
	margin: 0 auto;
	text-align: left;
	padding-top: 18px;
}

#footer .fnav p {
	float: left;
	margin-top: -2px;
}

#footer .fnav ul {
	float: right;
	background: url(../images/foot_line.gif) no-repeat left;
}

#footer .fnav ul li {
	float: left;
	padding: 0 30px;
	background: url(../images/foot_line.gif) no-repeat right;
}

#footer .fnav ul li a {
	display: block;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}

#footer .fnav ul li a:link,#footer .fnav ul li a:visited {
	color: #383635;
	text-decoration: none;
}

#footer .fnav ul li a:hover {
	color: #888;
}

#footer #footBody {
	width: 940px;
	height: 150px;
	margin: 0 auto;
	text-align: left;
	padding-top: 14px;
	color: #8A8A79;
	position: relative;
}

#footer #footBody #footlogo {
	float: left;
	margin-top: 10px;
	margin-right: 40px;
}

#footer #footBody #footinfo {
	float: left;
	padding-top: 10px;
}

#footer #footBody #footimg {
	float: right;
	display: block;
	height: 138px;
}

#footer #footBody #footimg img {
	display: block;
	vertical-align: bottom;
}

#footer #footBody #copy {
	position: absolute;
	bottom: 10px;
}

#pagetop {
	position: fixed;
	right: 8px;
	bottom: -50px;
	width: 41px;
	height: 38px;
	background: url(../images/img_pagetop.png) 0 0 no-repeat;
}

#pagetop a {
    background: url("../images/img_pagetop_arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 35px;
    margin-top: 3px;
    text-indent: -9999px;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    width: 41px;
}

#pagetop a:hover {
	background-position: 0 100%;
}
#pagetop a img {
	display: block;
}

.topLeft {
	width: 394px;
	float: left;
}

.topLeft h2 {
	background: url(../images/top_title.gif) no-repeat bottom;
	width: 100%;
	height: 35px;
	font-size: 18px;
	text-indent: 20px;
	margin-bottom: 28px;
}

.topLeft dl dt {
	margin-bottom: 18px;
}

.topLeft dl dd {
	margin-bottom: 24px;
	font-size: 14px;
}

.topLeft .topbtn {
	background: url(../images/top_btn_on.png) no-repeat;
	width: 394px;
	height: 49px;
}

.topRight {
	width: 455px;
	float: right;
}

.topRight ul li {
	width: 100%;
	height: 135px;
	margin-bottom: 10px;
}

.topRight ul li.topbox1 {
	background: url(../images/top_box1_on.png) no-repeat;
}

.topRight ul li.topbox2 {
	background: url(../images/top_box2_on.png) no-repeat;
}

.topRight ul li.topbox3 {
	background: url(../images/top_box3_on.png) no-repeat;
}

.topRight ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

body.other {
	padding-top: 200px;
}

body.other #header {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -470px;
	z-index: 10;
}

body.other #title_bg {
	height: 100px;
	background: url(../images/title_bg.gif) repeat-x;
	position: absolute;
	top: 100px;
	width: 100%;
	z-index: 9;
}

body.other #title_bg h2 {
	width: 940px;
	height: 100px;
	margin: 0 auto;
}

body.other #title_bg h2 img {
	height: 100%;
	vertical-align: bottom;
}

.title1 {
	background: url(../images/title_bg2.png) no-repeat bottom;
	height: 45px;
	width: 100%;
	text-indent: 20px;
	font-size: 28px;
	color: #575747;
	font-weight: normal;
}

.section {
	padding: 30px 10px;
}

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

.outline {
	width: 600px;
	float: left;
}

.outline th,.outline td {
	padding: 15px 3px;
	background: url(../images/dot_border.gif) repeat-x bottom;
}

.outline th {
	width: 25%;
}

.outline td dt {
	background: url(../images/sq1.gif) no-repeat left 5px;
	color: #A4A26B;
	padding-left: 10px;
	font-weight: bold;
}

.outline td dd {
	margin: 3px 0 5px;
}


/*  当社の事業
====================================================== */

.snav {
	height: 89px;
	background: url(../images/snav_bg_x.png) repeat-x;
}

.snav ul {
	width: 600px;
	margin: 0 auto;
	background: url(../images/snav_bg.png) no-repeat;
}

.snav ul li {
	display: block;
	float: left;
	width: 200px;
	height: 89px;
}

.snav ul li a {
	display: block;
	width: 100%;
	height: 80px;
}

.cast {
	width: 940px;
	height: 290px;
	background: url(../business/images/bg_03.png) no-repeat;
	margin-top: 40px;
	padding-top: 34px;
	padding-left: 34px;
}

.cast.jigu {
	background: url(../business/images/bg_05.png) no-repeat;
}

.cast h4 {
	margin-bottom: 15px;
}

.cast2 {
	width: 910px;
	height: 153px;
	background: url(../business/images/bg_02.png) no-repeat top;
	padding: 114px 15px 0;
	margin-bottom: 80px;
}

.cast2 ul li {
	width: 250px;
	float: left;
	display: inline;
	margin-right: 80px;
}

.cast2 ul li:last-child {
	margin-right: 0;
}

.cast2 ul li .castund {
	background: #EEE;
	padding: 15px;
	margin-top: 20px;
	min-height: 78px;
}

.cast_model {
	width: 890px;
	margin: 40px auto 0;
	padding-bottom: 40px;
}

.cast_model li {
	width: 100%;
	height: 120px;
	text-indent: -9999px;
}

.cast_model li.cast_model1 {
	background: url(../business/images/img_02.png) no-repeat;
}

.cast_model li.cast_model2 {
	background: url(../business/images/img_03.png) no-repeat;
}

.cast_model li.cast_model3 {
	background: url(../business/images/img_04.png) no-repeat;
	height: 130px;
}

.prod_gallery,.prod_gallery2 {
	background: #F0F0E1;
	width: 884px;
	padding: 28px;
}

.prod_gallery.bg-04 {
	background: url(../business/images/bg_04.png) no-repeat bottom #F0F0E1;
	height: 240px;
}

.prod_gallery ul li {
	float: left;
	width: 200px;
	margin-right: 28px;
	height: 296px;
	font-size: 12px;
}

.prod_gallery2 ul li {
	float: left;
	width: 280px;
	margin-right: 22px;
	height: 316px;
	font-size: 12px;
}

.prod_gallery ul li img {
	display: block;
	vertical-align: bottom;
}

.prod_gallery ul li:nth-child(4) {
	margin-right: 0;
}

.prod_gallery2 ul li.mr0 {
	margin-right: 0;
}

.prod_gallery ul li dt,.prod_gallery2 ul li dt {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}

.prod_text1 {
	font-size: 15px;
	margin: 40px 0 25px;
}

.prod_gallery2 {
	margin-top: 50px;
}

.prod_gallery2 li {
	width: 300px;
	float: left;
}

.rec1 {
	width: 430px;
	float: left;
}

.rec1 .text1 {
	margin-bottom: 30px;
}

.rec {
	width: 100%;
}

.rec th {
	background: #EEE;
	border: 1px #CCC solid;
	padding: 10px;
}

.rec td {
	border: 1px #CCC solid;
	padding: 10px;
}

a:link,a:visited {
	color: #00C;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}

a:hover {
	color: #F30;
}