@charset "UTF-8";

/* === clear float elements Start ============================================= */
body #page #pageBodyArea #contentBlock #mailmagazineLayout div.presentSection div.presentText:after,
body #page #pageBodyArea #contentBlock #mailmagazineLayout div.cancelSection dl:after,
body #page #pageBodyArea #contentBlock #mailmagazineLayout div.registSection dl:after,
body #page #pageBodyArea #contentBlock #mailmagazineLayout div.registSection div.mbArea:after,
body #page #pageBodyArea #contentBlock #mailmagazineLayout:after,
body #page #pageBodyArea #contentBlock dl#sitemapSection:after,
body #page #pageBodyArea #contentBlock dl#sitemapSection dd dl:after{
	content : " ";
	display : block ;
	height : 0 ; 
	visibility : hidden ;
	clear : both ;
}
body #page #pageBodyArea #contentBlock #mailmagazineLayout div.presentSection div.presentText,
body #page #pageBodyArea #contentBlock #mailmagazineLayout div.cancelSection dl,
body #page #pageBodyArea #contentBlock #mailmagazineLayout div.registSection dl,
body #page #pageBodyArea #contentBlock #mailmagazineLayout div.registSection div.mbArea,
body #page #pageBodyArea #contentBlock #mailmagazineLayout,
body #page #pageBodyArea #contentBlock dl#sitemapSection,
body #page #pageBodyArea #contentBlock dl#sitemapSection dd dl{
	*height : 100% ;
}

/* for Legacy Browser  */

/*\*/
* html body #page #pageBodyArea #contentBlock dl#sitemapSection,
* html body #page #pageBodyArea #contentBlock dl#sitemapSection dd dl{
	display : inline-block ;
	height : 1em ;
}

body #page #pageBodyArea #contentBlock dl#sitemapSection,
body #page #pageBodyArea #contentBlock dl#sitemapSection dd dl{
	display : block ;
}
/*  */

body #page #pageBodyArea #contentBlock{
	width : 890px ;
}
body #page #pageBodyArea #contentBlock h1{
	margin : 0 0 30px ;
}
body #page #pageBodyArea #contentBlock h2{
	margin : 0 0 10px ;
	font-size : 115% ;
	font-weight : bold ;
	color : #000 ;
}
body #page #pageBodyArea #contentBlock h3{
	margin : 0 0 10px ;
	font-weight : bold ;
}
body #page #pageBodyArea #contentBlock h3.caution{
	margin : 0 10px 10px ;
}
body #page #pageBodyArea #contentBlock p{
	margin : 0 10px 20px ;
	line-height : 160% ;
}
body #page #pageBodyArea #contentBlock ul{
	margin : 0 10px 20px ;
}
body #page #pageBodyArea #contentBlock ul li{
	margin : 0 0 0 20px ;
	list-style-type : disc ;
	line-height : 160% ;
}
body #page #pageBodyArea #contentBlock ol{
	margin : 0 10px 20px ;
}
body #page #pageBodyArea #contentBlock ol li{
	margin : 0 0 0 20px ;
	list-style-type : decimal ;
	line-height : 160% ;
}

