/*--------------------------------------------------------
共通
--------------------------------------------------------*/
/*body*/
body.bg01{ margin: 5px 0px 0px 0px; background-color: #FFF;text-align: center;}
body.bg02{ margin: 0px 0px 0px 0px; background-color: #FFF;text-align: center;}
body.center{ margin: 0px 0px 0px 0px; background-color: #FFF;text-align: center;}

/*見出し*/
h1 { margin: 0;}
h2 { margin : 0; }
h3 { margin: 0; }

/*フォーム*/
form {margin:0;}
input{font: 80%/125% "ＭＳ Ｐゴシック";color: #000;margin-right: 2px;}
select{font: 80%/125% "ＭＳ Ｐゴシック";color: #000;margin-right: 4px;}
label{font: bold 90%/125% "ＭＳ Ｐゴシック";color: #000;padding: 0;}

/*余白*/
.mb4 { margin: 0 0 4px 0; }
.mb8 { margin: 0 0 8px 0; }
.mb16 { margin: 0 0 16px 0; }
.mb24 { margin: 0 0 24px 0; }
.mb32 { margin: 0 0 32px 0; }
.mb48 { margin: 0 0 48px 0; }

/*基本フォント*/
.base-ss {font: 70%/125% "ＭＳ Ｐゴシック"; color: #000;}
.base-ss-b {font: bold 70%/125% "ＭＳ Ｐゴシック"; color: #000;}
.base-s {font: 80%/125% "ＭＳ Ｐゴシック"; color: #000;}
.base-s-b {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #000;}
.base-m {font: 90%/125% "ＭＳ Ｐゴシック"; color: #000;}
.base-m-b {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #000;}
.base-l-b {font: bold 120%/125% "ＭＳ Ｐゴシック"; color: #000;}

.mds-01 {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #FFF;}
.mds-02 {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #036;}
.mds-err {font: bold 140%/125% "ＭＳ Ｐゴシック"; color: #F30;}

/*ランキング*/
.kaitori-sub-title {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #900; padding: 8px 0 0 0;}
.ranking-model {font: bold 70%/125% "ＭＳ Ｐゴシック"; color: #900;}

/*注釈*/
.notes-ss {font: 70%/125% "ＭＳ Ｐゴシック"; color: #F30;}
.notes-s {font: 80%/125% "ＭＳ Ｐゴシック"; color: #F30;}
.notes-s-b {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #F30;}

/*パンくず*/
.breadcrumbs{font: 11px "ＭＳ Ｐゴシック";color: #000;margin:0 0 10px 0; text-align: left;}

/* 回り込み解除 */
.clear {
	margin:0;
	padding:0;
	font-size:0;
	clear:both;
}

.left {
	text-align:left;
}

.right {
	text-align:right;
}

.center {
	text-align:center;
}

/*--------------------------------------------------------
レイアウト01（ex: contents）
--------------------------------------------------------*/
/*----------------------------
#header01
----------------------------*/
#header01 {
	margin-bottom:13px;
	width:780px;
	min-height:69px;
	height:auto !important;
	height:69px;
	background:url(/images/header_bg.gif) #FFF no-repeat left bottom;
	text-align:left;
}

#header01 img{
	border:none;
}

#header01 .logo {
	width:210px;
	float:left;
	clear:left;
	text-align:left;
}

#header01 .main {
	width:570px;
	float:right;
}

#header01 .main img{
	vertical-align:middle;
}

#header01 .main .sentence{
	margin:0;
	padding-bottom:15px;
	min-height:15px;
	height:auto !important;
	height:30px;
	font:80%/125% "ＭＳ Ｐゴシック";

}

#header01 .main .sentence a {
	display:none;
}

/* #topPage　トップページのみお気に入りリンク表示 */
body#topPage #header01 .main .sentence a {
	margin-left:20px;
	padding:3px 5px 3px 17px; 
	display:inline;
	background:url(/images/bookmark.gif) no-repeat 0 0.2em;
	font-size:85%;
}

#header01 .main p.textLink{
	margin:10px 60px 0 250px;
	font: 70%/125% "ＭＳ Ｐゴシック";
	text-align:right;
}

#header01 .main .tab{
	margin-top:-25px;
}


/* 動的TOP */
#header01 .headerAccount {
	display:none;
}

body#topPage #header01 .headerAccount {
	margin:-15px 0 0;
	padding-bottom:3px;
	display:block;
	min-height:20px;
	height:auto !important;
	height:20px;
	font:80%/120% "ＭＳ Ｐゴシック";
}

body#splitPage #header01 .headerAccount {
	visibility:hidden;
}

#header01 .headerAccount span {
	padding-left:15px;
}

/*----------------------------
.headerCampaign
----------------------------*/
td.headerCampaign {
	font: 80%/125% "ＭＳ Ｐゴシック";
	color: #333;
}
td.headerCampaign em {
	font-style:normal;
	color:#f00;
}

/*----------------------------
#navi
----------------------------*/
#navi h3 {margin: 0 0 5px 0;}
#navi .go-box {background-color: #FFF;} 
#navi .menu-block {margin: 0; text-align: center;} 
#navi .menu {font: 12px/125% "ＭＳ Ｐゴシック"; padding: 5px 0 5px 5px;} 
#navi .menu-list {font: 12px/125% "ＭＳ Ｐゴシック"; padding: 1px 0 1px 0;} 
#navi .link-block {margin: 0px 0px 16px 0px;} 
#navi .link {font: 12px/125% "ＭＳ Ｐゴシック"; padding: 5px;} 

#navi .bookmark{text-align: center; background-color:#FFF; padding: 0 0 16px 0; border-left: 1px solid #CCC; border-right: 1px solid #CCCCCC;}
#navi .bookmark input{font-size:12px; width: 10em;}

#navi .banner{ background-color:#FFF; padding: 16px 0; text-align:center; border-left: 1px solid #CCC; border-right: 1px solid #CCCCCC;}
#navi .banner img{margin-bottom:16px;}

/*----------------------------
#navi #topics
----------------------------*/
#navi #topics{ margin-top:12px;border-left: 1px solid #CCC; border-right:1px solid #CCC; background-color:#FFF;font:12px/125% "ＭＳ Ｐゴシック";}
#navi #topics p{margin:0 0 8px;padding:5px 7px 4px; background-color:#CCC; font-weight:bold;}
#navi #topics ul{ margin:0; padding:0;border-bottom:1px solid #CCC;}
#navi #topics li{list-style-position:outside; margin:0 5px 5px 24px;}

/*----------------------------
#form_contents
----------------------------*/
#form_contents .label{font: 80%/125% "ＭＳ Ｐゴシック"; color: #000;}
#form_contents .flow-block {text-align: center; margin: 0 0 16px 0;}
#form_contents .form-block {margin: 0 0 8px 0;}
#form_contents .form-box {background-image: url(/images/top_form_bg.gif);}
#form_contents .form-text{font: 80%/125% "ＭＳ Ｐゴシック";}

/*----------------------------
#footer01
----------------------------*/
#footer01 .copyright {font: 11px/125% "ＭＳ Ｐゴシック"; color: #333; text-align: center; margin: 0;}

/*----------------------------
#footer navi
----------------------------*/
#footer-navi .navi-block {margin: 16px 0 0 0;}
#footer-navi .navi-box {background-color: #666;}
#footer-navi td {font: 11px/125% "ＭＳ Ｐゴシック"; color: #FFF;}
#footer-navi a {font: 11px/125% "ＭＳ Ｐゴシック"; color: #FFF;}

/*----------------------------
#footer-link
----------------------------*/
#footer-link {margin:16px 0 8px 0;}
#footer-link table{border-top:solid 1px #999;}
#footer-link .logo{margin-right:8px;vertical-align:text-bottom;}
#footer-link .title{font: bold 12px/125% "ＭＳ Ｐゴシック"; color: #000; padding-top:4px; padding-bottom:6px;}
#footer-link .houjin{border-top:solid 1px #999;padding-top:4px;margin-top:4px;}
#footer-link .text{font: 11px/140% "ＭＳ Ｐゴシック"; color: #000;}
#footer-link .text span {font-weight: bold;}
#footer-link .linehidden {position:relative; top:-15px; width:595px; height:11px; background-color: #FFF;}

/*----------------------------
#secure
----------------------------*/
#secure .secure-block {margin: 0}
#secure img {border: 0px;}

/*--------------------------------------------------------
レイアウト02（ex: error）
--------------------------------------------------------*/
/*----------------------------
#footer02
----------------------------*/
#footer02 .copyright {font: 11px/125% "ＭＳ Ｐゴシック"; color: #333;}

/*--------------------------------------------------------
Top用
--------------------------------------------------------*/
/*----------------------------
#top
----------------------------*/
#top .catch-block {margin: 0 0 10px 0;}
#top .catch {font: 80%/125% "ＭＳ Ｐゴシック"; color: #000;}
#top .catch span {font-weight: bold;}
#top .label{font: 80%/125% "ＭＳ Ｐゴシック"; color: #000;}

#top th.label,
#subTop th.label,
#contents th.label {
	font-weight:bold;
	font-size:95%;
	text-align:left;
}

#top .flow-block {text-align: center; margin: 0 0 10 0;}
#top .form-block {margin: 0 0 8px 0;}
#top .form-box {background-image: url(/images/top_form_bg.gif);}
#top .form-text{font: 80%/125% "ＭＳ Ｐゴシック";}

#top .form-box,
#contents .form-box {
	padding-top:5px;
}


#topPage .merit h2{
	margin: 16px 0px 4px 0px; font: bold 80%/125% "ＭＳ Ｐゴシック"; color:#FFF; background:#666 ; padding:3px 5px;
}

.freedial .notice {
-x-system-font:none;
color:#FF3300;
font-family:"ＭＳ Ｐゴシック";
font-size:80%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:125%;
margin:0 auto 24px;
padding-left:1em;
text-align:left;
text-indent:-1em;
width:445px;
}

/*----------------------------
#topContents
----------------------------*/
#topContents h2 {margin: 0 0 8px 0;}
#topContents h3{font: bold 80%/125% "ＭＳ Ｐゴシック"; margin: 2px 0 2px 6px;}
#topContents .line {background-color: #CCC;} 
#topContents .line-block {margin: 10px 0px 10px 0px;}
#topContents .ttl{background: #BDD9F6; color: #333;}
#topContents .links{font: 80%/125% "ＭＳ Ｐゴシック"; color: #000; margin: 0 0 3px 0;}

/*----------------------------
#topTopics
----------------------------*/
#topTopics .topics-block {margin: 0 0 16px 0;}
#topTopics .line-block {margin: 10px 0 10px 0;}
#topTopics .line {background-color: #CCC;} 

/*----------------------------
#topNews
----------------------------*/
#topNews {margin-bottom:36px;}
#topNews h2 {margin: 8px 0 16px 0; font: bold 80%/125% "ＭＳ Ｐゴシック"; color:#FFF; background:#666 ; padding:3px 5px;}
#topNews dl {margin: 0px 0px 4px 0px; font: 80%/125% "ＭＳ Ｐゴシック";}
#topNews dt {background: url(/images/marker.gif) no-repeat; background-position:top left; padding: 0 0 0 1em;}
#topNews dd {padding: 0 0 4px 1em; margin:0;} 
#topNews .update {margin: 0px 0px 16px 0px; font: 80%/125% "ＭＳ Ｐゴシック";}

/*--------------------------------------------------------
Area用
--------------------------------------------------------*/
#area h1 {font: bold 160%/100% "ＭＳ Ｐゴシック"; vertical-align:bottom; white-space:nowrap;}
#area h2 {margin: 16px 0px 8px 0px; font: bold 80%/125% "ＭＳ Ｐゴシック"; color:#FFF; background:#666 ; padding:3px 5px;}

/*--------------------------------------------------------
Sub Top用
--------------------------------------------------------*/
/*----------------------------
#subTop
----------------------------*/
#subTop .label{font: 80%/125% "ＭＳ Ｐゴシック"; color: #000;}
#subTop .form-text{font: 80%/125% "ＭＳ Ｐゴシック";}

/*--------------------------------------------------------
#Contents・Info用
--------------------------------------------------------*/
/*----------------------------
#contents
----------------------------*/
#contents h1 {font: bold 120%/125% "ＭＳ Ｐゴシック"; color: #000; margin: 3px 0 0 10px;}
#contents h2 {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #000; margin: 3px 0 2px 5px;}
#contents h3 {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #0053A5; margin: 0 0 2px 0;}
#contents .title-block {margin: 0 0 25px 0;}
#contents .title-bullet {background-color: #BDD9F6; border-top: 5px solid #0862C2;}
#contents .title-background {background-color: #BDD9F6; border-top: 5px solid #0862C2;}
#contents .title-link-td {border: 1px solid #BDD9F6;}
#contents .title-link {font: 80%/150% "ＭＳ Ｐゴシック"; margin: 0 0 0 4px;}

#contents .subtitle-back {background-color: #F4F4F4;}
#contents .subtitle-back-l {background-color: #F4F4F4; border-left: 1px solid #999;}
#contents .subtitle-back-r {background-color: #F4F4F4; border-right: 1px solid #999;}
#contents .subtitle-back-t {background-color: #F4F4F4; border-top: 1px solid #999;}
#contents .subtitle-back-b {background-color: #F4F4F4; border-bottom: 1px solid #999;}
#contents .subtitle-link {font: 70%/125% "ＭＳ Ｐゴシック"; color: #000; margin: 3px 0 2px 0px;}

#contents .sub-menu {font: 70%/125% "ＭＳ Ｐゴシック";}
#contents .border {border-top: 1px dotted #CCC; margin: 16px 0;}
#contents .border-box {border: 1px dotted #333;}
#contents .border-user-b {border-top: 2px solid  #333; margin: 8px 0;}
#contents .border-user {border-top: 1px dashed #333; margin: 4px 0 16px;}
#contents .user-text {font: 80%/125% "ＭＳ Ｐゴシック"; color: #000; margin: 0 0 0 0.5em;}
#contents .catch {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #003366;}
#contents .dot-border {background-image: url(/voice/images/vc_line.gif);}
#contents p {font: 80%/140% "ＭＳ Ｐゴシック"; color: #000000;}
#contents ul {font: 80%/140% "ＭＳ Ｐゴシック"; color: #000000;}
#contents ol {font: 80%/140% "ＭＳ Ｐゴシック"; color: #000000;}
#contents .exp-list {margin: 0.5em 0 0.5em 2em;  padding: 0;}
#contents .exp-title  { margin: 0;}

#contents .rating01 {background-color: #3E8AD7; text-align: center; font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #FFFFFF;}
#contents .rating02 {background-color: #F3F9FF; text-align: center; font: 80%/125% "ＭＳ Ｐゴシック"; color: #0A69C9;}
#contents .rating03 {background-color: #F3F3F3; text-align: center; font: 80%/125% "ＭＳ Ｐゴシック"; color: #000000;}
#contents .rating04 {background-color: #F3F3F3; font: 80%/125% "ＭＳ Ｐゴシック"; color: #000000;}
#contents .rating05 {background-color: #DAEAFC; font: 80%/125% "ＭＳ Ｐゴシック"; color: #000000;}
#contents .rating06 {background-color: #F3F9FF; font: 80%/125% "ＭＳ Ｐゴシック"; color: #000000;}
#contents .rating07 {background-color: #FFFFFF; text-align: center; font: 80%/125% "ＭＳ Ｐゴシック"; color: #000000;}
#contents .rating08 {background-color: #FFFFFF; font: 80%/125% "ＭＳ Ｐゴシック"; color: #000000;}

#contents .redBold{font-weight: bold;color: #FF0000;}

#contents .label{font: 80%/125% "ＭＳ Ｐゴシック"; color: #000000;}
#contents .flow-block {text-align: center; margin: 0px 0px 16px 0px;}
#contents .form-block {margin: 0px 0px 8px 0px;}
#contents .form-box {background-image: url(/images/top_form_bg.gif);}
#contents .form-text{font: 80%/125% "ＭＳ Ｐゴシック";}

#contents #caution_left {
	float: left;
	width: 280px;
}
#contents #caution_right {
	float: right;
	width: 250px;
}


/*----------------------------
#contents #voice
----------------------------*/
#contents #voice{margin:10px 8px 32px;}
#contents #voice ul{margin:0 3px; padding:0; list-style-type:none;}
#contents #voice li{padding:6px 0 7px 15px;border-bottom:1px dotted #333;background: url(/contents/images/voice_sq.gif) no-repeat 0 0.7em ;}

/*----------------------------
#contents #voice_ttl
----------------------------*/
#contents #voice_ttl h1 {font: bold 120%/125% "ＭＳ Ｐゴシック"; color: #009; margin: 3px 0px 2px 5px; border-bottom: 2px solid #333;}

/*----------------------------
#contents #ranking
----------------------------*/
#contents #ranking h2 { margin : 0px 0px 0px 0px; }

#contents #ranking h3 { 
	font: bold 80%/21px "ＭＳ Ｐゴシック";
	color: #000000;
	height:21px;
}

#contents #ranking h3.best2 {
	padding-left:52px;
	background:url(/contents/images/rank02.gif) #F9F9F9 no-repeat left top;	
}

#contents #ranking h3.best3 {
	padding-left:52px;
	background:url(/contents/images/rank03.gif) #F9F9F9 no-repeat left top;	
}

