﻿@charset "utf-8";


body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0;
	background-image: url(../img/common/back.jpg);
	background-color: #F3EFF0;
	background-repeat: repeat-x;
	text-align: left;
	background-position: top;
	font-size: 10pt; /* モダンブラウザ向け ptで指定 */
	line-height: 160%;
}

/*mac win safari3*/
body:first-of-type {
	font-size: 75%;
}

table:first-of-type{
	font-size: 75%;
}


/* for Windows IE */
@media screen {
* html body {
	font-size: 80%;
}
* html table {
	font-size: 100%;
}
}


div:after {
	content:" ";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}


a{
	outline:none;
	color:#332396;/*リンク色指定*/
	text-decoration:underline;
	}
	
	
a:hover{
	color:#0141FF;/*マウスオーバー色指定*/
	text-decoration:underline;
}



div.waltz_title {
	margin-bottom: 5px;
	padding-top: 2px;
	padding-left: 15px;
	font-weight:bold;
	background-image: url(../img/common/title.jpg);
	border-bottom: 1px solid #EEEEEE;
}

div.waltz_title2 {
	margin-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
	background-image: url(../img/common/title2.jpg);
	border-bottom: 1px solid #EEEEEE;
}





/*************************************************************************
基本設定
**************************************************************************/

div#area_container_top {
	margin: 0px auto;
	background-image: url(../img/common/back-top.gif);
	background-repeat: repeat-x;
/*  background:url() top center repeat-y;*/
}


div#area_container_brown {
	margin: 0px auto;
	background-image: url(../img/common/line_brown.gif);
	background-repeat: repeat-x;
/*  background:url() top center repeat-y;*/
}

div#area_container_blue {
	margin: 0px auto;
	background-image: url(../img/common/line_blue.gif);
	background-repeat: repeat-x;
/*  background:url() top center repeat-y;*/
}

div#area_container_yellow {
	margin: 0px auto;
	background-image: url(../img/common/line_yellow.gif);
	background-repeat: repeat-x;
/*  background:url() top center repeat-y;*/
}

div#area_container_parp {
	margin: 0px auto;
	background-image: url(../img/common/line_parp.gif);
	background-repeat: repeat-x;
/*  background:url() top center repeat-y;*/
}


/*************************************************************************
ヘッダーエリア*/

div#area_head {
	margin-top: 15px;
	margin-bottom: 5px;
	padding: 0px;
	width: 910px;
	text-align: left;
	clear: both;
}

div#area_head_logo {
	margin: 0px;
	padding-left: 5px;
	width: 100px;
	text-align: left;
	float: left;
}

div#area_head_menu {
	margin: 0px;
	padding-top: 5px;
	width: 800px;
	text-align: right;
	color: #FFFFFF;
	float: left;
}
div#area_head_menu a {
	color:#FFFFFF;
	text-decoration:none;
}
div#area_head_menu a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}



ul.area_head_menu {
	margin: 0px;
	padding: 0px;
	list-style-image: url(../img/common/arrow_head.gif);
	text-align: left;
}
ul.area_head_menu li {
	padding-right: 1em;
	display: inline;
}
ul.area_head_menu li a {
	color:#FFFFFF;
	text-decoration:none;
}
ul.area_head_menu li a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}





/*************************************************************************
コンテンツエリア*/

div#contents {
	margin: 0px;
	padding: 0px;
	width: 910px;
	text-align: left;
}

div.contents_tb {
	margin: 0px;
	padding: 0px;
	clear: both;
}

div#area_title_top {
	margin: 0px;
	padding-left: 15px;
	text-align: left;
	background-image: url(../img/common/back_title_top.jpg);
	background-repeat: no-repeat;
}

div#area_title {
	margin: 0px;
	padding-left: 15px;
	text-align: left;
	background-image: url(../img/common/back_title.jpg);
	background-repeat: no-repeat;
}

div#area_title_blue_top {
	margin: 0px;
	padding-left: 15px;
	text-align: left;
	background-image: url(../img/common/back_title_blue_top.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
div#area_title_blue {
	margin: 0px;
	padding-left: 15px;
	text-align: left;
	background-image: url(../img/common/back_title_blue.jpg);
	background-repeat: no-repeat;
}

div#area_title_yellow_top {
	margin: 0px;
	padding-left: 15px;
	text-align: left;
	background-image: url(../img/common/back_title_yellow_top.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
div#area_title_yellow {
	margin: 0px;
	padding-left: 15px;
	text-align: left;
	background-image: url(../img/common/back_title_yellow.jpg);
	background-repeat: no-repeat;
}

div#area_title_parp_top {
	margin: 0px;
	padding-left: 15px;
	text-align: left;
	background-image: url(../img/common/back_title_parp_top.jpg);
	background-repeat: no-repeat;
}
div#area_title_parp_top2 {
	margin: 0px;
	padding-left: 15px;
	text-align: left;
	background-image: url(../img/common/back_title_parp_top2.jpg);
	background-repeat: no-repeat;
}
div#area_title_parp {
	margin: 0px;
	padding-left: 15px;
	text-align: left;
	background-image: url(../img/common/back_title_parp.jpg);
	background-repeat: no-repeat;
}

div.title_contents {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

div.area_main_top {
	margin: 0px;
	padding: 0px;
	width: 910px;
	text-align: left;
	background-image: url(../img/common/back_main_top.jpg);
	background-repeat: no-repeat;
	clear: both;
	display: inline-block;
}

div.main_top_news {
	margin: 0px;
	padding-top: 15px;
	padding-left: 30px;
	width: 580px;
	text-align: left;
	float: left;
}

div.main_top_topics {
	margin-left: 30px;
	padding-top: 15px;
	width: 240px;
	text-align: left;
	float: left;
}
div.main_top_topics img.bnr {
margin:0px 0px 10px 0px;
padding:0px;
}


div.main_dammy {
	margin: 0px;
	padding: 0px;
	clear: both;
}


div#area_waltz_main {
	margin: 0px;
	padding-left: 10px;
	text-align: left;
	background-image: url(../img/common/back_contents.jpg);
}

div.waltz_main {
	margin-left: 5px;
	padding: 0px;
	width: 880px;
	text-align: left;
	background-image: url(../img/common/back_main.gif);
	clear: both;
}

div.sub_gnav {
	margin: 0px;
	padding-bottom: 20px;
	width: 170px;
	text-align: left;
	background-color: #F2EFEF;
	float: left;
}

div.main {
	margin-top: 20px;
	margin-left: 20px;
	padding-bottom: 40px;
	width: 670px;
	text-align: left;
	float: left;
}
div.main p {
	margin: 0px;
	padding: 0px;
}


div.main-soukai {
	margin: 0 auto;
	padding: 0 auto;
	width: 710px;
	text-align: left;
	background-image: url(../img/product/back_soukai.jpg);
	float: left;
}
div.title-soukai {
	margin: 0 auto;
	padding: 0 auto;
	width: 710px;
	text-align: left;
	float: left;
}
div.area-soukai {
	margin: 0 auto;
	padding-top: 10px;
	padding-left: 20px;
	width: 670px;
	text-align: left;
	float: left;
}

div.main-organic {
	margin: 0 auto;
	padding: 0 auto;
	width: 710px;
	text-align: left;
	float: left;
}

div.main2 {
	margin: 0 auto;
	padding-bottom: 40px;
	width: 670px;
	text-align: left;
	float: left;
}
div.main2 p {
	margin: 0px;
	padding: 0px;
}


ul.list {
	margin: 0px;
	padding-left: 15px;
	text-align: left;
	list-style-type: disc;
}

ul.number {
	margin: 0px;
	padding-left: 25px;
	text-align: left;
	list-style-type: decimal;
}



