/** 共通設定 **/
*{
	margin: 0;
	padding: 0;
}
/* 本文 */
body{
	background-color: #99ccff;
	font-size: 100%;
	padding-left: 5vw;
	padding-right: 5vw;
}
/* リンク */
a:link { color: #000099; }
a:visited { color: #000033; }
a:hover { color: #ff0000; }
a:active { color: #ff9900; }
/* 土台 */
#base{
	width: 800px;
	margin: 0 auto;
	text-align: left;
}
/* タイトル部 */
#header{
	margin: 0 0 10px 0;
	text-align: center;
	background-color: #6666ff;
	border: 2px #6666ff outset;
}
#header p{
	font-size: small;
}
.title{
	color: #000000;
	text-decoration: none;
}
/* サイドバー部 */
#side{
	float: right;
	width: 150px;
	margin-right: 10px;
}
/* メニュー部 */
#menu{
	text-align: left;
	margin-bottom: 10px;
	border: 1px #0000ff solid;
}
#menu h2{
	background-color: #3333ff;
	color: #ffffff;
	margin: 0;
	padding: 2px;
	font-size: 100%;
}
#menu p{
	margin: 0;
}
.categories{
	padding-left: 5px;
	background-color: #ccccff;
}
.contents{
	padding-left: 15px;
	background-color: #ffffff;
}
.current{
	font-weight: bold;
}
/* ティッカー部 */
#ticker{
	margin-bottom: 10px;
}
/* 応援バナー部 */
#banner{
	text-align: center;
	margin-bottom: 10px;
	background-color: #ffcc33;
}
#banner img{
	/*width: 150px;*/
}
/* バナー用 */
.bannerimage{
	border: none;
}
/* メイン部 */
#main{
	float: right;
	width: 640px;
	text-align: left;
	/* border: 1px #ffffff solid; */
}
/* フッター */
#footer{
	width: 800px;
	clear: both;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#lastupdate{
	text-align: right;
}
#copyright{
	padding-bottom: 20px;
}
/* パンくずリスト */
#breadcrumbnavigation{
	padding-bottom: 10px;
//	margin-bottom: -1px;
//	margin-bottom:	10px;
	text-align:left;
	background-color: #99ccff;
	border: none;
	width: 592px;
	position: relative;
//	float: left;
//	right: 1px;
//	top: -1px;
}
/** index.html **/
/* 更新履歴部 */
#update{
	/*width: 140px;*/
	margin-bottom: 10px;
	text-align: left;
	border: 1px #0000ff solid;
}
#update h2{
	background-color: #3333ff;
	color: #ffffff;
	margin: 0;
	padding: 2px;
	font-size: 100%;
}
#update p{
	margin: 0;
}
#updatemain{
	height: 100px;
	overflow: auto;
}
.updatecolor1{
	padding-left: 5px;
	background-color: #ffffff;
}
.updatecolor2{
	padding-left: 5px;
	background-color: #ccccff;
}
/* 最新情報部 */
#news{
	margin-bottom:10px;
	text-align: left;
	border: 1px #0000ff solid;
}
#news h2{
	background-color: #3333ff;
	color: #ffffff;
	margin: 0;
	padding: 2px;
	font-size: 100%;
}
#news p{
	margin: 0;
}
#newsmain{
	height: 100px;
	overflow: auto;
}
.newsdate1{
	float: left;
	width: 150px;
	padding-left: 5px;
	background-color: #ffffff;
}
.newsdate2{
	float: left;
	width: 150px;
	padding-left: 5px;
	background-color: #ccccff;
}
.newscolor1{
	background-color: #ffffff;
}
.newscolor2{
	background-color: #ccccff;
}
/* 本文部 */
#maincontents{
	margin-bottom:10px;
	/*height: 270px;*/
	text-align: left;
	background-color: #ffffff;
	border: 1px #0000ff solid;
}
#maincontents h2{
	background-color: #3333ff;
	color: #ffffff;
	margin: 0;
	padding: 2px;
	font-size: 100%;
}
#contentsbase{
	padding: 2px;
}
#contentsbase h3{
	font-size: 100%;
}
#contentsbase p{
	padding: 0.5em;
	text-indent: 1em;
}
#contentstable{
	margin: 0.5em;
	padding: 0;
	/*background-color: #ccffff;*/
	border-collapse: separate;

}
#contentstable th{
	padding: 0.1em;
}
#contentstable td{
	background-color: #ccffff;
	padding: 0.2em;
}
.categoriescell{
	background-color: #6666ff;
	/*white-space: nowrap;*/
	font-weight: normal;
}
.categoriescell span{
	font-weight: bold;
}
.contentscell{
	background-color: #ccccff;
	white-space: nowrap;
}