#contents #ranking h3.best4 {
	padding-left:52px;
	background:url(/contents/images/rank04.gif) #F9F9F9 no-repeat left top;	
}

#contents #ranking h3.best5 {
	padding-left:52px;
	background:url(/contents/images/rank05.gif) #F9F9F9 no-repeat left top;	
}

#contents #ranking table.ranking_best1 {
	padding:2px;
	border:1px solid #CBCBCB;
	margin-bottom:5px;
}

#contents #ranking td.ranking_best2to5 {
	padding:2px;
	border:1px solid #CBCBCB;
}


/*----------------------------
#info
----------------------------*/
#info h1 {font: bold 120%/125% "ＭＳ Ｐゴシック"; color: #000000; margin: 3px 0px 0px 10px;}
#info h2 {font: bold 100%/125% "ＭＳ Ｐゴシック"; margin: 0px 0px 0px 0px; padding: 3px;}
#info .title-block {margin: 0px 0px 25px 0px;}
#info .title-bullet {background-color: #BDD9F6; border-top: 5px solid #0862C2;}
#info .title-background {background-color: #BDD9F6; border-top: 5px solid #0862C2;}
#info .catch {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #003366;}

#info .float-r {float:right; display:inline;}
#info .float-l {float:left;}

/*--------------------------------------------------------
#link用 /link/
--------------------------------------------------------*/
#link h1 {font: bold 120%/125% "ＭＳ Ｐゴシック"; margin: 0px 0px 0px 0px;}
#link h2{font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #000; background-color: #CCC; border:solid 1px #999; margin-bottom:8px; padding:3px; text-align:left; width: 570px;}
#link .category{width: 570px;}
#link .category td{padding: 5px;}
#link .list{border-top: 1px solid #CCC; border-left: 1px solid #CCC; margin-bottom:16px; width: 570px;}
#link .list th{font: 80%/125% "ＭＳ Ｐゴシック"; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; text-align:left; vertical-align:top; padding: 5px; width:30%;}
#link .list td{font: 80%/125% "ＭＳ Ｐゴシック"; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; text-align:left; vertical-align:top; padding: 5px; width:70%;}

