*{
	margin:0;
	padding:0;
	font-weight:normal;
	font-family:Tahoma, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
.ctr{
	text-align:center;}
.img{
	margin:2em 0;}	
.red{
	color:#AA0000;
	font-weight:bold;}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}
.clearfix{
	zoom:1;}
body{
	margin:40px 0 15px;
	text-align:center;}
img{
	border:0;}
/*------------------------------------------------------------------------------------= ヘッダー部分*/
#header{
	margin:0 auto;
	padding:0 0 10px;
	width:780px;
	text-align:left;}
#pageDescription{
	float:right;
	color:#999;
	font-size:12px;}
#pageDescription h1,
#pageDescription h1 a{
	color:#999;
	font-size:12px;
	font-weight:bold;}
#pageDescription h1 a{
	text-decoration:none;}
#logo{
	float:left;
	width:300px;}
/*------------------------------------------------------------------------------------= パンくずリスト部分*/
#topicPath{
	padding:20px 0 0;
	height:20px;_height:40px;
	background:url("../images/layout/header/topicPath.gif") repeat-x;
	font-size:12px;}
#topicPath ol{
	margin:0 auto;
	width:780px;
	list-style-type:none;
	text-align:left;}
#topicPath li{
	padding:0 4px 0 12px;
	background:url("../images/layout/header/arrow.gif") 0 3px no-repeat;
	display:inline;}
#topicPath li,#topicPath li a{
	color:#bf0000;
	text-decoration:none;}
#topicPath li a:hover{
	text-decoration:underline;}
/*------------------------------------------------------------------------------------= メイン部分*/
#main{
	margin:0 auto;
	padding:15px 0 0;
	width:780px;
	text-align:left;}
/*------------------------------------------------------------------------------------= コンテンツ部分(トップページ)*/
#contentTop{
	float:left;
	width:595px;}
#contentTopLeft{
	float:left;
	margin:0 15px 0 0;
	padding:0 14px 0;
	width:380px;_width:410px;
	border-left:1px solid #FF9900;
	border-right:1px solid #FF9900;}
	
#contentTopRight{
	float:left;
	width:170px;
	text-align:left;}
#contentTopRight a{
	color:#666;
	text-decoration:none;}
#contentTopRight ul,#contentTopRight ol{
	list-style-type:none;}
#ranking p a,
#contentTopRight h3 a{
	display:block;
	padding:8px 0 0 40px;_padding:8px 0 0 45px;
	width:130px;_width:170px;
	height:22px;_height:30px;
	font-size:12px;
	font-weight:bold;
	color:#666;}
#contentTopRight h3 a{
	background:url("../images/layout/menu/titleGreen.gif") no-repeat;}
.topBox{
	background-color:#CCCCCC;}
#topBoxLeft{
	width:189px;
	float:left;
	border-right:1px dotted #FF9900;}
#topBoxBrand{
	float:right;
	width:189px;}
#topBoxBrand p{
	color:#FF7110;
	line-height:1.5em;
	font-size:11px;
	padding:0 5px 0 22px;}
#topBoxService{
	width:189px;
	float:left;
	border-right:1px dotted #FF9900;
	border-top:1px dotted #FF9900;
	padding:15px 0 0 0;}
#topBoxService p{
	color:#E7B631;
	line-height:1.5em;
	font-size:11px;
	padding:0 5px 0 22px;}
#topBoxPublisher{
	width:189px;
	float:right;
	border-top:1px dotted #FF9900;
	padding:15px 0 0 0;}
#topBoxPublisher p{
	color:#4A966B;
	line-height:1.5em;
	font-size:11px;
	padding:0 5px 0 20px;}
#readme{
	padding:40px 0 30px;}
#readme h2{
	display:none;}
#readme p,#readme em{
	margin:0 0 1em;
	color: #1886A5;
	font-size:12px;
	line-height:1.5em;}
#readme a{
	color: #1886A5;
	text-decoration:none;}
#readme a:hover{
	text-decoration:underline;}
/*------------------------------------------------------------------------------------= コンテンツ部分*/
#content{
	float:right;
	margin:0;
	padding:0 30px 40px;
	width:533px; _width:595px;
	border-right:1px solid #FF9900;
	border-left:1px solid #FF9900;}
#content h2,#content h3.chapter,#content h4.chapter{
	margin:0 0 25px;
	padding:5px 0 2px 30px;
	height:23px;_height:30px;
	background:url("../images/icon/note.gif") no-repeat;
	border-bottom:2px solid #AA0000;
	color:#666;
	font-size:16px;
	font-weight:bold;}