.tabletitle{
	background-color: #ff9933;
	text-align: left;
}
.tableindex{
	background-color: #ffcc99;
	padding: 5px;
}
.tablecontent{
	background-color: #ffeedd;
	padding: 5px;
}
.tablesubmit{
	background-color: #ffeedd;
	text-align: center;
}

#result{
	text-align: left;
	background-color: #ddeeff;
	border: 1px #000000 solid;
}
#result h4{
	background-color: #0099ff;
	color: #ffffff;
	margin: 0;
	padding: 5px;
}

.cardtable{
	margin: 5px auto;
	border: 1px #000000 solid;
}
.cardtable td{
	/*border: 1px #ff0000 solid;*/
	padding: 2px;
	text-align: center;
	background-color: #ff9999;
}
/* カード情報 */
/* carddata用 */
#carddatabase{
	margin-bottom:10px;
	text-align: left;
	border: 1px #0000ff solid;
	background-color: #ffffff;
}
#carddatabase h2{
	background-color: #3333ff;
	color: #ffffff;
	margin: 0;
	padding: 2px;
	font-size: 100%;
}
#carddatabase p{
	margin: 0;
}
#carddatamain{
	padding: 2px;
}
#carddatamain h3{
	font-size: 100%;
}
#carddatamain p{
	padding: 0.5em;
	text-indent: 1em;
}

