@CHARSET "UTF-8";

#fb-root {
display: inline-block;
}

.fb_iframe_widget span {
  vertical-align: top !important;
}

#deckComp {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

#deckComp .cardlistSet{
  background: #fff;
  border: solid 3px #000;
  border-radius: 10px;
  margin: 10px;
  position: relative;
}

#deckComp .cardlistSet img{
  padding: 10px;
}

#deckComp .cardlistSet img.imgA{
  position: absolute;
}

#deckComp .cardlistSet img.imgA.imgNone{
  opacity: 0;
}

#deckComp .cardlistSet .cardCount{
  text-align: center;
  padding-bottom: 10px;
}

#deckComp .cardlistSet .btnChenge {
    position: absolute;
    background: url(../../images/mydeck/ico_change-mydeck.png) no-repeat;
    background-size: contain;
    width: 20%;
    z-index: 99;
    text-indent: -999em;
    overflow: hidden;
    width: 28%;
    height: 18%;
    right: 2%;
    bottom: 22%;
    border: none;
    cursor: pointer;
}

#deckComp .cardlistSet .detail {
  background: #000;
  text-align: center;
  display: block;
}

.copyUrl #fe_text {
  padding: 10px;
  width: 80%;
}

.copyUrl a {
  padding: 10px;
  width: 15%;
  background: #000;
  border: none;
  color: #fff;
}

#search_results p { padding: 5px; margin: 0; }

#search_results .nav { background: #eee; border-top: 1px solid #999; padding: 5px; }

#search_results .nav#nav4 { border-top: 0; border-bottom: 1px solid #999; }

#search_results .nav a { padding: 0 5px; }

#search_results .nav a.highlight { color: #000; font-weight: bold; }



#qacard_results { margin: 10px 0; }

#qacard_results p { padding: 5px; margin: 0; }

#qacard_results .nav { background: #eee; border-top: 1px solid #999; padding: 5px; }

#qacard_results .nav#nav4 { border-top: 0; border-bottom: 1px solid #999; }

#qacard_results .nav a { padding: 0 5px; }

#qacard_results .nav a.highlight { color: #000; font-weight: bold; }



#qarule_results { border: 1px solid #999; margin: 10px 0; }

#qarule_results p { padding: 5px; margin: 0; }

#qarule_results .nav { background: #eee; border-top: 1px solid #999; padding: 5px; }

#qarule_results .nav#nav4 { border-top: 0; border-bottom: 1px solid #999; }

#qarule_results .nav a { padding: 0 5px; }

#qarule_results .nav a.highlight { color: #000; font-weight: bold; }



.column { margin: 0 auto; padding-left: 14px; width: 620px; color: #000000; }



.mgt10 { margin-top: 10px; }

.mgt20 { margin-top: 20px; }

.mgt30 { margin-top: 30px; }



.mgb5 { margin-bottom: 5px; }



.mgtb10 { margin: 10px 0; }



h2 {

	margin: 0 auto;

	padding: 20px 20px 18px 20px;

	width: 687px;

	color: #ae211e;

	font-size: 138.5%;

	font-weight: bold;

	text-align: center;

}





#pagenavi { margin: 15px auto 0 auto; padding-bottom: 15px; width: 630px; font-size: 182%; text-align: center; }



#container_bgnr {

	margin: 0 auto;

	width: 828px;

}



.contents_bgnr  {

	padding: 10px 0 10px 0;

	background: url(../image/bg_contents_bgnr.jpg) no-repeat left top;

	min-height: 500px;

	height: auto !important;

	height: 500px;

}



#contents_bottom_bgnr {

	clear: both;

	background: url(../image/bg_contents_bgnr_bottom.jpg) no-repeat left top;

	height: 20px;

}



#contents_repeat_bgnr { background: url(../image/bg_contents_bgnr_repeat.jpg) repeat-y left top; }



#decklist {

	margin: 0 auto;

	width: 714px;

}



body#home #decklist tr td {

	padding: 15px 7px 0 7px;

	text-align: center;

	color: #999;

}



/*マイデッキ*/

 #decklist tr td {

	padding: 15px 7px 0 7px;

	text-align: center;

	color: #000;

}



.cardname { /*color: #ae211e;*/ font-weight: bold; }



.deckaddress { margin-top: 0.3em; width: 350px; font-size: 100%; }



.deckmake { margin: 0 auto; padding-bottom: 15px; width: 630px; font-size: 182%; text-align: center; }



/*#deckid { margin: 20px auto 0 auto; width: 680px; color: #000000; font-size: 100%; text-align: right; }



*/