/*--------------------------------------------------------
#link_com用 /link_com/
--------------------------------------------------------*/
#link_com h1 {font: bold 120%/125% "ＭＳ Ｐゴシック"; color: #000000; margin: 3px 0px 0px 10px;}
#link_com h2 {font: bold 100%/125% "ＭＳ Ｐゴシック"; margin: 0px 0px 0px 0px; padding: 3px;}
#link_com  .title-block {margin: 0px 0px 16px 0px;}
#link_com  .title-background {background-color: #BDD9F6; border-top: 5px solid #0862C2;}
#link_com  .title-bullet {background-color: #BDD9F6; border-top: 5px solid #0862C2;}
#link_com .comment{
	border-top: 2px solid #666666;
	border-bottom: 2px solid #666666;
	margin:8px 0;padding:8px 0;
}


/*--------------------------------------------------------
#member_aria
--------------------------------------------------------*/
#member_aria {
}

#member_aria img {
	padding:0;
	border:1px solid #cfcfcf; 
	vertical-align:baseline;
}

#member_aria td {
	width: 95px;
}

#member_aria td.logo-end {
	width:80px;
}

#member_aria table a {
	width:80px;
	height:40px;
}


/*--------------------------------------------------------
#area-contents
--------------------------------------------------------*/
#area-contents {width:570px; text-align:left; margin-bottom:16px;}
#area-contents h1 {font: bold 160%/100% "ＭＳ Ｐゴシック"; vertical-align:bottom; white-space:nowrap;}
#area-contents h2 {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #FFFFFF; background-color: #666666;}
#area-contents h3 {font: bold 80%/125% "ＭＳ Ｐゴシック";color: #333; background: #FFF url(/images/srv_icon_arrow.gif) no-repeat left center; padding-left:1em;}
#area-contents ul {font: 80%/125% "ＭＳ Ｐゴシック"; margin:2px 0 16px; padding-left:1em; list-style-type:none;}
#area-contents .mb {background-color: #666666; padding: 3px 6px; margin-bottom:16px; border: 1px solid #666666;}
#area-contents .notes {font: 80%/125% "ＭＳ Ｐゴシック"; color: #FFF;}
#area-contents .line { border-bottom:1px solid #BBB;}
#area-contents .catchBlock {margin: 0px 0px 24px 0px;}
#area-contents .catch {font: 12px/125% "ＭＳ Ｐゴシック"; color: #333;}
#area-contents .label {font: 90%/125% "ＭＳ Ｐゴシック"; color: #333;}
#area-contents .lead {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #F60; padding:0.5em 0 0.2em;}
#area-contents .list td {width:50%; vertical-align:top;}

