/* === tlast up date  03 04/18 === */

/* === topic path　パンくずリスト　 === */

div#ewContentsBody p.topicPath {
 margin:4px 0 4px 10px;
 padding-top:2px;
 font:normal normal normal 10px/14px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 }
	
/* === 汎用的に使うアクションボタンの位置　 === */
/*　右揃え  */
div.actionButtonR {
 text-align:right;
 padding: 0;
 margin:0;
}
/*　中央  */
div.actionButtonC {
 text-align:center;
 padding: 4px;
 margin:4px;
}
/*　左揃え  */
div.actionButtonL {
 padding: 4px;
 margin:4px;
}

/* === 汎用的に使うPタグのクラス　 === */

div#ewContentsBody p { 
 line-height: 1.4;
} 

/* 色文字強調 */
div#ewContentsBody p.notice {
 font:normal normal normal 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 color:#641000;
}

div#ewContentsBody p.lead { 
 color:#666666;
 font:normal normal normal 10px/14px ;
 margin-bottom:4px;
} 

div#ewContentsBody p.captionWhite { 
color:#ffffff;
font-size: 10px;
line-height: 12px;
font-style: normal; 
font-weight: normal;
} 

/* english */
p.english-title {
 font:normal normal bold 14px/16px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 color:#bc542e;
}
p.english {
 font:normal normal normal 12px/16px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 color:#000000;
}

div#ewContentsBody h1 {

 border-width:1px 0 1px 0;
 padding-top:6px;
 padding-bottom:2px;
 }
 /* ドキュメントタイトル：画像グレイ文字 */
div#ewContentsBody h2 {  
} 
div#ewContentsBody h3 {  
} 
div#ewContentsBody h4 {  
 font:normal normal bold 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
} 

/* === ページのトップへ戻る　 === */
div#ewContentsBody div.gotoTop {
 clear:both;
 border-top:1px #cfcfcf solid;
 margin-top:32px;
 margin-bottom:0;
 padding-top:3px;
 padding-bottom:0;
 text-align:right;
 }
em {
color:#8d0000;
font-style:normal;
font-weight:bold;
}
div#ewContentsBody img.action {
 margin-top:4px;
 margin-bottom:4px;
 }

 /* 関連情報　*/
div#ewContentsBody div.contextInfo {
 color:#000000;
 border:1px #58963f solid;
 width:570px;
 padding:4px;
 margin: 12px 4px 12px 4px;
}
div#ewContentsBody div.contextInfo h4 {
 color:#58963f;
 font-size:12px;
 padding:0 4px 4px 4px;
 margin:0;
}
div#ewContentsBody div.contextInfo p {
margin-top: 8px;
margin-right: 10px;
padding: 0;
}

/* 線付の表　*/
div#ewContentsBody table.general {  
 border: 1px #999999 solid ;
 border-collapse: collapse;
 empty-cells: show;
 table-layout: fixed;
 margin-bottom:6px;
 width:570px;
 }
div#ewContentsBody table.general tr th {
 background-color: #eeeeee;
 font:normal normal bold 12px/16px; 
 text-align: left;
}
div#ewContentsBody table.general td, div#ewContentsBody table.general th {
 border: 1px #999999 solid ;
 border-width: 0 1px 1px 0;
 padding: 2px;
 font:normal normal normal 12px/16px; 
}
div#ewContentsBody table.general td.title {
background-color: #eeeeee;
font:normal normal bold 12px/16px; 
}



/* ポイント交換　*/

div.pointEX {
 margin:4px 0 6px 4px;
 width:566px;
}
div.pointEX h2 {
font:normal normal bold 14px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
color:#ab6100;
}
div.pointEX h2.pointEx {
border-top: 4px #854724 solid;
padding: 4px 0 0 0;
}

div.pointEX p.catch {
font:normal normal bold 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
color:#ab6100;
}

div.pointEX div.menuSet {
 margin:4px 0 12px 8px;
font:normal normal normal 10px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}

div.noticeGuestArea {
 color:#000000;
 background-color:#fef0d6;
 border: 1px #ac420a solid;
 padding:4px;
 margin-bottom:6px;
 }
div.noticeGuestArea h4 {
font:normal normal bold 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin-bottom:6px;
 color:#b33811;
 }
div.noticeGuestArea p {
font:normal normal normal 10px/16px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 color:#000000;
 }

div.presentInfoArea {
 background:#ffffff url("/shared/images/bg_dottedLineH01.gif") top left repeat-x;
 width:566px;
 margin-left:4px;
 margin-bottom:12px;
}
div.presentInfoArea h3 {
font:normal normal bold 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
color:#333333;
margin-top:6px;
margin-bottom: 4px;
padding: 4px 0 0 6px;
}

div.presentInfoArea div.pointExArea {
 width:566px;
 background-color:#f0d39b;
 margin-bottom:6px;
}

td.cell01 {
 width:97px;
 padding-top:3px;
 text-align:center;
}
td.cell02 {
 width:79px;
}
td.pointExchangeStatus {
 width:390px;
 margin:0;
 padding-left:6px;
 padding-top:4px;
}
div.presentInfoArea div.pointless {
 margin: 4px 0 0 0;
 backgound-color: #888888;
font:normal normal normal 10px/14px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}
div.presentInfoArea span.needPoints {
 color:#8f2200;
}
div.presentInfoArea img.imgPhoto {
 border: 1px #b1b1b1 solid;
 margin: 2px 6px 2px 2px;
 float:left;
}
div.presentInfoArea div.discription {
 margin:2px 0 0 4px;
}

