@charset "UTF-8";

/* base */
body{padding:0; margin:0; overflow-x:hidden; color:#444; font-size:0.9em; line-height:1.6; text-align:center; font-family:Arial, sans-serif,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";}
html>/**/body{font-size/*\**/:14px\9;}/* IE8 */
p,h1,h2,h3,h4{margin:0; font-size:1em;}
a{color:#06C;}
a:hover{color:#418DD9;}
ul{padding:0; margin:0; list-style:none;}
ol{padding:0 0 0 2em; margin:0;}
address{font-style:normal;}
table{border-collapse:collapse; border:0;}
table,th,td{padding:0; text-align:left;}
th{font-weight:normal;}
form{padding:0; margin:0;}
img{vertical-align:bottom;}
img,a img{border:none;}
.hide{height:0; width:0; overflow:hidden; position:absolute;}
div.clear{clear:both; width:inherit; height:0; font-size:0; line-height:0;}
sub{vertical-align:baseline; position:relative; bottom:-0.2em;}
sup{vertical-align:baseline; position:relative; top:-0.3em;}


/* structure */
/*#headwholebg {background:url(../images/bg_headwhole.jpg) repeat-x;} */
#headwhole {background:url(../images/bg_head2.jpg) center top no-repeat;}
#headwhole_en {background:url(../images/bg_head_en.jpg) center top no-repeat;}
#head {
	width:1100px;
	height:120px;
	margin:0 auto;
	font-size:11px;
	text-align:left;
	position:relative;
	}
#headname a {
	position: absolute;
	left: 44px;
	top: 14px;
	display: block;
	width: 433px;
	height: 89px;
}

p#headnavi{position:absolute; right:112px; top:60px; font-size:10px; line-height:1.1; text-align:right;}
p#headnavi a{padding:2px 0 2px 15px; color:#666; text-decoration:none; /*background:url(../images/ya_headnavi.jpg) 0 2px no-repeat;*/}
p#headnavi a:hover{color:#9B9B9B;}
a#headnavi1,a#headnavi2{position:absolute; right:22px; top:54px; display:block; width:20px; height:20px; /*background:url(../images/headnavi_l.jpg) no-repeat;*/}
a#headnavi2{right:0; /*background-image:url(../images/headnavi_s.jpg);*/}
a#headnavi1:hover,a#headnavi2:hover{background-position:0 -20px;}

div#navi{position:absolute; left:0; top:78px; width:1100px; height:42px;}
div#navi li{display:inline;}
a#navi_1,
a#navi_2,
a#navi_3,
a#navi_4,
a#navi_5,
a#navi_6 {
	display:block;
	float:left;
	height:42px;
	background-repeat:no-repeat;
	}

a#navi_1 {width:177px; background-image:url(../images/navi_01.jpg);}
a#navi_2 {width:184px; background-image:url(../images/navi_02.jpg);}
a#navi_3 {width:178px; background-image:url(../images/navi_03.jpg);}
a#navi_4 {width:184px; background-image:url(../images/navi_04.jpg);}
a#navi_5 {width:213px; background-image:url(../images/navi_05.jpg);}
a#navi_6 {width:164px; background-image:url(../images/navi_06.jpg);}

a#navi_1:hover, 
a#navi_2:hover, 
a#navi_3:hover, 
a#navi_4:hover, 
a#navi_5:hover, 
a#navi_6:hover, 
.sfHover a#navi_1,  
.sfHover a#navi_2, 
.sfHover a#navi_3, 
.sfHover a#navi_4, 
.sfHover a#navi_5, 
.sfHover a#navi_6, 
.now a#navi_1, 
.now a#navi_2, 
.now a#navi_3, 
.now a#navi_4, 
.now a#navi_5, 
.now a#navi_6 {background-position:0 -42px;}

.sfHover a#navi_1 {background-position:0 -42px;}

#h1_bg {
	background:#D9D9D9;
}
#h1_bg h1 {
	width:1000px;
	height:100px;
	color:#333;
	font-size:38px;
	line-height:38px;
	font-weight:bold;
	text-align:left;
	letter-spacing:1px;
	padding:50px;
	background:url(../images/bg_h1.jpg) left top no-repeat;
	margin:0 auto;
}
#h1_bg h1#color_1 {color:#A81641;}
#h1_bg h1#color_2 {color:#D6A301;}
#h1_bg h1#color_3 {color:#2AB63A;}
#h1_bg h1#color_4 {color:#C2B940;}
#h1_bg h1#color_5 {color:#336699;}

