@charset "UTF-8";

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

	default.css（共通定義）

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

/* --------------------------------------------------------------------------------
  ブラウザstyle リセット
-------------------------------------------------------------------------------- */
body {
	font: 62.5%/1.5 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Arial,Helvetica,Verdana,sans-serif;
	_font-size: 77%;
	color: #333;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #fff url("../images/bg_footer.gif") repeat-x bottom;
	_background-image: none;
}
a img {
	border: none;
	vertical-align: middle;
	text-decoration: none;
}
a:link {
	color: #0071BC;
}
a:visited {
	color: #A50082;
}
a:hover,
a:active,
a:focus {
	color: #C1272D;
}
input.input_text,
input.input_password,
textarea.input_textarea {
	border: 2px solid #bba;
}
input.input_checkbox {
	margin-right: 0.3em;
}
input.input_text:focus,
input.input_password:focus,
textarea.input_textarea:focus,
input.input_text.focus,
input.input_password.focus,
textarea.input_textarea.focus {
	border: 2px solid #75C22B;
	background-color: #EEF7E5;
}
button {
	border: none;
	background-color: transparent;
	margin: 0;
	padding: 0;
}


/* --------------------------------------------------------------------------------
  レイアウト
-------------------------------------------------------------------------------- */
#wrapper {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	overflow: visible;
}
#navigation {
	overflow: hidden;
}
#contents {
	margin: 16px 0 0;
	width: 100%;
	float: left;
}
#contents #content {
	width: 553px;
	
	margin: 0 200px 0 194px;
}
/* 1カラム */
.one_column #contents {
	margin: 0;
	float: none;
}
.full #contents #content {
	width:  100%;
	margin: 0;
}
/* 1カラム ナビゲーションあり*/
.full.headnav #contents {
	margin-top: 16px;
}
/* 1カラム width:870*/
.w870 #contents #content {
	width:  870px;
	margin: 0 40px;
	background: transparent url(../images/bg_w870_one_column.gif) no-repeat center top;
}
.w870 #contents #content #mainContent {
	margin: 0 25px;
}
/* 1カラム width:697px*/
.w697 #contents #content {
	width:  697px;
	margin: 0 127px 0 126px;
	background: transparent url(../images/bg_w697_one_column.gif) no-repeat center top;
}
.w697 #contents #content #mainContent {
	margin: 0 25px;
}
/* 1カラム width:460px*/
.w460 #wrapper {
	width: 560px;
	background: transparent url(../images/bg_w460_one_column.gif) no-repeat center top;
}
.w460 #header,
.w460 #contents #content {
	width:  460px;
	margin: 0 50px;
}
.w460 #contents #content #mainContent {
	margin: 20px 15px 0;
}
/* 2カラム */
.two_column #contents #content {
	width:  747px;
	margin: 0 200px 0 0;
}
#leftSide {
	margin: 16px 0 0;
	width: 175px;
	float: left;
	margin-left: -950px;
}
#rightSide {
	margin: 9px -5px 0 -191px;
	_margin-left: -193px;
	width: 196px;
	float:left;
}
#footer {
	clear:both;
}

/* --------------------------------------------------------------------------------
  音声ブラウザ用スキップナビゲーション
	ul.soundNav
-------------------------------------------------------------------------------- */
ul.soundNav {
	margin: 0;
	padding: 0;
	list-style: none outside;
	position: absolute;
	text-indent: -9999em;
}


/* --------------------------------------------------------------------------------
  ロゴ
	div#glovalHeader
-------------------------------------------------------------------------------- */
div#glovalHeader {
	height: 53px;
	overflow: hidden;
}
.w460 div#glovalHeader {
	height: 60px;
	border-bottom: 2px solid #66CC33;
}
/* CO-OP deli */
div#glovalHeader h1 {
	margin: 22px 0 0;
	float: left;
}
/* コープネット */
div#glovalHeader div#coopLogo {
	float: right;
	margin: 8px 0 0;
}


