@charset "utf-8";

/*============================================================================
	
	6.おトクな情報
		6-0 共通スタイル
		6-1 詳細
		6-2 index
		6-3 灯油
		6-4 お米
		6-5 VALUE PASS
		6-6 エコポイント
		6-7 セレモニー
		6-8 カタログギフト
		
		
=============================================================================*/

/* @group 6-0 共通
---------------------------------------------------------------------- */

ul.ticketList:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul.ticketList {
	display: inline-block;
	min-height: 1%;/* for IE 7*/
}

/*\*/
* html ul.ticketList {
	height: 1%;
}

ul.ticketList {
	display: block;
}
/**/

ul.ticketList li {
	width: 340px;
	float: left;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
}

ul.ticketList li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul.ticketList li {
	display: inline-block;
	min-height: 1%;/* for IE 7*/
}

/*\*/
* html ul.ticketList li {
	height: 1%;
}
ul.ticketList li {
	display: block;
}
/**/

ul.ticketList li img.artist {
	vertical-align: top;
	margin-right: 10px;
	float: left;
	/* border: 3px double #ccc; */
}

ul.ticketList li dl {
	float: left;
	width: 225px;
	margin-right: 10px;
}

ul.ticketList li dl dt {
	padding-bottom: 5px;
}

ul.icon {
	margin: 0 0 10px;
	padding: 0;
}

ul.icon:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul.icon {
	display: inline-block;
	min-height: 1%;/* for IE 7*/
}

/*\*/
* html ul.icon {
	height: 1%;
}

ul.icon {
	display: block;
}
/**/

ul.icon li {
	float: left;
	width: auto;
	margin-right: 5px;
	border: none;
}

div.purumie table.sheet th {
	background-color: #eee;
}

div.purumie address {
	border: none;
	background-color: transparent;
	padding: 5px 0;
}

div.purumie address.address {
	border: 1px solid #ccc;
	background-color: #eee;
	margin-bottom: 4px;
	padding: 5px 10px;
}

div.purumie address span {
	font-size: 123.1%;
	color: #ef7e00;
	padding-right: 20px;
}

div.purumie dt {
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 108%;
}

div.purumie div.column {
	margin-bottom: 20px;
}

div.purumie table img {
	vertical-align: middle;
}

div.purumie table th {
	background-color: #ddd;
	padding: 10px;
	width: 200px;
}

div.purumie table td ul.list {
	margin: 3px 0 0 0;
	font-size: 85%;
}

div.carriage {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #a9a9a9;
}

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

div.carriage {
	display: inline-block;
	min-height: 1%;/* for IE 7*/
}

/*\*/
* html div.carriage {
	height: 1%;
}

div.carriage {
	display: block;
}
/**/

div.carriage dl {
	float: left;
	margin-right: 20px;
}

p.info_end{
	padding-top: 10px;
	margin: 0;
}

/* @end -------------------------------------------------------------- */

/* @group 詳細
---------------------------------------------------------------------- */

div.performance {
	margin: 0 5px 30px;
	padding-bottom: 30px;
	border-bottom: 3px solid #ddd;
}

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

div.performance {
	display: inline-block;
	min-height: 1%;/* for IE 7*/
}

/*\*/
* html div.performance {
	height: 1%;
}

div.performance {
	display: block;
}
/**/

div.performance div.artist {
	width: 500px;
	float: left;
}

div.performance h3 {
	background: transparent url(../images/ico_ring.gif) no-repeat 0% 50%;
	margin-bottom: 10px;
	padding: 5px 0 5px 20px;
	border-bottom: 1px dotted #787878;
	font-size: 116%;
}

div.performance div.detail {
	margin: 0 5px;
}

div.performance div.detail h4 {
	font-size: 100%;
	font-weight: normal;
}

div.performance div.detail h5 {
	font-size: 107%;	
}

div.performance div.detail p.description {
	padding: 10px;
	background-color: #eee;
	border: 1px solid #ccc;
}

div.performance div.detail dl {
	margin: 0 0 5px;
}

