@charset "utf-8";

/* CSS Document */

@import "reset.css";
@import "clearfix.css";

/* orange #ff5400 */

/* -----------------------------------------------common */
html { min-width:1024px; min-height: 100%; position: relative; background-color:#E95513;}
body { min-width:1024px; font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; background:url(../img/bg.jpg) top center repeat;}
 a { text-decoration:underline; color:#ff5400; outline: none; }
 a:hover { text-decoration:none;}
 a:hover img{filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
  
.wrapper { width:1024px; margin:0 auto; position:relative; background:url(../img/bg.jpg) top center no-repeat; z-index:100;}

/*============================
.header
============================*/
.header { width:100%; min-width:1024px; height:73px; background:url(../img/header-bg.png) center top no-repeat; overflow:hidden; z-index:9999;}
.fixed { position:fixed;}
.header ul { width:1024px; margin:0 auto;}
.header ul li { display:block; width:120px; height:34px; float:left; margin-top:29px; text-align:center;}

.header ul li.header-menu-home {}
.header ul li.header-menu-about {}
.header ul li.header-menu-product { width:128px;}
.header ul li.header-menu-h1 { width:267px; height:54px; margin-top:13px;}
.header ul li.header-menu-company { width:128px;}
.header ul li.header-menu-ec { width:124px;}
.header ul li.header-menu-fb {}

/*============================
#cont-mv
============================*/
#cont-mv { background: url(../img/mv-image3.jpg) center top no-repeat; overflow:hidden;}
.mv-inner { width:968px; margin:20px auto 0 auto; padding-top:500px;}
.mv-cap { width:580px; color:#ff5306; line-height:1.5em; font-size:0.8em; font-weight:bold; float:left;}
.mv-chara { width:361px; vertical-align:bottom; float:right;}
.mv-chara img { vertical-align:bottom;}

/*============================
#cont-about
============================*/
#cont-about { padding-top:80px; padding-bottom:30px; background:url(../img/about-bg.jpg) center top repeat-x;}
#cont-about h2 { text-align:center;}
.cont-about-info { margin-top:50px; padding-bottom:30px; text-align:center; color:#40210F;}
.cont-about-info h3 { font-weight:bold;}
.cont-about-info p { margin-top:20px; font-size:0.7em; line-height:1.6em;}
.cont-about-member { background:url(../img/about-member-bg.png) center top repeat-x; color:#40210F;}
.cont-about-member-inner { width:968px; height:982px; margin:20px auto 0 auto; background:url(../img/about-member-img.png) center top no-repeat;}
.cont-about-member h3 { padding-top:50px; text-align:center;}
.about-member-right, .about-member-left { width:435px; margin-top:80px;}
.about-member-right { margin-left:380px;}
.about-member-left { margin-left:160px;}
.about-member-left.second { margin-top:150px;}
.about-member-right.third { margin-top:120px;}
.cont-about-member h4 { font-size:1.6em; font-weight:bold;}
.about-member-left h4 { text-align:right;}
.cont-about-member h4 span { margin-right:20px; font-size:0.8em;}
.cont-about-member p { margin-top:40px; font-size:0.7em; line-height:1.6em;}


/*============================
#cont-product
============================*/
#cont-product { padding-top:80px; background:url(../img/product-top-bg.jpg) center top repeat-x;}
#cont-product h2 { text-align:center;}
.product-area { width:928px; margin:30px auto; padding:10px; background:url(../img/product-bg.png) left top no-repeat;}
.product-container { width:928px; background-color:#FFFFFF;}
.product-mv {}
.product-container h3 { margin-top:20px; text-align:center;}
.product-info { padding:20px 40px; color:#40210F; overflow:hidden;}
.product-info img.image { float:left;}
.product-info-text { width:250px; margin-left:20px; padding-top:30px; float:left;}
.product-info-text h4 { margin-bottom:15px; padding-bottom:20px; font-size:0.9em; line-height:1.4em; background:url(../img/product-h4.png) left bottom no-repeat;}
.product-info-text p { font-size:0.6em; line-height:1.6em;}
.product-info-item { width:340px; margin-left:50px; text-align:center; float:left;}
.product-info-item img { margin-bottom:15px;}
.product-info-item a {}
.product-info-item a img {}

/*============================
#cont-company
============================*/
#cont-company { margin-top:80px; background:url(../img/company-bg.png) center top repeat-x #FFFFFF;}
.company-inner { width:948px; margin:0 auto; padding-top:30px; padding-bottom:15px; overflow:hidden;}
.company-info { width:428px; color:#40210F; float:left;}
.company-info h2 {}
.company-info h3 { margin-top:20px; font-size:1.2em; background:url(../img/company-line.png) 80px center no-repeat;}
.company-info-detail { margin-top:10px; font-size:0.7em; line-height:1.8em;}
.company-info-chara { margin-top:25px;}
.company-map { width:500px; float:right; text-align:right;}
.company-map iframe { width:450px; height:350px; margin-top:68px; margin-bottom:30px;}
.company-map a {}
.company-map a img {}

/*============================
.footer
============================*/
.footer { background:url(../img/company-bg.png) center top repeat-x #ff5400;}
.footer-inner { width:948px; margin:0 auto; padding-top:50px; overflow:hidden;}
.footer-fb { width:397px; height:245px; padding:15px; float:left; background:url(../img/footer-fb.png) center top no-repeat;}
.footer-fb iframe { border:none; overflow:hidden; width:397px; height:235px;}
.footer-link { width:475px; margin-bottom:50px; font-size:0.8em; line-height:2.2em; float:right;}
.footer-link a { color:#FFFFFF; display:inline-block; margin-right:20px; margin-bottom:20px; text-decoration:none; background:url(../img/footer-link.png) left bottom no-repeat;}
.footer-link a:hover { background: none;}
.footer-info {}
.footer-info img { margin-left:20px;}
.footer-copy { margin-top:80px; padding-bottom:20px; font-size:0.5em; color:#FFFFFF; text-align:center;}