@charset='shift_jis';
/*leftWrapper
 ============================================================*/
#leftWrapper {
	width:680px;
	float:left;
	display:inline;
	margin-bottom:60px;
}

/*cardcre
 ============================================================*/
.cardcre {
	font-size:12px;
}
.cardcre .tabBox {
	padding-bottom:15px;
}
.cardcre .tabBox li.leftBtn {
	float:left;
}
.cardcre .tabBox li.rightBtn {
	float:right;
}
.cardcre .textCenter {
	text-align:center;
}
.cardcre .mb5 {
	margin-bottom:5px;
}
.cardcre .mb30 {
	margin-bottom:30px;
}
.cardcre .pt20 {
	padding-top:20px !important;
}
.cardcre a {
	text-decoration:none;
}

/*cardcre think
 ============================================================*/
.cardcre .mainImg {
	margin-bottom:25px;
}
.cardcre h2 {
	font-size:14px;
	border-bottom:1px solid #cbc1ad;
	background:url(../../r/card/img/y2k13/ic_circle01.gif) no-repeat left 0.2em;
    color:#333333;
    font-weight:normal;
    line-height:1;
    margin-bottom:15px;
    padding-left:14px;
	padding-bottom:15px;
}
.cardcre .btnPink {
	padding-bottom:40px;
}
.cardcre .btnPink li.leftBtn {
	float:left;
}
.cardcre .btnPink li.rightBtn {
	float:right;
}
.cardcre .btnBlue li {
	float:left;
	display:inline;
	margin-right:10px;
	margin-bottom:10px;
}
.cardcre .btnBlue li.last {
	margin-right:0;
}
.cardcre .redText {
	color:#e30e0a;
}
.cardcre .attText {
	font-size:10px;
}
.cardcre .serchBox {
	background:#f7f6ef;
	padding:20px 0;
}
.cardcre .serchBox h3 {
	border-bottom:1px solid #cccccc;
	background:none;
	padding-bottom:15px;
    margin-bottom:15px;
}
.cardcre .serchBox h3 .icExcla {
	font-size:14px;
	background:url(../../img/y2k13/cardcre/ic_exclamation.gif) no-repeat left 1px;
    color:#333333;
    font-weight:normal;
    line-height:1;
    padding-left:20px;
}
.cardcre .serchBox .leftBox {
	width:410px;
	float:left;
	padding-left:20px;
}
.cardcre .serchBox .leftBox .
.cardcre .serchBox .rightBox {
	width:205px;
	float:right;
	padding-right:20px;
}

/*cardcre result
 ============================================================*/
.cardcre .resultBox {
	background:#f7f6ef;
}
.cardcre .resultBox .imgArrowTop {
}
.cardcre .resultBox .redttl {
	width:450px;
	margin:0 auto 15px;
	font-size:16px;
	color:#e30e0a;
	border-bottom:1px solid #e30e0a;
	padding:20px 0 15px;
	text-align:center;
}
.cardcre .resultBox .blackttl {
	margin:0 0 15px;
	font-size:16px;
	color:#FFFFFF;
	background:#000000;
	padding:15px 0;
	text-align:center;
}
.cardcre .resultBox .resultInner {
	padding:0 20px 30px;
}
.cardcre .resultBox .cardPhoto {
	background:#FFFFFF;
	border:5px solid #e3e3e3;
	padding:15px;
	margin-bottom:20px;
}
.cardcre .resultBox .cardTable .photoArea {
	width:251px;
}
.cardcre .resultBox .cardTable .textArea .imgMember {
	margin-bottom:10px;
}
.cardcre .resultBox .cardTable .textArea {
	width:310px;
	line-height:1.8;
	color:#e30e0a;
}
.cardcre .resultBox .cardTable .spaceArea {
	width:30px;
}
.cardcre .resultBox h4 {
	margin-bottom:15px;
}
.cardcre .resultBox .otokuList {
	margin-bottom:20px;
}
.cardcre .resultBox .otokuList li {
	float:left;
	display:inline;
	margin-right:13px;
}
.cardcre .resultBox .otokuList li.last {
	margin-right:0;
}
.cardcre .resultBox .imgArrowMiddle {
	text-align:center;
	margin-bottom:10px;
}
.cardcre .resultBox .cardListTable .ttl {
	font-size:14px;
	margin-bottom:10px;
}
.cardcre .resultBox .cardListTable table {
	width:640px;
}
.cardcre .resultBox .cardListTable td,
.cardcre .resultBox .cardListTable th {
	padding:10px;
	border:1px solid #cccccc;
}
.cardcre .resultBox .cardListTable td {
	background:#FFFFFF;
}
.cardcre .resultBox .cardListTable th {
	background:#7f7f7f;
	color:#FFFFFF;
}
.cardcre .resultBox .pointList {
	padding:20px 5px 0;
}
.cardcre .resultBox .pointList li {
	background:url(../../r/card/img/y2k13/ic_circle01.gif) no-repeat left 0.2em;
    line-height:1;
    padding-left:14px;
	margin-bottom:10px;
	font-size:14px;
}
.cardcre .resultBox .otherText {
	color:#e30e0a;
	font-size:14px;
	line-height:1.8;
	text-align:center;
	padding:10px 0;
}


