@charset "utf-8";
/* CSS Document */
/*------------------------------
	ページ共通
-------------------------------*/
*{
	margin:0;
	padding:0;
}
img{
	margin:0;
	padding:0;
	border:0;
	display:block;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo,"メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.4em;
	color: #000000;
	text-align: left;
	font-size: 100%;
	padding:auto 100px;
	-webkit-text-size-adjust: 100%;	
	font-weight:normal;
}
header,nav,footer,article,section{
	display:block;
}
.red{
	color:#ED1C24;
}
.bkred-txt{
	background-color:#ED1C24;
	font-weight:bold;
	color:#fff;
	padding:2px;
}
.pagetop{
	width:56px;
	float:right!important;
	padding:10px;
}
.pagelink{
	margin-top:50px;
	text-align:center;
	font-size:14px;
}

.f_l{
	float:left;
}
.c_b{
	clear:both;
}
.center{
	text-align:center!important;
}
.small{
	font-size:70%;
}
.small2{
	font-size:80%;
}
.small3{
	font-size:60%;
}
.small4{
	font-size:40%;
}
.large{
	font-size:120%;
}
.mt0{
	margin-top:0!important;
}
a{
	color:#000;
	text-decoration:none;	
}
a:hover{
	color:#999;
}
.bk{
	background-color:#FFF;
}
.bk1{
	background-image:url(../../img/back.png);
	background-position: center top;
	background-repeat:no-repeat;
	background-color:#F2F2F2;
	padding:0 0 10px 0;
}
.bk2{
	background-color:#EAEAEA;
	padding:20px 0 0;
}

/* header */
#headerarea{
	border-top:2px solid #273854;
}
header{
	margin:0 auto;
	width:1000px;
	display:block;
	padding-top:10px;
	text-align:left;
	
}
header .headleft{
	float:left;
	width:700px;
}
header .headleft .logo{
	width:126px;
	float:left;
	margin:10px 0 0 0;
	padding:0!important;
}
header .headleft p{
	font-size:14px;
	padding-top:10px;
}
header .headleft h1{
	padding-top:15px;
	font-size:26px;
}

header .kirikaebtn{
	float:right;
	width:172px;
}
header .headcenter p{
	width:222px;
}
header .kirikaebtn .jp{
	background-color:#273854;
	width:80px;
	height:24px;
	float:left;
	padding:5px 3px 0;
}
header .kirikaebtn .en{
	background-color:#4BB229;
	width:80px;
	height:24px;
	float:left;
	padding:5px 3px 0;	
}
header .kirikaebtn .jp a,header .kirikaebtn .en a{
	color:#fff;
}

header .headtel{
	width:300px;
	float:right;
	text-align:right;
	padding:20px 0 0;
}

/* nav */
#navarea{
	margin:10px auto 3px;
	padding:1px 0 0 0;
	height:35px;
	text-align:center;
	background-image:url(../../img/bk_menu.png);
	background-position: center top;
	background-repeat:no-repeat;
}
nav ul{
	width:1000px;
	margin:0 auto;
}
nav li{
	float:left;
	padding:9px 10px 1px;
	list-style:none;
	width:175px;
}
nav li a{
	color:#000;
	text-decoration:none;
}
/*------------------------------
	トップページ
-------------------------------*/
#topimgarea{
	width:auto;
	height:260px;
	margin:0 auto;
	background-position: center top;
}
#topimgarea #film_roll{
	margin:0;
	padding:0;
	width:auto;
}
#topimgarea #topimg{
	width:1000px;
	margin:20px auto 0;
}

/* 製品ラインナップ */
#lineuparea{
	padding-bottom:30px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	margin-bottom:2px;
}
#lineuparea h2{
	background-image:url(../../img/stitle_lineup.png);
	height:34px;
	margin:40px 0 10px;
	background-repeat:no-repeat;
	background-position:center top;
	text-align:center;
	font-size:18px;
	color:#273854;
	
}
#lineup{
	width:1030px;
	margin:0 auto 0;
}

#lineup .probox{
	width:242px;
	border:1px solid #273854;
	float:left;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	margin:0 9px 5px 4px;
}
#lineup .probox .btn{
	background-image:url(../../img/bk_btn1.png);
	height:30px;
	color:#fff;
	padding:10px 35px 0 0;
	text-align:right;
}