/* list用 */
#cardlist{
	margin-bottom:10px;
	text-align: left;
	background-color: #ffffff;
	border: 1px #0000ff solid;
}
#cardlist h2{
	background-color: #3333ff;
	color: #ffffff;
	margin: 0;
	padding: 2px;
	font-size: 100%;
}
#cardlistbase{
	padding: 0.2em;
}
.releasedaycell{
	width: 9em;
	text-align: right;
}
.updatedaycell{
	width: 11em;
	text-align: right;
}
.cardlistindextable{
	border-collapse: collapse;
	border: 1px #6666ff solid;
	margin-bottom: 1em;
	width: 100%;
}
.cardlistindextable th{
	border: 1px #6666ff solid;
}
.cardlistindextable td{
	border: 1px #6666ff solid;
}
.cardlistindextable a{
	display: block;
	padding: 0.2em;
}
.cardlistindextable a:hover{
	background-color: #ccccff;
}
.seriestype{
	background-color: #6666ff;
}
/* カードリスト */
#cardlistmain{
	text-align: center;
	width: 90%;
	margin: 0 auto;
}
#cardlistmain h1{
	margin: 0.5em;
}
#listtable{
	margin: 0.5em auto;
	border-collapse: collapse;
	border: 1px #996600 solid;
	text-align: center;
}
#listtable th{
	/*background-color: #ff9900;
	border: 1px #996600 solid;*/
	background-color: #6666ff;
	border: 1px #666666 solid;
	padding: 0.2em;
	color: #ffffff;
	white-space: nowrap;
}
#listtable td{
	padding: 0.2em;
	/*border: 1px #996600 solid;*/
	border: 1px #666666 solid;
}
.movecell{
	white-space: nowrap;
}
.red{
	background-color: #ffcccc;
}
.black{
	background-color: #cccccc;
	color: #000000;
}
.blue{
	background-color: #ccccff;
	color: #0000ff;
}
.white{
	background-color: #ffffcc;
	color: #666666;
}
.green{
	background-color: #99cc99;
	color: #006600;
}
.text{
	background-color: #ffffff;
	text-align: left;
	color: #000000;
}
.redtext{
	background-color: #ffffff;
	text-align: left;
	color: #ff0000;
}
.blacktext{
	background-color: #ffffff;
	text-align: left;
	color: #000000;
}
.bluetext{
	background-color: #ffffff;
	text-align: left;
	color: #0000ff;
}
.whitetext{
	background-color: #ffffff;
	text-align: left;
	color: #666666;
}
.greentext{
	background-color: #ffffff;
	text-align: left;
	color: #006600;
}
#listtable td.prnote{
	background-color: #ffffff;
	text-align: left;
	color: #000000;
	border-bottom: 2px #000000 solid;
}
#listtable th#KDblock{
	background-color: #ffff99;
	text-align: left;
	color: #000000;
	border: 1px #000000 solid;
}
#listtable th#MWblock{
	background-color: #99ff99;
	text-align: left;
	color: #000000;
	border: 1px #000000 solid;
}
#listtable th#FJblock{
	background-color: #9999ff;
	text-align: left;
	color: #000000;
	border: 1px #000000 solid;
}
#listtable th#EBblock{
	background-color: #999999;
	text-align: left;
	color: #000000;
	border: 1px #000000 solid;
}
#listtable th#BRblock{
	background-color: #ff9999;
	text-align: left;
	color: #000000;
	border: 1px #000000 solid;
}
#blocktable{
	margin: 0.5em auto;
}
#blocktable td{
}
#blocktable a{
	display: block;
	background-color: #ffffff;
	padding: 2px;
}
#blocktable a:hover{
	background-color: #ffcc99;
}
#blocktable a.KD{
	background-color: #ffff99;
}
#blocktable a.KD:hover{
	background-color: #ffcc99;
}
#blocktable a.MW{
	background-color: #99ff99;
}
#blocktable a.MW:hover{
	background-color: #ffcc99;
}
#blocktable a.EB{
	background-color: #999999;
}
#blocktable a.EB:hover{
	background-color: #ffcc99;
}
#blocktable a.FJ{
	background-color: #9999ff;
}
#blocktable a.FJ:hover{
	background-color: #ffcc99;
}
#blocktable a.BR{
	background-color: #ff9999;
}
#blocktable a.BR:hover{
	background-color: #ffcc99;
}
/* スターアイコンのスタイル */
.staricon{
	color: #ffff00;
}
/* リバーススターアイコンのスタイル */
.reversestaricon{
	width: 1em;
	display: inline-block;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	filter: flipv();
	color: #006600;
}
/* 左右反転スタイル */
.reflect{
	width: 1em;
	display: inline-block;
	/*-webkit-box-reflect: left;*/
	-moz-transform: rotate(-180deg);
	filter: fliph();
}
/* 左右の移動アイコン用スタイル */
.sideicon{
	height: 1em;
	display: inline-block;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.basicimage(rotation=3); 
	/*filter: progid:DXImageTransform.Microsoft.Matrix
		(M11=0,M12=-1,M21=1,M22=0, SizingMethod="auto expand");*/
}
.larger{
	font-size: 2em;
}
.righticon{
	height: 1em;
	display: inline-block;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.basicimage(rotation=1); 
	/*filter: progid:DXImageTransform.Microsoft.Matrix
		(M11=0,M12=-1,M21=1,M22=0, SizingMethod="auto expand");*/
}
/* search.html用 */
.cardsearchtable{
	margin: 1em auto;
	margin-top: 0;
	border-collapse: collapse;
	width: 100%;
}
.cardsearchtitle{
	border: 1px #333333 solid;
/*	border-right: 1px #3333ff solid;*/
	background-color: #3333ff;
	color: #ffffff;
	padding: 0.2em;
}
#cardsearchsubmitbox{
	border: 1px #333333 solid;
