@charset "UTF-8";

/*==================================================

	/etc/

===================================================*/

/*--------------------------------------------------

	MaimImg
	¥á¥¤¥ó¥¤¥á¡¼¥¸
	
--------------------------------------------------*/
#MainVisual h1 {
	width: 850px;
	height: 100px;
	margin: 0px auto;
}

/*--------------------------------------------------

	Contents
	¥á¥¤¥ó¥³¥ó¥Æ¥ó¥Ä

--------------------------------------------------*/
#Contents {
	position: relative;
	width: 820px;
	margin: 0px auto;
	padding: 10px 15px;
}

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

li a#OnBtn { 
	color: #0699C9;
}

/*	Mail Magazine
 =================================================*/
body#MailMagazine {
	margin: 0px 0px 35px;
}

body#MailMagazine h3 {
	margin: 15px 0px 20px;
}

body#MailMagazine h4 {
	margin: 0px 0px 10px;
	font-size: 1.2em;
	font-weight: bold;
	color: #845306;
	border-bottom: 1px solid #CCCCCC;
	background: url(../common/img/mark_four-circle.gif) no-repeat 3px 6px;
	padding: 3px 0px 3px 18px;
}

body#MailMagazine h5 {
	margin: 0px 0px 5px;
	font-weight: bold;
	color: #617F07;
	background: url(img/mark_green-line.gif) no-repeat 5px 6px;
	padding: 3px 0px 3px 23px;
}

 body#MailMagazine #EntryIntro .EntryNotice {
	background: #EBEBEB;
	padding: 2px;
	margin: 15px 0px 20px;
}

body#MailMagazine #EntryIntro .EntryNotice ul {
	border: 1px solid #FFFFFF;
	list-style: none;
	padding: 7px;
	color: #663300;
}

/*	New Registration Introduction¡¡*/
body#MailMagazine #NewRegistrationIntro {
	margin: 0px 0px 35px;
}

body#MailMagazine #NewRegistrationIntro ul,
body#MailMagazine #ChangeoverIntro ul {
	list-style: none;
	width: 200px;
	margin: 15px auto 0px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

body#MailMagazine #NewRegistrationIntro li {
	background: url(img/img_bg-entry-btn.jpg) no-repeat 0px 0px;
}

body#MailMagazine #NewRegistrationIntro li a,
body#MailMagazine #ChangeoverIntro li a {
	display: block;
	width: 180px;
	height: 17px;
	padding: 4px 0px 4px 68px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

body#MailMagazine #NewRegistrationIntro li a:hover,
body#MailMagazine #ChangeoverIntro li a:hover {
	background-position: -200px 0px;
}

/*	Changeover Introduction¡¡*/
body#MailMagazine #ChangeoverIntro {
	margin: 0px 0px 35px;
}

body#MailMagazine #ChangeoverIntro p {
	margin: 0px 0px 15px 10px;
}

body#MailMagazine #ChangeoverIntro li {
	background: url(img/img_bg-entry-btn2.jpg) no-repeat 0px 0px;
}

body#MailMagazine #ChangeoverIntro li a {
	width: 180px;
	height: 21px;
	padding: 4px 0px 0px 58px;
}

body#MailMagazine #MailAddressRegistration {
	width: 600px;
	margin: 0px auto 100px;
}

body#MailMagazine #MailAddressRegistration h4 {
	margin: 0px 0px 10px;
	font-size: 1.2em;
	font-weight: bold;
	color: #845306;
	border-bottom: 1px solid #CCCCCC;
	background: url(../common/img/mark_four-circle.gif) no-repeat 3px 6px;
	padding: 3px 0px 3px 18px;
}

body#MailMagazine #MailAddressRegistration table {
	width: 580px;
	margin: 30px auto 100px;
}

body#MailMagazine #MailAddressRegistration table th {
	width: 200px;
	background: #F0F0F0;
	padding: 3px 10px;
	text-align: left;
	font-weight: bold;
	border-right: 5px solid #FFFFFF;
	border-left: 5px solid #8CBB00;
}

body#MailMagazine #MailAddressRegistration table td input {
	border: 1px solid #CCCCCC;
	padding: 3px;
}

body#MailMagazine #MailAddressRegistration .SubmitBtnBox {
	text-align: center;
}


/*	Question
 =================================================*/
body#Question #HeaderSubNavi li#BtnFAQ a { width: 83px; background-position: -135px -11px;}

