@charset "utf-8";
/* ---------------------------------------------- */
/* Base */
/* ---------------------------------------------- */
html {
	margin: 0px;
	padding: 0px;
}
body {
	background: url(/img/Bg.png) repeat;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #424242;
	text-align: left;
	line-height: 1.3em;
}
p {
	font-size: 14px;
	line-height: 1.5em;
	padding: 0px;
	margin: 5px 0px 0px;
}
img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	vertical-align: text-bottom;
}
a:link {
	color: #ff7b23;
	text-decoration: underline;
}
a:visited {
	color: #eb6400;
	text-decoration: underline;
}
a:hover , a:active {
	color: #ffb15b;
	text-decoration: none;
}
li {
}

.Clear {
	font-size: 1px;
	clear: both;
}
.left{
	float: left;
}
.right{
	float: right;
}
.MainBodyImgLeft{
	margin: 0px 6px 6px 0px;
	float: left;
}
.MainBodyImgRight{
	margin: 0px 0px 6px 6px;
	float: right;
}
.img{
	float: left;
	display: inline;
	margin: 0px 4px 4px 0px;
	border: none;
}


/* ---------------------------------------------- */
/* Layout */
/* ---------------------------------------------- */
.All {
	background: #FFFFFF;
	padding: 0px;
	width: 930px;
	margin: 0px auto;
}


/* ---------------------------------------------- */
/* Pankuzu */
/* ---------------------------------------------- */
.Pankuzu {
	background: url(/img/PankuzuList.png) no-repeat 10px 10px;
	margin: 0px;
	padding: 10px 0px 0px 32px;
	font-size: 12px;
}


/* ---------------------------------------------- */
/* Page */
/* ---------------------------------------------- */
.PageUp{
	margin: 0px 10px 10px 0px;
	padding: 5px 16px 5px 5px;
	font-size: 12px;
	text-align: right;
	background: url(/img/Pageup.png) no-repeat right 7px;
}


/* ---------------------------------------------- */
/* PageNavi */
/* ---------------------------------------------- */
.PageNavi{
	margin: 0px 10px 10px 0px;
	padding: 5px;
}
.PageNavi a.PageNaviNext,
.PageNavi a.PageNaviBack{
	width:300px;
	display: block;
	margin: 0px;
	padding: 0px;
}
.PageNavi a.PageNaviNext{
	text-align: right;
	float:right;
	background: url(/img/PageNext.png) no-repeat right 2px;
	padding: 0px 16px 0px 0px;
}
.PageNavi a.PageNaviBack{
	text-align: left;
	float:left;
	background: url(/img/PageBack.png) no-repeat left 2px;
	padding: 0px 0px 0px 16px;
}


/* ---------------------------------------------- */
/* HeaderArea */
/* ---------------------------------------------- */
.HeaderArea {
	background: url(/img/HeaderBg.jpg) no-repeat 0px 0px;
	margin: 0px;
	padding: 0px;
	height: 152px;
	width: 920px;
	position: relative;
	padding: 41px 0px 0px 10px;
}
.HeaderArea h1 , .HeaderText {
	font-weight: bold;
	line-height: 1.1em;
	margin: 0px;
}
.HeaderArea h1{
	background: url(/img/TitleLogo.jpg) no-repeat 0px 0px;
	display: block;
	height: 0px;
	width : 607px;
	padding : 54px 0px 0px 0px;
	overflow: hidden;
}
.HeaderArea p.HeaderLead {
	margin: 0px;
	padding: 15px 365px 0 10px;
	font-size: 12px;
}
.HeaderArea p.HeaderCatch {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 214px;
	top: 14px;
	font-weight: bold;
	color: #000000;
	font-size: 12px;
}
.HeaderArea p.Logo {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 10px;
	top: 12px;
}
.HeaderInfoList {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 6px;
	right: 9px;
	font-size: 12px;	
	width: 94px;
	height: 27px;
}
.HeaderInfoList ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.HeaderInfoList ul li {
	margin: 0px;
	padding: 0px;
	
}
.HeaderInfoList ul li a {
	margin: 0px;
	padding: 4px 0px 0px 23px;
	display: block;
	height: 23px;	
	background: #8f2207 url(/img/SiteMap.png) no-repeat 0px 0px;
	color: #FFFFFF;
	text-decoration: none;
}
.HeaderInfoList ul li a:link , .HeaderInfoList ul li a:visited {
	color: #FFFFFF;
}
.HeaderInfoList ul li a:hover , .HeaderInfoList ul li a:active {
	color: #FFFFFF;
	text-decoration: underline;
}


