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

	■設定

-----------------------------------------------------------------*/
body{
	background:#f7f5ea;
	min-width:980px;
	width: auto !important;
	width: 980px;
	line-height:1.5;
}





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

	■HEADER

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

#HEADER .headinner{
	padding:20px 0;
}

#HEADER .headinner .inner{
	width:980px;
	font-size:85%;
	margin:0 auto;
}
#HEADER .headinner .inner p.logo { float:left; }

#HEADER .headinner .inner #headerinfo { width:600px; float:right; text-align:right; }
#HEADER .headinner .inner #headerinfo p { margin-bottom:5px; }

#HEADER .headinner .inner ul{
	float:right;
}
#HEADER .headinner .inner ul li{
	float:left;
}
#HEADER .headinner .inner ul.gNavi{
	display:inline;  display:-moz-inline-box; display:inline-block; /display:inline; /zoom: 1; vertical-align:middle;
	float:none;
	margin-left:5px;
}
#HEADER .headinner .inner ul.gNavi li{
	padding:0 13px;
	background:url(/common/images/head_line.gif) no-repeat 0 50%;
}
#HEADER .headinner .inner ul.gNavi li.first{
	background:none;
}

#HEADER .headinner .inner ul.snsArea { 
	display:inline;  display:-moz-inline-box; display:inline-block; /display:inline; /zoom: 1; vertical-align:middle;
	float:none;
}
#HEADER .headinner .inner ul.snsArea li{
	padding:0 3px;
}

#HEADER .headinner .inner dl{
	display:inline;  display:-moz-inline-box; display:inline-block; /display:inline; /zoom: 1; vertical-align:middle;
	width:175px;
	height:23px;
}
#HEADER .headinner .inner dt{
	float:left;
	padding:0 5px 0 0;
}
#HEADER .headinner .inner dd td.gsc-input{
	float:right;
	width:130px;
	font-size:90%;
	height:20px;
	padding:4px 10px 1px;
	border:none;
	background:url(/common/images/head_bg_search.gif) no-repeat top left;
}
#HEADER .headinner .inner dd td.gsc-input input.gsc-input{
	font-size:90%;
}
#HEADER .headinner .inner dd td.gsc-search-button{
	float:right;
	width:23px;
}

#HEADER .headinner .inner dd table.gsc-search-box,
#HEADER .headinner .inner dd .gsc-control-cse,
#HEADER .headinner .inner dd .gsib_a,
#HEADER .headinner .inner dd .gsc-input-box{
	border:none;
	width:auto;
	padding:0;
	height:auto;
	background:none;
}

/*#HEADER .headinner .inner dd .gsc-search-button{
	display:none;
}*/

/***************************************************/
/*
#cse-search-form {
    width: 200px !important;
}
#cse-search-form td {
    padding: 0 !important;
}
#cse-search-form input[type="text"] {
    height: 25px;
    padding: 0 !important;
    width: 175px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 5px #DDDDDD;
    -moz-box-shadow: 0 0 5px #DDDDDD;
    -webkit-box-shadow: 0 0 5px #DDDDDD;
}
*/
/*dl.searchArea .gsc-search-button input[type="submit"] {*/
img[src="http://www.google.com/uds/css/v2/search_box_icon.png"] {
	display:　none;
}
#HEADER .headinner .inner dd input.gsc-search-button {
/*    background: url("http://jmilk-web.loftwork.info/common/images/head_search.gif")  scroll 5050 no-repeat #000;*/
	background-color: #999;
    border: 0 none;
    color: #FFFFFF;
/*    height: 15px;*/
    margin: 2px;
	padding: 2px;
    overflow: hidden;
/*    width: 23px;*/
    -webkit-appearance: none;
}
/*
#HEADER .headinner .inner dd input.gsc-search-button,
#HEADER .headinner .inner dd input.gsc-search-button:hover,
#HEADER .headinner .inner dd input.gsc-search-button:focus {
	background-color: #fff;
}
*/
/***************************************************/