/*	border-left: 1px #3333ff solid;*/
	background-color: #3333ff;
	text-align: center;
}
.cardsearchkeybox{
	border: 1px #333333 solid;
	background-color: #6666ff;
	color: #ffffff;
	padding: 0.2em;
}
.cardsearchinputbox{
	border: 1px #333333 solid;
	background-color: #ffffff;
	padding: 0.2em;
}
.cardsearchselect{
	width: 10em;
}
.cardsearchselect2{
	width: 12em;
}
.cardsearchselect3{
	width: 5em;
}
.cardsearchselect4{
	width: 15em;
}
#cardsearchresulttable{
	margin: 0.5em auto;
	border-collapse: collapse;
	border: 1px #996600 solid;
	text-align: center;
	width: 100%;
	table-layout: fixed;
}
#cardsearchresulttable th{
	background-color: #6666ff;
	border: 1px #666666 solid;
	padding: 0.2em;
	color: #ffffff;
}
#cardsearchresulttable td{
	padding: 0.2em;
	border: 1px #666666 solid;
}
#cardsearchresulttable .nocell{
	width: 20%;
}
#cardsearchresulttable .levelcell{
	width: 10%;
}
#cardsearchresulttable .starcell{
	width: 10%;
}
#cardsearchresulttable .namecell{
	width: 35%;
}
#cardsearchresulttable .typecell{
	width: 25%;
}
#cardsearchresulttable .bpcell{
	width: 10%;
}
#cardsearchresulttable .spcell{
	width: 10%;
}
#cardsearchresulttable .vitalitycell{
	width: 20%;
}
#cardsearchresulttable .attributecell{
	width: 60%;
}
#cardsearchresulttable .raretycell{
	width: 15%;
}
#cardsearchresulttable .blockcell{
	width: 75%;
}
#cardsearchresulttable .companycell{
	width: 25%;
}
#cardsearchresulttable .textcell{
	width: 100%;
	background-color: #ffffff;
	text-align: left;
}
/*rule用*/
/* index.html用 */
#rulebase{
	margin-bottom:10px;
	text-align: left;
	border: 1px #0000ff solid;
	background-color: #ffffff;
}
#rulebase h2{
	background-color: #3333ff;
	color: #ffffff;
	margin: 0;
	padding: 2px;
	font-size: 100%;
}
#rulebase p{
	margin: 0;
}
#rulemain{
	padding: 2px;
}
#rulemain h3{
	font-size: 100%;
}
#rulemain p{
	padding: 0.5em;
	text-indent: 1em;
}

/* 総合ルール用 */
body.rule{
	font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	background-color: #ccffff;
}
/* 総合ルールサイドバー部 */
#cruleside{
	float: right;
	width: 200px;
	margin-right: 10px;
	font-size: 80%;
//	background-color: #ccccff;
}
#cruleside h2{
	background-color: #3333ff;
	color: #ffffff;
	margin: 0;
	padding: 2px;
	font-size: 100%;
}
#cruleside p{
	margin: 0;
}
/* メニュー部 */
#cruleindex{
	text-align: left;
	margin-bottom: 10px;
	border: 1px #0000ff solid;
}
#cruleindex h2{
	background-color: #3333ff;
	color: #ffffff;
	margin: 0;
	padding: 2px;
	font-size: 100%;
}
#cruleindex p{
	margin: 0;
}
.currentpart{
	background-color: #ffcc99;

	font-weight: bold;
	font-size: 120%;
}
.partindex{
	background-color: #ccccff;
	font-size: 120%;
}
.partindex a{
	display: block;
}
.partindex a:hover{
	background-color: #ffcc99;
}
.currentchapter{
	padding-left: 5px;
	background-color: #ffffff;
	font-weight: bold;
}
.chapterindex{
	background-color: #ffffff;
}
.chapterindex a{
	display: block;
	padding-left: 5px;
}
.chapterindex a:hover{
	background-color: #ffcc99;
}
#container3{
	float:left;
	width:100%;
	background-color: #ccccff;
	border: 1px #0000ff solid;
	border-top: none;
	overflow: hidden;
	position: relative;
	margin-bottom: 5px;
}
#container2{
	float:left;
	width:100%;
	background-color: yellow;
//	border: 1px #0000ff solid;
	position: relative;
	left: 200px;
}
#container1{
	float:left;
	width:100%;
	background-color: white;
	position: relative;
	left: 10px;
}
#col1{
	float:right;
//	width: 75%;
	width: 590px;
	position: relative;
	right: 210px;
//	overflow:hidden;
//	border: 1px #0000ff solid;

