@charset "UTF-8";
/**************************************************************************************************
	00　font-size
	
	01　base
	02　link
	03　header
	04　main menu
	05　main
	06　Topic path
	
	CON01　category title
	CON02　common
	CON03　Banner
	
	R01　right column

	F01　footer
	F02　footer submenu
	F03　copyright
	
	M01　messege


**************************************************************************************************/


/*━━━━━━━━━━━━━━━━━　00　font-size　━━━━━━━━━━━━━━━━━━━━━*/
/*-----------------------------------------------------
YUI Font-size Adjustment
10px = 77%     11px = 85%	  12px = 93%     13px = 100%     14px = 108%	   15px = 116%
16px = 123.1%  17px = 131%　　18px = 138.5%  19px = 146.5%   20px = 153.9%     21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%　　 26px = 197%
------------------------------------------------------*/

/*━━━━━━━━━━━━━━━━━　01　base　━━━━━━━━━━━━━━━━━━━*/
html, body { width: 100%; }

html { overflow-y: scroll; }

body {
	background: #F6FBE9 url(../image/common/main_bg.gif) 50% 0 repeat-y;
	color: #333333;
	text-align: center;
}

/* テキストの画像置き換えに使用 */
.image-replacement {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

/* CLEAR FIX*/
.clearfix { zoom:1; }
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/*header、main menu、main、fotter*/
.entire_range {
	width: 950px;
	margin: 0 auto;
	background-color: #FEFEFE;
}

/* pngの透過(IE6) */
* html body .iepngfix {	behavior: expression(IEPNGFIX.fix(this)); }

/*━━━━━━━━━━━━━━━━━　02　link　━━━━━━━━━━━━━━━━━━━*/
a { text-decoration: underline; }
a:link { color: #0066FF; }
a:visited { color: #3366CC; }
a:active { color: #0066FF; }
a:hover { color: #FF0000; }

/*画像を半透明に*/
a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}


/*━━━━━━━━━━━━━━━━━　03　header　━━━━━━━━━━━━━━━━━━━*/
h1 {
	height: 2em;
	color: #666666;
	font-size: 10px;
	line-height: 2em;
	text-align: left;
}

#header_area, #logo, #logo a, #head_submenu, div#tel { height:70px; }

#header_area { padding: 0 0 10px; }

#logo,
div#tel {
	background-image: url(../image/common/logo.gif);
	background-repeat: no-repeat;
}

/*──── logo ────*/
#logo {
	float: left;
	width: 220px;
	background-position: 0 0;
}
#logo a { display:block; }

/*──── Telephone number ────*/
div#tel {
	float: right;
	width: 340px;
	margin-left: 20px;
	background-position: -500px 0;
}

/*──── head_submenu ────*/
#head_submenu { float:right; text-align:left; }

#head_submenu li {
	height: 2.5em;
	background: url(../image/common/icon_arrow.gif) 0 50% no-repeat;
	font-size: 93%;
	line-height: 2.5em;
	text-indent: 0.6em;
}

/*━━━━━━━━━━━━━━━━━　04　main menu　━━━━━━━━━━━━━━━━━━━*/
#menu_area,
#menu_area ul,
#menu_area li,
#menu_area a { height:40px; }

#menu_area {
	padding-bottom: 10px;
	overflow: hidden;
}
#menu_area li {
	float: left;
	width: 190px;
}
#menu_area li a {
	display: block;
	overflow: hidden;
	background-image: url(../image/common/menu.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

/*menu - home*/
#menu_area li#home a { background-position: 0 0; }
body#index #menu_area li#home a { background-position: 0 -100px; }
#menu_area li#home a:hover { background-position: 0 -50px; }

/*menu - commodity*/
#menu_area li#commodity a { background-position: -190px 0; }
body#commodity #menu_area li#commodity a { background-position: -190px -100px; }
#menu_area li#commodity a:hover { background-position: -190px -50px; }

/*menu - guide*/
#menu_area li#guide a { background-position: -380px 0; }
body#guide #menu_area li#guide a { background-position: -380px -100px; }
#menu_area li#guide a:hover { background-position: -380px -50px; }

/*menu - voice*/
#menu_area li#voice a { background-position: -570px 0; }
body#voice #menu_area li#voice a { background-position: -570px -100px; }
#menu_area li#voice a:hover { background-position: -570px -50px; }

/*menu - faq*/
#menu_area li#faq a { background-position: -760px 0; }
body#faq #menu_area li#faq a { background-position: -760px -100px; }
#menu_area li#faq a:hover { background-position: -760px -50px; }


/*━━━━━━━━━━━━━━━━━　05　main　━━━━━━━━━━━━━━━━━━━*/
#contents_area { padding-bottom: 10px; }

#main_area {
	float: left;
	width: 700px;
	padding: 0 0 10px 0;
}