ul.numbver {
	margin: 0px;
	padding-left: 15px;
	text-align: left;
	list-style-type: disc;
}


ul.link {
	margin: 0px;
	padding-left: 18px;
	list-style-image: url(../img/common/arrow.gif);
	text-align: left;
}
ul.link li a {
	color: #333333;
	text-decoration:none;
}
ul.link li a:hover {
	color: #333333;
	text-decoration: underline;
}



/*************************************************************************
パンクズリンク*/

div#sub_navi {
	margin: 0px;
	padding: 0px;
	width: 880px;
	height: 32px;
	text-align: left;
	color: #FFFFFF;
	background-color: #0F0202;
}

div#sub_navi_blue {
	margin: 0px;
	padding: 0px;
	width: 880px;
	height: 32px;
	text-align: left;
	color: #FFFFFF;
	background-color: #00468C;
}

div#sub_navi_yellow {
	margin: 0px;
	padding: 0px;
	width: 880px;
	height: 32px;
	text-align: left;
	color: #FFFFFF;
	background-color: #666666;
}

div.area_sub_navi {
	margin: 0px;
	padding-top: 6px;
	padding-left: 10px;
	text-align: left;
	font-size: 80%;
	color: #FFFFFF;
}
div.area_sub_navi a {
	color:#FFFFFF;
	text-decoration:none;
}
div.area_sub_navi a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}








/*************************************************************************
global menu
**************************************************************************/
/*テキスト使用ナビ*/

div#gnav {
	margin: 0px;
	padding: 0px;
	width: 910px;
	height: 58px;
	text-align: left;
	background-image: url(../img/common/back_gm.jpg);
	list-style:none;
	clear: both;
}
div.are_gnav {
	margin-left: 15px;
	padding: 0px;
	width: 878px;
	text-align: left;
}


div#gnav ul {
	margin: 0px;
	padding: 0px;
	width: 878px;
	height: 30px;
	display: block;
	list-style: none;
	background: url(../img/common/gnav.gif) no-repeat;
	float: left;
}

div#gnav ul li {
	list-style-type: none;
	text-indent: -9999px;
	float: left;
}

div#gnav ul li.nav_01 { background: url(../img/common/gnav.gif) 0px top no-repeat; }
div#gnav ul li.nav_01 a { display: block; width: 86px; height: 30px; }
div#gnav ul li.nav_01 a:hover { background: url(../img/common/gnav.gif) 0px -30px no-repeat; }

div#gnav ul li.nav_02 { background: url(../img/common/gnav.gif) -86px top no-repeat; }
div#gnav ul li.nav_02 a { display: block; width: 102px; height: 30px; }
div#gnav ul li.nav_02 a:hover { background: url(../img/common/gnav.gif) -86px -30px no-repeat; }

div#gnav ul li.nav_03 { background: url(../img/common/gnav.gif) -188px top no-repeat; }
div#gnav ul li.nav_03 a { display: block; width: 115px; height: 30px; }
div#gnav ul li.nav_03 a:hover { background: url(../img/common/gnav.gif) -188px -30px no-repeat; }

div#gnav ul li.nav_04 { background: url(../img/common/gnav.gif) -303px top no-repeat; }
div#gnav ul li.nav_04 a { display: block; width: 169px; height: 30px; }
div#gnav ul li.nav_04 a:hover { background: url(../img/common/gnav.gif) -303px -30px no-repeat; }

div#gnav ul li.nav_05 { background: url(../img/common/gnav.gif) -472px top no-repeat; }
div#gnav ul li.nav_05 a { display: block; width: 121px; height: 30px; }
div#gnav ul li.nav_05 a:hover { background: url(../img/common/gnav.gif) -472px -30px no-repeat; }

div#gnav ul li.nav_06 { background: url(../img/common/gnav.gif) -593px top no-repeat; }
div#gnav ul li.nav_06 a { display: block; width: 138px; height: 30px; }
div#gnav ul li.nav_06 a:hover { background: url(../img/common/gnav.gif) -593px -30px no-repeat; }

div#gnav ul li.nav_07 { background: url(../img/common/gnav.gif) -731px top no-repeat; }
div#gnav ul li.nav_07 a { display: block; width: 147px; height: 30px; }
div#gnav ul li.nav_07 a:hover { background: url(../img/common/gnav.gif) -731px -30px no-repeat; }


div#gnav .mg{ margin-top: 14px !important; }




/*************************************************************************
sub_global menu
**************************************************************************/
/*テキスト使用ナビ*/

ul.sub_gnav {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.sub_gnav li {
	margin: 0;
	padding: 0;
	width: 170px;
	height: 30px;
	text-indent: -9999px;
}
ul.sub_gnav a {
	text-decoration: none;
	display: block;
	width: 170px;
	height: 30px;
}




/********************************************************************
footer
*********************************************************************/
div#area_footer {
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
	font-size: 80%;
	clear: both;
}
div#area_footer p {
	margin: 0px;
	padding: 2px;
}
div#area_footer a {
	color:#0F0202;
	text-decoration:none;
}
div#area_footer a:hover {
	color:#0F0202;
	text-decoration: underline;
}
div.cr{
margin:20px 0px 10px 0px;
padding:0px;
text-align:center;
}




/********************************************************************
お知らせ
*********************************************************************/

ul.sub_gnav li#info_01 { background: url(../img/info/sub_gnav_info.gif) no-repeat 0px 0px; }
ul.sub_gnav li#info_01 a:hover { background: url(../img/info/sub_gnav_info.gif) no-repeat -170px 0px; }