#content h3.chapter,#content h4.chapter{
	margin:60px 0 25px;}

#content p{
	margin:0 0 1em;
	line-height:1.5em;
	font-size:14px;}
/*------------------------------------------------------------------------------------= コンテンツ部分(テーブル・定義・リスト)*/
.tbl{
	margin:2em 0;
	text-align:center;}
.tbl table{
	width:95%;
	border:1px solid #FF9900;
	border-collapse:collapse;
	font-size:12px;
	text-align:left;}
.tbl th{
	padding:0.5em 1em;
	background-color:#ffeedd;
	border:1px solid #FF9900;
	color:#333;
	white-space:nowrap;}
.tbl td{
	padding:0.5em 1em;
	border:1px solid #FF9900;
	color:#333;
	line-height:1.5em;}

#content ul,#content ol{
	margin:0 0 1em 1em;
	list-style-type:none;}
#content li.circle{
	padding:0 0 0 15px;
	background:url("../images/icon/circle.gif") 0 7px no-repeat;
	line-height:1.5em;
	font-size:14px;}
/*------------------------------------------------------------------------------------= コンテンツ部分(カードデッキ)*/
.cardDescription{
	margin:2em 0;
	text-align:center;}
.cardDescription table{
	margin:0 auto;
	width:520px;
	border:1px solid #FF9900;
	border-collapse:collapse;
	text-align:left;}
.cardDescription td{
	padding:3px 0;
	border:1px solid #FF9900;
	color:#333;
	line-height:1.5em;
	text-align:center;
	font-size:12px;}
.cardDescription td.cardName{
	padding:3px 0 3px 10px;
	background-color:#FFDAB5;
	text-align:left;}
.cardNameLeft{
	float:left;
	color:#666;
	font-weight:bold;}
.cardNameRight{
	float:right;
	margin:0 5px 0 0;}
.cardNameRight li{
	display:inline;}
.btDetail a span,.btApply a span{
	display:none;}
.btDetail a,.btApply a{
	float:left;
	display:block;
	padding:0 0 0 13px;
	height:18px;
	text-decoration:none;
	color:#666;}
.btDetail a{
	margin:0 10px 0 0;
	width:47px;_width:60px;
	background:url("../images/layout/content/btCategory01.gif") no-repeat;
	letter-spacing:10px;}
.btApply a{
	width:67px;_width:80px;
	background:url("../images/layout/content/btCategory02.gif") no-repeat;}
.btDetail a:hover{
	background:url("../images/layout/content/btCategory01On.gif") no-repeat;
	color:#FFFFFF;}
.btApply a:hover{
	background:url("../images/layout/content/btCategory02On.gif") no-repeat;
	color:#FFFFFF;}
.cardDescription td.subTitle{
	background-color:#FFEEDD;
	border:1px solid #FF9900;
	color:#333;
	font-size:12px;
	white-space:nowrap;}
td.otokuPoint{
	padding:10px 20px 10px;
	text-align:left;}
li.circleOtokuPoint{	padding:0 0 0 15px;
	background:url("../images/icon/circle.gif") 0 7px no-repeat;
	line-height:1.5em;
	font-size:12px;}
.txtRight{
	text-align:right;}
/*------------------------------------------------------------------------------------= コンテンツ部分(詳細ページ)*/
.cardDetail{
	margin:2em 0 1em;
	text-align:center;}
.cardDetail table{
	margin:0 auto;
	width:525px;/*サイズ調整*/
	border:1px solid #FF9900;
	border-collapse:collapse;
	text-align:left;}
.cardDetail td{
	padding:3px 7px;
	border:1px solid #FF9900;
	color:#333;
	line-height:1.5em;
	font-size:12px;}
.cardDetail td.cardName,.cardDetail td.subtitle01{
	padding:3px 0 3px 10px;
	background-color:#FFDAB5;
	text-align:left;}
.cardDetail td.subTitle02{
	background-color:#FFEEDD;
	border:1px solid #FF9900;
	color:#333;
	font-size:12px;
	white-space:nowrap;}
.cardDetail2{
	margin:0 auto;
	width:525px;
	border:1px solid #FF9900;}
.cardDetail2 h3,.cardDetail2 h4{
	margin:0 auto;
	padding:8px 0 8px 10px;
	background-color:#FFDAB5;
	font-size:12px;
	text-align:left;}
.cardDetail2 h3,.cardDetail2 h4{
	margin:0 0 1em;
	border-bottom:1px solid #FF9900;}
.cardDetail2 h4{
	border-top:1px solid #FF9900;}
.cardDetail2 p{
	padding:0 20px;}
.cardDetail2 ul{
	padding:0 0 0 2em;}
#bt{
	margin:1.5em auto;
	text-align:center;}
/*------------------------------------------------------------------------------------= メニュー部分*/
#menu{
	float:left;
	margin:0 15px 0 0;
	width:170px;
	text-align:left;}
#menu a{
	color:#666;
	text-decoration:none;}
#cardAll a,
#credit-card-issuer a{
	margin:0 0 10px;
	padding:5px 0 0 30px;
	display:block;
	width:140px; _width:170px;
	height:20px; _height:25px;
	font-size:12px;
	font-weight:bold;
	color:#666;}
#cardAll a:link,#cardAll a:visited,
#credit-card-issuer a:link,#credit-card-issuer a:visited{
	background:url("../images/layout/menu/menuOff.gif") no-repeat;}
#cardAll a:hover,
#credit-card-issuer a:hover{
	background:url("../images/layout/menu/menuOn.gif") no-repeat;}	
#menu ul,#menu ol{
	list-style-type:none;}
