@charset "EUC-JP";

/* Á´ÂÎ¹½Â¤
---------------------------------------------------- */
body {
	background: #F7F3F7;
	margin: 0;
	padding: 0;
	color: #000000;
}

.wrapper {
	background: #FFFFFF;
	width: 868px;
	background-image: url(../img/bg.jpg);
}

A IMG {
	border: 0px;
}

/* ¥ê¥ó¥¯
---------------------------------------------------- */
a:link {
	color: blue;
}
a:visited {
	color: #000066;
}
a:hover, a:active {
	color: #FF4900;
}

.Contact a:link {
	color: #5A2C00;
	text-decoration: underline;
}
.Contact a:visited {
	color: #5A2C00;
	text-decoration: underline;
}

.MainOptionBarRankingSite a:link {
	color: #3165CE;
	text-decoration: none;
}
.MainOptionBarRankingSite a:visited {
	color: #3165CE;
	text-decoration: none;
}

.MainOptionBarRankingViewAll a:link {
	color: #945500;
	text-decoration: underline;
}
.MainOptionBarRankingViewAll a:visited {
	color: #945500;
	text-decoration: underline;
}

.RankingSite a:link {
	color: #3165CE;
}
.RankingSite a:visited {
	color: #3165CE;
}



/* ¥Ø¥Ã¥À
---------------------------------------------------- */

.Header {
	width: 863px;
	height: 108px;
	background: #FFCF31;
	background-image: url(../img/head_bg.gif);
	border-bottom:1px #8C8E8C solid;
}

.HeadLogo {
	position: absolute;
	top: 3px;
	left: 10px;
}

.HeadBanner {
	float: right;
	position: relative;
	top: 10px;
	right: 10px;
}



/* ¥á¥¤¥ó¡¦¥È¥Ã¥×¥Ú¡¼¥¸¡¦¥³¥ó¥Æ¥ó¥Ä
---------------------------------------------------- */
.Main {
	width: 863px;
}

.MainOptionBar {
	width: 207px;
	float: right;
	background: #FFFBFF;
}

.MainOptionBarRanking {
	font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯";
	color: #FFFBFF;
	font-size: 12px;
	font-weight: bold;
	width: 207px;
	height: 61px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/bar_ranking.gif);
	background-repeat: no-repeat;
}

.MainOptionBarRanking span {
	visibility: hidden;
}

.MainOptionBarRankingGroup {
	clear: left;
	height: 1.4em;
	font-size: 12px;
	width: 207px;
	background: #FFFBFF;
	margin: 0;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	border-bottom: 1px dotted #AD8BC6;
}

.MainOptionBarRankingNum {
	float: left;
	width: 3em;
	font-family: Verdana, "£Í£Ó £Ð¥´¥·¥Ã¥¯";
	font-weight: bold;
	font-size: 1em;
	text-align: right;
	color: #945500;
	line-height: 1.5em;
	margin-right: 0.3em;
}

.MainOptionBarRankingSite {		/* Á´³Ñ12Ê¸»ú¤Þ¤ÇÉ½¼¨ */
	float: left;
	width: 13em;
	font-family: Verdana, "£Í£Ó £Ð¥´¥·¥Ã¥¯";
	font-weight: bold;
	font-size: 1em;
	color: #3165CE;
	line-height: 1.5em;
	letter-spacing: 0.05em;
	margin-right: 0.2em;
}