div.news {
/*	margin:0 auto;*/	
	margin:0px;
	padding:0px;
}
div.news dl {
	padding:0 0 15px;
	margin:0px;
}
div.news dl:after {
	content:" ";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
div.news dt {
	float:left;
	clear:both;
	width:12%;
	color:#666666;
	margin:0px;
	padding:0 5px 10px 0;
}
/*mac win safari3*/
 body:first-of-type .news dt{
 font-size:75%;
} 

div.news dd {
	float:left;
	width:86%;
	margin:1px 0px;
	padding:0 0 10px 0;
}

div.news p{
padding:5px 0px;
margin:0px;
}

/*topページ用*/
div.news_top .news {
	width:710px;/*topに合わせて変更*/
	margin:0 auto;
	padding:10px 0px;
}

/*NEWS詳細ページ*/
div.news_dtl .date{
color:#666666;
padding:5px 0px;
margin:0px;
}
div.news_dtl h3{
border-left:5px solid #cccccc;
padding:0px 5px;
margin:0px;
}
div.news_dtl .news_t{
padding:5px 0px;
}
div.news_dtl .news_link{
border-top:1px dotted #cccccc;
margin:20px 0px 0px 0px;
padding:10px 0px 0px 0px;
}

/********************************************************************
パートナー募集
*********************************************************************/

div.partner {
/*	margin:0 auto;*/	
	margin:0px;
	padding:0px;
}
div.partner dl {
	padding:0 0 15px;
	margin:0px;
}
div.partner dl:after {
	content:" ";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
div.partner dt {
	float:left;
	clear:both;
	width:12%;
	color:#666666;
	margin:0px;
	padding:0 5px 10px 0;
}
/*mac win safari3*/
 body:first-of-type .partner dt{
 font-size:75%;
} 
div.partner dd {
	float:left;
	width:86%;
	margin:1px 0px;
	padding:0 0 10px 0;
}
div.partner p{
padding:5px 0px;
margin:0px;
}

/*パートナー募集　詳細ページ*/
div.partner_dtl .date{
color:#666666;
padding:5px 0px;
margin:0px;
}
div.partner_dtl h3{
border-left:5px solid #cccccc;
padding:0px 5px;
margin:0px;
}
div.partner_dtl .partner_t{
padding:5px 0px;
}
div.partner_dtl .partner_link{
border-top:1px dotted #cccccc;
margin:20px 0px 0px 0px;
padding:10px 0px 0px 0px;
}



/********************************************************************
お問い合わせ
*********************************************************************/

ul.sub_gnav li#contact_01 { background: url(../img/contact/sub_gnav_contact.gif) no-repeat 0px 0px; }
ul.sub_gnav li#contact_01 a:hover { background: url(../img/contact/sub_gnav_contact.gif) no-repeat -170px 0px; }

ul.sub_gnav li#contact_02 { background: url(../img/contact/sub_gnav_contact.gif) no-repeat 0px -30px; }
ul.sub_gnav li#contact_02 a:hover { background: url(../img/contact/sub_gnav_contact.gif) no-repeat -170px -30px; }

ul.sub_gnav li#contact_03 { background: url(../img/contact/sub_gnav_contact.gif) no-repeat 0px -60px; }
ul.sub_gnav li#contact_03 a:hover { background: url(../img/contact/sub_gnav_contact.gif) no-repeat -170px -60px; }

ul.sub_gnav li#contact_04 { background: url(../img/contact/sub_gnav_contact.gif) no-repeat 0px -90px; }
ul.sub_gnav li#contact_04 a:hover { background: url(../img/contact/sub_gnav_contact.gif) no-repeat -170px -90px; }


div.main_contact {
	margin-bottom: 20px;
	padding: 0px;
	width: 670px;
	text-align: left;
	clear: both;
}

div.contact_img {
	margin: 0px;
	padding-top: 10px;
	width: 220px;
	text-align: left;
	float: left;
}

div.contact_text {
	margin: 0px;
	padding-top: 10px;
	width: 450px;
	text-align: left;
	float: left;
}

.contact_title {
	color: #000000;
	font-size: 120%;
	font-weight: bold;
}




/********************************************************************
サイトのご利用条件
*********************************************************************/

ul.sub_gnav li#privacy_01 { background: url(../img/privacy/sub_gnav_privacy.gif) no-repeat 0px 0px; }
ul.sub_gnav li#privacy_01 a:hover { background: url(../img/privacy/sub_gnav_privacy.gif) no-repeat -170px 0px; }


/********************************************************************
サイトのご利用条件
*********************************************************************/

ul.sub_gnav li#about_01 { background: url(../img/about/sub_gnav_about.gif) no-repeat 0px 0px; }
ul.sub_gnav li#about_01 a:hover { background: url(../img/about/sub_gnav_about.gif) no-repeat -170px 0px; }



/********************************************************************
サイトマップ
*********************************************************************/

ul.sub_gnav li#sitemap_01 { background: url(../img/sitemap/sub_gnav_sitemap.gif) no-repeat 0px 0px; }
ul.sub_gnav li#sitemap_01 a:hover { background: url(../img/sitemap/sub_gnav_sitemap.gif) no-repeat -170px 0px; }


div.main_sitemap {
	margin-bottom: 30px;
	padding: 0px;
	width: 670px;
	text-align: left;
	clear: both;
}

div.sitemap_left {
	margin: 0px;
	padding: 0px;
	width: 320px;
	text-align: left;
	float: left;
}

div.sitemap_right {
	margin-left: 30px;
	padding: 0px;
	width: 320px;
	text-align: left;
	float: left;
}





/********************************************************************
用語解説
*********************************************************************/

ul.sub_gnav li#know_01 { background: url(../img/know/sub_gnav_know.gif) no-repeat 0px 0px; }
ul.sub_gnav li#know_01 a:hover { background: url(../img/know/sub_gnav_know.gif) no-repeat -170px 0px; }




div.know {
	margin: 0 auto;
	padding-bottom: 20px;
	width: 670px;
}

.know_cate {
	padding-bottom: 10px;
	font-size: 150%;
	font-weight: bold;
}






/********************************************************************
1 取り扱い商品
*********************************************************************/

ul.sub_gnav li#product_01 { background: url(../img/product/sub_gnav_product.gif) no-repeat 0px 0px; }
ul.sub_gnav li#product_01 a:hover { background: url(../img/product/sub_gnav_product.gif) no-repeat -170px 0px; }

ul.sub_gnav li#product_02 { background: url(../img/product/sub_gnav_product.gif) no-repeat 0px -30px; }
ul.sub_gnav li#product_02 a:hover { background: url(../img/product/sub_gnav_product.gif) no-repeat -170px -30px; }

ul.sub_gnav li#product_03 { background: url(../img/product/sub_gnav_product.gif) no-repeat 0px -60px; }
ul.sub_gnav li#product_03 a:hover { background: url(../img/product/sub_gnav_product.gif) no-repeat -170px -60px; }

ul.sub_gnav li#product_04 { background: url(../img/product/sub_gnav_product.gif) no-repeat 0px -90px; }
ul.sub_gnav li#product_04 a:hover { background: url(../img/product/sub_gnav_product.gif) no-repeat -170px -90px; }

ul.sub_gnav li#product_05 { background: url(../img/product/sub_gnav_product.gif) no-repeat 0px -120px; }
ul.sub_gnav li#product_05 a:hover { background: url(../img/product/sub_gnav_product.gif) no-repeat -170px -120px; }

ul.sub_gnav li#product_06 { background: url(../img/product/sub_gnav_product.gif) no-repeat 0px -150px; }
ul.sub_gnav li#product_06 a:hover { background: url(../img/product/sub_gnav_product.gif) no-repeat -170px -150px; }


div.main_product {
	margin-bottom: 30px;
	padding: 0px;
	width: 670px;
	text-align: left;
	clear: both;
}

div.product_title {
	margin: 0px;
	padding-top: 10px;
	width: 130px;
	text-align: left;
	border-top: 1px solid #CCCCCC;
	float: left;
}

div.product_img {
	margin: 0px;
	padding-top: 10px;
	width: 220px;
	text-align: left;
	border-top: 1px dotted #CCCCCC;
	float: left;
}

div.product_text {
	margin: 0px;
	padding-top: 10px;
	width: 320px;
	text-align: left;
	border-top: 1px dotted #CCCCCC;
	float: left;
}

div.product_kodawari_text {
	margin: 0px;
	padding: 0px;
	width: 340px;
	text-align: left;
	float: left;
}

div.product_kodawari_img {
	margin-left: 20px;
	padding: 0px;
	width: 310px;
	text-align: left;
	float: left;
}


div.product_img2 {
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 40px;
	width: 220px;
	text-align: left;
	border-top: 1px solid #CCCCCC;
	float: left;
}

div.product_text2 {
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 40px;
	width: 450px;
	text-align: left;
	border-top: 1px dotted #CCCCCC;
	float: left;
}


div.area_product_coffee {
	margin-bottom: 20px;
	padding: 0px;
	width: 670px;
	text-align: left;
/*	clear: both;*/
}
/*
div.area_product_coffee:after {
	content:" ";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
*/
div.area_product_coffee2 {
	margin-bottom: 10px;
	padding: 0px;
	width: 670px;
	text-align: left;
	clear: both;
}

div.product_iso_text {
	margin: 0px;
	padding: 0px;
	width: 530px;
	text-align: left;
	float: left;
}

div.product_iso_img {
	margin: 0px;
	padding: 0px;
	width: 140px;
	text-align: right;
	float: left;
}



div.product_coffe_img {
	margin: 0px;
	padding: 0px;
	width: 220px;
	text-align: left;
	float:left;
}

div.product_coffe_text {
	margin: 0px;
	padding: 0px;
	width: 450px;
	text-align:left;
	float: left;
}

div.product_yobou_img {
	margin: 0px;
	padding: 0px;
	width: 130px;
	text-align: left;
	float: left;
}

div.product_yobou_text {
	margin: 0px;
	padding: 0px;
	width: 540px;
	text-align: left;
	float: left;
}

div.product_yobou_g {
	margin-top: 10px;
	padding: 0px;
	background-color: #999999;
}



div.product_sou_img {
	margin: 0px;
	padding: 0px;
	width: 300px;
	text-align: left;
	border-top: 5px solid #FB4753;
	float: left;
}

div.product_sou_text {
	margin: 0px;
	padding-top: 10px;
	width: 370px;
	text-align: left;
	border-top: 1px dotted #CCCCCC;
	float: left;
}


div.product_kai_img {
	margin: 0px;
	padding: 0px;
	width: 300px;
	text-align: left;
	border-top: 5px solid #FF6F00;
	float: left;
}

div.product_kai_text {
	margin: 0px;
	padding-top: 10px;
	width: 370px;
	text-align: left;
	border-top: 1px dotted #CCCCCC;
	float: left;
}

div.product_organic_come {
	margin: 0px;
	padding-bottom: 20px;
	width: 670px;
	text-align: left;
	background-color: #264A0B;
	border-top: 5px solid #000000;
	border-bottom: 2px solid #000000;
	clear: both;
}
div.product_enter_code {
	margin: 0px;
	padding-left: 20px;
	width: 270px;
	text-align: left;
	float: left;
}
div.product_organic_img {
	margin: 0px;
	padding: 0px;
	width: 360px;
	text-align: left;
	float: left;
}



div.product_line {
	margin-bottom: 30px;
	padding: 0px;
	width: 670px;
	text-align: left;
	background-image: url(../img/product/back_line.jpg);
	background-repeat: no-repeat;
	clear: both;
}
div.area_title_line {
	margin-bottom: 5px;
	padding: 0px;
	width: 670px;
	text-align: left;
	clear: both;
}
div.area_product_line {
	margin-bottom: 20px;
	margin-left: 140px;
	padding: 0px;
	width: 530px;
	text-align: left;
	clear: both;
}

div.product_line_title {
	margin: 0px;
	padding-top: 5px;
	width: 140px;
	text-align: center;
	border-top: 1px solid #CCCCCC;
	float: left;
}
div.product_line_title2 {
	margin: 0px;
	padding-top: 5px;
	width: 140px;
	text-align: center;
	float: left;
}

div.product_line_nagare {
	margin: 0px;
	padding-top: 5px;
	width: 530px;
	text-align: left;
	border-top: 1px dotted #CCCCCC;
	float: left;
}

div.product_line_1-1 {
	padding: 0px;
	width: 160px;
	text-align: left;
	float: left;
}

div.product_line_1-2 {
	padding-left: 25px;
	width: 160px;
	text-align: left;
	float: left;
}
div.product_line_1-3 {
	margin-left: 24px;
	padding: 0px;
	width: 160px;
	text-align: left;
	float: left;
}
div.product_line_2-1_img {
	padding: 0px;
	width: 165px;
	text-align: left;
	float: left;
}
div.product_line_2-1_text {
	margin: 0px;
	padding: 0px;
	width: 90px;
	text-align: left;
	float: left;
}
div.product_line_2-2_img {
	margin-left: 15px;
	padding: 0px;
	width: 165px;
	text-align: left;
	float: left;
}
div.product_line_2-2_text {
	margin: 0px;
	padding: 0px;
	width: 90px;
	text-align: left;
	float: left;
}
div.product_line_3-1 {
	padding-left: 50px;
	width: 220px;
	text-align: left;
	float: left;
}
div.product_line_3-3_img {
	padding: 0px;
	width: 170px;
	text-align: left;
	float: left;
}
div.product_line_3-3_text {
	width: 90px;
	text-align: left;
	float: left;
}
div.product_line_4-1_img {
	padding: 0px;
	width: 130px;
	text-align: left;
	float: left;
}
div.product_line_4-1_text {
	padding: 0px;
	width: 130px;
	text-align: left;
	float: left;
}
div.product_line_4-2_img {
	margin-left: 10px;
	padding: 0px;
	width: 130px;
	text-align: left;
	float: left;
}
div.product_line_4-2_text {
	padding: 0px;
	width: 130px;
	text-align: left;
	float: left;
}

div.product_qlty_text {
	padding: 0px;
	width: 280px;
	text-align: left;
	float: left;
}
div.product_qlty_img {
	padding: 0px;
	width: 170px;
	text-align: right;
	float: left;
}



.star {
	color: #660000;
}








/********************************************************************
2 ワルツショップ
*********************************************************************/

ul.sub_gnav li#shop_01 { background: url(../img/shop/sub_gnav_shop.gif) no-repeat 0px 0px; }
ul.sub_gnav li#shop_01 a:hover { background: url(../img/shop/sub_gnav_shop.gif) no-repeat -170px 0px; }

ul.sub_gnav li#shop_02 { background: url(../img/shop/sub_gnav_shop.gif) no-repeat 0px -30px; }
ul.sub_gnav li#shop_02 a:hover { background: url(../img/shop/sub_gnav_shop.gif) no-repeat -170px -30px; }

ul.sub_gnav li#shop_03 { background: url(../img/shop/sub_gnav_shop.gif) no-repeat 0px -60px; }
ul.sub_gnav li#shop_03 a:hover { background: url(../img/shop/sub_gnav_shop.gif) no-repeat -170px -60px; }

ul.sub_gnav li#shop_04 { background: url(../img/shop/sub_gnav_shop.gif) no-repeat 0px -90px; }
ul.sub_gnav li#shop_04 a:hover { background: url(../img/shop/sub_gnav_shop.gif) no-repeat -170px -90px; }

ul.sub_gnav li#shop_05 { background: url(../img/shop/sub_gnav_shop.gif) no-repeat 0px -120px; }
ul.sub_gnav li#shop_05 a:hover { background: url(../img/shop/sub_gnav_shop.gif) no-repeat -170px -120px; }



div.shop {
	margin-bottom: 20px;
	padding-top: 0px;
	width: 670px;
	text-align: left;
	clear: both;
}

div.shop_map {
	margin-bottom: 20px;
	padding: 0px;
	width: 670px;
	text-align: left;
	background-image: url(../img/shop/back_map.gif);
	clear: both;
}

div.shop_map_text {
	margin: 0px;
	padding: 0px;
	width: 200px;
	text-align: left;
	float: left;
}

div.shop_map_img {
	margin: 0px;
	padding: 0px;
	width: 470px;
	text-align: left;
	float: left;
}

div.area_shop_top {
	margin: 0px;
	padding: 0px;
	width: 670px;
	text-align: left;
	clear: both;
}

div.area_shop_top2 {
	margin: 0px;
	padding-bottom: 10px;
	width: 670px;
	text-align: left;
	clear: both;
}

div.shop_top_img {
	margin: 0px;
	padding-top: 5px;
	width: 125px;
	text-align: left;
	border-top: 1px solid #CCCCCC;
	float: left;
}

div.shop_top_text {
	margin: 0px;
	padding-top: 5px;
	width: 200px;
	text-align: left;
	border-top: 1px dotted #CCCCCC;
	float: left;
}

div.shop_top_img2 {
	margin-left: 20px;
	padding-top: 5px;
	width: 125px;
	text-align: left;
	border-top: 1px solid #CCCCCC;
	float: left;
}

div.shop_title {
	margin: 0px;
	padding: 0px;
	width: 200px;
	text-align: left;
	float: left;
}

div.shop_list {
	margin: 0px;
	padding: 0px;
	width: 470px;
	text-align: right;
	float: left;
}

div.shop_list_img {
	margin: 0px;
	padding-top: 5px;
	width: 270px;
	text-align: left;
	border-top: 1px solid #CCCCCC;
	float: left;
}

div.shop_list_text {
	margin: 0px;
	padding-top: 5px;
	width: 400px;
	text-align: left;
	border-top: 1px dotted #CCCCCC;
	float: left;
}

div.shop_school_img {
	margin: 0px;
	padding: 0px;
	width: 220px;
	text-align: left;
	float: left;
}

div.shop_school_text {
	margin: 0px;
	padding: 0px;
	width: 450px;
	text-align: left;
	float: left;
}

div.shop_items_img {
	margin-bottom: 10px;
	padding-top: 10px;
	width: 220px;
	text-align: left;
	border-top: 1px solid #CCCCCC;
	float: left;
}

div.shop_items_text {
	margin-bottom: 10px;
	padding-top: 10px;
	width: 450px;
	text-align: left;
	border-top: 1px dotted #CCCCCC;
	float: left;
}




div.shop_tenpo_name {
	margin-bottom: 5px;
	padding: 3px;
	text-align: left;
	font-size: 110%;
	font-weight: bold;
	background-image: url(../img/shop/back_tenpo.gif);
	background-repeat: no-repeat;
}

.shop_sub_title {
	color: #000000;
	font-size: 120%;
	font-weight: bold;
}

.shop_news_title {
	color: #FF0000;
	font-size: 110%;
	border-bottom: 1px dotted #CCCCCC;
}

.shop_school_title {
	border-bottom: 1px dotted #CCCCCC;
}

/*ショップ店舗マップ*/

#shop_map{
margin:10px auto;
padding:5px;
background-color:#ffffff;
width:550px;
border:1px solid #270100;
text-align:center;
}
#shop_map .mds{
margin:0px 0px 5px 0px;
padding:5px;
background-color:#550100;
color:#FFFFFF;
font-weight:bold;
}
#shop_map .flm{
margin:0px;
padding:10px;
border:1px solid #eeeeee;
}
#shop_map .bt{
margin:10px auto 0px;
padding:0px;
text-align:center;
}