#area-contents .office-list {
  margin:0 0 16px 5px;
  border-collapse:collapse;
  width:560px;
  font: 80%/125% "ＭＳ Ｐゴシック";
}

#area-contents .office-list caption {
	text-align:right;
}

#area-contents .office-list td,
#area-contents .office-list th {
	border:1px solid #999;
}

#area-contents .office-list th {
  background-color: #BDD9F6;
}

#area-contents .office-list td {
	padding-left:3px;
}

#area-contents .area-list {
	margin-bottom:16px;
}

#area-contents .area-list ul {
	margin:0;
	width:570px;
}

#area-contents .area-list li {
	margin:0;
	padding: 0 10px 3px 0;
	float:left;
	width:180px;
	list-style: none;
}


/*--------------------------------------------------------
.overture-ad　オーバーチュア
--------------------------------------------------------*/
#contents .overtureAd p { /* #contents p の影響で2重にサイズ指定がかかるため */
	font:12px/125% "ＭＳ Ｐゴシック";
}

.overtureAd {
	margin:15px 0 15px;
	padding:10px 0;
	width:560px;
 	background-color:#EBF4FC;
	font:80%/125% "ＭＳ Ｐゴシック";
	text-align:left;
}

.overtureAd p {
 	margin:0 20px -1em 80%;
	text-align:right;
}