/* NEWS & TOPICS */
#topnews{
	width:1000px;
	margin:0 auto;
	padding:50px 0 0 0;
}

#topnews #topnewsbox{
	background-color:#fff;
	background-image:url(../../img/img_news.png);
	background-repeat:no-repeat;
	background-position:90% 50%;
	min-height:120px;
	padding:40px 20px 20px;
	margin:0px auto;
	border-radius: 30px;        /* CSS3草案 */  
	-webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 30px;   /* Firefox用 */
	width:800px;
	position:relative;
}
#topnews #topnewsbox h2{
	color:#fff;
	background-color:#273854;
	width:180px;
	border-radius: 30px;        /* CSS3草案 */  
	-webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 30px;   /* Firefox用 */
	font-size:18px;
	height:33px;
	padding:15px 20px 0 0;
	text-align:center;
	background-image:url(../../img/icon1.png);
	background-repeat:no-repeat;
	background-position:95% 50%;
	margin:-70px 0 0 -100px;;
	position:absolute;
}
#topnews #topnewsbox dl{
	width:550px;
}
#topnews #topnewsbox dt{
	float:left;
	width:100px;
	font-size:14px;
}
#topnews #topnewsbox dd{
	float:left;
	width:450px;
	font-size:16px;
}
#topnews #topnewsbox dd a{
	text-decoration:underline;
}
/*------------------------------
	その他ページ　共通
-------------------------------*/
.pankuzu{
	width:1000px;
	margin:10px auto;
	text-align:left;
	font-size:14px;
}
.pankuzu a{
	text-decoration:underline;
}
#ptitlearea{
	background-image:url(../../img/ptitle_line.png);
	background-repeat:no-repeat;
	background-position:0 45%;
	color:#fff;
	height:80px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	margin-bottom:2px;
}
#ptitle{
	width:1000px;
	margin:0 auto;
	font-size:20px;
}
#ptitle h2{
	font-size:30px;
	text-align:center;
	color:#273854;
}
#ptitle p{
	font-size:12px;
	color:#273854;
	text-align:center;
	padding-top:28px;
}
/*------------------------------
	製品情報一覧
-------------------------------*/
#productslist{
	margin:0;
	padding:0;
}
#productslist .productsbox{
	background-color:#fff;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	width:1000px;
	margin:20px auto;
	padding-bottom:30px;
}
#productslist .productsbox h3{
	background-image:url(../../img/bk_title1.png);
	height:33px;
	color:#fff;
	background-repeat:no-repeat;
	width:960px;
	font-size:24px;
	padding:15px 20px 0;
	border-bottom:3px solid #D4E6FC;
}
#productslist .productsbox .sbox{
	width:202px;
	float:left;
	margin:30px 0 0 39px;
	border-bottom:5px solid #eeeeee;	
	padding-bottom:20px;
}
#productslist .productsbox .sbox .photo{
	width:200px;
	height:150px;
	border:1px solid #273854;
}
#productslist .productsbox .sbox .photo a{
	width:200px;
	height:150px;
	display:block;
}
#productslist .productsbox .sbox .photo img{
	margin:0 auto;
	padding:0;
}
#productslist .productsbox .sbox .title{
	font-size:14px;
	padding-top:5px;
}
#productslist .productsbox2{
	background-color:#fff;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	width:1000px;
	margin:20px auto;
	padding-bottom:30px;
}
#productslist .productsbox2 h3{
	background-image:url(../../img/bk_title2.png);
	height:33px;
	color:#fff;
	background-repeat:no-repeat;
	width:960px;
	font-size:24px;
	padding:15px 20px 0;
	border-bottom:3px solid #CEF9BB;
}
#productslist .productsbox2 .sbox{
	width:202px;
	float:left;
	margin:30px 0 0 39px;
	border-bottom:5px solid #eeeeee;	
	padding-bottom:20px;
}
#productslist .productsbox2 .sbox .photo{
	width:200px;
	height:150px;
	border:1px solid #2BB229;
}
#productslist .productsbox2 .sbox .photo a{
	width:200px;
	height:150px;
	display:block;
}
#productslist .productsbox2 .sbox .photo img{
	margin:0 auto;
	padding:0;
}
#productslist .productsbox2 .sbox .title{
	font-size:14px;
	padding-top:5px;
}
#productslist .btn{
	margin-top:5px;
}
/*------------------------------
	製品情報詳細
-------------------------------*/
#products .smenu{
	margin:0 auto 20px;
	width:1000px;
}
#products .smenu li{
	background-image:url(../../img/bk_btn2.png);
	background-repeat:no-repeat;
	float:left;
	margin:0 5px 0 6px;
	list-style:none;
}
#products .smenu li a{
	width:209px;
	height:34px;
	padding:17px 20px 0 10px;
	color:#fff;
	font-size:16px;
	display:block;
	line-height:1.2;

}
#products .smenu .line2 a{
	width:209px;
	height:43px;
	padding:8px 20px 0 10px;
	color:#fff;
	font-size:16px;
	display:block;
	line-height:1.2;

}
#products #productsbox{
	background-color:#fff;
	border-top:3px solid #273854;
	margin:0 auto 30px;
	padding:40px 40px 20px;
	width:910px;
}
#products #productsbox .mainphoto{
	float:left;
	margin:0 20px 20px 0;
	width:400px;
	height:300px;
	border:1px solid #273854;
}
#products #productsbox .mainphoto img{
	margin:0 auto;
	padding:0;
}
#products #productsbox .cat{
	margin-top:5px;
}
#products #productsbox .category{
	color:#4BB229;
	font-weight:bold;
	font-size:16px;
	border:2px solid #4BB229;
	border-radius: 30px;        /* CSS3草案 */  
	-webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 30px;   /* Firefox用 */
	padding:8px 10px 5px;
}
#products #productsbox .youto{
	margin-top:20px;
	font-size:16px;
}
#products #productsbox h3{
	margin-top:20px;
	font-size:35px;
	line-height:1.2;
}
#products #productsbox .setumei{
	margin-top:20px;
	font-size:20px;
	color:#273854;
	line-height:1.4;
	font-weight:bold;
}
#products #productsbox .shosai{
	margin-top:15px;
}
#products #productsbox .shosai p{
	padding-top:15px;	
}
#products #productsbox .shosai li{
	margin-left:20px;	
}