/********************************************************************
3 おうちカフェを楽しもう！
*********************************************************************/

ul.sub_gnav li#cafe_01 { background: url(../img/cafe/sub_gnav_cafe.gif) no-repeat 0px 0px; }
ul.sub_gnav li#cafe_01 a:hover { background: url(../img/cafe/sub_gnav_cafe.gif) no-repeat -170px 0px; }

ul.sub_gnav li#cafe_02 { background: url(../img/cafe/sub_gnav_cafe.gif) no-repeat 0px -30px; }
ul.sub_gnav li#cafe_02 a:hover { background: url(../img/cafe/sub_gnav_cafe.gif) no-repeat -170px -30px; }

ul.sub_gnav li#cafe_03 { background: url(../img/cafe/sub_gnav_cafe.gif) no-repeat 0px -60px; }
ul.sub_gnav li#cafe_03 a:hover { background: url(../img/cafe/sub_gnav_cafe.gif) no-repeat -170px -60px; }

ul.sub_gnav li#cafe_04 { background: url(../img/cafe/sub_gnav_cafe.gif) no-repeat 0px -90px; }
ul.sub_gnav li#cafe_04 a:hover { background: url(../img/cafe/sub_gnav_cafe.gif) no-repeat -170px -90px; }


div.cafe_rcp_ct{
margin:15px 0px 0px 0px;
padding:5px 5px 5px 10px;
/*background-color:#660000;*/
background-image:url(../img/cafe/cafe_rcp_ct_bk.jpg);
background-repeat:no-repeat;
color:#FFFFFF;
font-weight:bold;
}
div.main_cafe {
	margin-bottom: 20px;
	padding: 0px;
	width: 670px;
	text-align: left;
	clear: both;
}
div.cafe_img {
	margin: 0px;
	padding-top: 10px;
	width: 150px;
	text-align: left;
	float: left;
}
/*2008.10.21*/
div.cafe_mds {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 10px;
	font-weight:bold;
	border-left:3px solid #cc9999;
	font-size: 100%;
	line-height:100%;
}
div.cafe_text {
	margin: 0px;
	padding-top: 10px;
	width: 520px;
	text-align: left;
	float: left;
}
div.main_cafe ul.link{
margin-top:10px;
padding-top:5px;
border-top: 1px dotted #cccccc;
text-align:right;
}