.overtureAd dl {
 	margin:0 15% 7px 20px;
}

/* dt.adTitle */
.overtureAd .adTitle {
	padding-left:15px;
	background:url(/images/marker_overture.gif) no-repeat left center;
}

.overtureAd .adTitle a {
    color:#2f5cb9;
	font-weight:bold;
}

/* dd.adBody */
.overtureAd dd.adBody {
    margin:0;
	padding-left:15px;
}

.overtureAd .adBody a {
    color:#000;
	text-decoration:none; 
}

/* dd.adUrl */
.overtureAd dd.adUrl {
    margin:0;
	padding-left:15px;
}

.overtureAd .adUrl a {
 	color:#008000;
	text-decoration:none;
}



/* *********************************************************** */
.join {
	margin: 5px 0px 0px 0px;
	background-color:#FFF;
	text-align:center;
}

.join #contents {
	width:570px;
	text-align:center;
}

.join #contents h2,
.join #contents h3,
.join #contents p {
	margin:0;
	padding:0;
	text-align:left;
}

.join #contents .flow {
	margin:24px 0 16px;
	text-align:left;
}

.join #contents .comment {
	margin-left:177px;
}

.join #contents .meritArea {
	margin:0 0 16px;
	padding:0;
	border:1px solid #CCC;
	width:568px;
	text-align:center;
}