/* sitemap */
body #page #pageBodyArea #contentBlock dl#sitemapSection{
	padding : 20px 0 0 ;
	border-top : #000 2px solid ;
	border-bottom : #000 2px solid ;
}
body #page #pageBodyArea #contentBlock dl#sitemapSection dt{
	float : left ;
	width : 180px ;
}
body #page #pageBodyArea #contentBlock dl#sitemapSection dt a{
	margin : 8px 0 0 20px ;
}
body #page #pageBodyArea #contentBlock dl#sitemapSection dd{
	float : right ;
	width : 710px ;
}
body #page #pageBodyArea #contentBlock dl#sitemapSection dd{
	padding : 20px 0 ;
	border-bottom : #000 2px solid ;
}
body #page #pageBodyArea #contentBlock dl#sitemapSection dd.special{
	padding : 0 0 20px ;
}
body #page #pageBodyArea #contentBlock dl#sitemapSection dd.utility{
	border-bottom : none ;
}
body #page #pageBodyArea #contentBlock dl#sitemapSection dd dl dt a{
	margin : 0 ;
}
body #page #pageBodyArea #contentBlock dl#sitemapSection dd dl dd{
	float : right ;
	width : 515px ;
	padding : 0 0 0 15px ;
	background : url("../img/ico_arrow05.gif") 0 5px no-repeat ;
	border-bottom : none ;
	line-height : 140% ;
	_width : 530px ;
}
body #page #pageBodyArea #contentBlock dl#sitemapSection dd dl dd a{
	font-size : 115% ;
	font-weight : bold ;
	color : #000 ;
	text-decoration : none ;
}
body #page #pageBodyArea #contentBlock dl#sitemapSection dd dl dd a:hover{
	text-decoration : underline ;
}
body #page #pageBodyArea #contentBlock dl#sitemapSection dd.utility ul{
	margin : 0 ;
}
body #page #pageBodyArea #contentBlock dl#sitemapSection dd.utility ul li{
	margin : 0 ;
	padding : 0 0 0 15px ;
	background : url("../img/ico_arrow04.gif") 0 5px no-repeat ;
	line-height : 140% ;
	list-style-type : none ;
}
body #page #pageBodyArea #contentBlock dl#sitemapSection dd.utility ul li a{
	font-size : 115% ;
	font-weight : bold ;
	color : #000 ;
	text-decoration : none ;
}
body #page #pageBodyArea #contentBlock dl#sitemapSection dd.utility ul li a:hover{
	text-decoration : underline ;
}

body #page #pageBodyArea #contentBlock #aboutLayout{
	min-height : 408px ;
	background : url("../img/bg_about.gif") 543px 0 no-repeat ;
	_height : 408px ;
}
body #page #pageBodyArea #contentBlock #aboutLayout p{
	line-height : 200% ;
}

body #page #pageBodyArea #contentBlock .twoCulmnTableLayout{
}
body #page #pageBodyArea #contentBlock .twoCulmnTableLayout table{
	width : 100% ;
	border-top : #999 1px solid ;
	border-left : #999 1px solid ;
}
body #page #pageBodyArea #contentBlock .twoCulmnTableLayout table th,
body #page #pageBodyArea #contentBlock .twoCulmnTableLayout table td{
	padding : 10px ;
	border-right : #999 1px solid ;
	border-bottom : #999 1px solid ;
	vertical-align : middle ;
}
body #page #pageBodyArea #contentBlock .twoCulmnTableLayout table th{
	width : 130px ;
	background : #e5e5e5 ;
	color : #333 ;
	text-align : center ;
	_width : 150px ;
}
/* mailmagazine */
body #page #pageBodyArea #contentBlock #mailmagazineLayout{

}

body #page #pageBodyArea #contentBlock #mailmagazineLayout div.presentSection{
	color : #000 ;
	width : 445px ;
	_width : 435px ;
	margin : 0 ;
	float : right ;
	border : solid 5px #e5e5e5 ;
	padding-bottom : 15px ;
	_height : auto ;
}
body #page #pageBodyArea #contentBlock #mailmagazineLayout div.presentSection h2{
	margin-top : 25px ;
	margin-left : 25px ;
}
body #page #pageBodyArea #contentBlock #mailmagazineLayout div.presentSection h3{
	margin-top : 25px ;
	margin-left : 25px ;
}

body #page #pageBodyArea #contentBlock #mailmagazineLayout div.presentSection p{
	margin : 0 ;
	padding-left : 25px ;
	padding-right : 25px ;
	margin-bottom : 10px ;
}
body #page #pageBodyArea #contentBlock #mailmagazineLayout div.presentSection div.presentText{
	margin : 0 ;
	margin-left : 25px ;
	_margin-left : 15px ;
}
body #page #pageBodyArea #contentBlock #mailmagazineLayout div.presentSection div.presentText p{
	width : 180px ;
	_width : 140px ;
	margin : 0 ;
	padding : 0 ;
}

body #page #pageBodyArea #contentBlock #mailmagazineLayout div.presentSection div.presentText p.presentName{
	width : 180px ;
	_width : 140px ;
	color : #444 ;
	font-weight : bold ;
	font-size : 115% ;
	margin-bottom : 10px ;
}