//	width: 590px;
	text-align: left;
	/* border: 1px #ffffff solid; */
	line-height: 1.5em;
//	background-color:#f00;
//	height: 100%;
}
#col2{
	float: right;
	width: 10px;
	position: relative;
	right: 210px;
}
#col3{
	float:right;
//	width:25%;
	width: 200px;
	position: relative;
	right: 210px;
//	overflow:hidden;
//	margin-right: 6px;
//	padding-right: 6px;
//	border: 1px #0000ff solid;
	font-size: 80%;

//	float: right;
//	width: 200px;
//	margin-right: 10px;
//	font-size: 80%;
}
#maintest{
	background-color: #0f0;
	height: 100%;
	color: red;
	float: left;
//	border: 10px #000 solid;
}
#maintestfoot{
	clear:both;
}
#partbase{
//	height: 800px;
	overflow: auto;
}
/* 総合ルールメイン部 */
#crulemain{
	float: right;
	width: 590px;
	text-align: left;
	/* border: 1px #ffffff solid; */
	line-height: 1.5em;
	height: 100%;
}

#p0{
	/* margin: 1em 0 1em 1em; */
	margin-bottom:10px;
	text-align: left;
	border: 1px #0000ff solid;
	background-color: #ffffff;
}
#p0 h2{
	background-color: #3333ff;
	color: #ffffff;
	margin: 0;
	padding: 2px;
	font-size: 100%;
}
#p0 h3{
	font-size: 100%;
}
#p0 p{
	margin-left: 1em;
	text-indent: 1em;
}
#p0c1{
	margin: 0.5em 0 0 0.5em;
}
#p0c2{
	margin: 0.5em 0 0 0.5em;
}
#p0c3{
	margin: 0.5em 0 0 0.5em;
}
#p1{
	/* margin: 1em 0 1em 1em; */
	margin-bottom:10px;
	text-align: left;
	border: 1px #0000ff solid;
	background-color: #ffffff;
}
#p1 h2{
	background-color: #3333ff;
	color: #ffffff;
	margin: 0;
	padding: 2px;
	font-size: 100%;
}
#p1 h3{
	font-size: 100%;
}
#p1 p{
	/*margin-left: 1em;*/
	text-indent: 1em;
}
#p1c1{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p1c2{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p1c3{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p1c1s1{
	margin: 0.5em 0 0 0.5em;
}
#p1c1s2{
	margin: 0.5em 0 0 0.5em;
}
#p2{
	margin-bottom:10px;
	text-align: left;
	border: 1px #0000ff solid;
	background-color: #ffffff;
}
#p2 h2{
	background-color: #3333ff;
	color: #ffffff;
	margin: 0;
	padding: 2px;
	font-size: 100%;
}
#p2 h3{
	font-size: 100%;
}
#p2 p{
	/*margin-left: 1em;*/
	text-indent: 1em;
}
#p2c1{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p2c2{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p2c3{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p2c4{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p2c5{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p2c6{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p2c7{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p2c8{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p2c9{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p2c10{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p2c11{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p2c12{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p2c13{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p2c14{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p2c15{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p2c16{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p2c17{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p2c18{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p2c19{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p2c20{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p2c21{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p2c22{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p2c23{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p2c24{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p3{
	margin-bottom:10px;
	text-align: left;
	border: 1px #0000ff solid;
	background-color: #ffffff;
}
#p3 h2{
	background-color: #3333ff;
	color: #ffffff;
	margin: 0;
	padding: 2px;
	font-size: 100%;
}
#p3 h3{
	font-size: 100%;
}
#p3 p{
	/*margin-left: 1em;*/
	text-indent: 1em;
}
#p3c1{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p3c2{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p3c3{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p3c4{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p3c5{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p3c6{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p3c7{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p3c8{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p3c9{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p3c10{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p3c11{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p3c12{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p3c13{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p3c14{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p3c15{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p3c16{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p3c17{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p3c18{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p3c19{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p3c20{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}