/*レッスン*/

div.img200 .main_cafe .cafe_img {
	width: 210px;
}

div.img200 .main_cafe .cafe_text {
	width: 455px;
}


div.title_howto {
	margin: 0px;
	padding-top: 5px;
	width: 70px;
	text-align: left;
	border-top: 3px solid #CCCCCC;
	float: left;
}
div.text_howto {
	margin: 0px;
	padding-top: 5px;
	width: 380px;
	text-align: left;
	border-top: 1px dotted #CCCCCC;
	float: left;
}
div.img_howto {
	margin: 0px;
	padding-top: 5px;
	width: 220px;
	text-align: right;
	border-top: 1px dotted #CCCCCC;
	float: left;
}

div.img_kasu {
	margin: 0px;
	padding-top: 5px;
	width: 120px;
	text-align: left;
	border-top: 1px solid #CCCCCC;
	float: left;
}
div.img_kasu2 {
	margin-left: 10px;
	padding-top: 5px;
	width: 120px;
	text-align: left;
	border-top: 1px solid #CCCCCC;
	float: left;
}
div.text_kasu {
	margin: 0px;
	padding-top: 5px;
	width: 210px;
	text-align: left;
	border-top: 1px dotted #CCCCCC;
	float: left;
}

/*レシピ詳細*/

div.recipe_name {
	padding:0;
	margin:0 0 15px 0;
	border-top: 3px solid #2A2E52;
	border-bottom: 1px solid #2A2E52;
}
div.recipe_name .name{
	float:left;
	padding:10px 0 5px 0;
	margin:0;
	color: #2A2E52;
	font-size: 140%;
	font-weight: bold;
}
div.recipe_name .bt{
	float:right;
	padding:5px 10px;
	margin:0;
	border-right:1px dotted #2A2E52;
	border-left:1px dotted #2A2E52;
	background-color:#ffffcc;
	text-align:center;
	font-size:90%;
}

div.recipe_img {
	margin:0 0 0 20px;
	padding: 0;
	width: 240px;
	text-align: left;
	float: left;
}

div.recipe_text {
	margin: 0px;
	padding: 0px;
	width: 410px;
	text-align: left;
	float: left;
}



div.area_cafe_trend {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0px;
	width: 670px;
	text-align: left;
	background-image: url(../img/cafe/back_trend.jpg);
	background-repeat: no-repeat;
	clear: both;
}

div.main_cafe_trend {
	margin: 0px;
	padding: 0px;
	width: 565px;
	text-align: left;
	float: left;
}

div.navi_cafe_trend {
	margin: 0px;
	padding-top: 10px;
	width: 105px;
	text-align: left;
	float: left;
}

div.topic_cafe_trend {
	margin-bottom: 20px;
	padding-top: 10px;
	width: 510px;
	text-align: left;
	border-top: 1px dotted #CCCCCC;
}

div.main_cafe_trend img {
	margin-top: 10px;
	text-align: left;
	padding:5px;
	border:1px solid #dddddd;
	background-color:#FFFFFF;
}