#HEADER .glnv { background:url(/common/images/bg_glnv.gif) top left repeat-x; height:50px; }
#HEADER .glnvinner { width:981px; margin:0px auto; }
#HEADER .glnv ul { position:relative; }
#HEADER .glnv ul li { position:absolute; text-indent:-9999px; outline:none; width:140px; height:50px; }
#HEADER .glnv ul li a { display:block; width:100%; height:100%; background:url(/common/images/bg_glnv_sprit.gif) top left no-repeat; position:relative; }
#HEADER .glnv ul li.glnv01 { top:0; left:0; }
#HEADER .glnv ul li.glnv02 { top:0; left:140px; }
#HEADER .glnv ul li.glnv03 { top:0; left:280px; }
#HEADER .glnv ul li.glnv04 { top:0; left:420px; }
#HEADER .glnv ul li.glnv05 { top:0; left:560px; }
#HEADER .glnv ul li.glnv06 { top:0; left:700px; }
#HEADER .glnv ul li.glnv07 { top:0; left:840px; width:141px; }
#HEADER .glnv ul li.glnv01 a { background-position:0px 0px; }
#HEADER .glnv ul li.glnv02 a { background-position:-140px 0px; }
#HEADER .glnv ul li.glnv03 a { background-position:-280px 0px; }
#HEADER .glnv ul li.glnv04 a { background-position:-420px 0px; }
#HEADER .glnv ul li.glnv05 a { background-position:-560px 0px; }
#HEADER .glnv ul li.glnv06 a { background-position:-700px 0px; }
#HEADER .glnv ul li.glnv07 a { background-position:-840px 0px; }
#HEADER .glnv ul li.glnv01 a:hover { background-position:0px -50px; }
#HEADER .glnv ul li.glnv02 a:hover { background-position:-140px -50px; }
#HEADER .glnv ul li.glnv03 a:hover { background-position:-280px -50px; }
#HEADER .glnv ul li.glnv04 a:hover { background-position:-420px -50px; }
#HEADER .glnv ul li.glnv05 a:hover { background-position:-560px -50px; }
#HEADER .glnv ul li.glnv06 a:hover { background-position:-700px -50px; }
#HEADER .glnv ul li.glnv07 a:hover { background-position:-840px -50px; }
#HEADER .glnv ul li.glnv01.current a { background-position:0px -100px; }
#HEADER .glnv ul li.glnv02.current a { background-position:-140px -100px; }
#HEADER .glnv ul li.glnv03.current a { background-position:-280px -100px; }
#HEADER .glnv ul li.glnv04.current a { background-position:-420px -100px; }
#HEADER .glnv ul li.glnv05.current a { background-position:-560px -100px; }
#HEADER .glnv ul li.glnv06.current a { background-position:-700px -100px; }
#HEADER .glnv ul li.glnv07.current a { background-position:-840px -100px; }
#HEADER .glnv ul li.current span { display:block; width:12px; height:5px; background:url(/common/images/bg_glnv_current.png) no-repeat; position:absolute; bottom:-5px; left:50%; margin-left:-6px; }
#HEADER .glnv ul li.current span.gyokai { display:block; width:12px; height:5px; background:url(/common/images/bg_glnv_current2.png) no-repeat; position:absolute; bottom:-5px; left:50%; margin-left:-6px; }


#HEADER .menuArea{
	width:980px;
	margin:0 auto;
	padding:24px 0;
}
#HEADER .menuArea .logo{
	float:left;
}

#HEADER .menuArea ul{
	float:right;
}
#HEADER .menuArea ul li{
	float:left;
	padding:0 0 0 1px;
	background:url(/common/images/cont_line_y2.gif) repeat-y top left;
}
#HEADER .menuArea ul li.first li,
#HEADER .menuArea ul li.first{
	padding:0;
	background:none;
}
#HEADER .menuArea ul li.first{
	margin:0 10px 0 0;
}


#HEADER .menuArea ul li ul{
	float:right;
}

#HEADER .menuArea ul li ul li{
	float:none;
	line-height:0;
}





#HEADER .menuArea .first{
    position:relative;
    width:140px;
    height:52px;
    cursor:pointer;
}

#HEADER .link{
    position:absolute;
    width:140px;
    height:48px;
}
#HEADER .item_content{
    position:absolute;
    left:140px;
    top:0;
    display:none;
}








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

	■WRAPPER