body#Question {
	margin: 0px 0px 35px;
}

body#Question h3 {
	margin: 15px 0px 3px;
	background: url(../common/img/img_logo-s.gif) no-repeat 715px 13px;
	padding: 5px 0px 0px 5px;
	font-size: 1.1em;
}

body#Question h3 em {
	font-size: 0.9em;
}

body#Question #QuestionMain {
	background: url(../common/img/img_bg-green.gif) repeat-x 0px 0px;
	padding: 30px 0px 0px;
}

body#Question #QuestionMain dl {
	border: 1px solid #CCCCCC;
	padding: 1px;
	margin: 0px;
}

body#Question #QuestionMain dt {
	font-weight: bold;
	padding: 10px 10px 10px 35px;
	background: #E6E6CC url(img/img_word-q.gif) no-repeat 12px 10px;
}

body#Question #QuestionMain dd {
	padding: 10px 10px 10px 35px;
	background: url(img/img_word-a.gif) no-repeat 12px 10px;
}

body#Question #QuestionMain hr {
	margin: 15px 0px;
	_margin: 10px 0px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px dotted #CCCCCC;
}


/*	About Link
 =================================================*/
body#AboutLink #Contents h3 {
	padding: 10px 0px 15px;
}

body#AboutLink #AboutLinkIntro {
	margin-bottom: 0px;
}

body#AboutLink #AboutLinkIntro p {
	margin: 0px 0px 20px 15px;
}

body#AboutLink #AboutLinkIntro dl {
	width: 800px;
	margin: 0px 0px 25px 15px;
	border-left: 1px solid #8CBB00;
}

body#AboutLink #AboutLinkIntro dt {
	margin-bottom: 8px;
	padding: 2px 0px 2px 9px;
	color: #996600;
	font-size: 1.2em;
	font-weight: bold;
	border-left: 4px solid #8CBB00;
}

body#AboutLink #AboutLinkIntro dd {
	margin-left: 12px;
}

body#AboutLink #AboutLinkIntro ul {
	position: relative;
	margin-bottom: -5px;
}

body#AboutLink #AboutLinkIntro li {
	background: url(../common/img/mark_circle-green02.gif) no-repeat 0px 3px;
	padding: 0px 0px 15px 15px;
}

body#AboutLink #AboutLinkIntro #Way li#First { background: url(img/mark_decimal01.gif) no-repeat 0px 2px;}
body#AboutLink #AboutLinkIntro #Way li#Second { background: url(img/mark_decimal02.gif) no-repeat 0px 2px;}
body#AboutLink #AboutLinkIntro #Way li#Third { background: url(img/mark_decimal03.gif) no-repeat 0px 2px; padding-bottom: 3px;}

body#AboutLink #AboutLinkIntro #Wish strong {
	padding-left: 5px;
}

body#AboutLink #AboutLinkIntro #Wish strong a {
	font-weight: bold;
}

body#AboutLink #AboutLinkIntro div strong {
	background: url(../common/img/mark_circle-green02.gif) no-repeat 5px 3px;
	display: block;
	padding: 0px 0px 5px 20px;
}

body#AboutLink #AboutLinkIntro #Banner {
	padding-bottom: 5px;
}

body#AboutLink #AboutLinkIntro #WideBanner {
	margin-bottom: 20px;
}

body#AboutLink #AboutLinkIntro #WideBanner dl {
	width: 780px;
	margin: 0px 0px 8px;
	padding: 4px;
	/padding: 4px 4px 3px 4px;
	border: 1px solid #D5D5D5;
}

body#AboutLink #AboutLinkIntro #WideBanner dt {
	width: 250px;
	float: left;
	margin-bottom: 0px;
	padding: 0px;
	border-left: none;
}

body#AboutLink #AboutLinkIntro #WideBanner dd {
	margin: 0px;
	padding: 5px;
}

body#AboutLink #AboutLinkIntro #WideBanner dd em,
body#AboutLink #AboutLinkIntro #SquareBanner dd em {
	display: block;
	margin-bottom: 3px;
	color: #617F07;
	font-weight: bold;
}

body#AboutLink #AboutLinkIntro #WideBanner dd input {
	width: 510px;
}

body#AboutLink #AboutLinkIntro #SquareBanner dl {
	display: inline;
	float: left;
	width: 365px;
	margin: 0px;
	padding: 6px;
	/padding: 6px 6px 5px 6px;
	border: 1px solid #D5D5D5;
}