div.performance div.detail div.datePlace {
	margin-bottom: 10px;
	/*padding-left: 15px;
	border-left: 2px solid #ccc;*/
	border-bottom: 1px solid #ddd;
}

div.performance div.detail div.date {
	margin-bottom: 10px;
	padding-top: 5px;
	/*padding-left: 15px;
	border-left: 2px solid #ccc;*/
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

div.performance div.detail div.price {
	margin-bottom: 0;
}

div.performance div.detail div.price em {
	color: #ef7e00;
	font-size: 116%;
}

div.performance div.detail div.appearance {
	margin-bottom: 0;
}

/*詳細右の写真*/
div.performance .artistImage {
	float: right;
	width: 180px;
}

div.performance .artistImage p {
	font-size: 85%;
}
/* END 詳細右の写真*/

div.performance div.detail dl.specialSales {
	margin-bottom: 10px;
	padding: 5px 10px;
	border: 1px solid #ccc;
}

div.performance div.detail dl.specialSales dt {
	color: #ef7e00;
	font-weight: bold;
}

/* @end -------------------------------------------------------------- */

/* @group index
---------------------------------------------------------------------- */
div#otoku div.column div {
	width: 220px;
	height: 127px;
	float: left;
	margin: 0 3px 20px 3px;
	display: inline;
}

div#otoku div.column div h4 {
	margin: 0;
}

div#otoku div.column div ul {
	background: url(../images/index/e-head_bg.gif) no-repeat 0 0;
	height: 22px;
	padding: 0 10px;
}

div#otoku div.column div ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#otoku div.column div ul {
	display: inline-block;
	min-height: 1%;/* for IE 7*/
}

/*\*/
* html div#otoku div.column div ul {
	height: 1%;
}

div#otoku div.column div ul {
	display: block;
}
/**/

div#otoku div.column div ul li {
	float: left;
	margin-right: 5px;
	height: 22px;
	
}

div#otoku div.column div ul li img {
	padding-top: 4px;
}

div.ho-me div.eBook {
	float: left;
	width: 158px;
	margin-bottom: 0;
}

div.ho-me div.fr {
	width: 500px;
}

div.ho-me h4 {
	color: #ef7e00;
}

div#vp {
	border-bottom: 1px dotted #454545;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

/* @end -------------------------------------------------------------- */

/* @group お米
---------------------------------------------------------------------- */
div#riceService h3 {
	float: left;
	width: 280px;
}

div#riceService h3 span {
	color: #454554;
	font-size: 72%;
	text-align: center;
	display: block;
	font-weight: normal;
}

div#riceService div.column {
	float: right;
	width: 400px;
	margin-bottom: 20px;
}

div#riceService div.column h4 {
	color: #ef7e00;
}

div#riceService div.column dd {
	margin-bottom: 1em;
	padding-left: 1em;
}

div#riceService div.column ul {
	margin: 1em 0;
	font-size: 85%;
}

div#rice {
	width: 700px;
	margin: 0 auto 20px;
}

div#rice hr {
	visibility: visible;
	border: 1px solid #ccc;
	margin-bottom: 20px;
}

div#rice div.column {
	width: 330px;
	margin-bottom: 20px;
}

div#rice div.column strong {
	font-size: 93%;
}

div#rice h4 {
	color: #ef7e00;
}

div#rice table {
	width: 200px;
}

/* @end -------------------------------------------------------------- */

/* @group 灯油
---------------------------------------------------------------------- */
div#kerosene h4 {
	margin-bottom: 0;
}

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

div#kerosenePrice {
	display: inline-block;
	min-height: 1%;/* for IE 7*/
}

/*\*/
* html div#kerosenePrice {
	height: 1%;
}
div#kerosenePrice {
	display: block;
}
/**/

div#kerosenePrice img {
	float: left;
	margin-right: 20px;
}

div#kerosenePrice ul {
	margin-left: 300px;
	padding-top: 27px;
}