-----------------------------------------------------------------*/
#WRAPPER{
	padding:0 0 20px;
}
#GYOKAI #WRAPPER{
	background:#fff;
}
#WRAPPER #NAVI{
	background:#fff;
	margin-bottom:-1px;
}
#WRAPPER #NAVI .inner{
	width:980px;
	margin:0 auto;
}

#WRAPPER #NAVI .inner p{
	float:left;
	Font-weight:bold;
	margin-top:4px;
	}

#WRAPPER #NAVI .inner p a{
	font-size:110%;
	color:#2d7cd8!important;
}


#WRAPPER #NAVI .inner p.all{
	background:url() no-repeat 0 65%;
	padding-left:28px;
}
#WRAPPER #NAVI .inner p.cate01{
	background:url(/common/images/cont_ttl_milk.gif) top left no-repeat;
	background-position: 0px 10px;
	padding:11px 10px 10px 28px;
}
#WRAPPER #NAVI .inner p.cate02{
	background:url(/common/images/cont_ttl_tool.gif) top left no-repeat;
	background-position: 0px 10px;
	padding:11px 10px 10px 28px;

}
#WRAPPER #NAVI .inner p.cate03{
	background:url(/common/images/cont_ttl_about.gif) top left no-repeat;
	background-position: 0px 10px;
	padding:11px 10px 10px 28px;
}
#WRAPPER #NAVI .inner p.cate04{
	background:url(/common/images/cont_ttl_news.png) top left no-repeat;
	background-position: 0px 10px;
	padding:11px 10px 10px 28px;
}

#WRAPPER #NAVI .inner p.cate05{
	background:url(/common/images/cont_ttl_about.gif) top left no-repeat;
	background-position: 0px 10px;
	padding:11px 10px 10px 28px;
}



#WRAPPER #NAVI .inner ul{
	padding:0 0 0 30px;
	background:url(/common/images/bg_nav_arrow.png) no-repeat left top;
	overflow:hidden;
}
#WRAPPER #NAVI .inner ul li{
	float:left;
	padding:12px 10px 0px 0;
	position:relative;
	z-index:100;
}

#WRAPPER #NAVI .inner ul li a{
	display:block;
	padding:0 0 0 5px;
	background:url(/common/images/bg_nav_l.png) no-repeat left top;
}
#WRAPPER #NAVI .inner ul li a span{
	display:block;
	padding:5px 20px 15px 15px;
	background:url(/common/images/bg_nav_r.png) no-repeat right top;
}
#WRAPPER #NAVI .inner ul li.current a,
#WRAPPER #NAVI .inner ul li a:hover{
	text-decoration:none;
	color:#000;
	background:url(/common/images/bg_nav_l_o.png) no-repeat left top;
	padding-bottom:0px;
}
#WRAPPER #NAVI .inner ul li.current a span,
#WRAPPER #NAVI .inner ul li a:hover span{
	background:url(/common/images/bg_nav_r_o.png) no-repeat right top;
}

#WRAPPER #CATEGORYMENU{
	padding:3px 0;
	background:#fff;
}
#WRAPPER #CATEGORYMENU ul{
	width:980px;
	padding:2px 0;
	margin:0 auto;
}

#WRAPPER #CATEGORYMENU ul li{
	display:inline;
	line-height:1.3;
	padding:0 10px 0 18px;
	background:url(/common/images/cont_icn_arrow_01.png) no-repeat 0 50%;
}

#WRAPPER #CATEGORYMENU ul li.current a{
	color:#337fd8;
}

#GYOKAI-NAVI{
	padding:13px 0 13px;
	background:#fff url(/common/images/cont_line_x.gif) repeat-x 0 bottom;
	border-top:1px solid #e5e1cd;
}
#GYOKAI-NAVI ul{
	width:980px;
	margin:0 auto;
}

#GYOKAI-NAVI ul li{
	float:left;
	margin:0 0 0 17px;
	font-weight:bold;
	padding:5px 0 5px 0;
}


#GYOKAI-NAVI ul li a{
	color:#000;
}

#GYOKAI-NAVI ul li img{
	vertical-align:middle;
	padding:0 5px 0 0
}