/*━━━━━━━━━━━━━━━━━　06　Topic path　━━━━━━━━━━━━━━━━━━━*/
#topic_path {
	height:14px;
	margin:0 0 10px;
	font-size:12px;
	line-height:14px;
	text-align:left;
}

/*━━━━━━━━━━━━━━━━━　07　page top　━━━━━━━━━━━━━━━━━━━*/
.page_top {
	margin: 0 0 20px 0;
	font-size: 93%;
	text-align: right;
}

.page_top a {
	padding-left: 0.8em;
	background: url(../image/common/icon_pagetop.gif) 0 50% no-repeat;
}


/*━━━━━━━━━━━━━━━━━　CON01　category title　━━━━━━━━━━━━━━━━━*/
.categpry_title {
	height: 34px;
	margin: 0 0 20px 0;
	background-repeat: no-repeat;
}

.sub_title {
	width: 640px;
	height: 24px;
	margin: 0 auto 15px auto;
	background-repeat: no-repeat;
}

#st01 { background-position: 0 0; }
#st02 { background-position: 0 -50px; }
#st03 { background-position: 0 -100px; }
#st04 { background-position: 0 -150px; }
#st05 { background-position: 0 -200px; }
#st06 { background-position: 0 -250px; }
#st07 { background-position: 0 -300px; }


/*━━━━━━━━━━━━━━━━━　CON02　common　━━━━━━━━━━━━━━━━━*/
.for_link {
	padding-left: 0.6em;
	background: url(../image/common/icon_arrow.gif) 0 50% no-repeat;
}


/*━━━━━━━━━━━━━━━━━　CON03　Banner　━━━━━━━━━━━━━━━━━*/
.bana_teiki { margin-bottom: 40px; }
.bana_teiki a {
	height: 125px;
	background: url(../image/common/bana_teiki.jpg) 0 0 no-repeat;
}
.bana_teiki a:hover { background-position: 0 -200px; }


/*━━━━━━━━━━━━━━━━━　09　フォームボタン　━━━━━━━━━━━━━━━━━━*/


/*━━━━━━━━━━━━━━━━━　10　注文フォームへバナー　━━━━━━━━━━━━━━━*/

/*━━━━━━━━━━━━━━━━━　11　無料サンプル応募ボタン　━━━━━━━━━━━━━━*/


/*━━━━━━━━━━━━━━━━━　R01　right column　━━━━━━━━━━━━━━━━━━*/
#rcolumn {
	float: right;
	width: 220px;
	padding: 0 0 10px 0;
	background-color: #F7F7F7;
}

/*──── sub contents ────*/
.subcontents {
	width: 196px;
	margin: 10px auto 0;
	border: 2px solid #DDDDDD;
	background-color: #FFFFFF;
	line-height: 1.6em;
	text-align: left;
}

.subcontents dl { margin-bottom:10px; }
.subcontents dt {
	height: 35px;
	margin: 0 0 5px 0;
	overflow: hidden;
	background-image: url(../image/common/rcolumn_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.subcontents dd { }

.subcontents p {
	margin: 0 8px;
	line-height: 1.4em;
	text-align: justify;
	text-justify: inter-ideograph;
}
.subcontents p.read_more { text-align: right; }
.subcontents p.read_more a {
	padding-left: 0.6em;
	background: url(../image/common/icon_arrow.gif) 0 50% no-repeat;
}


/*order btn*/
#order_btn a,
#free_shipping {
	background-image: url(../image/common/btn_order.jpg);
	background-repeat: no-repeat;
}

#order_btn, #order_btn a {
	width: 160px;
	height: 40px;
}
#order_btn { margin: 10px auto; }
#order_btn a { background-position: 0 0; }
#order_btn a:hover { background-position: 0 -50px; }

#free_shipping {
	width: 160px;
	height: 60px;
	margin: 10px auto 10px auto;
	background-position: -200px 0;
}

/*first_time*/
#first_time dt { background-position: 0 0 }

#first_time ul { margin: 0 8px 5px;	}
#first_time li {
	padding-left: 0.6em;
	background: url(../image/common/icon_arrow.gif) 0 50% no-repeat;
}