/* --------------------------------------------------------------------------------
  ヘッダサブナビゲーション
	div#subNav
-------------------------------------------------------------------------------- */
div#subNav {
	height: 29px;
	float: right;
}
div#subNav ul.navs {
	list-style: none outside;
	margin: 0;
	padding: 0;
	float: left;
}
div#subNav ul.navs li {
	float: left;
	margin: 0 1em 0 0;
	font-size: 110%;
}

/* --------------------------------------------------------------------------------
  文字サイズ変更ナビゲーション
	dl#fontNav
-------------------------------------------------------------------------------- */
dl#fontNav {
	margin: 0;
	padding: 0;
	width: 100px;
	height: 13px;
	background: transparent url(../images/btn_fontNav.gif) no-repeat left top;
	overflow: hidden;
	/zoom: 1;
	float: left;
}
dl#fontNav dt,
dl#fontNav dd {
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
	text-indent: -9999em;
}
dl#fontNav dt {
	width: 49px;
}
dl#fontNav dd {
	width: 13px;
	margin-left: 4px;
}
dl#fontNav dd a {
	display: block;
	height: 13px;
}

/* --------------------------------------------------------------------------------
  グローバルナビゲーション
	div#glovalNav
-------------------------------------------------------------------------------- */
#globalNav {
	margin: 27px 0 0;
}
#globalNav ul {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 51px;
	background: transparent url(../images/gnav_index.gif) no-repeat left top;
	overflow: hidden;
	/zoom: 1;
	list-style: none outside;
}
#globalNav ul li {
	margin: 0;
	padding: 0;
	display: block;
	height: 51px;
	float: left;
	text-indent: -9999em;
}
#globalNav ul li a {
	display: block;
	height: 51px;
}
#globalNav ul li.gnav_globalTop {
	width: 143px;
}
#globalNav ul li.gnav_aboutCoopdeli {
	width: 154px;
}
#globalNav ul li.gnav_coopdeliProduct {
	width: 154px;
}
#globalNav ul li.gnav_aboutEfriends {
	width: 189px;
}
#globalNav ul li.gnav_suportNurturing {
	width: 153px;
}
#globalNav ul li.gnav_help {
	width: 157px;
}
#globalNav ul li.gnav_globalTop a:hover,
#globalNav ul li.gnav_globalTop a:active,
#globalNav ul li.gnav_globalTop a:focus,
#globalNav ul li.gnav_globalTop a.current {
	background: transparent url(../images/gnav_index.gif) no-repeat left -51px;
}
#globalNav ul li.gnav_aboutCoopdeli a:hover,
#globalNav ul li.gnav_aboutCoopdeli a:active,
#globalNav ul li.gnav_aboutCoopdeli a:focus,
#globalNav ul li.gnav_aboutCoopdeli a.current {
	background: transparent url(../images/gnav_index.gif) no-repeat -143px -51px;
}
#globalNav ul li.gnav_coopdeliProduct a:hover,
#globalNav ul li.gnav_coopdeliProduct a:active,
#globalNav ul li.gnav_coopdeliProduct a:focus,
#globalNav ul li.gnav_coopdeliProduct a.current {
	background: transparent url(../images/gnav_index.gif) no-repeat -297px -51px;
}
#globalNav ul li.gnav_aboutEfriends a:hover,
#globalNav ul li.gnav_aboutEfriends a:active,
#globalNav ul li.gnav_aboutEfriends a:focus,
#globalNav ul li.gnav_aboutEfriends a.current {
	background: transparent url(../images/gnav_index.gif) no-repeat -451px -51px;
}
#globalNav ul li.gnav_suportNurturing a:hover,
#globalNav ul li.gnav_suportNurturing a:active,
#globalNav ul li.gnav_suportNurturing a:focus,
#globalNav ul li.gnav_suportNurturing a.current {
	background: transparent url(../images/gnav_index.gif) no-repeat -640px -51px;
}
#globalNav ul li.gnav_help a:hover,
#globalNav ul li.gnav_help a:active,
#globalNav ul li.gnav_help a:focus,
#globalNav ul li.gnav_help a.current {
	background: transparent url(../images/gnav_index.gif) no-repeat -793px -51px;
}