#GYOKAI-NAVI ul li.menu01{
	margin:0;
	padding:3px 0 0;
}



#WRAPPER #PATH{
	border-top:1px solid #e6e1c9;
	padding:5px 0 25px;
	font-size:85%;
	background:#efede1 url(/common/images/cont_bg_path.gif) no-repeat bottom center;
}

#GYOKAI #WRAPPER #PATH{
	border-bottom:1px solid #e6e1c9;
	border-top:none;
	background:#fff;
	padding:7px 0;
	font-size:83%;
}

 
#WRAPPER #PATH ul{
	width:980px;
	margin:0 auto;
}
#WRAPPER #PATH ul li{
	display:inline;
	line-height:1.0;
}
#WRAPPER #PATH ul li img{
	vertical-align:middle;
}
#WRAPPER #PATH ul li{
	padding:0 3px 0 0;
}
#WRAPPER #PATH ul li a{
	padding:0 7px 0 0;
}
/*------------------------------------------------------------------------*/




#WRAPPER .pull_down_menu{
	width:980px;
	margin:0 auto;
	position:relative;
}


#WRAPPER .sub_menu_all{
	width:850px;
	padding:0px 0 0;
	display:none;
	position:absolute;
	z-index:30;
	background:url(/common/images/cont_bg_submenu_t.png) no-repeat 0 center;
}

#WRAPPER .pull_down_menu #sub_menu1{left:0;}
#WRAPPER .pull_down_menu #sub_menu2{left:100px;}
#WRAPPER .pull_down_menu #sub_menu3{right:100px;}
#WRAPPER .pull_down_menu #sub_menu4{right:0px;}
#WRAPPER .pull_down_menu #sub_menu5{right:0px;}


#WRAPPER .sub_menu{
	padding:10px 15px;
	background:url(/common/images/cont_bg_submenu_b.png) no-repeat bottom center;
}



#WRAPPER .sub_menu_all .sub_menu h3{
	padding:4px 10px 4px 10px;
	margin:0 0 10px;
	background:#a7cdef url(/common/images/cont_bg_submenu_ttl.gif) repeat-x top center;
}

#WRAPPER .sub_menu_all .sub_menu ul{
	margin:0 15px 10px;
}

#WRAPPER .sub_menu_all .sub_menu ul li{
	display:inline;
}
#WRAPPER .sub_menu_all .sub_menu ul li a{
	padding:1px 0 1px 20px;
	margin:0 0 4px;
	background:url(/common/images/cont_icn_arrow_01.png) no-repeat 0 50%;
}

#WRAPPER .sub_menu_all .Inner_l{
	float:left;
	width:390px;
	padding:0 0 0 10px;
}
#WRAPPER .sub_menu_all .Inner_r{
	float:right;
	width:390px;
	padding:0 10px 0 0;
}

















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

	■CONTENTS

-----------------------------------------------------------------*/
#CONTENTS{
	width:980px;
	margin:0 auto 0;
}

#GYOKAI #CONTENTS{
	margin:20px auto 0;
}

#CONTENTS a {
	color:#186ac9;
	text-decoration:underline;
}



#GYOKAI .main_area .mb20 a,
#GYOKAI .main_area a:hover,
#GYOKAI #CONTENTS a {
	color:#018376;
	text-decoration:underline;
}
#GYOKAI .main_area .mb20 a:hover,
#GYOKAI #CONTENTS a:hover,
#CONTENTS a:hover {
	text-decoration:none;
}


#CONTENTS #MAIN{
	float:left;
	width:736px;
}

#CONTENTS #SIDE{
	float:right;
	width:195px;
}

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

	■FOOTER

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

#PAGETOP{
	background:url(/common/images/bg_pagetop.gif) no-repeat bottom center;
}

#GYOKAI #PAGETOP{
	background:#fff url(/common/images/bg_pagetop_ind.gif) no-repeat bottom center;
}

#PAGETOP p{
	width:980px;
	margin:0 auto;
	text-align:right;
}

#FOOTER{
	padding:0 0 10px;
}