body#AboutLink #AboutLinkIntro #SquareBanner dl.RightBanner { float: right;}

body#AboutLink #AboutLinkIntro #SquareBanner dt {
	width: 135px;
	float: left;
	margin-bottom: 0px;
	padding: 0px;
	border-left: none;
}

body#AboutLink #AboutLinkIntro #SquareBanner dd {
	margin: 0px;
	padding-top: 30px;
}

body#AboutLink #AboutLinkIntro #SquareBanner dd input {
	width: 210px;
}


/*	Relation Link
 =================================================*/
body#RelationLink #Contents h3 {
	padding: 10px 0px 15px;
}

body#RelationLink #RelationLinkIntro {
	margin-bottom: 10px;
}

body#RelationLink #RelationLinkIntro div {
	background: #EBEBEB;
	width: 776px;
	margin: 0px auto 15px;
	padding: 2px;
}

body#RelationLink #RelationLinkIntro div p {
	border: 1px solid #FFFFFF;
}

body#RelationLink #RelationLinkIntro div span {
	float: right;
	width: 235px;
	height: 60px;
	font-size: 0;
	line-height: 0;
}

body#RelationLink #RelationLinkIntro div strong {
	background: url(../common/img/mark_circle-green.gif) no-repeat 0px 6px;
	display: block;
	margin: 5px 10px 3px;
	padding-left: 13px;
	font-size: 1.2em;
}

body#RelationLink #RelationLinkIntro div strong a { font-weight: bold;}

body#RelationLink #RelationLinkIntro div em {
	display: block;
	margin: 0px 10px 0px 23px;
	line-height: 120%;
}


/*	Site Policy
 =================================================*/
body#SitePolicy {
	margin: 0px 0px 35px;
}

body#SitePolicy h3 {
	margin: 15px 0px 3px;
	background: url(../common/img/img_logo-s.gif) no-repeat 715px 13px;
	padding: 5px 0px 0px 5px;
	font-size: 1.1em;
}

body#SitePolicy h3 em {
	font-size: 0.9em;
}

body#SitePolicy #SitePolicyMain {
	background: url(../common/img/img_bg-green.gif) repeat-x 0px 0px;
	padding: 30px 0px 0px;
}

body#SitePolicy #SitePolicyMain dl {
	width: 800px;
	margin: 0px auto 15px;
}

body#SitePolicy #SitePolicyMain dt {
	font-weight: bold;
	color: #663300;
	border-left: 5px solid #8CBB00;
	padding: 3px 0px 3px 10px;
}

body#SitePolicy #SitePolicyMain dd {
	border-left: 1px solid #8CBB00;
	padding: 10px 0px 10px 14px;
}

body#SitePolicy #SitePolicyMain em {
	display: block;
	text-align: center;
	margin: 20px 0px 35px
}

/*	Site Map
 =================================================*/
body#SiteMap {
	margin: 0px 0px 35px;
}

body#SiteMap h3 {
	margin: 15px 0px 3px;
	background: url(../common/img/img_logo-s.gif) no-repeat 715px 13px;
	padding: 5px 0px 0px 5px;
	font-size: 1.1em;
}

body#SiteMap h3 em {
	font-size: 0.9em;
}

body#SiteMap #SiteMap {
	background: url(../common/img/img_bg-green.gif) repeat-x 0px 0px;
	padding: 30px 0px 0px;
}

body#SiteMap #SiteMap dl {
	width: 380px;
	padding: 0px 0px 15px 15px;
	float: left;
}

body#SiteMap #SiteMap dl#SitemapRight {
	padding: 0px 15px 15px 0px;
	float: right;
}

body#SiteMap #SiteMap dt {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	color: #666666;
	padding: 5px 0px 3px 10px;
	border-top: 3px solid #8CBB00;
	border-left: 1px solid #8CBB00;
	letter-spacing: 0.15em;
	margin-top: 10px;
}

body#SiteMap #SiteMap dd {
	padding: 5px 10px 10px;
}

body#SiteMap #SiteMap dd ul {
	list-style: none;
}

/*body#SiteMap #SiteMap dd ul li {
	background: #EBEBEB url(../common/img/mark_circle-green.gif) no-repeat 5px 7px;
	padding: 3px 0px 3px 18px;
	border-bottom: 1px solid #FFFFFF;
}*/