/* --------------------------------------------------------------------------------
  左サイドバー
	div#leftSide
-------------------------------------------------------------------------------- */
div#leftSide div#categoryLists {
	background-color: #F5F5F0;
}
div#leftSide div#categoryLists h3 {
	font-size: 110%;
	line-height: 1.3;
	margin: 0;
	padding: 6px 10px;
	color: #fff;
	background-color: #75C22B;
	border: none;
}
div#leftSide div#categoryLists div.categories {
	margin: 0;
	padding: 0 0 10px;
	border-bottom: 2px solid #CACAC2;
}
div#leftSide div#categoryLists div.categories dt {
	margin: 0 0 5px;
	padding: 10px 7px;
	background: transparent url(../images/border.gif) repeat-x bottom;
	font-size: 120%;
	font-weight: bold;
}
div#leftSide div#categoryLists div.categories dt.current {
	background-color: #DCDCCB;
}
div#leftSide div#categoryLists div.categories dt.current a {
	color: #C1272D;
}
div#leftSide div#categoryLists div.single {
	padding-bottom: 0;
}
div#leftSide div#categoryLists div.single dt {
	background-image: none;	
	margin: 0;
}
div.categories dt a {
	padding-left: 16px;
	zoom: 1;
	/line-height: 1.2;
}
div.categories dt a.exclamation {
	background: transparent url(../images/icon/icon_blue_exclamation.gif) no-repeat left 0.1em;
}
div.categories dt a.bag {
	background: transparent url(../images/icon/icon_bag.gif) no-repeat left 0.1em;
}
div.categories dt a.cart {
	background: transparent url(../images/icon/icon_cart.gif) no-repeat left 0.1em;
}
div.categories dt a.heart {
	background: transparent url(../images/icon/icon_heart.gif) no-repeat left 0.1em;
}
div.categories dt a.question {
	background: transparent url(../images/icon/icon_question.gif) no-repeat left 0.1em;
}
div#leftSide div#categoryLists div.categories dd {
	margin: 0 0 3px;
	padding: 0 7px;
	font-size: 116%;
}
div#leftSide div#categoryLists div.categories dd a {
	padding-left: 17px;
	background: transparent url(../images/icon/icon_arrow.gif) no-repeat 3px 0.4em;
	display: block;
}
div#leftSide div#categoryLists div.categories dd.current a {
	color: #C1272D;
}
div#leftSide div#categoryLists div.categories dd.current ul li a:link {
	color: #0071BC;
}
div#leftSide div#categoryLists div.categories dd.current ul li a:visited {
	color: #A50082;
}
div#leftSide div#categoryLists div.categories dd.current ul li a:hover,
div#leftSide div#categoryLists div.categories dd.current ul li a:active,
div#leftSide div#categoryLists div.categories dd.current ul li a:focus {
	color: #C1272D;
}
div#leftSide div#categoryLists div.categories dd.current ul li a.current:link {
	color: #C1272D;
}
div#leftSide div#categoryLists div.categories dd ul {
	margin: 0 0 0 14px;
}
div#leftSide div#categoryLists div.categories dd ul li {
	_display: inline;
}
div#leftSide div#categoryLists div.categories dd div.child ul li.current a {
	color: #C1272D;
}
div#leftSide div#categoryLists div.categories dd ul li a {
	background: transparent url(../images/icon/icon_arrow_details.gif) no-repeat 3px 0.4em;
}
div#leftSide .section {
	padding: 0 0 0 6px;
}

/* --------------------------------------------------------------------------------
  右サイドバー
	div#rightSide
-------------------------------------------------------------------------------- */
div#rightSide .section {
	/*margin: 0 15px;*/
	padding: 0 0 10px;
	overflow: hidden;
}
div#rightSide .section p {
	font-size: 116%;
}
/*div#rightSide div#firstTime {
	margin-top: 6px;
	_margin-top: 13px;
}*/