.MainOptionBarRankingViewAll {
	text-align: center;
	font-size: 10px;
	color: #945500;
	font-weight: bold;
	background-image: url(../img/bar_ranking_bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 10px;
	padding-bottom: 35px;
}

.MainOptionBarMerumaga {
	width: 207px;
	height: 61px;
	font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯";
	color: #FFFBFF;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../img/bar_merumaga.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

.MainOptionBarMerumaga span {
	visibility: hidden;
}

.MainOptionBarMerumagaTxt {
	background: #FFFBFF;
	font-family: Verdana, "£Í£Ó £Ð¥´¥·¥Ã¥¯";
	font-size: 0.7em;
	line-height: 1.4em;
	padding-top: 5px;
	padding-bottom: 45px;
	padding-right: 5px;
	padding-left: 5px;
	background-image: url(../img/bar_merumaga_bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.MainOptionBarMerumagaForm {
	text-align: center;
	margin-top: 10px;
}

.MainPortal {
	float: left;
	width: 654px;
	background: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 20px;
}

.MainTab {
	font-size: 80%;
	text-align: center;
	padding-left: 0;
	padding-bottom: 4px;
	margin-left: 20px;
	margin-bottom: 2px;
	margin-right: 20px;
	border-bottom: 2px dotted #8c4100;
}

.MainPortal h1 {
	font-family: Verdana, "£Í£Ó £Ð¥´¥·¥Ã¥¯";
	font-size: 14px;
	font-weight: bold;
	padding: 13px;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
	background-image: url(../img/ttl_border_ora.jpg);
	color: #8C4100;
}

.MainGroup1 {
	font-size: 12px;
	padding: 5px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 5px;
}

.MainGroup2 {
	font-size: 12px;
	padding: 5px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 5px;
	background: #FFF9E1;
}

.MainLinkTitle {
	font-size: 14px;
	margin-bottom: 5px;
}

.MainLinkDescription {
	text-align: right;
	font-size: 12px;
	color: #333;
}

.MainLinkRemark {
	text-align: right;
	font-size: 12px;
	color: #666;
	padding: 1em 0em 1em 0em;
}

.MainCate {
	float: left;
	width: 12em;
	font-family: Verdana, "£Í£Ó £Ð¥´¥·¥Ã¥¯";
	font-size: 1em;
	font-weight: bold;
	padding-left: 1em;
	margin-left: 0.5em;
	background-image: url(../img/arrow_orange.gif);
	background-position: center left;
	background-repeat: no-repeat;
	line-height: 1.6em;
}

.MainSite {
	margin-left: 13em;
	font-family: Verdana, "£Í£Ó £Ð¥´¥·¥Ã¥¯";
	font-size: 1em;
	line-height: 1.6em;
}

.MainNavi {
	font-size: 10px;
	font-family: Verdana, "£Í£Ó £Ð¥´¥·¥Ã¥¯";
	padding-left: 10px;
	padding-botom: 10px;
	margin-left: 10px;
	margin-right: 20px;
}

.MainContact {
	width: 863px;
	background: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 30px;
}

.MainContact h1 {
	font-size: 14px;
	font-family: Verdana, "£Í£Ó £Ð¥´¥·¥Ã¥¯";
	font-weight: bold;
	color: #8C4100;
	background-image: url(../img/ttl_border_ora.jpg);
	padding: 13px;
	margin-top: 5px;
	margin-left: 20px;
	margin-bottom: 0px;
	margin-right: 20px;
}

.MainContact h2 {
	font-size: 14px;
	font-weight: bold;
	color: #8C4100;
}

.MainContactTxt {
	font-size: 12px; 
	font-family: Verdana, "£Í£Ó £Ð¥´¥·¥Ã¥¯";
	line-height: 1.6em;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 30px;
}

.MainContactTxtIndent {
	font-size: 12px; 
	font-family: Verdana, "£Í£Ó £Ð¥´¥·¥Ã¥¯";
	line-height: 1.6em;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
}

.MainContactBar {
	height: 41px;
	font-size: 12px;
	font-family: Verdana, "£Í£Ó £Ð¥´¥·¥Ã¥¯";
	color: #8C4100;
	font-weight: bold;
	background-image: url(../img/bar_contact.gif);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-left: 70px;
}

.MainContactForm {
	font-family: Verdana, "£Í£Ó £Ð¥´¥·¥Ã¥¯";
	font-size: 12px;
	line-height: 1.6em;
	margin-top: 0px;
	margin-left: 30px;
	margin-right: 30px;
}

.MainContactGroup {
	line-height: 1.6em;
	margin-left: 30px;
	margin-right: 30px;
	padding-top: 0.8em;
}

.MainContactLabel {
	float: left;
	width: 20em;
	display: block;
	text-align: right;
}

.MainContactSubmit {
	text-align: center;
	height: 30px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.MainContactComplete {
	text-align: center;
	font-size: 14px;
	font-family: Verdana, "£Í£Ó £Ð¥´¥·¥Ã¥¯";
	font-weight: bold;
	color: #424542;
	margin-top: 50px;
	margin-bottom: 300px;
}

.note {
	color: red;
}

input, select, textarea {
	vertical-align: middle;
	font-family: Verdana, "£Í£Ó £Ð¥´¥·¥Ã¥¯";
	font-size: 1em;
	color: #313031;
}



/* ¥á¥¤¥ó¡¦¥é¥ó¥­¥ó¥°¥Ú¡¼¥¸¡¦¥³¥ó¥Æ¥ó¥Ä
---------------------------------------------------- */
.Ranking {
	width: 863px;
	background: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 30px;
}

.Ranking h1 {
	font-size: 14px;
	font-family: Verdana, "£Í£Ó £Ð¥´¥·¥Ã¥¯";
	color: #003063;
	font-weight: bold;
	background-image: url(../img/ttl_border_pur.jpg);
	padding: 13px;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}

.RankingDisplay {
	font-size: 12px;
	font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯";
	margin-right: 40px;
	margin-left: 40px;
	height: 30px;
}

.RankingNumDisplay {
	float: left;
	font-size: 12px;
	font-family: Verdana, "£Í£Ó £Ð¥´¥·¥Ã¥¯";
	color: #945500;
	font-weight: bold;
	line-height: 30px;
	margin-left: 20px;
	padding-left: 30px;
	background-image: url(../img/crown.gif);
	background-position: center left;
	background-repeat: no-repeat;
}

.RankingDisplayRegist {
	float: right;
	padding-left: 8px;
	background-image: url(../img/arrow_orange2.gif);
	background-position: center left;
	background-repeat: no-repeat;
	line-height: 30px;
}

.RankingBar {
	font-size: 12px;
	font-family: Verdana, "£Í£Ó £Ð¥´¥·¥Ã¥¯";
	color: #313031;
	font-weight: bold;
	background: #E7E7EF;
	margin-right: 40px;
	margin-left: 40px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2em;
}

.RankingGroup {
	height: 3em;
	font-size: 12px;
	margin-right: 40px;
	margin-left: 40px;
	padding: 10px;
	background-image: url(../img/border.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.RankingNum {
	text-align: center;
	float: left;
	width: 3em;
	font-size: 1em;
	font-family: Verdana;
	font-weight: bold;
	line-height: 31px;
	margin-right: 0.5em;
}

.RankingSite {		/* Á´³Ñ12Ê¸»ú¤Þ¤ÇÉ½¼¨ */
	float: left;
	width: 14em;
	height: 31px;
	font-size: 1em;
	font-family: Verdana, "£Í£Ó £Ð¥´¥·¥Ã¥¯";
	font-weight: bold;
	margin-top: 0.5em;
	margin-right: 0.5em;
}

.RankingSiteDesc {
	color: #808080;
	font-size: 10px;
	font-weight: normal;
}

.RankingBanner {
	float: left;
	width: 88px;
	height: 31px;
	margin-right: 0.5em;
}

.RankingCmnt {		/* Á´³Ñ75Ê¸»ú¤Þ¤ÇÉ½¼¨ */
	text-align: left;
	font-size: 1em;
	font-family: Verdana, "£Í£Ó £Ð¥´¥·¥Ã¥¯";
	color: #313031;
	line-height: 1.5em;
	margin-left: 25em;
}

.RankingPaging {
	text-align: center;
	font-size: 12px;
	font-family: Verdana;
	color: #FF4900;
	font-weight: bold;
	margin-top: 5px;
}



/* ¥Õ¥Ã¥¿
---------------------------------------------------- */

.Footer {
	clear: both;
	width: 863px;
	text-align: right;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	background: #FFCF31;
	border-top:1px #8C8E8C solid;
	border-bottom:1px #8C8E8C solid;
}

.FooterBanner {
	text-align: center;
	padding: 1em 0 1em 0;
}

.FooterBannerImg {
	margin-right: 8px;
	margin-left: 8px;
}

.Contact {
	font-size: 12px;
	font-family: Verdana, "£Í£Ó £Ð¥´¥·¥Ã¥¯";
	font-weight: bold;
	margin-right: 10px;
}

.Copyright {
	font-size: 10px;
	font-family: verdana;
	margin-right: 10px;
}

#message { 
    margin-left: 12em;
    font-size: 12px;
}
UL.Message {
    margin: 0px;
    border: 0px;
    padding: 0px;
    list-style: circle inside;
}
UL.Message LI.Info {
    color: #000080;
}
UL.Message LI.Warn {
    color: #666600;
    font-weight: bold;
}
UL.Message LI.Error {
    color: #800000;
    font-weight: bold;
}

.arc90_linkpic { display: none; position: absolute; left: 0; top: 1.5em; }
.arc90_linkpicIMG { padding: 0 4px 4px 0; background: #FFF url(/linkpic_shadow.gif) no-repeat bottom right; }