p#absence {
	margin: 0 0 10px;
	padding: 5px 10px;
	text-align: center;
	background-color: #f5ab74;
	border: 1px solid #ef7e00;
	color: #fff;
	font-weight: bold;
}

p#endyear {
	margin: 0 0 10px;
	padding: 5px 10px;
	text-align: center;
	background-color: #f54a4a;
	border: 1px solid #ef7e00;
	color: #fff;
	font-weight: bold;
}


/* @end -------------------------------------------------------------- */

/* @group VALUE PASS
---------------------------------------------------------------------- */
div#valuePass p.period {
	border-bottom: 1px dotted #a9a9a9;
	padding-bottom: 10px;
}

div#valuePass div.line {
	border-top: 1px dotted #a9a9a9;
	padding-top: 10px;
}
/* @end -------------------------------------------------------------- */

/* @group エコポイント
---------------------------------------------------------------------- */

div#ecoPoint th {
	white-space: nowrap;
	padding: 10px 7px;
	text-align: center;
	vertical-align: middle;
}

div#ecoPoint td {
	padding: 10px 7px !important;
	text-align: center;
	vertical-align: middle;
}

div#ecoPoint td.text_l {
	text-align: left;
	padding: 10px 15px;
}

/*トップ*/

div.eco{
	margin: 0 5px 30px 5px;
	clear: both;
}

div.eco h3{
	margin: 0;
	padding: 0;
}

div.bg-green{
	background-color: #b2ca71;
	color: #ffffff;
	padding: 10px 20px 5px;
}

div.bg-brown{
	background-color: #8c6c2f;
	color: #ffffff;
	padding: 10px 20px 5px;
}

div.eco p.link_eco{
	text-align: right;
}

div.eco a:link { color: #ffffff; text-decoration: underline;}
div.eco a:visited { color: #ffffff; text-decoration: underline;}
div.eco a:hover { color: #454545; text-decoration: underline;}
div.eco a:active { color: #454545;text-decoration: underline;}



/* @end -------------------------------------------------------------- */


/* @group セレモニー
---------------------------------------------------------------------- */
div#dismalTrade div {
	width: 50%;
}

div#dismalTrade dl {
	margin-bottom: 1em;
}

div#dismalTrade dl dt {
	font-weight: bold;
}

.mb40 {
	margin-bottom: 40px !important;
}
/* @end -------------------------------------------------------------- */

/* @group カタログギフト
---------------------------------------------------------------------- */
body#catalog-gift div.line {
	width: 678px;
	margin: 0 auto 20px;
	border: 1px solid #542e21;
}

body#catalog-gift div.line h3 {
	float: left;
	width: 199px;
	margin-bottom: 10px !important;
}

body#catalog-gift div.line p.read {
	margin-left: 199px;
	margin-bottom: 10px !important;
	padding: 7px 10px 7px 15px;
}

body#catalog-gift div.line div.column.fl,
body#catalog-gift div.line div.column.fr {
	width: 312px;
	display: inline;
}

body#catalog-gift div.line div.column.fl h4,
body#catalog-gift div.line div.column.fr h4,
body#catalog-gift div.line div.column.fl p,
body#catalog-gift div.line div.column.fr p {
	margin-left: 9px;
}

body#catalog-gift div.line div.fl {
	margin-left: 20px;
}

body#catalog-gift div.line div.fr {
	margin-right: 20px;
}

body#catalog-gift div.line div.column.school {
	margin: 0 0 20px 0;
	padding-top: 20px;
	clear: both;
}

body#catalog-gift div.line div.column.school img.fl {
	margin-left: 20px;
	display: inline;
	width: 160px;
}


body#catalog-gift div.line div.column.school div.fr {
	width: 451px;
	margin-right: 35px;
}


body#catalog-gift div.line div.column.box {
	width: 640px;
	margin: 0 auto;
}

body#catalog-gift div.line div.column div.group {
	width: 150px;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}

body#catalog-gift table.about {
	margin-bottom: 20px;
}

body#catalog-gift table.about th,
body#catalog-gift table.about td {
	padding: 3px 5px;
	vertical-align: top;
}