div.main_cafe_trend img.newicon {
	margin-top: 0px;
	padding:0px;
	border:none;
	position:absolute;
}



/*ページナビゲーション
---------------------------------------------------------*/

div.page_cafe_trend {
	marginp: 0px;
	margin-top: 40px;
	width: 510px;
	text-align: left;
	border-top: 1px dotted #CCCCCC;
}


.pageNavigation{
	text-align:center;
}

.pageNavigation ul{
	margin: 0px;
	padding: 0px;
}
.pageNavigation ol{
	margin: 0px;
	padding: 0px;
}
.pageNavigation li{
	margin: 0px;
	padding: 0px;
}

.pageNavigation li{
	list-style: none;
	text-align: center;
	float: left;
	font-family: verdana,arial;
}

.pageNavigation ol li{
	width: 20px;
	margin: 2px;
	float: left;
}
.pageNavigation ol li a{
	width: 70%;/*win IE*/
	text-decoration: none;
	display: block;
	background-color: #99835B;
	font-size: 90%;
	color: #FFFFFF;
	border: 1px solid #99835B;
}
.pageNavigation li.prevBtn a,.pageNavigation li.nextBtn a{
	width: 50px;
	display: block;
	color: #99835A;
	text-decoration: none;
	background-color: #FFFFFF;
}
.pageNavigation ol li a.current{
	background-color: #F3EFF0;
	border: 1px solid #99835A;
	color: #99835A;
}


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




.kasu_sub_title {
	color: #000000;
	font-size: 100%;
	font-weight: bold;
}


.recipe_title {
	color: #2A2E52;
	font-size: 120%;
	font-weight: bold;
}


.trend_title {
	font-size: 120%;
	font-weight: bold;
}






/********************************************************************
4 飲食店サポート
*********************************************************************/

ul.sub_gnav li#support_01 { background: url(../img/support/sub_gnav_support.gif) no-repeat 0px 0px; }
ul.sub_gnav li#support_01 a:hover { background: url(../img/support/sub_gnav_support.gif) no-repeat -170px 0px; }

ul.sub_gnav li#support_02 { background: url(../img/support/sub_gnav_support.gif) no-repeat 0px -30px; }
ul.sub_gnav li#support_02 a:hover { background: url(../img/support/sub_gnav_support.gif) no-repeat -170px -30px; }



div.main_support {
	margin-bottom: 20px;
	padding: 0px;
	width: 670px;
	text-align: left;
	clear: both;
}

div.support_img {
	margin: 0px;
	padding-top: 5px;
	width: 200px;
	text-align: left;
	float: left;
}

div.support_text {
	margin: 0px;
	padding-top: 5px;
	width: 470px;
	text-align: left;
	float: left;
}

div.support_img2 {
	margin: 0px;
	padding-top: 5px;
	width: 150px;
	text-align: right;
	float: left;
}

div.support_text2 {
	margin: 0px;
	padding-top: 5px;
	width: 320px;
	text-align: left;
	float: left;
}

div.support_com1 {
	margin-top: 10px;
	padding-top: 5px;
	width: 320px;
	text-align: left;
	float: left;
}
div.support_com2 {
	margin: 0px;
	padding-top: 5px;
	width: 210px;
	text-align: left;
	float: left;
}
div.support_com3 {
	margin-left: 20px;
	padding-top: 5px;
	width: 210px;
	text-align: left;
	float: left;
}

div.support_map {
	padding-top: 10px;
	margin-left: 30px;
	width: 320px;
	text-align: left;
	float: left;
}






/********************************************************************
5 環境への取り組み
*********************************************************************/

ul.sub_gnav li#eco_01 { background: url(../img/eco/sub_gnav_eco.gif) no-repeat 0px 0px; }
ul.sub_gnav li#eco_01 a:hover { background: url(../img/eco/sub_gnav_eco.gif) no-repeat -170px 0px; }




div.area_eco {
	margin-bottom: 10px;
	padding-left: 30px;
	width: 640px;
	text-align: left;
	clear: both;
}

div.eco_img {
	margin: 0px;
	padding: 0px;
	width: 180px;
	text-align: left;
	float: left;
}

div.eco_text {
	margin: 0px;
	padding: 0px;
	width: 460px;
	text-align: left;
	float: left;
}

div.eco_contents {
	margin-bottom: 20px;
	padding-left: 30px;
	width: 640px;
	text-align: left;
	float: left;
}
div.eco_contents2 {
	margin-bottom: 10px;
	padding-left: 30px;
	width: 640px;
	text-align: left;
	float: left;
}







/********************************************************************
6 会社案内
*********************************************************************/

ul.sub_gnav li#corporate_01 { background: url(../img/corporate/sub_gnav_corporate.gif) no-repeat 0px 0px; }
ul.sub_gnav li#corporate_01 a:hover { background: url(../img/corporate/sub_gnav_corporate.gif) no-repeat -170px 0px; }

ul.sub_gnav li#corporate_02 { background: url(../img/corporate/sub_gnav_corporate.gif) no-repeat 0px -30px; }
ul.sub_gnav li#corporate_02 a:hover { background: url(../img/corporate/sub_gnav_corporate.gif) no-repeat -170px -30px; }

ul.sub_gnav li#corporate_03 { background: url(../img/corporate/sub_gnav_corporate.gif) no-repeat 0px -60px; }
ul.sub_gnav li#corporate_03 a:hover { background: url(../img/corporate/sub_gnav_corporate.gif) no-repeat -170px -60px; }



div.area_corporate_overview {
	margin-bottom: 20px;
	padding-bottom: 10px;
	width: 670px;
	text-align: left;
	clear: both;
}
div.img_overview {
	margin: 0px;
	padding-top: 5px;
	width: 130px;
	text-align: left;
	border-top: 3px solid #CCCCCC;
	float: left;
}
div.text_overview {
	margin: 0px;
	padding-top: 5px;
	width: 540px;
	text-align: left;
	border-top: 1px dotted #CCCCCC;
	float: left;
}


div.area_corporate_history {
	margin-bottom: 20px;
	padding-bottom: 10px;
	width: 670px;
	text-align: left;
	clear: both;
}
div.area_corporate_history2 {
	margin: 0px;
	padding-bottom: 10px;
	width: 670px;
	text-align: left;
	clear: both;
}
div.year_history {
	margin: 0px;
	padding-top: 5px;
	width: 100px;
	text-align: left;
	border-top: 3px solid #CCCCCC;
	float: left;
}
div.month_history {
	margin: 0px;
	padding-top: 5px;
	width: 60px;
	text-align: left;
	border-top: 1px solid #CCCCCC;
	float: left;
}
div.month_history2 {
	margin: 0px;
	padding-top: 5px;
	padding-left: 100px;
	width: 60px;
	text-align: left;
	float: left;
}
div.text_history {
	margin: 0px;
	padding-top: 5px;
	width: 510px;
	text-align: left;
	border-top: 1px dotted #CCCCCC;
	float: left;
}
div.text_history2 {
	margin: 0px;
	padding-top: 5px;
	width: 510px;
	text-align: left;
	float: left;
}


div.area_phlsph {
	margin-top: 10px;
	margin-bottom: 30px;
	padding: 0px;
	width: 670px;
	text-align: left;
	clear: both;
}

div.phlsph_pre {
	margin: 0px;
	padding: 0px;
	width: 220px;
	text-align: left;
	float: left;
}

div.phlsph_text {
	margin: 0px;
	padding: 0px;
	width: 450px;
	text-align: left;
	float: left;
}