body #page #pageBodyArea #contentBlock #mailmagazineLayout div.presentSection div.presentText p.presentImg{
	margin : 0 ;
	padding : 0 ;
	width : 240px ;
	float : right ;
}
body #page #pageBodyArea #contentBlock #mailmagazineLayout div.presentSection p.presentDate{
	color : #444 ;
	font-weight : bold ;
	font-size : 115% ;
	margin-bottom :20px ;
}

body #page #pageBodyArea #contentBlock #mailmagazineLayout div.registSection{
	color : #000 ;
	width : 405px ;
	_width : 415px ;
	float : left ;
	border : solid 5px #e5e5e5 ;
}
body #page #pageBodyArea #contentBlock #mailmagazineLayout div.registSection h2{
	margin-top : 25px ;
	margin-left : 25px ;
}
body #page #pageBodyArea #contentBlock #mailmagazineLayout div.registSection p{
	margin : 0 ;
	padding-left : 25px ;
	padding-right : 25px ;
}
body #page #pageBodyArea #contentBlock #mailmagazineLayout div.registSection p.regist{
	text-align : center ;
	background : #eee ;
	margin : 20px 25px 20px 25px ;
	padding : 20px 25px 20px 25px ;
}
body #page #pageBodyArea #contentBlock #mailmagazineLayout div.registSection div.mbArea{
	margin : 20px 25px 20px 25px ;
}

body #page #pageBodyArea #contentBlock #mailmagazineLayout div.registSection div.mbArea p.mbText{
	margin : 0 ;
	padding : 0 ;
	width : 200px ;
	float : left ;
}
body #page #pageBodyArea #contentBlock #mailmagazineLayout div.registSection div.mbArea p.mbText img{
	margin-top : 10px ;
}

body #page #pageBodyArea #contentBlock #mailmagazineLayout div.registSection div.mbArea p.qrChord{
	margin : 0 ;
	padding : 0 ;
	width : 143px ;
	float : right ;
}

body #page #pageBodyArea #contentBlock #mailmagazineLayout div.registSection dl{
	margin-bottom : 25px ;
}

body #page #pageBodyArea #contentBlock #mailmagazineLayout div.registSection dl dt{
	width : 20px ;
	height : 20px ;
	margin-left : 20px ;
	margin-right : 10px ;
	margin-bottom : 10px ;
	float : left ;
	_margin-left : 10px ;
}

body #page #pageBodyArea #contentBlock #mailmagazineLayout div.registSection dl dd{
	width : 340px ;
	height : 20px ;
	margin-bottom : 10px ;
	float : left ;
}

body #page #pageBodyArea #contentBlock #mailmagazineLayout div.cancelSection{
	margin-top : 20px ;
	width : 415px ;
	float : left ;
	background : #eee ;
	color : #666 ;
}

body #page #pageBodyArea #contentBlock #mailmagazineLayout div.cancelSection h2{
	margin-top : 10px ;
	margin-left : 10px ;
	color : #666 ;
}

body #page #pageBodyArea #contentBlock #mailmagazineLayout div.cancelSection dl{
	width : 395px ;
	margin : 20px 10px 10px 10px ;
}

body #page #pageBodyArea #contentBlock #mailmagazineLayout div.cancelSection dl dt{
	width : 205px ;
	float : left ;
	margin-bottom : 20px ;
}
body #page #pageBodyArea #contentBlock #mailmagazineLayout div.cancelSection dl dd{
	width : 175px ;
	float : right ;
	margin-bottom : 20px ;
}

body #page #pageBodyArea #contentBlock #mailmagazineLayout div.privacySection{
	margin-top : 20px ;
	width : 405px ;
	float : left ;
	color : #000 ;
}

body #page #pageBodyArea #contentBlock #mailmagazineLayout div.privacySection ul{
	margin : 0 ;
}

body #page #pageBodyArea #contentBlock #mailmagazineLayout div.privacySection ul li{
	list-style-type: none;
	margin : 0 ;
}
body #page #pageBodyArea #contentBlock #mailmagazineLayout div.privacySection ul li.attention{
	margin-top : 10px ;
}