@charset "Shift_JIS";

/*-----------------------------
　　　TOP
　------------------------------*/
#ad_banner1{
	background:url(../images/cotent01.jpg) no-repeat;
	width:820px;
	height:145px;
	margin:20px 0px 0px 65px;
}

#ad_banner1 p{
	text-align:center;
	padding:85px 0px 10px 0px;
	font-weight:bold;
	font-size:15px;

}

.top_navi_left,
.top_navi_right{
    width:50%;
    float:left;
    text-align:center;
    margin-bottom:40px;
}

.top_navi_left figure,
.top_navi_right figure{
    margin:0;
    padding:0;
    font-size:16px;
}




.ad_title{
	background:url(../images/title.png) no-repeat;
	width:360px;
	height:60px;
	font-weight:bold;
	font-size:15px;
	text-align:center;
	line-height:45px;
	margin:20px 0px 0px 70px;
}

.ad_title a{
	text-decoration:none;
	display:block;
	width:360px;
	height:60px;
}


#top .left{
	width:400px;
	margin:0px 0px 20px 90px;
}

#top .right{
	width:400px;
	margin:0px 60px 20px 0px;
}

.ad_main1,
.ad_main2{
	background:url(../images/frame.png) no-repeat;
	width:388px;
	height:294px;
	padding:30px 0px 0px 0px;
	text-align:center;
}

.ad_main1 p{
/*--	padding:5px 0px 0px 30px; --*/
	width:335px;
	text-align:center;
	margin:5px 0px 0px 30px;
}

.ad_main2 p{
/*--	padding:5px 0px 0px 65px; --*/
	width:335px;
	margin:5px 0px 0px 30px;
	text-align:center;
}

.news_title{
	background:url(../images/news_icon.png) no-repeat;
	height:20px;
	padding:5px 0px 0px 20px;
	margin:0px 0px 0px 75px;
	font-weight:bold;
	font-size:15px;
}

#news{
	border:#33c5ff 2px solid;
	width:800px;
	margin:0px 0px 0px 65px;
}

#news dl{
	border:#33c5ff 2px solid;
	margin:5px 5px 5px 5px;
	clear:left;
}

#news dt{
	float:left;
	width:150px;
	padding:5px 0px 5px 30px;
}

#news dd{
	padding:5px 25px 5px 25px;
}

/*--- スライダー ---*/
#slider{
	width:800px;
	height:300px;
	margin:0 auto;
}

/*-----------------------------
　　　各ページタイトル
　------------------------------*/
h2{
	width:680px;
	height:60px;
	margin:0 auto;
	line-height:55px;
	font-weight:bold;
	font-size:16px;
	color:#ffffff;
	letter-spacing:5px;
	padding:0px 0px 0px 40px;
}

#factory h2{
	background:url(../factory/images/title.png) top left no-repeat;
}

#company h2.title01{
	background:url(../company/images/title1.png) top left no-repeat;
}

#company h2.title02{
	background:url(../company/images/title2.png) top left no-repeat;
}

#company h2.title03{
	background:url(../company/images/title3.png) top left no-repeat;
}

#product h2{
	background:url(../product/images/title.png) top left no-repeat;
}

/*-----------------------------
　　　会社概要
　------------------------------*/
#company .content1{
	margin:0px 0px 20px 0px;
}

#company dl{
	clear:left;
	font-size:13px;
	font-weight:bold;
	margin:20px 0px 20px 0px;
	padding:10px 0px 10px 0px;
}

#company dt{
	float:left;
	width:150px;
	padding:15px 5px 15px 30px;
}

#company dd{
	margin:0px 0px 0px 180px;
	padding:15px 10px 15px 10px;
}

#company .comment_p{
	width:600px;
	margin:0 auto;

}

#company .comment_p p{
	margin:10px 0px 10px 0px;
	line-height:2.0;
	padding:10px 20px 0px 20px;
}

#company p.comment_name{
	text-align:right;
	font-size:14px;
	font-weight:bold;
	font-family:"PMingLiU", "ヒラギノ明朝 W3 JIS2004","Hiragino Mincho W3 JIS2004", "ヒラギノ角ゴ Pro W3", Osaka, "serif", "Batang", "ＭＳ Ｐ明朝";
	padding:20px 40px 20px 0px;
}

#company h3{
	font-weight:bold;
	font-size:15px;
	height:50px;
	width:600px;
	line-height:55px;
	background:url(../company/images/info_title.png) top left no-repeat;
	text-align:center;
	letter-spacing:5px;
	margin:0 auto;
}

#company .info_text{
	margin:20px 0px 0px 190px;
	font-weight:bold;
}

/*-----------------------------
　　　商品
　------------------------------*/
#product #page_banner{
	width:820px;
	margin:30px auto;
}

#product .content2{
	border-bottom:#808080 1px dotted;
	/*margin:0px 0px 40px 0px;*/	
	padding:10px 0px 40px 0px;
	width:950px;
	margin:0 auto 40px;
}

#product .left{
	width:420px;
	margin:0px 0px 0px 60px;
	line-height:2.6;
	padding:10px 0px 0px 0px; 
}

#product .left p{
	font-size:14px;
}

#product .right{
	width:350px;
	margin:0px 30px 0px 0px;
}

#product h3{
	background:url(../product/images/point_icon.png) no-repeat;
	height:25px;
	line-height:35px;
	padding:0px 0px 0px 20px;
	margin:0px 0px 15px 0px;
	font-size:15px;
}


#product .content1 dl{
	clear:left;
	border:#00aaff 1px solid;
	width:600px;
	margin:10px 0px 20px 150px;
}

#product .content1 dt{
	float:left;
	width:180px;
	padding:10px 0px 10px 30px;
	font-weight:bold;
	background:#4dc5f4;
	color:#ffffff;
}

#product .content1 dd{
	padding:10px 0px 10px 240px;
	width:360px;
	border-bottom:#00aaff 1px dotted;
	border-collapse:collapse;
}

#product dd.last{
	border:0px;
}

#product h4{
	padding:0px 0px 0px 30px; 
	letter-spacing:5px;
	margin:40px auto;
	background:url(../product/images/pdf_title.png) no-repeat;
	width:800px;
	height:50px;
	line-height:46px;
}

#product .comment_pdf{
	margin:0px 0px 0px 150px;
	width:600px;
}

#product .comment_pdf2{
	margin:0px 0px 0px 240px;
	width:500px;
	font-weight:bold;
}

#product .fuji_b img{
	margin:20px 0px 0px 0px;
	border:#00aaff 1px solid;
	text-align:center;
}

/*------accordion-------*/

.accordion{
	width:604px;
	margin:0px 0px 20px 149px;
}

.accordion_title {
    background-color: #03A9F4;
    border-bottom: solid 1px #0288D1;
    margin-bottom: 1px;
    padding: 10px;
    color: #FFF;
    cursor: pointer;
    position: relative;
}
 
.accordion_title:before {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 15px;
  width: 10px;
  height: 10px;
  margin-top: -8px;
  background: #FFF;
}
 
.accordion_title:after {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 15px;
  width: 10px;
  height: 10px;
  margin-top: -13px;
  background: #03A9F4;
}
 
.accordion_title.active:before {
  margin-top: -2px;
}
 
.accordion_title.active:after {
  margin-top: 3px;
}
 
.accordion_item {
    background-color: #fff;
}

.accordion_item dl{
    background-color: #fff;
	width:600px;
	margin:0px 0px 0px 1px !important;
}


/*-----------------------------
　　　工場紹介
　------------------------------*/
#factory #page_banner{
	width:820px;
	margin:30px auto;
}

#factory h3{
	font-weight:bold;
	font-size:15px;
	height:50px;
	width:770px;
	line-height:55px;
	background:url(../factory/images/float_title.png) top left no-repeat;
	padding:0px 0px 0px 30px; 
	letter-spacing:5px;
	margin:0 auto;
}

#factory .left{
	width:400px;
	margin:0px 0px 0px 65px;
	line-height:2.6;
	padding:10px 0px 0px 0px; 
}

#factory .left p{
	font-size:14px;
}

#factory .right{
	width:300px;
}

#factory .next{
	margin:0px 0px 0px 200px;
}

#factory .float{
	border:#00aaff 1px solid;
	padding:10px 0px 10px 0px;
	margin:20px auto;
	width:820px;
}

#factory .haccp,
#product .fuji_b,
#product .star3{
	margin:40px 0px 40px 0px;
	padding:20px 0px 20px 0px;
	border-top:#00aaff 1px solid;
	border-bottom:#00aaff 1px solid;
	text-align:center !important;
}

#factory .haccp span,
#product .fuji_b span{
	font-size:15px;
	font-weight:bold;
	line-height:2.0;
}

#factory .haccp_img
{
	padding-left:120px;
}

#product .star3_img
{
	/*padding-left:90px;*/
	text-align: center;
}

#factory .haccp_img img{
	float:left;
	margin:20px 0px 0px 100px;
	border:#00aaff 1px solid;
}

#product .star3_img img{
/*	float:left;*/
	margin:0px 5px 0px 0px;
}

#product .star3_img a img{
	border:#00aaff 1px solid;
}


.minibotol_factory figure{
    width:310px;
    float:left;
    text-align:center;
    border:#00aaff 1px solid;
    margin:20px 2px 30px 2px;
    padding:10px 0px 0px 0px;
}

.minibotol_factory figcaption{
    font-size:16px;
    margin:10px 0px 10px 0px;
}