div.area_corporate_cis {
	margin-top: 10px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	width: 670px;
	text-align: left;
	clear: both;
}
div.img_cis {
	margin: 0px;
	padding-top: 5px;
	width: 130px;
	text-align: left;
	border-top: 3px solid #CCCCCC;
	float: left;
}
div.text_cis {
	margin: 0px;
	padding-top: 5px;
	width: 540px;
	text-align: left;
	border-top: 1px dotted #CCCCCC;
	float: left;
}


div.area_corporate_csr {
	margin-top: 10px;
	padding-bottom: 10px;
	width: 670px;
	text-align: left;
	clear: both;
}
div.img_csr {
	margin: 0px;
	padding-top: 5px;
	width: 130px;
	text-align: left;
	border-top: 3px solid #CCCCCC;
	float: left;
}
div.text_csr {
	margin: 0px;
	padding-top: 5px;
	width: 540px;
	text-align: left;
	border-top: 1px dotted #CCCCCC;
	float: left;
}








/********************************************************************
7 採用情報
*********************************************************************/

ul.sub_gnav li#recruit_01 { background: url(../img/recruit/sub_gnav_recruit.gif) no-repeat 0px 0px; }
ul.sub_gnav li#recruit_01 a:hover { background: url(../img/recruit/sub_gnav_recruit.gif) no-repeat -170px 0px; }

ul.sub_gnav li#recruit_02 { background: url(../img/recruit/sub_gnav_recruit.gif) no-repeat 0px -30px; }
ul.sub_gnav li#recruit_02 a:hover { background: url(../img/recruit/sub_gnav_recruit.gif) no-repeat -170px -30px; }

ul.sub_gnav li#recruit_03 { background: url(../img/recruit/sub_gnav_recruit.gif) no-repeat 0px -60px; }
ul.sub_gnav li#recruit_03 a:hover { background: url(../img/recruit/sub_gnav_recruit.gif) no-repeat -170px -60px; }

ul.sub_gnav li#recruit_04 { background: url(../img/recruit/sub_gnav_recruit.gif) no-repeat 0px -90px; }
ul.sub_gnav li#recruit_04 a:hover { background: url(../img/recruit/sub_gnav_recruit.gif) no-repeat -170px -90px; }

ul.sub_gnav li#recruit_05 { background: url(../img/recruit/sub_gnav_recruit.gif) no-repeat 0px -120px; }
ul.sub_gnav li#recruit_05 a:hover { background: url(../img/recruit/sub_gnav_recruit.gif) no-repeat -170px -120px; }

ul.sub_gnav li#recruit_06 { background: url(../img/recruit/sub_gnav_recruit.gif) no-repeat 0px -150px; }
ul.sub_gnav li#recruit_06 a:hover { background: url(../img/recruit/sub_gnav_recruit.gif) no-repeat -170px -150px; }

ul.sub_gnav li#recruit_07 { background: url(../img/recruit/sub_gnav_recruit.gif) no-repeat 0px -180px; }
ul.sub_gnav li#recruit_07 a:hover { background: url(../img/recruit/sub_gnav_recruit.gif) no-repeat -170px -180px; }

ul.sub_gnav li#recruit_08 { background: url(../img/recruit/sub_gnav_recruit.gif) no-repeat 0px -210px; }
ul.sub_gnav li#recruit_08 a:hover { background: url(../img/recruit/sub_gnav_recruit.gif) no-repeat -170px -210px; }




div.recruit {
	margin-bottom: 20px;
	padding-top: 0px;
	width: 670px;
	text-align: left;
	clear: both;
}

div.recruit_top_img {
	margin: 0px;
	padding-top: 5px;
	width: 220px;
	text-align: left;
	border-top: 1px solid #CCCCCC;
	float: left;
}
div.recruit_top_text {
	margin: 0px;
	padding-top: 5px;
	width: 450px;
	text-align: left;
	border-top: 1px dotted #CCCCCC;
	float: left;
}

div.recruit_top_m_img {
	margin-bottom: 10px;
	padding-top: 5px;
	width: 100px;
	text-align: left;
	border-top: 1px solid #CCCCCC;
	float: left;
}
div.recruit_top_m_img2 {
	margin-bottom: 10px;
	margin-left: 30px;
	padding-top: 5px;
	width: 100px;
	text-align: left;
	border-top: 1px solid #CCCCCC;
	float: left;
}
div.recruit_top_m_text {
	margin-left: 10px;
	padding-top: 5px;
	width: 210px;
	text-align: left;
	border-top: 1px dotted #CCCCCC;
	float: left;
}

div.recruit_message_img {
	margin: 0px;
	padding: 0px;
	width: 270px;
	text-align: left;
	float: left;
}
div.recruit_message_text {
	margin: 0px;
	padding: 0px;
	width: 400px;
	text-align: left;
	float: left;
}

div.recruit_message1_img {
	margin-left: 30px;
	padding: 0px;
	width: 160px;
	text-align: left;
	float: left;
}
div.recruit_message1_text {
	margin: 0px;
	padding: 0px;
	width: 460px;
	text-align: left;
	float: left;
}


div.recruit_topmessage_img {
	margin: 0px;
	padding: 0px;
	width: 210px;
	text-align: left;
	float: left;
}
div.recruit_topmessage_text {
	margin: 0px;
	padding: 0px;
	width: 460px;
	text-align: left;
	float: left;
}



div.recruit_nagare_img {
	margin-top: 10px;
	padding: 0px;
	width: 200px;
	text-align: left;
	float: left;
}
div.recruit_nagare_text {
	margin-top: 10px;
	padding: 10px;
	width: 430px;
	text-align: left;
	border: 1px solid #CCCCCC;
	float: left;
}



.recruit_name {
	color: #043071;
	font-size: 120%;
	font-weight: bold;
}







/********************************************************************
 表組の修飾
*********************************************************************/
/*基本*/

table.tbl_normal {
	margin: 0px;
	text-align: left;
	background-color: #FFFFFF;
}
table.tbl_normal td {
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
}
table.tbl_normal td.conf {
font-weight:bold;
color:#660033;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
	border-bottom:1px dotted #cccccc;
}
.bdr_1_gray{
border:1px solid #cccccc;
padding:10px;
}




table.tbl_shop-list {
	margin: 0px;
	text-align: left;
}
table.tbl_shop-list td {
	padding: 3px;
	vertical-align: top;
	border-bottom: 1px dotted #CCCCCC;
}
table.tbl_shop-list td.list_color {
	padding: 3px;
	vertical-align: top;
	background-color: #F6F6F6;
	border-bottom: 1px dotted #CCCCCC;
}
table.tbl_shop-list td.list_title {
	padding: 3px;
	background-color: #E4E4E4;
	vertical-align: top;
}