.join #contents .meritArea h3 {
	margin-bottom:4px;
}

.join #contents .meritArea .meritBox {
	margin:0 auto;
	background:url(/info/images/join/merit_box_bg.gif) repeat-y 0 0;
	width:556px;
	min-height:35px;
	height:auto !important;
	height:35px;
	text-align:left;
}

.join #contents .boxBottom {
	margin:0 0 4px 0;
	padding:0;
	clear:both;
}

.join #contents .meritArea .meritBox p.merit01,
.join #contents .meritArea .meritBox p.merit02,
.join #contents .meritArea .meritBox p.merit03,
.join #contents .meritArea .meritBox p.merit04,
.join #contents .meritArea .meritBox p.merit05 {
	margin:0;
	padding:0 3px 0 105px;
	min-height:35px;
	height:auto !important;
	height:35px;
}

.join #contents .meritArea .meritBox p.merit01 {
	background:url(/info/images/join/merit_01.gif) no-repeat 1% 50%;
}
.join #contents .meritArea .meritBox p.merit02 {
	background:url(/info/images/join/merit_02.gif) no-repeat 1% 50%;
}
.join #contents .meritArea .meritBox p.merit03 {
	background:url(/info/images/join/merit_03.gif) no-repeat 1% 50%;
}
.join #contents .meritArea .meritBox p.merit04 {
	background:url(/info/images/join/merit_04.gif) no-repeat 1% 50%;
}
.join #contents .meritArea .meritBox p.merit05 {
	background:url(/info/images/join/merit_05.gif) no-repeat 1% 50%;
}