body#SiteMap #SiteMap dd ul li a {
	display: block;
	padding: 3px 10px 3px 18px;
	background: #EBEBEB url(../common/img/mark_circle-green.gif) no-repeat 5px 7px;
	text-decoration: none;
	color: #333333;
	border-bottom: 1px solid #FFFFFF;
}

body#SiteMap #SiteMap dd ul li a:hover {
	background: #999999 none;
	color: #FFFFFF;
	font-weight: bold;
}

/*--------------------------------------------------

	RSSの使い方
	
--------------------------------------------------*/
/*	BOXの再定義　*/
body#Rss #Entire {
	width: auto;
	margin: 0px auto;
	background: url(../common/img/bg_head.gif) repeat-x left 58px;
}

body#Rss #Header {
	position: relative;
	width: 480px;
	height: 68px;
	margin: 0px auto;
}

body#Rss #MainVisual {
	width: auto;
	height: 86px;
	margin: 2px auto 10px;
	padding: 0px auto;
	text-align: center;
	background-color: #ebebeb;
}

body#Rss #Footer {
	position: relative;
	display: block;
	width: 500px;
	height: 30px;
	margin: 0px auto;
	padding: 10px 0px;
	border-top: 1px solid #ccc;
}

body#Rss #Footer address {
	position: absolute;
	display: block;
	width: 500px;
	color: #333333;
	font-size: 0.825em;
	font-family: "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Times New Roman", Times, serif;
	text-align: center;
	top: 10px;
	left: 50%;
	margin-left: -250px;
}

body#Rss .Section {
	position: relative;
	width: 480px;
	margin: 0px 0px 30px;
}

body#Rss #Contents {
	position: relative;
	width: 480px;
	margin: 0px auto 10px;
	padding: 0px;
}


body#Rss #MainVisual h1 {
	width: 480px;
	height: 86px;
	margin: 0px auto;
}

body#Rss #RssIntro p {
	margin-bottom: 10px;
}
	
body#Rss #RssIntro em {
	display: block;
	font-size: 0.9em;
}

body#Rss #RssContents {
	margin-bottom: 10px;
}

body#Rss #RssContents h2 {
	margin-bottom: 10px;
}

body#Rss #RssContents p {
	margin-bottom: 15px;
}

body#Rss #RssContents ul {
	margin-bottom: 5px;
}

body#Rss #RssContents li.Mark {
	background: url(img/mark_circle.gif) no-repeat 0px 3px;
	margin: 0px;
	padding-left: 12px;
}

body#Rss #RssContents li {
	float: left;
	margin-left: 30px;
}

body#Rss #RssContents li img {
	display: inline;
	padding-right: 5px;
}

body#Rss #RssContents p.BgGray {
	background: #F0F0F0;
	margin-bottom: 20px;
	padding: 5px 5px 10px;
}

body#Rss .CloseBtn li {
	float: right;
}

body#Rss .CloseBtn a {
	display: block;
	width: 55px;
	height: 20px;
	background: url(img/btn_close.gif) no-repeat;
}

body#Rss .CloseBtn a:hover {background-position: 0px -20px;}


/* フロート解除 */
body#AboutLink #AboutLinkIntro #WideBanner dl:after,
body#RelationLink #RelationLinkIntro div p:after,
body#RelationLink #RelationLinkIntro dl:after,
body#Rss #RssContents ul:after,
body#Rss .CloseBtn:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

body#AboutLink #AboutLinkIntro #WideBanner dl,
body#RelationLink #RelationLinkIntro div p,
body#RelationLink #RelationLinkIntro dl,
body#Rss #RssContents ul,
body#Rss .CloseBtn {
	display: inline-block;
}

/* Hides from IE-mac ￥*/
*html body#AboutLink #AboutLinkIntro #WideBanner dl,
*html body#RelationLink #RelationLinkIntro div p,
*html body#RelationLink #RelationLinkIntro dl,
*html body#Rss #RssContents ul,
*html body#Rss .CloseBtn {
	height: 1%;
}

body#AboutLink #AboutLinkIntro #WideBanner dl,
body#RelationLink #RelationLinkIntro div p,
body#RelationLink #RelationLinkIntro dl,
body#Rss #RssContents ul,
body#Rss .CloseBtn {
	display: block;
}
/* End hides from IE-mac ￥*/