@charset "euc-jp";
/* CSS Document */
body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object {
margin: 0;
padding: 0;
vertical-align: baseline;
}

h1,h2,h3,h4,h5,h6,strong {
font-style: normal;
font-weight: normal;
font-size: 1.0em;
}
p{
	margin-bottom:1em;
}
table {border-spacing:0;}
* html table {border-collapse:collapse;}
*:first-child+html table {border-collapse:collapse;}
caption,th {text-align:left; font-weight:normal;}
table,th,td,img {border:0;}
img,input {vertical-align:middle;}

ul {list-style: none;}

.rollover{
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/*hr{
color:#ddd;
border:0;
height:1px;
background-color:#ddd;
margin:0 0 10px;
padding:0;
}*/

body {
color:#333;
background-color:#e4e4e4;
font-family:"¥á¥¤¥ê¥ª","£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3",Verdana, Geneva, Arial, sans-serif;
line-height:1.5;
}


body,input,textarea {
font-size: 12px !important; 
font-size: 78%;
}
input,textarea {
font-family:"¥á¥¤¥ê¥ª","£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3",Verdana, Geneva, Arial, sans-serif;
padding:2px;
}

fieldset{
border:none;
}

a{
color:#448ac9;
outline:none;
}
a:visited{
color:#996699;
}
a:hover{
color:#993333;
}


ol,ul{
padding-left:20px;
}
ul li{
list-style:disc;
}

/* -------------------------------------------------------- */
.width10{width:10%;}
.width15{width:15%;}
.width20{width:20%;}
.width25{width:25%;}
.width30{width:30%;}
.width33{width:33%;}
.width40{width:40%;}
.width45{width:45%;}
.width50{width:50%;}
.width55{width:55%;}
.width60{width:60%;}
.width70{width:70%;}
.width80{width:80%;}
.width90{width:90%;}
.width100{width:98%;}

.center{text-align:center;}


.mb10{ margin-bottom:10px;}
.mb11{ margin-bottom:11px;}
.mr10{ margin-right:10px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mr5{ margin-right:5px;}
.ml5{margin-left:5px;}

.ml10{margin-left:10px;}
.mbn{
	margin-bottom:0;
}

/* -------------------------------------------------------- */

.right{
text-align:right;
}
.center{
text-align:center;
}

.bold{
font-weight:bold;
}


ul.error{
	color:#C00;
	font-weight:bold;
	margin-bottom:20px;
	border: 1px solid #c00;
	padding:5px;
}
ul.error li{
	margin-bottom:5px;
	list-style:none;
}
hr.end{
display:block;
clear:both;
margin:10px 0 0 0px;
visibility:hidden;
}


.centerButton{
text-align:center;
width:99%;
padding:15px 0;
clear:both;
}

.centerButton input{
margin:0 2px;
}

.pointer{
cursor:pointer;
}


.arrowRedLink{
	background:url(../images/arrow_red.gif) 0 4px no-repeat;
	margin:0;
	padding-left:16px;
}



table {
	border-spacing:0;
	border-collapse:collapse;
	width:100%;
	margin-bottom:2em;
}

caption,th {
text-align:left;
font-weight:normal;
}

table,th,td,img {border:0;}

table th{
	padding:6px;
	border:1px solid #dcdcdc;
	background-color:#eee;
	font-weight:normal;
	color:#333;
	vertical-align:text-top;
}

table td{
	background-color:#fff;
	border:1px solid #dcdcdc;
	padding:6px;
	vertical-align:middle;
}



/* layoyt */
#wrapper{
	width:950px;
	margin:0 auto;
	padding:20px 15px 20px;
	background:url(../image/bg.gif) repeat-y;
}
#footer{
	width:980px;
	height:48px;
	margin:0 auto 20px;
	padding:20px 0 0;
	text-align:center;
	background:url(../image/bg_footer.gif) bottom no-repeat;
}


/* title */
h1{
	width:980px;
	height:308px;
	margin:20px auto 0;
	padding:0;
	background:url(../image/main.jpg) no-repeat;
	text-indent:-980em;
}

h2{
	width:950px;
	height:39px;
	text-indent:-980em;
	margin:40px 0 20px;
}

h2#new{
	background:url(../image/title_new.gif) no-repeat;
}

h2#quality{
	background:url(../image/title_sustaina_quality.gif) no-repeat;
}

h2#immunity{
	background:url(../image/title_immunity_milk.gif) no-repeat;
}

h2#system{
	background:url(../image/title_system.gif) no-repeat;
}

h2#merit{
	background:url(../image/title_merit.gif) no-repeat;
}
h2#forms{
	background:url(../image/title_form.gif) no-repeat;
}
h2#privacy{
	background:url(../image/title_privacy.gif) no-repeat;
}

h2#law{
	background:url(../image/title_law.gif) no-repeat;
}
/* misc */
p#mes{
	width:950px;
	height:176px;
	margin:20px 0 60px;
	background:url(../image/mes.jpg) no-repeat;
	text-indent:-980em;
}

p#newMes{
	background:url(../image/catch.jpg) no-repeat;
	padding:70px 0 0 246px;
	margin:0 5px 40px;
	width:694px;
	height:105px;
}

ol#quality{
	margin:0 5px;
	padding:0;
}

ol#quality li{
	width:940px;
	height:96px;
	margin-bottom:20px;
	text-indent:-980em;
	list-style:none;
}

ol#quality li#no1{
	background:url(../image/q1.jpg) no-repeat;
}
ol#quality li#no2{
	background:url(../image/q2.jpg) no-repeat;
}
ol#quality li#no3{
	background:url(../image/q3.jpg) no-repeat;
}

p#system{
	margin:0 5px 1em;
}
p#for{
	float:left;
	width:354px;
	height:324px;
	margin:0 0 40px 5px;
	padding:0;
}

#ex{
	float:right;
	width:576px;
	margin:0 5px 40px 0;
	padding:0;
}

#ex table{
	width:300px;
}
#ex table th{
	width:120px;
}


p#repmes{
	width:950px;
	height:176px;
	padding:0;
	margin:40px 0 40px;
	background:url(../image/rep_mes.jpg) no-repeat;
	text-indent:-980em;
}


dl#merit{
	margin:0 5px;
	width:940px;
}

dl#merit dt{
	width:940px;
	height:51px;
	margin:0 0 15px;
	padding:0;
	text-indent:-980em;
}

dl#merit dt#m1{
	background:url(../image/mr1.gif) no-repeat;
}
dl#merit dt#m2{
	background:url(../image/mr2.gif) no-repeat;
}
dl#merit dt#m3{
	background:url(../image/mr3.gif) no-repeat;
}
dl#merit dt#m4{
	background:url(../image/mr4.gif) no-repeat;
}

dl#merit dd{
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
	margin:0 10px 30px;
}

table#info{
	width:70%;
	margin:0 auto;
}
table#info th{
	width:30%;
}

dl#pList dt{
	font-weight:bold;
}

dl#pList ol{
	margin-bottom:1em;
}

.contents{
	margin:0 4px;
}

ul.mod_incorrect{
	color:#F60;
	border:2px double #f60;
	margin-bottom:20px;
}