/* 20110502

------------------------------------------------------



h3.deckname {

	width: 900px;

	height: 53px;

	padding: 8px;

	margin: 5px auto;

	background: url(../image/bg_deckname.gif) no-repeat 0 0;

	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;

	text-align: center;

	font-size: 25px;

	font-weight: bold;

	}*/

	

#flashContent { width: 800px; margin:0 auto; }





/*.deckurl {

	background: url(../image/bg_urlset.jpg) no-repeat 0 0;

	width: 780px;

	height: 180px;

	padding: 60px 10px 10px 10px;

	margin: 10px auto;

	position: relative;

	}*/



table#decklist { width: 800px; margin: 0 auto;}

table#decklist td { padding: 10px 0 0 15px; vertical-align: top; }

.cardname { width: 105px; display: block;}



/*.bloglink form, .deckaddress, #hoge, .twitter-share-button { display: block; float: left;}*/

#hoge { padding:2px; margin-right:2px;}



.bloglink { width: 770px; margin: 0 auto; vertical-align: baseline ; line-height: 31px; text-align: center;}

div.bloglink p.txt_mydeck{

	width: auto;

	height: 40px;

	margin-bottom: 5px;

	background: url(/image/mydeck/txt_deckcomp01.jpg) no-repeat top center;

	text-indent: -99999px; }

	

div.deckremake p.txt_mydeck{

	width:  auto;

	height: 40px;

	background: url(/image/mydeck/txt_deckcomp02.jpg) no-repeat top center;

	text-indent: -99999px; }

	

.social_bookmarking ul{ width: 270px; display: block; float: right; }

.social_bookmarking ul li{ float:left; margin: 0 0 0 10px;}



.snsCol{

	display: block;

	text-align: center;}

.snsCol img{

	vertical-align:top;

}



/*.deckremake {

	clear: both;

	text-indent: -9999px;

	position: absolute;

	top: 135px;

	left: 430px;

	background: url(../image/btn_deckmake.gif) no-repeat 0 0;

	width: 220px;

	height: 36px;

	}

.deckremake a{ height:36px; display: block;}

.deckremake a:hover { height:36px; display: block; background-position: 0 -36px;}

.txt_mydeck{ display: none; }*/



/*#clipButton { margin-top: 7px;}*/

#clipTarget { width: 340px; margin: 0 5px 12px 0;}

#ie_historyFrame { width: 0px; height: 0px; display:none }

#firefox_anchorDiv { width: 0px; height: 0px; display:none }

#safari_formDiv { width: 0px; height: 0px; display:none }

#safari_rememberDiv { width: 0px; height: 0px; display:none }

/**/





/* マイデッキのところ */

#contents_repeat_bgnr {

	margin: 0 auto;

	width: 801px;



}



.font_black{

	color:#000;

}



.deckmake2{

	width:220px;

	margin: 10px auto;

}

.deckmake2 a:hover{

	opacity:0.8;

}



.contents_bgnr2{

	padding: 0px 0px 10px 0px;

	min-height: 500px;

	height: auto !important;

	height: 500px;

	background:#FFC

}



.btn_click {

	cursor: pointer;

}



span.btn_deck{

	width: 77px;

	padding:  0 0 0 5px;}

	

#bsclub a:hover img { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }







/* リニューアル

------------------------------------------------------*/



/*背景*/

body{

	background:url(/image/mydeck/bg_container.jpg) no-repeat top center fixed #FFF;}

	

body#home{

	background: #66ccFF url(/image/common/bg03.jpg) no-repeat top center fixed;}	





/*ベース・本サイト*/

	

body#home #content {

	width: 900px;

	margin: 0 auto;

	padding: 10px 0;

	}

	

body#home #wrapper {

	margin: 0 auto 16px auto;

	width: 1000px;

	height: auto;

	background-image: url(/image/common/bg_contents.png) ;

	background-repeat: repeat;

	border: solid 1px #000;

	/*border-radius: 10px;        CSS3草案 */  

    /*-webkit-border-radius: 10px;   Safari,Google Chrome用 */  

    /*-moz-border-radius: 10px;   Firefox用 */

	behavior: url(/js/PIE.htc);

	}

  
  #wrapCol{

	width: auto;

	height: auto;

	border: 4px solid #000000;

    margin: 0 auto;

    padding: 0 0 30px;

    position: relative;

	font-weight:bolder;

	color:#000;

	background-image: none;

	background: #FFF;

	-moz-box-shadow: none;

-webkit-box-shadow: none;

	}


	

body#home h2.tit-cardlist{

	display: inline;}

	

