@charset "euc-jp";

/*----------------------------------------
mastercard_campaign style.css
create date:2009/10/29

-0.共通設定
-1.TOP main
-2.area_list
-3.ylogin
-4.about_mc
-5.cp_detail
-6.cp_notice
-7.footer
-8.end_campaign
-9.twitter
----------------------------------------*/


/*----------------------------------------
0.共通設定
----------------------------------------*/

/*  ---- Reset ----  */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,img { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*  ---- Fontsize Base ----  */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.22;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}

/*  ---- Fontsize Pattern ----  */
/*
10px 	77%
11px 	85%
12px 	93% (was 93)
13px 	100%
14px 	108% (was 107)
15px 	116% (was 114)
16px 	123.1% (was 122)
*/
/*  ----------  */

/*  ---- clearfix ----  */

.clearfix{
    zoom:1;
}
.clearfix:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
.clear{
	clear:both;
}

 /* === wrapperの定義 === */

#wrapper{ 
width: 950px;
margin:0 auto;
padding:0 10px;
}

 /* === /wrapperの定義 === */



/*--------- global rules ---------*/
* {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
}

body {
	background: #d3ee8a;
	text-align: center;
	color: #333333;
	line-height: 140%;
}


#wrapper-base	 {
	height: auto;
	background: #ffffff;
	text-align: left;
}

#main {
	background: #ffffff;
	width:922px;
	margin: 0px;
	height: auto;
	clear: both;
	float: none;
	margin: 0 14px;		
}

/*--------- header ---------*/
#header {
	width:922px;
	padding:10px 0;
	margin:0 14px;
}
#logo {
	float: left;
	height: 37px;
	width: 237px;
}

#header div.yjmthloginarea {
	float:right;
	width: 655px;
	text-align: right;
	margin:0.8em 0 0 0;
	padding:0;
}

.yjmthloginarea p.yjS{
	text-align: right;
}

/*------------------------------------------------
   emg-patch
------------------------------------------------*/
div.EMG{
	text-align: center;
	clear:both;
	margin: 0;
	}
div.EMG table{
	margin: 10px auto 20px auto;
	text-align: left;
	}
div.EMG table table{
	margin: 0;
	}
div.EMG table td{
	padding:2px;
	}

/* ie/mac \*//*/
div.EMG{
	margin-left: 235px;
	}
/**/

/* End  emg-patch */

/* EMGにyjMを適用 */
div.EMG{
	font-size:small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:medium;
	font-size /**/:small;
	}
html>body .EMG{
	font-size:100%;
	font-size/**/:medium;
}
/* /EMGにyjMを適用 */

/*--------- margin ---------*/
.mrg_t5{margin-top:5px;}
.mrg_t10{margin-top:10px;}
.mrg_t15{margin-top:15px;}
.mrg_tb15{margin-top:15px;margin-bottom:15px;}
.mrg_l40{margin-left:40px;}

/*--------- text ---------*/
strong{
	font-weight:bold;
}

#wrapper{
	text-align:left;
	line-height:1.6em;
}
.t-right{text-align:right;}
div#main a{color:#0d8a00;}
div#main a:visited{color:#551A8B;}

/*----------------------------------------
1.TOP main
----------------------------------------*/