#bread {
	background:#000;
}
#bread p {
	width:1000px;
	color:#999;
	font-size:12px;
	line-height:12px;
	text-align:left;
	padding:1em 50px;
	margin:0 auto;
}
#bread span {
	color:#fff;
}
#bread a {
	color:#999;
	text-decoration:none;
}
#bread a:hover {
	color:#fff;
}



div#mainwholebg{background:#FFF;}
div#mainwhole{width:1100px; margin:0 auto; text-align:left; /*background:url(../images/bg_mainwhole.jpg);*/}
div#mainhead{height:30px; font-size:0; line-height:0;}
div#main{
	width:1100px;
	padding-bottom:0;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	overflow: hidden;
}
#main_margin{margin:50px 50px 0;}
div#left{float:left; width:670px;}
div#right{float:right; width:206px;}
div#rightmain{width:206px; padding:0 3px;
voice-family:"\"}\""; voice-family:inherit; width:200px;}

div#subnavi{width:200px; padding:5px; background:#3A62BB; margin-bottom:35px;
voice-family:"\"}\""; voice-family:inherit; width:190px;}
div#subnavi li{border-bottom:1px dotted #C6C6C6; background:#FFF;}
div#subnavi li.last{border-bottom:none;}
div#subnavi a {
	display:block;
	width:142px;
	color:#404040;
	text-decoration:none;
	padding:11px 34px 9px 14px;
	/*background:url(../images/ya_3.png) 160px center no-repeat;*/
	}

div#subnavi a:hover,div#subnavi li.now a{/*background-image:url(../images/ya_4.png);*/ background-color:#E0E9FE;}
div.sub_1{padding:9px; border:1px dotted #CCC; font-size:0.9em; line-height:1.5; background:#FFF; margin-bottom:25px;}

#pagetop {
	width:1100px;
	margin:0 auto;
	text-align:left;
	height:160px;
	position:relative;
	}
div#pagetop p{position:absolute; right:108px; bottom:46px; font-size:11px; text-align:right;}
div#pagetop a{display:block; width:60px; height:61px; background:url(../images/b_pagetop.jpg) 0 0 no-repeat;}
div#pagetop a:hover{background-position:0 -61px;}

div#footwhole{height:248px; padding-top:34px; background:#D9D9D9;
voice-family:"\"}\""; voice-family:inherit; height:214px;}
div#foot{width:1000px; margin:0 auto; font-size:12px; text-align:left; position:relative; color:#71767B; font-weight:bold; letter-spacing:0.5px; line-height:1.5;}
div#footad1,div#footad2,div#footad3{float:left; width:270px;}
div#footad2{width:274px;}
div#footad3{width:267px;}
div#footad4{float:right; width:189px;}

div#footnaviwhole{
	padding:12px 0;
	background:#8C8C8C;
	}

div#footnavi{width:1000px; margin:0 auto; color:#FFF; font-size:11px; text-align:left; position:relative;}
div#footnavi a{text-decoration:none; color:#FFF;}
div#footnavi a:hover{color:#C8CCCD;}
p#footcopy{position:absolute; right:0; top:0; font-size:9px; font-family:Helvetica; text-align:right;}