/*regular*/
#regular dt { background-position: -200px 0 }

#regular ul, #regular li { list-style-type: disc; }
#regular ul { margin: 0 8px 5px 25px; }
#regular li { background-position: 0 0 }

/*campaign1st*/
#campaign1st { margin-bottom: 15px; }
#campaign1st dt { background-position: -400px 0; }


/*──── btn contents・btn commodity ────*/
#rc_contents,
#rc_commodity {
	width: 200px;
	margin: 0 auto 15px auto;
	padding-bottom: 10px;
}
#rc_contents a,
#rc_commodity a { background-repeat: no-repeat; }


/*──── btn contents ────*/
#rc_contents {
	padding-bottom: 15px;
	border-bottom: 1px solid #DDDDDD;
}
#rc_contents a { background-image: url(../image/common/rcolumn_contents.jpg); }

#rc_contents #rc_con02 { margin: 8px 0 6px; }

#rc_contents #rc_con01 a {
	height: 80px;
	background-position: 0 0;
}
#rc_contents #rc_con02 a {
	height: 105px;
	background-position: -250px 0;
}
#rc_contents #rc_con03 a {
	height: 85px;
	background-position: -500px 0;
}

#rc_contents #rc_con01 a:hover { background-position:0 -150px; }
#rc_contents #rc_con02 a:hover { background-position:-250px -150px; }
#rc_contents #rc_con03 a:hover { background-position:-500px -150px; }



/*──── btn commodity ────*/
#rc_commodity li {
	margin-bottom: 15px;
	text-align: left;
}
#rc_commodity a {
	display: block;
	background-image: url(../image/common/rcolumn_commodity.jpg);
}

#rc_commodity #rc_comm01 a { background-position: 0 0; }
#rc_commodity #rc_comm02 a { background-position: -250px 0; }
#rc_commodity #rc_comm03 a { background-position: -500px 0; }
#rc_commodity #rc_comm04 a { background-position: -750px 0; }
#rc_commodity #rc_comm05 a { background-position: -1000px 0; }

#rc_commodity #rc_comm01 a:hover { background-position: 0 -150px; }
#rc_commodity #rc_comm02 a:hover { background-position: -250px -150px; }
#rc_commodity #rc_comm03 a:hover { background-position: -500px -150px; }
#rc_commodity #rc_comm04 a:hover { background-position: -750px -150px; }
#rc_commodity #rc_comm05 a:hover { background-position: -1000px -150px; }

#rc_commodity .image-replacement { height:100px; }

.commodity_pr {
	height: 1.4em;
	padding-left: 0.6em;
	background: url(../image/common/icon_arrow.gif) 0 50% no-repeat;
	font-size: 93%;
	line-height:1.4em;
}

/*──── btn gmp ────*/
#rc_gmp {
	width: 200px;
	margin: 10px auto 0 auto;
	padding-bottom: 0;
}

#rc_gmp li {
	margin-bottom: 15px;
	text-align: left;
}

#rc_gmp {
	display: block;
	background-image: url(../image/common/rcolumn_gmp.gif);
}
/*
#rc_gmp a {
	display: block;
	background-image: url(../image/common/rcolumn_gmp.gif);
}

#rc_gmp #rc_01 a { background-position: 0 0; }
#rc_gmp #rc_01 a:hover { background-position: 0 -58px; }
*/
#rc_gmp .image-replacement { height:58px; }


/*──── SSL ────*/
#ssl_box {
	width: 100px;
	margin: 0 auto;
}



/*━━━━━━━━━━━━━━━━━　F01　footer　━━━━━━━━━━━━━━━━━━*/
#footer_area {
	margin-bottom: 15px;
	padding: 5px 0;
	background: #2A9440 url(../image/common/fotter_bg.gif) 0 0 repeat-x;
}
#footer_area ul { margin: 0 0 0 15px; }
#footer_area li {
	float: left;
	color: #FFFFFF;
	text-align: left;
}

#f_order,
#f_change {
	padding-right: 15px;
	border-right: 1px solid #FFFFFF;
}
#f_order { width:290px; }
#f_change { width:310px; }
#f_mobility { width:290px; }

#f_change strong,
#f_change p,
#f_mobility strong,
#f_mobility dl { margin-left:10px; }

#footer_area strong,
#f_order_tel,
#f_order_fax,
#f_change_tel {
	background-image: url(../image/common/address.png);
	background-repeat: no-repeat;
	}