/*cardcre use
 ============================================================*/
.cardcre .innerHeader {
    position: relative;
}
.cardcre .innerHeader h3 {
	border-bottom: 2px solid #F2F1EC;
    border-top: 1px solid #464646;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 15px 0 15px 5px;
	background:none;
}
.cardcre .innerHeader .link03 {
    font-size: 10px;
    position: absolute;
    right: 10px;
    top: 21px;
}
.cardcre .innerHeader .link03 a {
    background: url(../../r/card/img/y2k13/ic_arrow03.gif) no-repeat left 0.4em;
    padding-left: 7px;
}
.cardcre .bnnBox {
	padding-bottom:25px;
}
.cardcre .bnnBox p {
	margin-bottom:15px;
}
.cardcre .icCircle {
	background:url(../../r/card/img/y2k13/ic_circle01.gif) no-repeat left 0.2em;
    line-height:1;
    margin-bottom:20px;
    padding-left:14px;
}
.cardcre .meisaiList {
	/*width: 470px;*/
	margin-bottom:40px;
}
.cardcre .meisaiList li {
	float:left;
	display:inline;
	margin-right:10px;
	margin-bottom: 10px;
	width:330px;
}
.cardcre .meisaiList li.last {
	margin-right:0;
}
.cardcre .allCardList {
	border:5px solid #efece6;
	margin-bottom:40px;
}
.cardcre .allCardList table {
	width:100%;
}
.cardcre .allCardList td,
.cardcre .allCardList th {
	padding:10px;
	border:1px solid #cccccc;
}
.cardcre .allCardList td {
	background:#FFFFFF;
}
.cardcre .allCardList th {
	background:#7f7f7f;
	color:#FFFFFF;
}
.cardcre .allCardList th.cardDesign {
	width:155px;
}
.cardcre .allCardList td.imgCard {
	padding:10px 20px;
}
.cardcre .allCardList a:link {
	color:#006ebd;
}
.cardcre .allCardList a:visited {
	color:#006ebd;
}
.cardcre .allCardList a:hover {
	text-decoration:none;
}
.cardcre .qaList {
	padding:0 5px 20px;
}
.cardcre .qaList li {
	background:url(../../r/card/img/y2k13/ic_arrow01.gif) no-repeat left 0.2em;
    line-height:1;
    padding-left:14px;
	margin-bottom:15px;
}
.cardcre .qaList li a {
	color: #006EBD;
}
.cardcre .footText {
	text-align:right;
}
.cardcre .footText a {
	color:#006ebd;
}
.cardcre .footText a:hover {
	text-decoration:none;
}

html,body {height:100%;}
#loading {  display: none;  text-align: center;  height: 300px;  line-height: 300px;}
#qqq {width:186px;font-size:2em;padding:0;margin:0 10px 0 0;line-height:40px;}
#ok {margin-bottom:3px;cursor: pointer;}
#none,.linkBtn {cursor: pointer}
#output .result {padding-top:90px;margin-top:-20px;}
.cardcre .serchBox {margin:20px 0;}
#msg {color: #F00;font-weight: bold;text-align: left;line-height:2;}
.leftBox p {margin-bottom:0.5em;}

.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(images/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}
#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#bluemask {background:#4195aa}
#frameless {padding:0}
#frameless .tclose {left:6px}

.cardcre a:hover img,
.cardcre img.btnHover:hover {
	filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
}