/* class */
ul.disc{list-style-type:disc; margin-left:1.6em;}
table.table1 {}
table.table1 th, 
table.table1 td { border:1px solid #CCC; background:#FFF; padding:8px;}
table.table1 th{text-align:center; background:#EEE;}
.table2 th, 
.table2 td {
	padding:11px 0;
	text-align:left;
	vertical-align:top;
	background:url(../images/bg_1.gif) bottom repeat-x;
	}

.table3 th, 
.table3 td {
	font-size:0.85em;
	vertical-align:top;
	padding:2px 0;
	background:url(../images/bg_1.gif) bottom repeat-x;
	}
.table2 th.pd_l {
	font-weight:bold;
	letter-spacing:1px;
	padding-left:1em;
	}
.table4 th, 
.table4 td {
	border:1px solid #333;
	background:#FFF;
	padding:8px;
	}
.table4 th {
	color:#fff;
	text-align:center;
	background:#333;
	}
.table5 th, 
.table5 td {
	border:1px solid #CCC;
	background:#FFF;
	padding:5px 8px;
	}
.table5 th {
	background:#EEE;
	}
table .th_c1 {
	color:#fff;
	background:#666;
	}
table .th_c2 {
	color:#fff;
	background:#006099;
	}
.table5_mini th, 
.table5_mini td {
	border:1px solid #CCC;
	background:#FFF;
	padding:0 8px;
	}


table .td_bg1 {background:#EFF7F0;}
table .td_bg2 {background:#FDD; border:2px solid #F99;}
table .td_bg3 {background:#DDF; border:2px solid #99F;}
table .td_bg4 {background:#EEE; border:2px solid #999;}
table .td_bg5 {background:#DFD; border:2px solid #6D6;}

table.table2 th {padding-left:13px;}
table.table2 td th, 
table.table2 td td {padding:0; background:none;}


.table6 th, 
.table6 td {
	padding:15px 0.5em;
	text-align:left;
	background:url(../images/bg_1.gif) bottom repeat-x;
	}

caption {text-align:left;}

.center{text-align:center;}
.right{text-align:right;}
.flright{float:right;}
.flleft{float:left;}
.waku{padding:2px; border:1px solid #CCC;}
.small{font-size:12px;}
.red{color:#F00;}
.blue{color:#006099;}
.green{color:#009960;}
.black {color:#333;}
.wine {color:#A51642;}
.note{padding-left:1em; text-indent:-1em;}
.mgb5{margin-bottom:5px;}
.mgb10{margin-bottom:10px;}
.mgb15{margin-bottom:15px;}
.mgb20{margin-bottom:20px;}
.mgb25{margin-bottom:25px;}
.mgb30{margin-bottom:30px;}
.mgb35{margin-bottom:35px;}
.mgb40{margin-bottom:40px;}
.mgb45{margin-bottom:45px;}
.mgb50{margin-bottom:50px;}
.mgb60{margin-bottom:60px;}
.mgb80{margin-bottom:80px;}

.mgl20 {margin-left:20px;}

.mgr20 {margin-right:20px;}
.mgr35 {margin-right:35px;}
.mgr40 {margin-right:40px;}

.w310 {width:310px;}
.w320 {width:320px;}
.w400 {width:400px;}
.w460 {width:460px;}
.w480 {width:480px;}
.w540 {width:540px;}
.w640 {width:640px;}
.w680 {width:680px;}
.w800 {width:800px;}
.w880 {width:880px;}

.w50p {width:50%;}
.w100p {width:100%;}

.w6em {width:6em;}
.w8em {width:8em;}
.w10em {width:10em;}
.w12em {width:12em;}
.w14em {width:14em;}
.w16em {width:16em;}
.w22em {width:22em;}

.fs12 {font-size:12px;}
.fs16 {font-size:16px;}

.ls0 {letter-spacing:0;}

.bold {font-weight:bold;}
.normal {font-weight:normal;}
.bo_0 {border:0;}
iframe {border:none;}

.button input {font-size:18px;}
.divbr {
	height:40px;
	font-size:0;
	line-height:0;
	/*background:url(../images/bg_hr.png) center repeat-x;*/
	}
.va_middle {vertical-align:middle;}


/* home */
body#home div#headwholebg{
	background:#D9D9D9;
}
body#home div#head {height:120px;}
div#home_1 .flleft {width:825px;}
div#home_1 .flright {
	background:url(../images/home_2.jpg) no-repeat;
	}
div#home_1 .flright a {
	display:block;
	width:227px;
	height:340px;
	color:#fff;
	text-decoration:none;
	padding:20px 24px;
	}


div#home_1 .flright div#news td{color:#FFF; background:none;}
div#home_1 .flright div#news .small{font-size:0.9em;}
div#home_2 .flleft,div#home_2 .flright{width:275px;}

/* news */
.news_box {
	height:90px;
	overflow: auto;
}

/*div#news th{width:6em;}*/
div#news th span.ya {
	display:block;
	padding-right:18px;
	font-weight:normal;
	/*background:url(../images/ya_news.jpg) 72px 8px no-repeat;*/
	}

/* business */
.b_box {
	padding:20px;
	border:1px solid #D6A301;
	background-color:#EFE9D7;
}


/* philosophy */
.philo_box {
	font-size:20px;
	line-height:1em;
	padding:20px 0;
	border-bottom:1px dashed #ddd;
}
.philo_box  h2 {
	width:7em;
	font-weight:bold;
}


/* recruit */
div#recruit p{width:;}
div#recruit th{width:22%;}

/* contact */
div#contact_thanks p{padding:80px 0;}
.send_button {
	color: #606060;
	padding: 10px 24px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#cccccc);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		to(#cccccc));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #eeeeee;
	cursor:pointer;
}
.send_button:hover {
	color:#999;
}

#contact h3{
	color:#385FBD;
	font-size:1.3em;
	margin-bottom:5px;
}
#contact .flright{
	margin-right:20px;
}


/* privacy */
div#privacy div{padding-bottom:23px; border-bottom:1px dotted #CCC; margin-bottom:25px;}

/* sitemap */
div#sitemap div.flleft, 
div#sitemap div.flright {width:440px;}
div#sitemap li {padding:14px 0 14px 50px; border-bottom:1px dotted #CCC; /*background:url(../images/ya_1.png) 25px 18px no-repeat;*/}
div#sitemap li li{padding:7px 0 0 42px; border:none; background:url(../images/ya_2.gif) 27px 12px no-repeat;}


.txt_mes {
	font-size:20px;
	font-weight:bold;
}
.txt_mes2 {
	font-size:16px;
}

/* access */
#access {
	width:1040px;
	overflow:hidden;
	}
.access_box {
	float:left;
	width:480px;
	margin-right:40px;
	margin-bottom:50px;
}



/* 追加 */
.t2 {
	color:#fff;
	font-size:21px;
	line-height:21px;
	font-weight:bold;
	letter-spacing:1px;
	padding:15px;
	background-color:#999;
	margin-bottom:20px;
	}
#access .t2, 
#environment .t2 {
	background-color:#A81641;
}
#modifiers .t2, 
#food .t2, 
#joint .t2, 
#container .t2,
#filtration .t2, 
#australia .t2, 
#safety .t2, 
#yeast .t2 {
	background-color:#2ab63a;
}
#cv .t2 {
	background-color:#a20034;
}



.t3 {
	color:#fff;
	font-size:18px;
	line-height:18px;
	font-weight:bold;
	letter-spacing:1px;
	padding:10px 15px;
	background-color:#999;
	margin-bottom:20px;
	}
.t3_2 {
	color:#fff;
	font-size:18px;
	line-height:18px;
	font-weight:bold;
	letter-spacing:1px;
	padding:10px 15px;
	background-color:#006099;
	margin-bottom:20px;
	}
.t3_3 {
	color:#006099;
	font-size:22px;
	line-height:18px;
	font-weight:bold;
	letter-spacing:1px;
	}

.txt_r {text-align:right;}

.li_bb li{
	padding:3px 0;
	border-bottom:1px dashed #ccc;
	}
.no_deco a {text-decoration:none;}
.no_deco a:hover {
	text-decoration: underline;
	}
 a.no_deco {text-decoration:none;}
a.no_deco:hover {
	text-decoration: underline;
	}

ul.page_link {
	border:1px solid #79D182;
	border-bottom:none;
}
.page_link li {
	font-weight:bold;
	border-bottom:1px solid #79D182;
}
.page_link li a {
	display:block;
	color:#333;
	font-size:16px;
	line-height:16px;
	text-decoration:none;
	padding:10px 40px 10px 10px;
	background:#eee url(../images/ya_3_off.png) right center no-repeat;
}
.page_link li a:hover {
	background:#fff url(../images/ya_3_on.png) right center no-repeat;
}

.step_li li {
	font-size:16px;
	font-weight:bold;
	margin-bottom:0.6em;
}
.catch {
	color:#A20034;
	font-size:28px;
	font-weight:bold;
	border-bottom:3px solid #000;
}
#main .column {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 275px;
	overflow: hidden;
	color: #FFF;
}
.column .box1 {
	margin: 0px;
	padding: 15px;
	height: 520px;
	background-color: #0284D0;
}

.column .box2 {
	margin: 0px;
	padding: 15px;
	height: 245px;
	background-color: #DE512D;
}
.column .box2 a {
	margin: 0px;
	height: 245px;
	width: 245px;
	display: block;
}
.column .box3 {
	margin: 0px;
	padding: 15px;
	height: 108px;
	background-color: #5C36B6;
}
.column .box3 a {
	margin: 0px;
	height: 108px;
	width: 245px;
	display: block;
}
#main .column .box4 {
	margin: 0px;
	height: 108px;
	padding: 15px;
	background-color: #A90C41;
}
.column .box4 a {
	margin: 0px;
	padding: 0px;
	height: 108px;
	display: block;
	width: 245px;
}
#main .column .box5 {
	margin: 0px;
	padding: 15px;
	height: 108px;
	background-color: #D4A300;
}
.column .box5 a {
	margin: 0px;
	height: 108px;
	width: 245px;
	display: block;
}
#main .column .box6 {
	margin: 0px;
	padding: 15px;
	height: 245px;
	background-color: #81233D;
}
.column .box6 a {
	margin: 0px;
	height: 245px;
	width: 245px;
	display: block;
}
#main .column .box7 {
	margin: 0px;
	padding: 15px;
	height: 108px;
	background-color: #5C36B6;
}
.column .box7 a {
	margin: 0px;
	height: 108px;
	width: 245px;
	display: block;
}
#main .column .box8 {
	margin: 0px;
	padding: 15px;
	height: 245px;
	background-color: #25B737;
}
.column .box8 a {
	margin: 0px;
	width: 245px;
	height: 245px;
	display: block;
}
#main .column .box9 {
	margin: 0px;
	padding: 15px;
	height: 245px;
	background-color: #94009D;
}
.column .box9 a {
	margin: 0px;
	width: 245px;
	height: 245px;
	display: block;
}
#main .column .box10 {
	margin: 0px;
	padding: 15px;
	height: 108px;
	background-color: #C2BA3E;
}
.column .box10 a {
	margin: 0px;
	width: 245px;
	height: 108px;
	display: block;
}
#main .column .box11 {
	margin: 0px;
	padding: 15px;
	height: 108px;
	background-color: #FF7F00;
}
.column .box11 a {
	margin: 0px;
	width: 245px;
	height: 108px;
	display: block;
}
#main .column .box12 {
	margin: 0px;
	padding: 15px;
	height: 245px;
	background-color: #81233D;
}
.column .box12 a {
	margin: 0px;
	width: 245px;
	height: 245px;
	display: block;
}
#main .column .box13 {
	margin: 0px;
	padding: 15px;
	height: 108px;
	background-color: #346599;
}
.column .box13 a {
	margin: 0px;
	width: 245px;
	height: 108px;
	display: block;
}
#main .column .box14 {
	margin: 0px;
	padding: 15px;
	height: 245px;
	background-color: #85B200;
}
.column .box14 a {
	margin: 0px;
	width: 245px;
	height: 245px;
	display: block;
}
#main .column .box15 {
	margin: 0px;
	padding: 15px;
	height: 245px;
	background-color: #009EB0;
}
.column .box15 a {
	margin: 0px;
	width: 245px;
	height: 245px;
	display: block;
}
#main .column .box16 {
	margin: 0px;
	padding: 15px;
	height: 108px;
	background-color: #203382;
}
.column .box16 a {
	margin: 0px;
	width: 245px;
	height: 108px;
	display: block;
}
#main .column .box17 {
	margin: 0px;
	padding: 15px;
	height: 245px;
	background-color: #FF5086;
}
.column .box17 a {
	margin: 0px;
	width: 245px;
	height: 245px;
	display: block;
}
#main .column h3 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 120%;
}
#main .column ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#main .column ul li {
	font-size: 12px;
	line-height: 130%;
}

#main .column .box2 a,
#main .column .box3 a,
#main .column .box4 a,
#main .column .box5 a,
#main .column .box6 a,
#main .column .box7 a,
#main .column .box8 a,
#main .column .box9 a,
#main .column .box10 a,
#main .column .box11 a,
#main .column .box12 a,
#main .column .box13 a,
#main .column .box14 a,
#main .column .box15 a,
#main .column .box16 a,
#main .column .box17 {
	color: #FFF;
	text-decoration: none;
}
#mainbg1 {
	background-image: url(../images/mainbg1.jpg);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
	overflow: hidden;
}
#mainbg2 {
	background-image: url(../images/mainbg2.jpg);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
	overflow: hidden;
}
#mainbg3 {
	background-image: url(../images/mainbg3.jpg);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
	overflow: hidden;
}
#main .column .box1 .small a:link,
#main .column .box1 .small a:visited,
#main .column .box1 .small a:active {
	color: #FFF;
	text-decoration: none;
}
#main .column .box1 .small a:hover {
	color: #FFF;
	text-decoration: underline;
}