#p4{
	margin-bottom:10px;
	text-align: left;
	border: 1px #0000ff solid;
	background-color: #ffffff;
}
#p4 h2{
	background-color: #3333ff;
	color: #ffffff;
	margin: 0;
	padding: 2px;
	font-size: 100%;
}
#p4 h3{
	font-size: 100%;
}
#p4 p{
	/*margin-left: 1em;*/
	text-indent: 1em;
}
#p4c1{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p4c2{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p4c3{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p4c4{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p4c5{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p4c6{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p4c7{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p4c8{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p4c9{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p4c10{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p4c11{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p4c12{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p4c13{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p4c14{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p4c15{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p4c16{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}

#p5{
	margin-bottom:10px;
	text-align: left;
	border: 1px #0000ff solid;
	background-color: #ffffff;
}
#p5 h2{
	background-color: #3333ff;
	color: #ffffff;
	margin: 0;
	padding: 2px;
	font-size: 100%;
}
#p5 h3{
	font-size: 100%;
}
#p5 p{
	/*margin-left: 1em;*/
	text-indent: 1em;
}
#p5c1{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p5c2{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p5c3{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p5c4{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p5c5{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p5c6{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p5c7{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p5c8{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p5c9{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p5c10{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p5c11{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p5c12{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p5c13{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p5c14{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p5c15{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p5c16{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p5c17{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p5c18{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p5c19{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p5c20{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p5c21{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p5c22{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}
#p5c23{
	margin: 0.5em 0 0 0.5em;
	padding-right: 0.5em;
}

div.section{
	margin: 0.5em 0 1em 1.5em;
	text-indent: -1.0em;
}
div.subsection{
	margin: 0.5em 0 0 3.0em;
	text-indent: -3.0em;
}
div.subsubsection{
	margin: 0.5em 0 0 4.0em;
	text-indent: -4.0em;
}

ol.section{
	margin: 1em 0 0 2em;
}
ol.section li{
	margin-bottom: 1em;
	text-indent: 0;
}
ol.subsection{
	margin: 1em 0 0 2em;
}
ol.subsection li{
	margin-bottom: 1em;
	text-indent: 0;
}
ol.subsubsection{
	margin: 1em 0 0 2em;
	list-style-type: none;
}
ol.subsubsection li{
	margin-bottom: 0.5em;
	text-indent: 0;
}

ul.section{
	margin: 1em 0 0 2em;
}
ul.section li{
	margin-bottom: 1em;
	text-indent: 0;
}
ul.subsection{
	margin: 1em 0 0 2em;
}
ul.subsection li{
	margin-bottom: 1em;
	text-indent: 0;
}
ul.subsubsection{
	margin: 1em 0 0 2em;
}
ul.subsubsection li{
	margin-bottom: 0.5em;
	text-indent: 0;
}

.example{
	margin: 0.5em 0 0.5em 0.5em;
	font-weight: bold;
	font-style: italic;
}

.revision{
	color: #ff0000;
}
.note{
	color: #ff0000;
}
/* Q&A用 */
#qabody{
	/*text-align: center;*/
}
.qasearchtable{
	margin: 1em auto;
	margin-top: 0;
	border-collapse: collapse;
	width: 100%;
}
.qasearchtitle{
	border: 1px #333333 solid;
/*	border-right: 1px #3333ff solid;*/
	background-color: #3333ff;
	color: #ffffff;
	padding: 0.2em;
}
#qasearchsubmitbox{
	border: 1px #333333 solid;