#products #productsbox #sphotoarea{
	margin-right:-40px;
	margin-top:20px;
}
#products #productsbox .photo{
	float:left;
	margin:20px 30px 10px 0;
	width:200px;	
}
#products #productsbox .photo .img{
	width:200px;
	height:150px;
	border:1px solid #273854;
	display:table-cell;
	vertical-align:middle;
	layout-grid-line:150px;
}
#products #productsbox .photo .img img{
	margin:0 auto;
	padding:0;
}
#products #productsbox h4{
	font-size:26px;
	border-left:8px solid #4BB229;
	border-right:8px solid #4BB229;
	width:300px;
	text-align:center;
	padding:8px;
	letter-spacing:5px;
	margin:40px auto 0;
}
#products #productsbox #shiyou table{
	width:800px;
	margin:30px auto;
	border:1px solid #4BB229;
	border-collapse:collapse;
}
#products #productsbox #shiyou table th{
	width:140px;
	padding:15px 30px;
	border:1px solid #4BB229;
	border-collapse:collapse;
	color:#4BB229;
	text-align:left;
}
#products #productsbox #shiyou table td{
	width:560px;
	padding:20px;
	border:1px solid #4BB229;
	border-collapse:collapse;	
	font-size:18px;	
}
#products #productsbox .btn{
	border:1px solid #273854;
	border-radius: 30px;        /* CSS3草案 */  
	-webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 30px;   /* Firefox用 */
	text-align:center;
	margin:0 auto;
	width:170px;
}
#products #productsbox .btn a{
	display:block;	
	width:150px;
	padding:10px 10px 7px;
}
#products p.caption {
	margin-top:5px;
	font-size:0.9rem;
	color:#333333;
}
#products .movie{
	margin:30px auto 30px;
	text-align: center;
}
#products video{
	width:90%;
}
/*------------------------------
	新着情報
-------------------------------*/
#newslist{
	margin:0 auto 20px;
}
#newslist #newslistbox{
	background-color:#fff;
	border-top:10px solid #273854;
	margin:0 auto 30px;
	padding:40px 40px 20px;
	width:910px;
	min-height:300px;
}
#newslist #newslistbox dl{
	width:910px;
}
#newslist #newslistbox dt{
	float:left;
	width:100px;
	font-size:14px;
}
#newslist #newslistbox dd{
	float:left;
	width:810px;
	font-size:16px;
}
#newslist #newslistbox dd a{
	text-decoration:underline;
}
#news{
	margin:0 auto 20px;
}
#news #newsbox{
	background-color:#fff;
	border-top:10px solid #273854;
	margin:0 auto 30px;
	padding:40px 40px 20px;
	width:910px;
	min-height:300px;
}
#news #newsbox h3{
	font-size:28px;
	margin-top:10px;
	color:#273854;
}
#news #newsbox #contents{
	margin:30px 0;
}
#news #newsbox #contents p{
	padding-top:15px;
}
#news #newsbox .toukou{
	text-align:right;
}
#news .btn{
	border:1px solid #273854;
	border-radius: 30px;        /* CSS3草案 */  
	-webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 30px;   /* Firefox用 */
	text-align:center;
	margin:0 auto;
	width:200px;
}
#news .btn a{
	display:block;	
	width:180px;
	padding:10px 10px 7px;
}
/*------------------------------
	会社概要
-------------------------------*/
#company{
	margin:0;
	padding:0;
}
#company .companybox{
	background-color:#fff;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	width:1000px;
	margin:20px auto;
	padding-bottom:30px;
}
#company .companybox h3{
	background-image:url(../../img/bk_title1.png);
	height:33px;
	color:#fff;
	background-repeat:no-repeat;
	width:960px;
	font-size:24px;
	padding:15px 20px 0;
	border-bottom:3px solid #D4E6FC;
}
#company .companybox .tbl1{
	border:1px solid #273854;
	border-collapse:collapse;
	width:800px;
	margin:40px auto 20px;
	border-left:none!important;
	border-right:none!important;
}
#company .companybox .tbl1 th{
	border:1px solid #273854;
	border-collapse:collapse;
	padding:20px 30px;
	text-align:left;
	border-right:5px solid #273854!important;
	border-left:none!important;
	background-color:#cad4df;
	color:#273854;
}
#company .companybox .tbl1 td{
	border:1px solid #273854;
	border-collapse:collapse;
	padding:20px 30px;
	border-right:none;
}