table.tbl_shop-tenpo {
	margin-top: 20px;
	text-align: left;
	border: 1px solid #CCCCCC;
}
table.tbl_shop-tenpo td {
	padding: 5px;
	vertical-align: top;
}
table.tbl_shop-tenpo td.tenpo_line {
	padding: 5px;
	vertical-align: top;
	border-bottom: 1px solid #CCCCCC;
}
table.tbl_shop-tenpo td.tenpo_title {
	padding: 5px;
	vertical-align: top;
	background-color: #F0F0F0;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
table.tbl_shop-tenpo td.tenpo_title_last {
	padding: 5px;
	vertical-align: top;
	background-color: #F0F0F0;
	border-right: 1px solid #CCCCCC;
}


table.tbl_recruit {
	margin-bottom: 30px;
	background-color: #FFFFFF;
	text-align: left;
}
table.tbl_recruit td {
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px dotted #CCCCCC;
	vertical-align: top;
}
table.tbl_recruit td.recruit_ttl {
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 3px solid #CCCCCC;
	vertical-align: top;
}


table.tbl_recruit_circle {
	margin: 0px;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
}
table.tbl_recrui_circle td {
	background-color: #FFFFFF;
	padding-bottom: 30px;
	vertical-align: top;
}
table.tbl_recruit_circle td.circle_ttl {
	background-color: #FFFFFF;
	padding-bottom: 30px;
	font-weight: bold;
	vertical-align: top;
}



table.tbl_faq {
	margin-bottom: 30px;
	background-color: #FFFFFF;
	text-align: left;
}
table.tbl_faq td {
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 120%;
	color: #032558;
	font-weight: bold;
	vertical-align: top;
}
table.tbl_faq td.answer {
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #CCCCCC;
	font-size: 100%;
	color: #000000;
	font-weight: 100;
	vertical-align: top;
}



table.tbl_recruit_nagare {
	background-color: #FFFFFF;
	text-align: left;
}
table.tbl_recruit__nagare td {
	background-color: #FFFFFF;
	padding: 10px;
}



table.tbl_product_yobou {
	text-align: left;
}
table.tbl_product_yobou td {
	background-color: #FFFFFF;
	padding: 5px;
}
table.tbl_product_yobou td.yobou_ttl {
	background-color: #E8E8E8;
	padding: 5px;
	font-weight: bold;
}



table.tbl_recipe {
	margin-bottom: 20px;
	background-color: #FFFFFF;
	text-align: left;
}
table.tbl_recipe td {
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
}
table.tbl_recipe td.text {
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCCCCC;
	font-size: 100%;
	vertical-align: top;
}



table.tbl_sitemap {
	margin-bottom: 30px;
	background-color: #FAFAFA;
	text-align: left;
}
table.tbl_sitemap td {
	background-color: #FAFAFA;
	padding: 5px;
	vertical-align: top;
}
table.tbl_sitemap td.title {
	background-color: #EEEEEE;
	padding: 5px;
	vertical-align: top;
}


table.tbl_special {
	margin-left: 100px;
	background-color: #FAFAFA;
	text-align: left;
}
table.tbl_special td {
	background-color: #FAFAFA;
	padding: 10px;
	vertical-align: top;
}
table.tbl_special td.title {
	background-color: #EEEEEE;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
}


table.tbl_know {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	background-color: #FFFFFF;
	text-align: left;
}
table.tbl_know td {
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
}
table.tbl_know td.title {
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px dotted #CCCCCC;
}



/********************************************************************
/*改ページ処理
/*********************************************************************/

.dt_page{
border-top:1px dotted #cccccc;
margin:20px 20px 0px 0px;
padding:10px 0px;
font-family:verdana,arial;
text-align:center;
}
.dt_page a{
}
.dt_page a.ditto_page{
padding:3px;
margin:0px 7px;
}
.dt_page a:hover .ditto_page{
background-color:#F3E3DD;
}
.dt a.ditto_currentpage{
font-weight:bold;
padding:0px 2px;
margin:0px 5px;
}


/********************************************************************
/*アーカイブ（月別）
/*********************************************************************/


ul.reflect_archive {
	margin: 0px;
	padding: 0px;
	text-align: left;
	list-style-type: none;
	color: #333333;
}
ul li.reflect_month {
	text-decoration: none;
	color: #333333;
}
ul.topics_day a:hover {
	text-decoration: underline;
	color: #333333;
}

/********************************************************************/
/*改ページ処理*/
/********************************************************************/
.dt_page{
border-top:1px dotted #dddddd;
margin:15px 0px 0px 0px;
padding:10px 0px 0px 0px;
font-family:verdana,arial;
}
.dt_page a{
/*padding:0px 2px;
margin:0px 2px;
border:1px solid #eeeeee;*/
}
.dt_page a.ditto_page{
padding:0px 2px;
margin:0px 5px;
border:1px solid #dddddd;
background-color:#eeeeee;
}
.dt_page a:hover .ditto_page{
background-color:#FFFF99;
}
.dt a.ditto_currentpage{
font-weight:bold;
padding:0px 2px;
margin:0px 5px;
}

/*************************************************************************
floatの解消
**************************************************************************/

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */



/********************************************************************
 共通エレメント
*********************************************************************/
.l{
	float:left;
}
.r{
	float:right;
}
.t_atn{
	color:#CC0000;
}

#pgtp{
	margin:10px 0px 0px 0px;
	text-align:right;
}

.center {
	text-align:center;
}

.right {
	text-align:right;
}

.red { color: #FF0000; }

img.newicon {
	position:absolute;
}

/********************************************************************
 共通マージンタイプ
*********************************************************************/

div#contents .mgb0{margin-bottom:0 !important;}
div#contents .mgb5{margin-bottom:5px !important;}
div#contents .mgb10{margin-bottom:10px !important;}
div#contents .mgb15{margin-bottom:15px !important;}
div#contents .mgb20{margin-bottom:20px !important;}
div#contents .mgb30{margin-bottom:30px !important;}

div#contents .mgt0{margin-top:0 !important;}
div#contents .mgt5{margin-top:5px !important;}
div#contents .mgt10{margin-top:10px !important;}
div#contents .mgt15{margin-top:15px !important;}
div#contents .mgt20{margin-top:20px !important;}
div#contents .mgt30{margin-top:30px !important;}

div#contents .mgl0{margin-left:0 !important;}
div#contents .mgl5{margin-left:5px !important;}
div#contents .mgl10{margin-left:10px !important;}
div#contents .mgl15{margin-left:15px !important;}
div#contents .mgl20{margin-left:20px !important;}
div#contents .mgl30{margin-left:30px !important;}

div#contents .mgr0{margin-right:0 !important;}
div#contents .mgr5{margin-right:5px !important;}
div#contents .mgr10{margin-right:10px !important;}
div#contents .mgr15{margin-right:15px !important;}
div#contents .mgr20{margin-right:20px !important;}
div#contents .mgr30{margin-right:30px !important;}

div#contents .mgn0{margin:0 !important;}

div#contents .pdt0{padding-top:0 !important;}
div#contents .pdt5{padding-top:5px !important;}
div#contents .pdt10{padding-top:10px !important;}
div#contents .pdt15{padding-top:15px !important;}
div#contents .pdt20{padding-top:20px !important;}
div#contents .pdt30{padding-top:30px !important;}

div#contents .pdb0{padding-bottom:0 !important;}
div#contents .pdb5{padding-bottom:5px !important;}
div#contents .pdb10{padding-bottom:10px !important;}
div#contents .pdb15{padding-bottom:15px !important;}
div#contents .pdb20{padding-bottom:20px !important;}
div#contents .pdb30{padding-bottom:30px !important;}

div#contents .pdl0{padding-left:0 !important;}
div#contents .pdl5{padding-left:5px !important;}
div#contents .pdl10{padding-left:10px !important;}
div#contents .pdl15{padding-left:15px !important;}
div#contents .pdl20{padding-left:20px !important;}
div#contents .pdl30{padding-left:30px !important;}


div#contents .pdr0{padding-right:0 !important;}
div#contents .pdr5{padding-right:5px !important;}
div#contents .pdr10{padding-right:10px !important;}
div#contents .pdr15{padding-right:15px !important;}
div#contents .pdr20{padding-right:20px !important;}
div#contents .pdr30{padding-right:30px !important;}

div#contents .pad0{padding:0 !important;}


/********************************************************************
 共通フロート、クリアタイプ
*********************************************************************/
div#contents .clearBoth{clear:both;}
div#contents .floatLeft{float:left;}
div#contents .floatRight{float:right;}
div#contents .alignLeft{text-align:left;}
div#contents .alignRight{text-align:right;}


/*************************************************************************
floatの解消
**************************************************************************/

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */
