@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:80px 0px 0px 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:330px;
	height:60px;
	font-weight:bold;
	font-size:15px;
	text-align:center;
	line-height:53px;
	margin:20px 0px 0px 75px;
}

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

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

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

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

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

.ad_main2 p{
/*--	padding:5px 0px 0px 65px; --*/
	width:279px;
	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;
	padding:5px 0px 5px 30px;
	width:120px;
}

#news dd{
	margin-left:120px;
	padding:5px 30px 5px 30px;
}

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

/*--- 注意喚起 ---*/
.caution{
	border:#33c5ff 2px solid;
	width:756px;
	margin:0 auto 30px;
	padding:20px;
}

.caution span,
#caution_detail span{
    font-size: 16px;
    font-weight: bold;
    color: #FBAF42;
}

.caution a,
.caution a:hover{
	color: #FBAF42;
	text-decoration:none;
	border-bottom:1px solid #FBAF42;
}

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

#caution_detail p{
	border:#33c5ff 2px solid;
	margin:5px 5px 5px 5px;
	padding:10px 30px 10px 30px;
}


/*-----------------------------
　　　各ページタイトル
　------------------------------*/
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;
}

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

#company h2.title05{
	background:url(../company/images/title5.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;
	padding:15px 50px 15px 50px;
}

#company dd{
	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;
}

.vision_wrapper{
	width:560px;
	margin:10px auto 10px;
	padding-left:20px;
	padding-right:20px;
}

.vision{
	font-size:16px;
	font-weight:600;
	text-align:center;
	line-height:1.8;
	padding-top:20px;
	padding-bottom:20px;
}

.vision_idea{
	padding-bottom:20px;
	padding-left: 2em;
	text-indent: -2em;
	line-height:1.8;
}

#partnership .logo_img{
    margin-top:20px;
    text-align:center;
}


#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; 
}

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

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

#product .right{
	width:350px;
	margin:0px 100px 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,
#product .star3 span{
	font-size:15px;
	font-weight:bold;
	line-height:2.0;
}

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

#product .star3_img
{
	/*padding-left:60px;*/
	margin:20px 0px 0px 0px;
}

#factory .haccp_img img{
	float:left;
	margin:20px 0px 0px 100px;
}

#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;
}