* html body #footer_area strong,
* html body #f_order_tel,
* html body #f_order_fax,
* html body #f_change_tel {
	background-image: url(../image/common/address.gif);
	background-repeat: no-repeat;
}

#footer_area strong { height: 29px; }
#footer_area #f_order strong { background-position: 0 0; }
#footer_area #f_change strong { background-position: -300px 0; }
#footer_area #f_mobility strong { background-position: -600px 0; }

#f_order_tel, #f_order_fax, #f_change_tel { height: 58px; }
#f_order_tel { background-position: 0 -29px; }
#f_order_fax { background-position: 0 -85px; }
#f_change_tel {background-position: -300px -29px; }

#f_change p,
#f_mobility p {
	font-size: 93%;
	line-height: 1.4em;
	text-align: justify;
	text-justify: inter-ideograph;
}

#f_mobility dt, #f_mobility dd {
	min-height: 99px;
	height: auto !important;
	height: 99px;
}
#f_mobility dt { width: 99px; }
#f_mobility dd { margin: -99px 0 0 110px; }
#f_mobility p { margin-bottom: 1em; }


/*━━━━━━━━━━━━━━━━━　F02　footer submenu　━━━━━━━━━━━━━━━━━━*/
#f_submenu_area,
#f_submenu_area ul,
#f_submenu_area li,
#f_submenu_area a {
	height: 1.6em;
	font-size: 93%;
	line-height: 1.6em;
}

#f_submenu_area {
	padding-bottom: 15px;
	text-align: left;
}
#f_submenu_area .s_menu {
	float: left;
	margin-right: 20px;
	border-left: 1px solid #666666;
}
#f_submenu_area .s_menu li {
	float: left;
	padding-right: 1em;
	border-right: 1px solid #666666;
}
#f_submenu_area .s_menu a { margin-left:1em; }

#sns_btn {
	float: right;
	padding-bottom: 15px;
	text-align: left;
}
#sns_btn li {
	float: left;
	padding-right: 0;
}
#sns_btn a { margin-left: 5px; }

/*━━━━━━━━━━━━━━━━━　F03　copyright　━━━━━━━━━━━━━━━━━━*/
#copyright_area { padding-bottom: 5px; }

#jadma, #pmark { float: left; }

#jadma { width: 560px; }
#jadma img {
	display: block;
	float: left;
}
#jadma p {
	display: block;
	margin-left: 120px;
	font-size: 93%;
	line-height: 1.4em;
	text-align: justify;
	text-justify: inter-ideograph;
}

#pmark { width: 60px; }

#f_logo {
	float: right;
	width: 320px;
	text-align: right;
}
#f_logo p {
	font-size: 10px;
	line-height: 1.4em;
}


/*━━━━━━━━━━━━━━━━━　M01　messege　━━━━━━━━━━━━━━━━━━*/
#info_messege_box {
	margin: 0 0 10px 0;
	padding: 5px 10px 3px 65px;
	border: 2px solid #990000;
	background: #FFFFFF url(../image/common/logo_ganba-nippon.gif) 1% 10% no-repeat;
	font-size: 98%;
	line-height: 1.4em;
	text-align: justify;
	text-justify: inter-ideograph;
}


#info_messege_box div { text-align: right; }
#info_messege_box strong {
	display: block;
	text-align: left;
}
#info_messege_box span { font-size: 11px; }
#info_messege_box ul { }
#info_messege_box li {
	float: left;
	margin-right: 20px;
}


#info_messege_box dt {
	color: #990000;
	font-weight: bold;
}
#info_messege_box dd { margin: 0 0.5em 15px; }
#info_messege_box dd p { margin-bottom: 0.5em; }
#info_messege_box dd p.data_text {
	margin-top: -1.4em;
	text-align: right;
}

#info_messege_box2 {
	margin: 0 0 20px 0;
	padding: 5px 8px;
	border: 2px solid #990000;
	font-size: 95%;
	line-height: 1.4em;
	text-align: justify;
	text-justify: inter-ideograph;
	}

/*地震のメッセージ*/
#visit_messege_box {
	width: 196px;
	margin: 0 auto 30px auto;
	padding: 5px 0;
	border: 2px solid #990000;
	background-color: #FFFFFF;
}
#visit_messege_box img {
    display: block;
    margin: 0 auto 5px auto;
}
#visit_messege_box p {
	margin: 0 1em 1em 1em;
    line-height: 1.4em;
	text-align: justify;
	text-justify: inter-ideograph;
}