#company .companybox #enkaku{
	width:800px;
	margin:40px auto 20px;
}
#company .companybox #enkaku dl{
	border-bottom:1px solid #273854;
	margin:5px 0;
	padding:5px 0;
}
#company .companybox #enkaku dt{
	float:left;
	width:115px;
	border-right:5px solid #CEF9BB;
	padding:15px;
}
#company .companybox #enkaku dd{
	float:left;
	width:620px;
	padding:15px;
}
/*------------------------------
	footer
-------------------------------*/
#footarea{
	background-color:#B5C0C9;
	margin:-50px 0 0;

}
footer{
	width:1000px;
	margin:0 auto;	
	position:relative;
	padding:50px 50px 30px;
}
footer h2{
	color:#fff;
	background-color:#273854;
	width:180px;
	border-radius: 30px;        /* CSS3草案 */  
	-webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 30px;   /* Firefox用 */
	font-size:18px;
	height:33px;
	padding:15px 20px 0 0;
	text-align:center;
	background-image:url(../../img/icon1.png);
	background-repeat:no-repeat;
	background-position:95% 50%;
	margin:-70px 0 0 0;
	position:absolute;

}
footer .companyname{
	font-size:24px;
	float:left;
	padding-right:50px;
}
footer address{
	float:left;
	font-style:normal;
	font-size:16px;
}

footer .copyright{
	font-size:14px;
	text-align:center;
	padding-top:20px;
}
/*スライダーロール*/
.film_roll_child {
	display: inline-block;
	margin-right: 5px;
}
.btn_prev, .btn_next { position: absolute; top: 260px; width: 48px; height: 48px; }
.btn_prev { left: 20px; }
.btn_next { right: 20px; }
.btn_prev:hover, .btn_next:hover { opacity: 0.7; }