/*	border-left: 1px #3333ff solid;*/
	background-color: #3333ff;
	text-align: center;
}
.qasearchkeybox{
	border: 1px #333333 solid;
	background-color: #6666ff;
	color: #ffffff;
	padding: 0.2em;
}
.qasearchinputbox{
	border: 1px #333333 solid;
	background-color: #ffffff;
	padding: 0.2em;
}
.qasearchselect{
	width: 10em;
}
.qasearchselect2{
	width: 8em;
}
.qasearchselect3{
	width: 7em;
}
.qasearchselect4{
	width: 6em;
}
.qasearchdate{
	width: 2em;
}
#dispno{
	text-align: center;
	margin-bottom: 0.2em;
}
.qatable{
	margin: 0.5em auto;
	margin-top: 0;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	text-align: center;
}
.qano{
	border: 1px #999999 solid;
	background-color: #6666ff;
	color: #ffffff;
	font-weight: bold;
	padding: 0.2em;
	width: 20%;
}
.qarelease{
	border: 1px #999999 solid;
	background-color: #6666ff;
	color: #ffffff;
	font-weight: bold;
	padding: 0.2em;
	width: 20%;
}
.qareleasedate{
	border: 1px #999999 solid;
	background-color: #ffffff;
	padding: 0.2em;
	width: 20%;
}
.qalastupdate{
	border: 1px #999999 solid;
	background-color: #6666ff;
	color: #ffffff;
	font-weight: bold;
	padding: 0.2em;
	width: 20%;
}
.qalastupdatedate{
	border: 1px #999999 solid;
	background-color: #ffffff;
	padding: 0.2em;
	width: 20%;
}
.qarelated{
	border: 1px #999999 solid;
	background-color: #6666ff;
	color: #ffffff;
	font-weight: bold;
	padding: 0.2em;
	width: 20%;
}
.qarelatedcards{
	border: 1px #999999 solid;
	background-color: #ffffff;
	padding: 0.2em;
	width: 80%;
	text-align: left;
}
.qaquestion{
	border: 1px #999999 solid;
	background-color: #ccccff;
	padding: 0.2em;
	width: 100%;
	text-align: left;
}
.qaquestion span.Q{
	font-weight: bold;
	color: #0000ff;
}
.qaanswer{
	border: 1px #999999 solid;
	background-color: #ffcccc;
	padding: 0.2em;
	width: 100%;
	text-align: left;
}
.qaanswer span.A{
	font-weight: bold;
	color: #ff0000;
}
#linkpage{
	text-align: center;
	margin-bottom: 0.2em;
}

h1 {
	font-size: 6vmin;
	text-align: center;
}

#buttonContainer {
	text-align: center;
}

button.packduel {
    color: #ffffff;
    font-size: 4vmin;
    height: 2em;
    line-height: 1em;
    background-color: #3300FF;
    border: none;
    border-radius: 0.5em;
    padding: 0.5em;
    width: 100%;
    margin-bottom: 0.5em;
    max-width: 10em;
}

button.packduel:disabled {
    color: #ffffff;
    background-color: #cccccc;
}

#container {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

#packResult {
	flex: 1 0 auto;
	overflow: hidden;
	border: 1px solid black;
	min-height: 16em;
	background-color: #ffffff;
}

#packResultTitle {
	text-align: center;
	padding: 0.1em;
}

.resultCard {
	transition: transform 0.5s;
	transform: translateX(0);
	text-align: center;
}

#cardDetail {
	flex: 1 0 400px;
	max-width: 100%;
}

#cardDetailTitle {
	text-align: center;
	padding: 0.1em; 
}

iframe[name="card"] {
	border: none;
	width: 100%;
	height: 500px;
}

#cardDetailTable{
	width: 90%;
	margin: 1em auto;
	border-collapse: collapse;
	border: 1px #666666 solid;
}
#cardDetailTable th{
	padding: 0.2em;
	background-color: #6666ff;
	color: #ffffff;
	border: 1px #666666 solid;
	white-space: nowrap;
}
#cardDetailTable.red th{
	background-color: #ff3333;
	color: #ffffff;
}
#cardDetailTable.black th{
	background-color: #333333;
	color: #ffffff;
}
#cardDetailTable.blue th{
	background-color: #3333ff;
	color: #ffffff;
}
#cardDetailTable.white th{
	background-color: #cccccc;
	color: #000000;
}
#cardDetailTable.green th{
	background-color: #33ff33;
	color: #ffffff;
}

#cardDetailTable td{
	padding: 0.2em;
	background-color: #ffffff;
	border: 1px #666666 solid;
}

#cardEvaluationArea {
	width: 90%;
	margin: 0 auto;
}

#cardEvaluationList {
	margin-left: 5%;
}

#cardEvaluationInputArea {
	border: solid 1px black;
	background-color: white;
	padding: 5px;	
}

textarea[name="comment"] {
	width: 90%;
}