/* --------------------------------------------------------------------------------
  フッタナビゲーション
	ul#footerNav
-------------------------------------------------------------------------------- */
div#footer ul#footerNav,
div#footer div#footerNav {
	background: transparent url(../images/bg_footerNav.gif) no-repeat center top;
	padding: 20px 0 13px;
	overflow: hidden;
	/zoom: 1;
}
.w460 div#footer ul#footerNav,
.w460 div#footer div#footerNav {
	overflow: hidden;
	/zoom: 1;
}
div#footer div#footerNav {
	height: 15px;
}
div#footer ul#footerNav li {
	float:  left;
	margin-right: 1em;
}


/* --------------------------------------------------------------------------------
  copyright
	div#copyright
-------------------------------------------------------------------------------- */
div#footer div#copyright {
	margin: 0;
	padding: 18px 10px;
	background: #fff url(../images/bg_footer.gif) repeat-x bottom;
	color: #8B8B81;
	font-size: 11px;
	text-align: left;
	overflow: hidden;
}
.w460 div#footer div#copyright {
	padding: 18px 50px 8px;
	font-size: 10px;
}
div#footer div#copyright address {
	color: #555;
	float: left;
	font-style: normal;
}
div#footer div#copyright p#copy {
	float: right;
}


/* --------------------------------------------------------------------------------
  メインコンテンツ
	div#contents
-------------------------------------------------------------------------------- */
div#contents #content .section {
	margin-bottom: 40px;
	overflow: hidden;
	position: relative;
	_zoom: 1;
}
h2 {
	font-size: 180%;
	font-weight: bold;
}
div#contents #content h2 span {
    font-size: 55.6%;
    display: block;
}
div#contents #content h2.subheading {
	padding-top: 0.4em;
	line-height: 1.4;
}
div#contents #content h2.subheading span {
	font-size: 70%;
	line-height: 1.4;
	display: inline-block;
}

div#contents #content h3 {
	font-size: 120%;
	font-weight: bold;
}
div#contents #content h3 a {
	background: transparent url(../images/icon/icon_h3_arrow.gif) no-repeat left 0.2em;
	padding-left: 17px;
	color: #fff;
}
div#contents #content h3 a:visited {
	color: #ddecc8;
}
div#contents #content h3 a:hover,
div#contents #content h3 a:active,
div#contents #content h3 a:focus {
	color: #faed00;
}
div#contents #content h4 {
	margin: 1.5em 0 0.7em;
	padding: 5px 0;
	font-size: 140%;
	font-weight: bold;
	color: #333;
	border-bottom: 1px solid #CACAC2;
}
div#contents #content .section div {
	overflow: hidden;
	_zoom: 1;
}
div#contents #content .section div h4 {
	margin: 0 0 0.7em;
	_width: auto;
}
div#contents #content h5 {
	margin: 1em 0 0.5em;
	padding: 0 0 0 4px;
	font-size: 120%;
	font-weight: bold;
	color: #333;
	border-left: 6px solid #CACAC2;
}
div#contents #content h5.second_title {
	margin-top: 0;
}
div#contents #content h6 {
	margin: 1.5em 0 1em;
	padding: 0;
	font-size: 120%;
	color: #333;
	font-weight: bold;	
}
div#contents #content p {
	font-size: 120%;
	margin: 0 0 1em;
}
div#contents #content table {
	margin: 1em 0;
	width: 100%;
	font-size: 120%;
	border-right: 1px solid #CACAC2;
	border-bottom: 1px solid #CACAC2;
}
div#contents #content table caption {
	margin-bottom: 5px;
	color: #333;
	font-weight: bold;
}
div#contents #content table th,
div#contents #content table td {
	border-left: 1px solid #CACAC2;
	border-top: 1px solid #CACAC2;
	padding: 8px;
}
div#contents #content table th.rows {
	color: #fff;
	background-color: #92734B;
	text-align: center;
}
div#contents #content table th.cols {
	background-color: #F5F5F0;
}
div#contents #content table.data_table td {
	text-align: right;
}
div#contents #content table.data_table tfoot th {
	text-align: center;
}