#FOOTER #footerslider { background:#fff; padding:25px 0px; }
#FOOTER #footerslider .sliderinner { width:980px; margin:0 auto; }
#FOOTER .footinner{
	padding:20px 0;
	background:#fff url(/common/images/foot_bg.gif) no-repeat top center;
}
#FOOTER .footinner .footDetail{
	width:980px;
	margin:0 auto;
}

#FOOTER .logoArea{
	float:left;
	width:220px;
}
#FOOTER .logoArea h2{
	margin:0 0 70px;
}

#FOOTER .linkArea{
	float:right;
	background:url(/common/images/foot_line.gif) repeat-y 170px top;
	width:735px;
}

#FOOTER .linkArea .inner{
	float:left;
	padding:0 0 0 40px;
	font-size:85%;
}

#FOOTER .linkArea .inner.box01{
	width:164px;
	padding:0;
}
#FOOTER .linkArea .inner.box02{
	width:121px;
	padding-left:30px;
}
#FOOTER .linkArea .inner.box03{
	width:170px;
	padding-left:35px;
}
#FOOTER .linkArea .inner.box04{
	width:130px;
	padding-left:35px;
}


#FOOTER .linkArea .inner h3{
	margin:0 0 10px;
	font-size:120%;
	font-weight:bold;
}

#FOOTER .linkArea .inner ul li{
	padding:0 20px 0 13px;
	margin:0 0 5px;
	background:url(/common/images/foot_icn.gif) top left no-repeat;
	background-position:0px 4px;
}
#FOOTER .linkArea .inner.box04 ul li { padding-right:0; }

#FOOTER .bnr_area{
	width: 980px;
	margin: 0 auto;
	padding-top: 10px;
}

#FOOTER .bnr_area ul li{
	float:left;
	margin-left:15px;
}

#FOOTER .bnr_area ul li.first{
	margin-left:0;
}

#FOOTER .bnr_area ul li.spview{
	display: none;
}

#FOOTER .copyArea{
	font-size:85%;
	width:980px;
	margin:10px auto 0;
}

#FOOTER .copyArea p{
	float:left;
}

#FOOTER .copyArea ul{
	float:right;
}
#FOOTER .copyArea ul li{
	float:left;
	margin:0 0 0 10px;
}

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

	■CLEAR

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

#WRAPPER .sub_menu_all .sub_menu_inner,
#FOOTER .copyArea,
#GYOKAI-NAVI ul,
#CONTENTS,
#WRAPPER #NAVI .inner,
#HEADER .headinner .inner,
#HEADER .menuArea,
#FOOTER .logoArea ul,
#FOOTER .footDetail,
#FOOTER .linkArea,
#FOOTER .bnr_area ul{
	display: inline-block;
}


#WRAPPER .sub_menu_all .sub_menu_inner:after,
#FOOTER .copyArea:after,
#GYOKAI-NAVI ul:after,
#CONTENTS:after,
#WRAPPER #NAVI .inner:after,
#HEADER .headinner .inner:after,
#HEADER .menuArea:after,
#FOOTER .logoArea ul:after,
#FOOTER .footDetail:after,
#FOOTER .linkArea:after,
#FOOTER .bnr_area ul:after{
	content:"";display: block;height: 0;visibility:hidden;clear: both;
}



/* Hides MacIE5 \*/
* html #WRAPPER .sub_menu_all .sub_menu_inner,
* html #FOOTER .copyArea,
* html #GYOKAI-NAVI ul,
* html #CONTENTS,
* html #WRAPPER #NAVI .inner,
* html #HEADER .headinner .inner,
* html #HEADER .menuArea,
* html #FOOTER .logoArea ul,
* html #FOOTER .footDetail,
* html #FOOTER .linkArea,
* html #FOOTER .bnr_area ul{
	height:1%;
}


#WRAPPER .sub_menu_all .sub_menu_inner,
#FOOTER .copyArea,
#GYOKAI-NAVI ul,
#CONTENTS,
#WRAPPER #NAVI .inner,
#HEADER .headinner .inner,
#HEADER .menuArea,
#FOOTER .logoArea ul,
#FOOTER .footDetail,

#FOOTER .linkArea,
#FOOTER .bnr_area ul{
	display:block;
}
/* Hides MacIE5 */