/* ---------------------------------------------- */
/* ContentsArea */
/* ---------------------------------------------- */
.ContentsArea {
	margin: 16px 0px 0px;
	padding: 0px;
	background: #FFFFFF;
}


/* ---------------------------------------------- */
/* FooterLinkArea */
/* ---------------------------------------------- */
.FooterLinkArea {
	margin: 20px 0px 0px;
	padding: 0px;
	font-size: 12px;
}
.FooterLinkArea dl {
	width: 222px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.FooterLinkArea dl dt {
	margin: 5px 0px 0px 10px;
	padding: 5px;
	background: #fede6f;
	color: #01585D;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.3em;
}
.FooterLinkArea dl dd {
	margin: 0px 0px 5px 10px;
	padding: 5px;
	background: #EEEEEE;
	font-size: 12px;
	font-size: 10px;
	line-height: 1.3em;
}


/* ---------------------------------------------- */
/* FooterInfoArea */
/* ---------------------------------------------- */
.FooterInfoArea{
	margin: 10px;
	padding: 0px;
	font-size: 12px;
	background:url(/img/IconPig.gif) no-repeat;
}
.FooterInfoArea a{
	margin: 0px 0px 0px 25px;
	padding: 0px;
	color:#8F2207;
}
/* ---------------------------------------------- */
/* FooterCategoryArea */
/* ---------------------------------------------- */
.FooterCategoryArea{
	margin: 10px;
	padding: 0px;
	font-size: 12px;
	text-align: center;
}
.FooterCategoryArea a{
	margin: 0px 10px
}
/* ---------------------------------------------- */
/* AttentionArea */
/* ---------------------------------------------- */
.AttentionArea {
	background-color: #FFFFE0;
	font-size: 12px;
	line-height: 1.5em;
	margin: 20px 0px;
	padding: 10px;
}


/* ---------------------------------------------- */
/* FooterArea */
/* ---------------------------------------------- */
.FooterArea {
	background: #e1e1e1 url(/img/FooterBg.png) no-repeat;
	text-align: center;
	margin: 10px 0px 0px;
	padding: 26px 0px 6px;
	font-size: 12px;
}


/* ---------------------------------------------- */
/* Column */
/* ---------------------------------------------- */
.ColumnMain {
	width: 720px;
	float: left;
	margin: 0px;
	padding: 0px;
}
.ColumnSide {
	width: 200px;
	float: right;
	margin: 0px;
	padding: 0px 10px 0px 0px;
}


/* ---------------------------------------------- */
/* Side */
/* ---------------------------------------------- */

.SideTopBanner a{
	background: url(/img/Banner.jpg) no-repeat 0px 0px;
	height: 0px;
	margin: 0px 0px 10px;
	padding: 115px 0px 0px;
	overflow: hidden;
	display: block;
}
.SideTopBanner a:hover{
	background-position: 0px -115px;
}
.SideTopTitle {
	background: #FFFFFF url(/img/SideTopTitle.png) no-repeat 0px 0px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 200px;
	height: 35px;
	line-height: 35px;
	color: #f9bcc3;
	font-size: 16px;
	font-weight: bold;
}
.SideMenuListArea {
	margin: 0px;
	padding: 0px;
	width: 200px;
}
.SideMenuListArea a{
	color: #353535;
}

/* ---------------------------------------------- */
/* SideMenuListHead */
/* ---------------------------------------------- */
.SideMenuListComparison a{
	background: url(/img/SideComparison.jpg) no-repeat bottom;
	margin: 0px;
	padding: 0px 0px 5px 38px;
	display: block;
	font-weight: bold;
}
.SideMenuListExperience a{
	background: url(/img/SideExperience.jpg) no-repeat bottom;
	margin: 0px;
	padding: 0px 0px 5px 38px;
	display: block;
	font-weight: bold;
}

.SideMenuListHeadLevel1 a {
	background: url(/img/SideCategory.jpg) no-repeat bottom;
	margin:0px;
	padding: 10px 0px 10px 10px;
	display: block;
	font-weight: bold;
}

/* ---------------------------------------------- */
/* SideMenuList */
/* ---------------------------------------------- */
.SideMenuListArea ul {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	list-style: none;
	font-size: 12px;
}
.SideMenuListArea ul li {
	margin: 0px;
	padding: 5px 0px 0px;
}

.SideMenuListArea ul.SideMenuListLevel1 li a {
	background: url(/img/SideMenuListPage.jpg) no-repeat;
	margin: 0px;
	padding: 12px 10px 0px 40px;
	display: block;
	height: 30px;
}

.SideMenuListArea ul.SideMenuListLevel1 li a:hover {
	background-position: 0px -42px;
}


/* ---------------------------------------------- */
/* SideMenuListPickup */
/* ---------------------------------------------- */
.SideMenuListArea ul li.SideMenuListPickupLevel1 a {
	background: url(/img/SideMenuListPickUp.jpg) no-repeat;
	margin: 0px;
	padding: 12px 10px 0px 40px;
	display: block;
	height: 30px;
}

.SideMenuListArea ul li.SideMenuListPickupLevel1 a:hover {
	background-position: 0px -42px;
}



/* ---------------------------------------------- */
/* MainBody */
/* ---------------------------------------------- */
.MainBody , .MainBodyPage{
	margin: 0px 10px 10px 0px;
	padding: 0px 0px 0px 10px;
}
.MainBody h6 , .MainBodyPage h5 {
	background: #FFFFFF url(/img/H5Bg.png) no-repeat 0px 0px;
	margin: 0px 0px 6px 6px;
	padding: 2px 0px 5px 20px;
	font-weight:bold;
	font-size:12px;
	line-height: 1.1em;
	color: #ae380c;
}
.MainBody h5 , .MainBodyPage h4 {
	margin: 0px 0px 6px 11px;
	padding: 1px 0px 0px 7px;
	border-left: 5px solid #ff9500;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.1em;
	color: #ff9500;
}
.MainBody h4 , .MainBodyPage h3 {
	background: #FFFFFF url(/img/H3Bg.png) no-repeat 0px 0px;
	margin: 0px 0px 6px 3px;
	padding: 4px 0px 5px 24px;
	font-weight:bold;
	font-size:16px;
	line-height: 1.1em;
	color: #424242;
}
.MainBody h3 , .MainBodyPage h2 {
	background: #F5FFFE url(/img/H2Bg.jpg) no-repeat 0px 0px;
	margin: 0px 0px 6px;
	padding: 11px 0px 8px 23px;
	font-weight: bold;
	color: #ff6d03;
	font-size: 20px;
	line-height: 1.1em;
}
.MainBody h2 , .MainBodyPage h1{
	background: #FFFFFF url(/img/H1Bg.jpg) no-repeat 0px 0px;
	margin: 0px 0px 10px;
	padding: 2px 0px 2px 37px;
	border: none;
	font-weight:bold;
	font-size: 26px;
	line-height: 1.1em;
	color: #424242;
}

.MainBody p , .MainBodyPage p {
	margin: 0.5em 10px 1em;
	padding: 0px;
	letter-spacing: 0.1em;
}
.MainBody strong , .MainBodyPage strong{
	font-weight:bold;
}
p.CatchCopy{
	background: #FFEDEE url(/img/CatchCopy.gif) repeat scroll 0px 0px;
	border:1px solid #F5C9A6;
	color:#B24543;
	line-height: 37px;
	margin: 0px 10px 10px;
	padding: 19px 10px;
}
p.RankingLink{
	text-align: right;
	font-size: 18px;
	font-weight: bold;
	margin: 0px 10px 1em;
}

/* ---------------------------------------------- */
/* MainBodyList */
/* ---------------------------------------------- */
.MainBody ul  , .MainBodyPage ul{
	margin: 10px 10px 1em 30px;
	padding: 0px;
	list-style: none;
}
.MainBody ul li , .MainBodyPage ul li {
	background: url(/img/ListLevel1.png) no-repeat 0px 0px;
	margin:0px;
	padding:0px 0px 5px 23px;
	line-height: 1.5em;
}
.MainBody ul.MainBodyListLevel2 li , .MainBodyPage ul.MainBodyListLevel2 li {
	background: url(/img/ListLevel2.png) no-repeat 0px 2px;
	padding:0px 0px 5px 19px;
}
.MainBody ol  , .MainBodyPage ol{
	margin: 10px 10px 1em 20px;
	padding: 0px;
}
.MainBody ol li , .MainBodyPage ol li {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	line-height: 1.5em;
}

/* ---------------------------------------------- */
/* MainBodyTable */
/* ---------------------------------------------- */
.MainBody Table , .MainBodyPage Table {
	margin: 10px 0px 20px;
	padding: 0px;
	border-top: 1px solid #ff8754;
	border-left: 1px solid #ff8754;
}
.MainBody Table th , .MainBodyPage Table th {
	border-bottom: 1px dotted #ff8754;
	border-right: 1px dotted #ff8754;
	padding: 5px;
	line-height: 1.5em;
	font-weight: bold;
	background: #fede6f;
	text-align: center;
}
.MainBody Table td , .MainBodyPage Table td {
	border-bottom: 1px dotted #ff8754;
	border-right: 1px dotted #ff8754;
	padding: 10px 5px;
	line-height: 1.5em;
}
.MainBodyPage Table td.Center {
	text-align: center;
}
.MainBodyPage Table td.Data{	
	color: #D34100;
	font-weight: bold;
	text-align: center;
}
.Ranking1{
	font-size: 26px;
	font-weight: bold;
}
.Ranking1 a{
	color: #009900;
}
.Ranking2 a , .Ranking3 a , .Ranking4 a , .Ranking5 a{
	color: #35a026;
}
.BigS, .BigS a {
	font-size:35px;
	color: #35a026;
}
.Ranking2{
	font-size: 22px;
	font-weight: bold;
}
.Ranking3{
	font-size: 18px;
	font-weight: bold;
}
.Ranking4{
	font-size: 16px;
	font-weight: bold;
}
img.Star{
	padding: 10px 0px 5px;

}
img.Trophy{
	padding: 0px 3px 0px 0px;
	vertical-align: top;
}

/* ---------------------------------------------- */
/* RankingItemList */
/* ---------------------------------------------- */

.RankingItemList {
	margin: 0px;
	padding: 0px;
}
.ItemListLeft , .ItemListRight{
	margin: 0px 0px 10px;
	padding: 0px;
	background: url(/img/RankingItemListTop.png) no-repeat;
	width: 226px;
	float: left;
}
.ItemListLeft{
	margin: 0px;
	padding: 0px 10px 0px 0px;
}
.RankingItemList h3{
	margin: 0px;
	padding: 24px 0px 0px 2px;
	width: 149px;
	height: 67px;
	float: left;
	background: none;
}
.RankingItemList p{
	margin: 0px;
	padding: 24px 0 0 151px;
	font-size: 11px;
	text-align: center;
	
}
.Bold { font-weight: bold; }
.Men { color: #1b65a4;}
.Women { color: #fe5151;}
.RankingItemList dl{
	margin: 1px 0px 0px;
	padding: 10px 0 10px 10px;
	background: url(/img/RankingItemListBottom.png) bottom;
	border-top: 1px dotted #999999;
}
.RankingItemList dl dt{
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
.RankingItemList dl dt a{
	color: #8f2207;
	text-decoration: underline;
}
.RankingItemList dl dt a:hover{
	color: #8f2207;
	text-decoration: none;
}
.RankingItemList dl dd{
	margin: 0px;
	padding: 0px 5px 0px 0px;
	font-size: 10px;
	
}
/* ---------------------------------------------- */
/* PageListArea */
/* ---------------------------------------------- */
.PageListArea {
	margin: 10px 0px;
	padding: 0px;
}
.PageListArea h2 {
	background: #C4EBE9 url(/img/PageListHeadBgH2.gif) no-repeat 0px center;
	margin: 20px 0px 10px;
	padding: 5px 0px 5px 40px;
	border-bottom: 1px solid #538084;
	border-left: none;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.1em;
	color: #01585D;
}
.PageListArea h3 {
	background: url(/img/PageListHeadBgH3.gif) no-repeat 0px 0px;
	margin: 20px 0px 10px;
	padding: 5px 5px 5px 15px;
	border-bottom: 1px solid #BEE5DF;
	border-left: 6px solid #BEE5DF;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.1em;
	color: #01585D;
}
.PageListDouble {
	margin: 0px 0px 10px;
	padding: 0px;
	background: url(/img/PageListBgDoubleFoot.gif) no-repeat 0px bottom;
}
.PageListSingle {
	margin: 0px 0px 10px;
	padding: 0px;
	background: url(/img/PageListBgSingleFoot.gif) no-repeat 0px bottom;
}
.PageListSingle dl , .PageListDouble dl{
	margin: 0px;
	padding: 0px;
	width: 300px;
	background: url(/img/PageListBgSingleHead.gif) no-repeat 0px 0px;
	float: left;
}
.PageListSingle dl {
	float:none;
}
.PageListSingle dl dt , .PageListDouble dl dt{
	background: url(/img/PageListPage.gif) no-repeat 15px 10px;
	margin: 0px;
	padding: 10px 20px 10px 40px;
	line-height: 1.3em;
}
.PageListSingle dl dt.PageListPickup , .PageListDouble dl dt.PageListPickup{
	background: url(/img/PageListPickup.gif) no-repeat 13px 10px;
	margin: 0px;
	padding: 10px 20px 10px 48px;
	line-height: 1.3em;
}
.PageListSingle dl dd , .PageListDouble dl dd{
	margin: 0px;
	padding: 0px 20px 0px;
	line-height: 1.5em;
}

/* ---------------------------------------------- */
/* PageRelation */
/* ---------------------------------------------- */
.PageRelation{
	margin: 50px 0px 10px 0px;
	padding: 0px;
}
.PageRelation h2 {
	margin: 5px 0px 5px;
	padding: 10px 10px 10px 10px;
	background: url(/img/PageRelationBg.png) no-repeat;
	font-size: 14px;
	line-height: 1.1em;
	color: #424242;
}
.PageRelation ul {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	list-style: none;
}
.PageRelation ul li {
	background: url(/img/PageRelationListIcon.jpg) no-repeat 0px 5px;
	margin:0px;
	padding:0px 0px 5px 20px;
}
.PageRelation a{
	color: #353535;
}
.PageRelation a:hover{
	color: #5f5f5f;
}
/* ---------------------------------------------- */
/* NewsTopArea */
/* ---------------------------------------------- */
.NewsTopArea{
	margin: 50px 0px 10px 0px;
	padding: 0px;
}
.NewsTopArea h2 {
	margin: 5px 0px 5px;
	padding: 10px 10px 10px 10px;
	background: url(/img/NewsTopAreaBg.png) no-repeat;
	font-size: 14px;
	line-height: 1.1em;
	color: #424242;
}
.NewsTopArea ul {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	list-style: none;
}
.NewsTopArea ul li {
	background: url(/img/PageRelationListIcon.jpg) no-repeat 0px 5px;
	margin:0px;
	padding:0px 0px 5px 20px;
}
.NewsTopArea a{
	color: #353535;
}
.NewsTopArea a:hover{
	color: #5f5f5f;
}