body#home #header {

	margin: 0 auto 18px auto;

	/*background: url(/image/common/bg_header.jpg) no-repeat 0 0;*/

	width: 1000px;

	height: auto;

	overflow: hidden;

	}				



body#home .deckname{

	width: auto;	

	border: 4px #fff solid;

	padding: 10px 0 ;

	text-align: center;

	color: #FFF; 

	font-weight: bold;

	background: #C00;

	font-size: 100%;}



body#home #footer {

	margin: 15px auto 0;

	width: 1000px;

	behavior: url(/js/PIE.htc);

	clear: both;

	}



/*ベース・マイデッキ*/	

#content{

	width: auto;

	margin-top: 0;

	padding: 0;

}



#wrapper{

	color:#FFFFFF;

	background-image: none;

	}

	


	

h2.tit-cardlist{

	display: none;}



#header2 {

	width:1032px;

	height:160px;

	margin:0 auto;

	position:relative;

	background:url(/image/mydeck/bg_header.jpg) top center no-repeat;

}



#footer {

	margin: 15px auto 0;

	width: auto;

	behavior: url(/js/PIE.htc);

	clear: both;

	}



.btn_bs a {

    top: 0!important;

}



.btn_bs a{

	width:249px;

	height:50px;

	display:block;

	text-indent:-9999px;

	background:url(/image/mydeck/btn_bs.png) top left no-repeat;

	position:absolute;

	top:0px;

	left:-5px;

}

.btn_bs a:hover{

	background-position:-249px 0;

}



#header2 h1{

	width: 442px;

	height: 114px;

	padding: 0;

	position:absolute;

	top:0;

	/*left:295px;	*/

	left:270px;	

}



#header {

	width:1032px;

	margin: 0 auto;

	/*background: url(../image/common/bg_header.jpg) no-repeat 0 0;*/

	height: auto;

	overflow: hidden;

	}



#footer-mydeck {

	width: 100%;

	margin:0 auto;

	background:#000000;

	position:relative;

}



.footerCol {

	width:1000px;

	margin:0 auto;	

	padding:40px 0;

	position:relative;

}



.footerCol ul li {

	float:right;

}



.footerCol ul li:first-child {

	float:left;

}



.pp , .pp a {

	color:#FFFFFF;

	font-weight:bolder;

	font-size:100%;

}



.pp a:link,

.pp a:visited,

.pp a:active{

	color:#FFFFFF;

	font-weight:bolder;

	font-size:100%;

}



.pp a:hover{

	text-decoration: underline;

}







.btn_pTop{

	z-index:500;

	display: none;

}



.btn_pTop a{

	width:148px;

	height:51px;

	display:block;

	text-indent: -9999px;

	overflow:hidden;

	background-position: 0 0;

	background:url(../images/common/btn_ptop.png) top left no-repeat scroll;

}



.btn_pTop a span{

    height:100%;

    width:100%;

    z-index:100;

	text-indent:-9999px;

	position:absolute;

	top:0;

    left:0;

	background-position: -148px 0;

	background:url(../images/common/btn_ptop.png) top right no-repeat scroll;

}



.hvrb a:hover{

	filter: alpha(opacity=70);

	-moz-opacity:0.7;

	opacity:0.7;

}



.deckname{

	width: auto;	

	border: 4px #fff solid;

	padding: 10px 0 ;

	text-align: center;

	color: #FFF; 

	font-weight: bold;

	background: #C00;

	font-size: 130%;}	



#deckid{

	padding-left: 10%;

	padding-top:10px;

	border-top: 4px #000 solid;}



.deckurl{

	background-color:#FC0;

	background-image: none;

	border:4px solid #000;

	width: 85%;

	padding: 2%;

	margin: 10px auto;

	position: relative;

	font-size:70%;

	text-align:center;}





div.deckremake a {

	cursor: pointer;

	background:url(/image/mydeck/btn_compcreate.jpg) top left no-repeat;

	width:314px;

	height:55px;

	text-indent:-9999px;

	display:block;

	margin: 10px auto;

}

div.deckremake a:hover {

	background-position:0 -55px;

}

	

/*

リンク設定

----------------------------------------------------*/



/*公式*/

body#home #decklist a:link	{ color: #ff6600; }

body#home #decklist a:visited	{ color: #ff6600; }

body#home #decklist a:hover	{ color: #ffcc00; }

body#home #decklist a:active	{ color: #ffcc00; }



body#home .topics{

	text-decoration: underline;}



/*マイデッキ*/

a { color: #C00; font-size: 90%; text-decoration: none; }

a:link { color:#C00; }

a:visited { color:#C00; }

a:hover,

a:active {

    outline: 0;

    color:#FF6600;

}

.ui-widget {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 100%;
}