#visit_messege_box ul {
	margin: 0 1em;
}
#visit_messege_box li {
    margin: 0 0 5px 0;
    padding: 0 0 0 1em;
    font-size: 10px;
    line-height: 1.4em;
	text-align: justify;
	text-justify: inter-ideograph;
    text-indent: -1em;
}

#visit_messege_box p.signature {
    margin-bottom: 0;
	font-size: 10px;
    text-align: right;
}

/*休業案内*/
#cboxOverlay {
	background-color: #000000;
}
#colorbox .cboxIframe {
	overflow-x: hidden;
}
html, body {
	width: inherit !important;
}
.info_holiday {
	float: inherit !important;
	margin: 0 auto;
	font-size: 84%;
	line-height: 1.4em;
	text-align: left;
}
.info_holiday h1 {
	background: url(../news/images/title.gif) 0 -50px no-repeat !important;
}
.info_holiday h2.title_info {
	margin: 0 0 1em 1em;
	color:#666666;
	font-size: 108%;
	font-weight: bold;
	line-height:1.6em;
	border-bottom:3px solid #E2F0D9;
	border-left:3px solid #E2F0D9;
	background-color:#F3F7DD;
}
.info_holiday .box_holiday {
	margin: 10px 30px;
}
.info_holiday .box_holiday strong {
	color: #CC0000;
}
.info_holiday .box_holiday .holiday_attention {
	margin: 8px 0;
	padding: 3px 8px;
	color: #EE0000;
	font-weight: bold;
	border: 2px solid #EE0000;
	background-color: #FFFF9E;
}
.info_holiday h3 {
	font-weight: bold;
}
.schedule {
	width: 599px;
	margin: 10px auto 15px auto;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-collapse: collapse;
    border-spacing: 0;
}

.schedule th,
.schedule td {
	padding: 3px 5px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	line-height: 1.4em;
	text-align: justify;
	text-justify: inter-ideograph;
	vertical-align: middle;
}

.schedule th {
	background-color: #F2F2F2;
}

.schedule td.list_holiday {
	background-color: #FFF8FF;
	color: #EE0000;
}

.schedule .report_bill {
	width: 380px;
}

/*━━━━━━━━━━━━━━━━━　M02　messege_mini　━━━━━━━━━━━━━━━━━━*/
.attention_box {
	width: 690px;
	min-height: 110px;
	height: auto !important;
	height: 150px;
	margin: 0 auto 60px auto;
	padding: 20px 0 10px 0;
	border: 2px solid #FF0000;
	background-color: #FFF889;
	
	-moz-border-radius: 12px;   /* Firefox用 */  
	-webkit-border-radius: 12px;    /* Safari,Google Chrome用 */  
	border-radius: 12px;        /* CSS3草案 */  
	
	behavior: url(../health/css/ie-css3.htc);
}



.attention_box dl { margin: 0 15px; }
.attention_box dt {
	margin-bottom: 10px;
	color: #FF3300;
	font-size: 131%;
	font-weight: bold;
	text-align: center;
}
.attention_box p {
	font-size: 108%;
	line-height: 1.4em;
	text-align: left;
}
.attention_box p.more_linktxt { text-align: right; }


/*━━━━━━━━━━━━━━━━━　cp_banner　━━━━━━━━━━━━━━━━━━*/
.cp_banner {
	width: 950px;
	margin: 0 auto 10px auto;
}

.cp_text {
	width: 950px;
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 77%;
}


/*━━━━━━━━━━━━━━━━━　list_siharai　━━━━━━━━━━━━━━━━━━*/
.notes_siharai {
	padding-left: 1em;
	line-height: 1.4em;
	text-indent: -1em;
}

#list_siharai {
	margin-bottom: 15px;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
}

#list_siharai th,
#list_siharai td {
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	color: #555555;
	text-align: center;
}

#list_siharai th {
	padding: 7px 5px;
	background-color: #E4E4E4;
}
#list_siharai td {
	padding: 6px 5px;
	background-color: #FFFFFF;
}

#list_siharai td.name {
	background-color: #D4F7B1;
	text-align: left;
}
#list_siharai td.use {
	background: url(/guide/images/icon_ok.gif) 50% 50% no-repeat;
	text-align: left;
	text-indent: -999999px;
	overflow: hidden;
}
#list_siharai .even td.name { background-color: #D4F777; }
#list_siharai .even td,
#list_siharai .even td.use { background-color: #FFFFF0; }

#list_siharai td#list_gluco { font-size: 12px; }
#list_siharai td span { font-size: 10px; }