@charset "UTF-8";

/*-----------------------------------------------------
	CSS information

	メタヒューリスティック ジャパン
	site URI  : 
	file name : style.css
	use with  : ALL HTML Files
-----------------------------------------------------*/






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

	全ページ共通

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




a:link    { text-decoration:underline; color:#390 ; }
a:visited { text-decoration:none; color:#390 ; }
a:active  { text-decoration:underline; color:#00B22D ; }
a:hover   { text-decoration:underline; color:#00B22D ; }

.hidden {
 display : none ;
 }




.curved10 {
/*角丸（FF/Safari/Chrome）IE無効*/
 border-top-left-radius: 10px;    /* 左上 */
 border-top-right-radius: 10px; /* 右上 */
 border-bottom-left-radius: 10px;    /* 左下 */
 border-bottom-right-radius: 10px; /* 右下 */

-webkit-border-top-left-radius: 10px;    /* 左上 */
-webkit-border-top-right-radius: 10px; /* 右上 */
-webkit-border-bottom-left-radius: 10px;    /* 左下 */
-webkit-border-bottom-right-radius: 10px; /* 右下 */

-moz-border-radius-topleft: 10px;    /* 左上 */
-moz-border-radius-topright: 10px; /* 右上 */
-moz-border-radius-bottomleft: 10px;    /* 左下 */
-moz-border-radius-bottomright: 10px; /* 右下 */
 }

.curved5 {
/*角丸（FF/Safari/Chrome）IE無効*/
 border-top-left-radius: 5px;    /* 左上 */
 border-top-right-radius: 5px; /* 右上 */
 border-bottom-left-radius: 5px;    /* 左下 */
 border-bottom-right-radius: 5px; /* 右下 */

-webkit-border-top-left-radius: 5px;    /* 左上 */
-webkit-border-top-right-radius: 5px; /* 右上 */
-webkit-border-bottom-left-radius: 5px;    /* 左下 */
-webkit-border-bottom-right-radius: 5px; /* 右下 */

-moz-border-radius-topleft: 5px;    /* 左上 */
-moz-border-radius-topright: 5px; /* 右上 */
-moz-border-radius-bottomleft: 5px;    /* 左下 */
-moz-border-radius-bottomright: 5px; /* 右下 */
 }

.fs10 {
 font-size : 10px ;
 }

#pagetop {
	padding: 0px;
}








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

	全体

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

body {
}






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

	ヘッダー

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


#header {
	width : 100% ;
	height: 400px;
	background: #fff url("../images/img_body_bg.png") center top repeat-x;
	margin : 0px auto ;
 }

#header h1 {
	width : 100% ;
	height: 400px;
	background: transparent url("../images/img_titlelogo.png") center center no-repeat;
}

#header h1 span {
	display: none;
}







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

	アキ

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

#space {
	width: 100%;
	height: 450px;
	background: #000 url("../images/img_mainimage_960.jpg") center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}








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

	コンテンツ

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


.contents {
	width: 100%;
	background: #fff url("../images/img_bg_shadow.png") center top repeat-x;
	padding-bottom: 70px;
}

.contents2 {
	width: 100%;
	background: #f8f8f8 url("../images/img_bg_shadow.png") center top repeat-x;
	padding-bottom: 70px;
}

.contents h2, .contents2 h2 {
	width: 226px;
	height: 32px;
	margin: 0px auto;
	padding: 100px 0px;
}

.contents h3, .contents2 h3 {
	width: 484px;
	margin: 0px auto 20px auto;
	padding-bottom: 10px;
	border-bottom: 1px dotted #000;
	font-size: 14px;
	text-align: center;
}




/* ================ 製品紹介 ================ */

#productsnavi {
	width: 870px;
	margin: 0px auto;
	list-style: none;
}

#productsnavi li {
	width: 190px;
	height: 233px;
	margin: 0px 50px;
	float: left;
}

#productsnavi li a img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

#productsnavi li a:hover img, #productsnavi li a.active img {
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}







/* ================ 新着情報 ================ */

/*#iframecont {
	width: 960px;
	height: 240px;
	margin: 0px auto;
}*/

#iframecont {
	width: 940px;
	height: 240px;
	padding: 0px 20px 0px 0px;
	margin: 0px auto;
	overflow-x: auto;
}


#infoframe {
	width: 960px;
	height: 240px;
	border: 0px none;
}


/* インラインフレーム */

#infolist {
	padding: 30px;
}

dl.info-list {
}

dl.info-list dt {
	clear: left;
	float: left;
	margin: 0 0 2em;
	padding-bottom: 1em;
	width: 8em;
	color: #000;
}

dl.info-list dd {
	margin-bottom: 2em;
	padding: 0 0 1em 9em;
	border-bottom: 1px solid #ccc;
}

dl.info-list dd div {
	display: table-cell;
	vertical-align: top;
}

dl.info-list dd div.article-photo {
	width: 190px;
}

dl.info-list dd img.new {
	vertical-align: middle;
	margin-left: 5px;
}

dl.info-list dd p {
	margin-bottom: 1em;
	text-align: justify;
}


/* ページ送り */
ul#pagenavi {
	width : 100% ;
	margin : 30px 0px 0px 0px ;
	padding : 20px 0px ;
	text-align: center;
}

ul#pagenavi li {
	display : inline ;
	margin : 0 2px ;
	padding : 0 ;
}
 
ul#pagenavi li a {
	display : inline-block ;
	margin-bottom : 5px ;
	padding : 1px 8px ;
	background : #fff ;
	border : 1px solid #390 ;
	text-decoration : none ;
	vertical-align : middle ;
}

ul#pagenavi li span.here {
	display : inline-block ;
	margin-bottom : 5px ;
	padding : 1px 8px ;
	background : #390 none ;
	color : #fff ;
	border : 1px solid #390 ;
	text-decoration : none ;
	vertical-align : middle ;
}

ul#pagenavi li span.nolink {
	display : inline-block ;
	margin-bottom : 5px ;
	padding : 1px 8px ;
	background : #fff none ;
	color : #ccc ;
	border : 1px solid #ccc ;
	text-decoration : none ;
	vertical-align : middle ;
}

ul#pagenavi li a:hover {
	background : #e7d325 ;
	color : #390 ;
	border-color : #390 ;
}








/* ================ コンセプト ================ */

p#concept {
	margin: 0px auto 30px auto;
	text-align: center;
}

#concepttxt {
	width: 484px;
	margin: 0px auto;
}

#concepttxt p {
	margin-bottom: 5px;
	text-align: justify;
}

#concepttxt p.btmspc {
	margin-bottom: 50px!important;
}










/* ================ 会社概要 ================ */

#outlinetb {
	width: 484px;
	border-collapse: collapse;
	margin: 0px auto;
}

#outlinetb th, #outlinetb td {
	padding-right: 5px;
	vertical-align: top;
}

#outlinetb td {
	padding-bottom: 20px;
}






























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

	フッター

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

#footer {
	width: 100%;
	background: #fff url("../images/img_bg_shadow.png") center top repeat-x;
	padding: 50px 0px;
}

#footerinner {
	width: 960px;
	margin: 0px auto;
	position: relative;
	display: table;
}

#footerinner div {
	text-align: center;
}

/*
#footerinner div {
	display: table-cell;
	vertical-align: middle;
}

#footerinner div img {
	margin-right:10px;
}
*/

#copyright {
	width: 100%;
	background: #e7d325 url("../images/img_bg_shadow.png") center top repeat-x;
	padding: 15px 0px;
	text-align: center;
	letter-spacing: 0px;
}











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

	ページトップへ

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

a#go-pagetop {
	width: 70px;
	height: 70px;
	background: transparent url("../images/btn_pageup.png") no-repeat;
	overflow: hidden;
	position: fixed;
	bottom: 30px;
	right: 20px;
	display: none; /* 通常は非表示 */
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

a#go-pagetop:hover, a#go-pagetop:active {
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}





















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

	セカンダリ以降

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


/* ============ トップへ戻る ============ */

#back2home {
	text-align: center!important;
	margin: 50px auto 0px auto;
	padding-top: 30px;
	border-top: 1px solid #e7d325;
}

#homebtn {
	display: inline-block;
	margin: 0px auto;
	padding: 10px 30px;
	background: #fff none;
	color: #666;
	border: 1px solid #e7d325;
	text-decoration: none;
	font-weight: bold;
	line-height: 100%;
}

#homebtn:hover {
	background: #fffae1 none;
	color: #000;
}




/* ============ お問い合わせフォーム ============ */

#inq-body {
	width: 960px;
	margin: 0px auto;
}


#inquiryframe {
	width: 760px;
	height: 350px;
	border: 0px none;
}

dl#inquiry-item, dl#inquiry-item-check {
	width: 100%;
}

dl#inquiry-item dt, dl#inquiry-item-check dt {
	clear: left;
	float: left;
	margin: 0 0 0.8em;
	width: 13em;
	color: #000;
}

dl#inquiry-item dd, dl#inquiry-item-check dd {
	margin-bottom: 0.8em;
	margin-left: 15em;
}

dl#inquiry-item dd img, dl#inquiry-item-check dd img {
	vertical-align: middle;
	margin-left: 5px;
}

dl#inquiry-item-check dd {
	color: #333;
	font-weight: bold;
}


#inquiryform {
	margin-top: 20px;
	padding-top: 30px;
	border-top: 1px solid #e7d325;
}

#inquiryform input, #inquiryform textarea {
	border : 1px solid #000 ;
	padding : 5px ;
	font-family : Helvetica,Arial,Verdana,sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka,sans-serif!important ;
 }

#inquiryform input[type="text"]:focus, #inquiryform textarea:focus {
   background-color: #fffae1;
   border: 1px solid #390;
}

#inquiryform input[type="submit"] {
	width : 150px ;
	background-color: #fffae1;
	border : 1px solid #390 ;
	margin-top: 10px;
	font-weight: bold;
	cursor: pointer;
 }

#backbtn {
	width : 150px ;
	background-color: #fff;
	border : 1px solid #666!important;
	margin-top: 10px;
	cursor: pointer;
 }

#inquiryform input[type="submit"]:hover, #backbtn:hover {
   background-color: #390;
   border: 1px solid #390!important;
   color: #fff;
}

.thankslink {
	border-top: 1px solid #390;
	padding-top: 10px;
	margin-top: 10px;
}

.hissu {
	margin-left: 5px;
	color: #f30;
}




/* ============ 製品紹介 ============ */



#products-body {
	width: 960px;
	margin: 0px auto;
}

#productsimage-body {
	width: 100%;
	background: #000 none;
	margin: 0px auto 20px auto;
	text-align: center;
}

#products-body h3 {
	margin: 0px auto 20px auto;
	padding-top: 50px;
	text-align: center;
	border: 0px none;
	font-size: 24px;
	color:#76962A ;/*#e7d325*/
	text-shadow: 0.5px 0.5px 2px #999;
}

#products-body h4 {
	margin: 50px auto 20px auto;
	padding-bottom: 5px;
	text-align: left;
	border-bottom: 1px solid #ccc;
	font-size: 18px;
	color: #666;
}

#products-body p {
	text-align: justify;
}

#products-body ul li {
	margin-left: 1em;
	line-height: 130%;
	margin-bottom: 5px;
}










/* CSS End */