.join #contents .infoArea {
	margin:0 auto;
	padding:5px 14px 3px;
	background:url(/info/images/join/info_box_bg.gif) repeat-y 0 0;
	width:570px;
	float:left;
	clear:both;
}

.join #contents .infoArea .infoBox {
	margin:0;
	padding:4px 0;
	border:1px solid #1B59C0;
	width:540px;
	float:left;
	clear:both;
	background-color:#FFF;
}

.join #contents .infoArea .infoBox .infoBoxLeft {
	width:255px;
	text-align:left;
	float:left;
}

.join #contents .infoArea .infoBox .infoBoxLeft img {
	margin:2px 5px;
}

.join #contents .infoArea .infoBox .infoBoxRight {
	margin:0;
	padding:5px;
	border-left:1px dashed #1C5AC0;
	width:270px;
	min-height:75px;
	height:auto !important;
	height:75px;
	text-align:left;
	float:right;
}

.join #contents .infoArea .infoBox .infoBoxRight p {
	margin:0;
	padding:0;
}

.join #contents .infoArea .infoBox .infoBoxRight p {
	margin-bottom:3px;
	border-bottom:2px solid #1C5AC0;
	color:#1C5AC0;
	font-weight:bold;
}

.join #contents .infoArea .infoBox .infoBoxRight strong {
	margin-left:10px;
	color:#000;
}

.join #contents .infoArea .infoBox .infoBoxRight span {
	border-bottom:1px dashed #CACACA;
	color: #000;
	font: 80%/125% "ＭＳ Ｐゴシック";
	line-height:1.3;
	text-align:left;
}


/*--------------------------------------------------------
.topRanking　ランキング
--------------------------------------------------------*/
.topRanking {
	background-color:#BDD9F6;
	text-align:center;
}

.topRanking .rankingDetail {
	margin:5px;
	padding:3px;
	background-color:#FFF;
	font:80%/125% "ＭＳ Ｐゴシック";
	text-align:left;
}

.topRanking .rankingDetail p,
.topRanking .rankingDetail div {
	margin:0 0 16px;
}

.topRanking .rankingDetail .rankingTitle {
	font-weight:bold;
}

.topRanking .rankingDetail .rankingTitle em {
	color:#1049B5;
	font-style:normal;
	font-weight:bold;
}

.topRanking .rankingDetail img {
	margin-right:3px;
	vertical-align:middle;
}

.topRanking .rankingDetail .answer ul {
	margin:3px 0 0;
	padding:4px 0;
	border-top:1px dashed #333;
	border-bottom:1px dashed #333;	
}

.topRanking .rankingDetail .answer li {
	padding:0 0 0 38px;
	text-indent:-38px;
	list-style:none;	
}

.topRanking .rankingDetail .nextRank {
	color:#1049B5;
}

.ranking {
	background-color:#BDD9F6;
	text-align:center;
}
.ranking #contents {
	margin:0 auto;
	padding:5px;
	width:500px;
	background-color:#FFF;
	text-align:left;
}

.ranking #contents h1,
.ranking #contents h2 {
	margin:0 0 16px;
	font: bold 90%/125% "ＭＳ Ｐゴシック";
}

.ranking #contents table {
	margin:0 0 24px 24px;
	width:350px;
}

.ranking #contents table .first {
	color:#F00;
	font-weight:bold;
}

.ranking #contents table th {
	padding-bottom:5px;
	font: 80%/125% "ＭＳ Ｐゴシック";
}

.ranking #contents th.rankingCaption {
	padding-bottom:8px;
	font:bold 90%/125% "ＭＳ Ｐゴシック";
	text-align:center;
}

.ranking #contents table td  {
	padding:5px 5px 5px 10px;
	font: 80%/125% "ＭＳ Ｐゴシック";
}

.ranking #contents ul {
	margin:0 0 24px 24px;
	padding:0;
}

.ranking #contents li {
	list-style:none;
}