dl#brand dt a,
#ranking p a,
#service p a,
dl#publisher dt a,
#menu h3 a{
	display:block;
	padding:8px 0 0 40px;_padding:8px 0 0 45px;
	width:130px;_width:170px;
	height:22px;_height:30px;
	font-size:12px;
	font-weight:bold;
	color:#666;}
/*------------------------------------------------------------------------------------= メニュー部分(タイトル部分)*/
dl#brand dt a{
	background:url("../images/layout/menu/titleOrange.gif") no-repeat;}
#ranking p a{
	background:url("../images/layout/menu/titleBlue.gif") no-repeat;}
#service p a{
	background:url("../images/layout/menu/titleYellow.gif") no-repeat;}
dl#publisher dt a{
	background:url("../images/layout/menu/titleGray.gif") no-repeat;}
#menu h3 a{
	background:url("../images/layout/menu/titleGreen.gif") no-repeat;}

dl#information dt,dl#sogolink dt{
	display:block;
	padding:6px 0 0 30px;
	width:140px;_width:170px;
	height:19px;_height:25px;
	background:url("../images/layout/menu/information.gif") no-repeat;
	font-size:12px;
	font-weight:bold;
	color:#666;}
/*------------------------------------------------------------------------------------= メニュー部分(リスト部分)*/
#ranking ol,
#brand ul,
#service ul,
#publisher ul,
ul#knowledge,
#information,
#sogolink{
	margin:0 0 10px;}
#ranking ol{
	background:url("../images/layout/menu/dotBlue.gif") repeat;}
#brand ul{
	background:url("../images/layout/menu/dotOrange.gif") repeat;}
#service ul{
	background:url("../images/layout/menu/dotYellow.gif") repeat;}
#publisher ul{
	background:url("../images/layout/menu/dotGray.gif") repeat;}
ul#knowledge{
	background:url("../images/layout/menu/dotGreen.gif") repeat;}
#information ul,#sogolink ul{
	background:url("../images/layout/menu/dotGray.gif") repeat;}
#ranking li,
#brand li,
#service li,
#publisher li,
ul#knowledge li,
#information li,
#sogolink li{
	padding:0 0 0 15px;
	border-bottom:1px solid #999;
	font-size:12px;
	line-height:2em;}
#ranking li{
	_padding-top:4px;
	height:24px;}


/*------------------------------------------------------------------------------------= フッター部分*/
#footerNavi{
	margin:0 0 10px 0;
	line-height:1.2em;
	text-align:center;
	border-top:1px solid #FF9900;
	border-bottom:1px solid #FF9900;
	background-color:#FFEEDD;}
#footerNavi p{
	margin:0 auto;
	padding:0 10px 0 0;
	width:770px;_width:780px;
	font-size:11px;
	text-align:right;}
#footerNavi p a{
	font-size:11px;
	color:#666;
	text-decoration:none;}
#footerNavi p a:hover{
	text-decoration:underline;}
#footer{
	}
#footer p,#footer a{
	color:#666;
	font-size:11px;}
#footer a:link,#footer a:visited{
	text-decoration:none;}
#footer a:hover{
	text-decoration:underline;}


.red{
	color:#AA0000;
	font-weight:bold;}