/*--------- main ---------*/
/*2010年2月1日〜2010年3月31日*/
#main_img  {
	background: url(https://s.yimg.jp/images/koukin/01/campaign/furusato2010/img_main.jpg) no-repeat left top;
	height: 252px;
	padding: 0px;
	display: block;
	text-indent: -9999px;
}
/*2010年4月23日〜2010年7月22日*/
#main_img_02  {
	background: url(https://s.yimg.jp/images/koukin/01/campaign/furusato2010/img_main2.jpg) no-repeat left top;
	height: 252px;
	padding: 0px;
	display: block;
	text-indent: -9999px;
}
/*--------- main_navi ---------*/
div.main_navi_bg{
	background:url(https://s.yimg.jp/images/koukin/01/campaign/furusato2010/bg_main_navi_body.png) left top repeat-y;
	margin:20px 0;
}
div.main_navi{
	background:url(https://s.yimg.jp/images/koukin/01/campaign/furusato2010/bg_main_navi_btm.png) left bottom no-repeat;
	position:relative;
	padding-bottom:45px;
}
div.main_navi dl{
	width:301px;
}
div.main_navi dl#main_navi_01{margin-right:10px; float:left;}
div.main_navi dl#main_navi_02{float:left;}
div.main_navi dl#main_navi_03{float:right;}
div.main_navi dl dt{
	height:34px;
	background:url(https://s.yimg.jp/images/koukin/01/campaign/furusato2010/ttl_navi_menu.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
div.main_navi dl#main_navi_01 dt{ background-position:left top;}
div.main_navi dl#main_navi_02 dt{ background-position:-301px top;}
div.main_navi dl#main_navi_03 dt{ background-position:-602px top;}
div.main_navi dl dd.navi_txt{
	padding:10px 105px 0 18px;
	font-size:110%;
	line-height:1.5em;
	_line-height:1.4em;
}
div.main_navi dl#main_navi_01 dd.navi_txt{background:url(https://s.yimg.jp/images/koukin/01/campaign/furusato2010/bg_img_navi01.png) 200px 2em no-repeat;}
div.main_navi dl#main_navi_02 dd.navi_txt{background:url(https://s.yimg.jp/images/koukin/01/campaign/furusato2010/bg_img_navi02.png) 200px 2em no-repeat;}
div.main_navi dl#main_navi_03 dd.navi_txt{background:url(https://s.yimg.jp/images/koukin/01/campaign/furusato2010/bg_img_navi03.png) 195px 2em no-repeat;}

div.main_navi dl dd.btn_detail{
	text-align:right;
	font-size:0;
	line-height:0;
	position:absolute;
	bottom:10px;
}
div.main_navi dl#main_navi_01 dd.btn_detail{ left:140px;}
div.main_navi dl#main_navi_02 dd.btn_detail{ left:450px;}
div.main_navi dl#main_navi_03 dd.btn_detail{ left:760px;}

/*----------------------------------------
2.area_list
----------------------------------------*/
div.area_list{
	border:1px solid #1fa605;
	padding-bottom:5px;
	clear:both;
}
div.area_list h2{
	background-color:#ebffb6;
	padding:10px 10px 10px 15px;
}
div.area_list dl.area{
	margin:15px 20px 0 20px;
	line-height:normal;
}
div.area_list dl.area dt{
	float:left;
	white-space:nowrap;
	font-weight:bold;
	width:7em;
	_width:6.7em;	
	margin-bottom:0.3em;
	_margin-bottom:0.6em;
}
div.area_list dl.area dd{
	margin-bottom:0.3em;
	_margin-bottom:0.6em;
}
div.area_list dl.area dd ul li{
	float:left;
	border-right:1px solid #000;
	padding:0 5px;
	white-space:nowrap;
	margin-bottom:0.2em;
}
div.area_list dl.area dd li.end{border:none;}
div.area_list p{
	text-align:right;
	margin-right:15px;
}
/*----------------------------------------
3.ylogin
----------------------------------------*/
div.finding{
	background:url(https://s.yimg.jp/images/koukin/01/campaign/furusato2010/fd_bgx.gif) left top repeat-x;
	border:1px solid #e3e3e3;
	
}
div.finding h2{
	background:url(https://s.yimg.jp/images/koukin/01/campaign/furusato2010/fd_mark.png) 1px 1px no-repeat;
	height:41px;	
}
div.finding h2 img{
	margin:11px 0 0 50px;
}
dl.ylogin {
	position:relative;
	margin:0 35px 0 40px;
}
dl.ylogin dt{
	position:absolute;	
	width:452px;
	right:0;
	top:0.5em;
}

dl.ylogin dd.yjM{
	margin:0 480px 0.2em 0px;
	_margin-bottom:0.5em;
}
/*----------------------------------------
4.about_mc
----------------------------------------*/
dl.about_mc{
	margin:15px 0 0 80px;
}
dl.about_mc dt{
	float: left;
	width:149px;
	margin-top:15px;
}
dl.about_mc dd.txt{
	float: left;
	width:430px;
	margin:40px 20px 0;
}
dl.about_mc dd.img_mc{
	float: left;	
}

/*----------------------------------------
5.cp_detail
----------------------------------------*/
table#cp_detail{
	margin:0 20px;
	line-height:1.3em;
}
table#cp_detail tr{
	background:url(https://s.yimg.jp/images/koukin/01/campaign/furusato2010/dot_line.gif) left bottom repeat-x;
}
table#cp_detail tr.n_line{ background:none;}
table#cp_detail th{
	font-weight:bold;
	padding:15px 20px;
	width:20%;
}
table#cp_detail td{
	padding:15px 10px;
}
table#cp_detail td strong{
	color:#ff9600;
}
table#term{
	width:95%;
}
table#term tr{background:none;}
table#term th,table#term td{
	border:1px solid #1fa605;
	padding:5px;
	text-align:center;
	width:50%;	
}
table#term th{
	background-color:#ebffb6;
}
table#cp_detail td ul li{
	background:url(https://s.yimg.jp/images/koukin/01/campaign/furusato2010/bg_link.gif) left 0.4em no-repeat;
	padding-left:13px;
	line-height:1.5em;
}