div.presentInfoArea dl.detail {
 margin-bottom:2px;
}
div.presentInfoArea dl.detail dt {
 display:inline;
 margin-left:4px;
}
div.presentInfoArea dl.detail dd {
 display:inline;
 margin-left:4px;
 color:#ac420a;
　font:normal normal bold 12px/14px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}
div.presentInfoArea div.goDetail {
padding:2px;
}


div.aboutPresent {
 background-color:#fef0d6;
 margin: 0 0 6px 4px;
 width:566px;
 border: 1px #cc9900 solid;
 padding:4px;
}
div.aboutPresent h3 {
font:normal normal bold 12px/16px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
color:#b33811;
margin:4px 0 4px 0;
}
div.aboutPresent ul {
 padding:0 0 0 0;
 margin-left:32px;
 } 
 
 
 /* news informartion */

div.newsInfoArea {
 background:#ffffff url("/shared/images/bg_dottedLineH01.gif") top left repeat-x;
 width:566px;
 margin-left:4px;
 margin-bottom:12px;
}
div.newsInfoArea h3 {
font:normal normal bold 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
color:#333333;
margin-top:6px;
margin-bottom: 4px;
padding: 4px 0 6px 6px;
border-bottom: 3px #c17c55 solid;
}

dl.infoDetail {
 margin-bottom:6px;
}
dl.infoDetail dt {
 margin-left:4px;
　font:normal normal normal 12px/14px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}
dl.infoDetail dd {
 margin-left:24px;
　font:normal normal normal 12px/14px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}
div.newsInfoArea div.newsArea {
 width:566px;
 background-color:#f0d39b;
 margin-bottom:6px;
 text-align:right;
 margin-right:4px;
}
div.newsInfoArea img.imgPhoto {
 border: 1px #b1b1b1 solid;
 margin: 2px 6px 2px 2px;
 float:left;
}
div.newsInfoArea div.discription {
 margin:2px 0 0 4px;
}



div.noticePointArea {
 padding:4px;
 }
div.noticePointArea p {
font:normal normal normal 12px/16px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 }
div.noticePointArea span.amountPoint {
font:normal normal bold 16px/16px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 color: #b33811; 
 }

div.contactInfo {
 border: 1px #66a835 solid;
 background: #e4fbac;
 padding:4px;
 margin: 0 0 6px 4px;
 width:566px;
}
div.contactInfo h4 {
font:normal normal bold 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
 margin:4px 0 0 0;
 color:#66a835;
}
div.contactInfo dl {
 padding:0 4px 0 0;
}
div.contactInfo dt {
 margin:0 0 0 0;
 font:normal normal bold 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}
div.contactInfo dd {
 margin:0 0 0 0;
 padding-left:0;
 margin-bottom:6px;
 font:normal normal bold 12px/18px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}

div.presentNavi {
 background: #ffffff;
 padding:2px 4px 2px 4px;
 margin:4px 0 4px 4px;
 width:566px;
}
div.presentNavi p {
 text-align:right;
 margin-right:2px;
}
div.presentNavi img{
 margin:0 5px 0 0;
}

div.infoPresentArea div.presentDetail div.prize {
 padding:2px;
 font:normal normal normal 12px/18px; 
 color:#463800;
}
/* 枠線付コラム（緑枠白） */
div#ewContentsBody div.attention {
 padding:4px;
 background-color:#ffffff;
 border:1px #58963f solid;
 margin:4px;
}

div#ewContentsBody div.attention h4 {
 font:normal normal bold 12px/18px;
 color:#58963f;
 margin-top:0;
 margin-bottom:0;
}

 
div.newsInfoArea  div.discription dl {
 margin-bottom:4px;
}
div.newsInfoArea  div.discription dt {
 margin-left:4px;
 font:normal normal bold 12px/14px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}
div.newsInfoArea  div.discription dd {
 margin-left:4px;
　font:normal normal normal 12px/14px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}

 /*  関連リンク */

div.contextLink {
 border-top: 1px #999966 dotted;
 border-bottom: solid 1px #ccc;
 margin-top: 20px;
 margin-left: 6px;
 margin-right: 10px;
 margin-bottom: 10px;
 padding-top: 5px;
 padding-bottom: 20px;
 clear: both;
}
div.contextLink .heading {
 margin-bottom: 1em;
 color: #006633;
 font-size: 100%;
}
div.contextLink dl {
 margin-bottom: 1em;
}
div.contextLink dl dd {
 padding-left: 24px;
 color: #669966;
}
div.contextLink dl dt {
 padding-left: 24px;
 margin-top: 0;
 margin-left: 0px;
 background:  url(/shared/images/context_ic001.gif) no-repeat;
}


//* 線付の表　*/
.line-table line-table-caption01 {
 text-align: left;
 font:bold normal bold 83%/183% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}

 table.line-table {  
 border: 1px #999999 solid ;
 border-collapse: collapse;
 empty-cells: show;
 table-layout: fixed;
 margin-bottom:6px;
 width:400px;
 }
.line-table tr th {
 background-color: #eeeeee;
 text-align: left;
 font:normal normal bold 83%/183% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}
.line-table td, div#ewContentsBody table.general th {
 border: 1px #999999 solid ;
 border-width: 0 1px 1px 0;
 padding: 2px;
 font:normal normal normal 83%/183% Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
}
.line-table td.title {
background-color: #eeeeee;
}

div.aboutGoods {
 margin: 10 0 10px 4px;
 width:566px;
 padding:4px;
}
div.aboutGoods h3 {
font:normal normal bold 12px/16px Verdana, Arial, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
color:#b33811;
margin:4px 0 4px 0;
}
div.aboutGoods ul {
 padding:0 0 0 0;
 margin-left:12px;
 }