body#catalog-gift div#course15 table a:link,body#catalog-gift div#course15 table a:visited {
	text-decoration: none;
}

body#catalog-gift div#course15 table {
	width: 330px;
	border-left: 2px solid #fff;
}

body#catalog-gift div#course15 table.stripe thead th,
body#catalog-gift div#course15 table.stripe thead td {
	color: #fff;
	background-color: #542e21 !important;
	padding: 10px 5px;
	border-left: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
	text-align: center;
	font-size: 113%;
}

body#catalog-gift div#course15 table tbody th,
body#catalog-gift div#course15 table tbody td {
	padding: 10px 5px;
	border-left: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
}

body#catalog-gift div#course15 table td,
body#catalog-gift div#course15 table thead td {
	color: #ef8200 !important;
	text-align: center;
}

body#catalog-gift div#course15 table tbody td {
	font-weight: bold;
	font-size: 113%;
}

body#catalog-gift div#course15 table tbody th img {
	padding-right: 10px;
}

body#catalog-gift div.section ol.step {
	margin: 0 auto 20px;
	width: 680px;
}

body#catalog-gift div.section ol.step:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

body#catalog-gift div.section ol.step {
	display: inline-block;
	min-height: 1%;
}

/*\*/
* html body#catalog-gift div.section ol.step {
	height: 1%;
}

body#catalog-gift div.section ol.step {
	display: block;
}
/**/

body#catalog-gift div.section ol.step li {
	width: 150px;
	padding-right: 25px;
	float: left;
	background: url(../../common/images/ico_arrowR.gif) no-repeat 99% 50%;
}

body#catalog-gift div.section ol.step li p {
	height: 60px;
}

body#catalog-gift div.section ol.step li#step4 {
	padding-right: 0;
	background: none;
}


body#catalog-gift ol li img {
	border: 1px solid #a9a9a9;
	border-bottom: none;
}

body#catalog-gift ol li p {
	padding: 5px;
	margin-bottom: 0;
	border: 1px solid #a9a9a9;
	border-top: none;
}

/*詳細*/

body#catalog-gift div.productInfo h3 {
	background: transparent url(../gift/images/bg_bar.gif) no-repeat 0 0;
	width: 668px;
	height: 33px;
	padding: 7px 0 0 32px;
	position: relative;
}


body#catalog-gift div.productInfo h3 strong {
	color: #ef8000;
	position: absolute;
	right: 10px;
	*font-size: 85%;
}

body#catalog-gift div.productInfo h3 strong span {
	font-size: 62.5%;
}

body#catalog-gift div.productInfo ul.square {
	border-top: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
	margin: 0 0 10px 0;
	padding: 10px 0 10px 25px;
}

body#catalog-gift div.productInfo ul.square li {
	margin: 0;
	padding: 0;
}




/* 2010年3月10日追加 */
body#catalog-gift div#campaign-2010-3 {
	background: url(../gift/images/index/campain-bg.gif) no-repeat 0 0;
	width: 680px;
	margin: 0 auto 20px;
}

body#catalog-gift div#campaign-2010-3 h3 {
	margin-bottom: 0;
	padding: 25px;
}

body#catalog-gift div#campaign-2010-3 h4 {
	float: left;
	width: 146px;
	margin-bottom: 0;
	padding: 3px 6px 0 20px;
}

body#catalog-gift div#campaign-2010-3 p {
	float: left;
	width: 370px;
	padding: 3px 0 0 6px;
	margin-bottom: 0;
}

body#catalog-gift div#campaign-2010-3 ul {
	clear: both;
	
	margin: 0 auto;
	padding: 10px 0 12px 15px;
	border-right: 1px solid #7e7e7e;
	border-bottom: 1px solid #7e7e7e;
	border-left: 1px solid #7e7e7e;
	font-size: 85%;
	background-color: #f2f1f1;
}

body#catalog-gift div#campaign-2010-3 ul li {
	margin: 0;
	padding: 0 5px;
}


/* @end -------------------------------------------------------------- */