/*----------------------------------------
6.cp_notice
----------------------------------------*/
div.cp_notice{
	width:907px;
	background-color:#ebffb6;
	margin:15px 0 0 15px;
	position:relative;
}
div.cp_notice span.round_bg{
	display:block;
	background:url(https://s.yimg.jp/images/koukin/01/campaign/furusato2010/notice_box_bg.gif) no-repeat;
	height:8px;
	font-size:0;
}
div.cp_notice span#top{background-position:left top;}
div.cp_notice span#btm{background-position:left bottom;}
div.cp_notice dt{
	position:absolute;
	top:-15px;
	left:-15px;
	background:url(https://s.yimg.jp/images/koukin/01/campaign/furusato2010/ttl_notice.gif) left top no-repeat;
	width:89px;
	height:43px;
	text-indent:-9999px;
	overflow:hidden;
}
div.cp_notice dd ul{
	margin:25px 10px 10px 25px;
}
div.cp_notice dd ul li{
	background:url(https://s.yimg.jp/images/koukin/01/campaign/furusato2010/list_mark_notice.gif) left 0.4em no-repeat;
	padding-left:20px;
	margin-bottom:0.3em;
	zoom:1;
}
/*----------------------------------------
7.footer
----------------------------------------*/
#foot {
	text-align: center;
	padding: 40px 0px 15px;
	margin: 0px;
	height: auto;
	clear: both;
	background: #ffffff no-repeat top;
}

#column_under p {
	height: auto;
	padding: 10px 15px 10px 25px;
	width: auto;
}
#foot ul {
	display: block;
	width: 950px;
	height: auto;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 8px;
	margin-bottom: 8px;
}
#footer hr {
	display: none;
}
#foot li {
	display: inline;
}
#foot a {
	padding-right: 5px;
	padding-left: 5px;
}
/*----------------------------------------
8.end_campaign
----------------------------------------*/
#end_cmp {
	width: 922px;
	padding: 20px 0px 0px;
	margin: 10px auto;
	height: auto;
	text-align: center;
	color: #009900;
	background: #ffffff;
	border-top: 8px solid #13C800;
	border-right: 0px solid #13C800;
	border-bottom: 8px solid #13C800;
	border-left: 0px solid #13C800;
}

#end_cmp ul {
	display: block;
	padding-bottom: 15px;
	height: auto;
	width: 922px;
}

#end_cmp li {
	height: auto;
	width: 922px;
	font-weight: bold;
}

/*----------------------------------------
9.twitter
----------------------------------------*/
div.twitterwr {
	padding-top:8px;
	margin-right:8px;
}
ul.twitter_r {
	float:right;
}
ul.twitter_r li {
	float:left;
}
ul.twitter_r li.bt {
	width:80px;
	text-align:right;
}