@charset "utf-8";
/* 特設ページ「カードキャプターさくら」用 */

html {/* スクロールバー(縦)を常に表示 */
	overflow-y: scroll;
}
body {
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#wrap {
	margin: 20px auto 0;
	width: 960px;
	background: url("../images/bg.gif") no-repeat;
	padding-left: 0;
}
#footer {
	margin-top: 45px;
}

#wrapper {
	background-color: #fff;
}

#contents {
	padding: 0 0 20px 0;
	width: 100%;
}

/********** 共通 **********/
#ct_bg h1,
#ct_bg h2,
#ct_bg h3,
#ct_bg h4,
#ct_bg h5 {
	clear: both;
}
a {
	color: #FEE607;
	text-decoration: underline;
	outline: none;
}
a:link {
	color: #FEE607;
	text-decoration: underline;
	font-weight: normal;
}
a:visited {
	color: #7F7304;
	text-decoration: underline;
	font-weight: normal;
}
a:active {
	color: #ff0000;
	text-decoration: none;
	font-weight: normal;
}
a:hover {
	color: #ff0000;
	text-decoration: none;
	font-weight: normal;
}
a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}
.btn_buy:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}

/* 文字 */
.tx-s {
	font-size: 0.9em;
}
.tx-right {
	text-align: right;
}
.tx-center {
	text-align: center;
}
.tx01 {
	padding-top: 10px;
	clear: both;
}
/* 通常リスト */
ul.normalList li {
	background: url("../zoids/images/ico_listnormal.gif") no-repeat 0 8px;
	padding-left: 13px;
}
/* 通常リスト */
#notice li {
	background: url("../zoids/images/ico_notelist.gif") no-repeat 0 8px;
	padding-left: 13px;
}
/* ※印リスト */
ul.komeList {
	padding-left: 1.5em;
}
ul.komeList li {
	text-indent: -1.5em;
	list-style-type: none;
}
/* >>印リスト */
ul.arrowList li {
	float: right;
	font-size: 10pt;
	padding-left: 20px;
	background: url("../zoids/images/ico_link.gif") no-repeat 0 3px;
}
/* 余白 */
.mg-b10 {
	margin-bottom: 10px;
}
.mg-b15 {
	margin-bottom: 15px;
}
.mg-b20 {
	margin-bottom: 20px;
}
.mg-b40 {
	margin-bottom: 40px;
}
.mg-t80 {
	margin-top: 80px;
}
.mg-r20 {
	margin-right: 20px;
}
/* 横並び */
.floatLeft {
	float: left;
}
/* 罫つき画像 */
img.border {
	border: 1px solid #F08C93;
}
/* メニューボタン */
#button, #button ul, #button li {
	float: left;
}
#button {
	margin: 12px 0 20px 13px;
}
#button li {
	margin-right: 20px;
}

#ct_bg .header01 {
	padding: 5px 0;
	background: url(../images/bg01.png) 0 0 repeat;
}
#ct_bg .header01In {
	margin: 0 auto;
	width: 960px;
}
#ct_bg .header01In p.logo01 {
	float: left;
}
#ct_bg .header01In p.button01 {
	float: left;
	margin: 10px 0 0 10px;
}
#ct_bg .header01In a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

/********** トップ(index.html) **********/
h1.index {
	margin: 0 0 8px 111px;
}
#mainImg, #indexTx01 {
	text-align: center;
}
#mainImg {
	margin-bottom: 9px;
}

/********** 商品情報(products.html) **********/
#ct_bg h1.products {
	margin: 0 0 25px 114px;
}
#ct_bg h2 {
	font-size: 1.4em;
	color: #E54A53;
	border-bottom: 1px solid #E54A53;
	padding-bottom: 5px;
	margin: 20px 0 10px 0;
	font-weight: bold;
}
div.column2 {
	width: 760px;
	margin: 40px 0 0 100px;
}
div.column2 div.l {
	width: 402px;
}
div.column2 div.r {
	width: 330px;
}
div.column2, div.column2 div.l {
	float: left;
}
div.column2 div.r {
	float: right;
}
/* 左画像サム */
ul.thumb01 li, ul.thumb02 li, ul.thumb03 li {
	float: left;
	margin: 10px 10px 0 0;
}
ul.thumb01 li img, ul.thumb02 li img, ul.thumb03 li img {
	border: 1px solid #F08C93;
}
/* 商品仕様 */
dl.spec, dl.spec dt, dl.spec dd {
	float: left;
	margin-bottom: 10px;
}
dl.spec dt {
	width: 5.5em;
	clear: both;
}
/* 購入制限数 */
strong#limit {
	font-size: 1.4em;
	background: #F33;
	color: #fff;
	padding: 5px;
	line-height: 250%;
}
/* 購入する周り */
.buy {
	margin: 20px 0;
}
.buy, #ct_bg .buy h2, .buy form {
	float: left;
}
#ct_bg .buy h2, .buy form {
	float: left;
}
#ct_bg .buy h2 {
	width: 170px;
	border-bottom: 0;
	margin-top: 0;
}
.buy form {
	width: 160px;
}
#ct_bg .buy h2 span {
	font-size: 0.8em;
/*	transform: scale( 0.7 , 1 );
	display: inline-block;
	text-indent: -35px;*/
}
img.tw {
	margin-top: 10px;
}
iframe.youtube {
	margin-top: 40px;
	width: 758px;
	height: 426px;
	border: 1px solid #F08C93;
	margin-left: 100px;
}

/********** 購入特典(bonus.html) **********/
#bonus {
	width: 740px;
	border: 1px solid #F08C93;
	padding: 10px;
	float: left;
	clear: both;
	margin: 34px 0 0 100px;
	background: #fff;
}
#bonus h1 {
	margin: 0 0 30px 34px;
}
#bonus #detail {
	margin-left: 30px;
/* 2種同時特典用
	background: url("../sakura/images/package.jpg") no-repeat 330px 0;
	min-height: 237px;
*/
	background: url("../sakura/images/poster.jpg") no-repeat 330px 0;
	min-height: 545px;
}
#bonusTop, #bonusBottom {
	min-height: 34px;
}
#bonusTop {
	background: url("../sakura/images/bonus_top.gif") no-repeat;
}
#bonusBottom {
	background: url("../sakura/images/bonus_bottom.gif") no-repeat;
}
#bonus #detail #txt {
	width: 300px;
	line-height: 200%;
}
#bonus #detail #txt strong {
	font-size: 1.5em;
	color: #E54A53;
}
#bonus #detail #txt #buy {
	width: 100%;
	clear: both;
	text-align: right;
	margin-top: 30px;
}

/********** リンク(links.html) **********/
#links {
	width: 740px;
	border: 1px solid #F08C93;
	padding: 58px 10px;
	float: left;
	clear: both;
	margin: 34px 0 30px 100px;
	text-align: center;
	background: #fff;
}
#links ul {
	margin-left: 170px;
}
#links li {
	margin-bottom: 20px;
}
#links li a {
	width: 400px;
	height: 33px;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
	display: block;
	padding-top: 17px;
	background: url("../sakura/images/btn_link_bg.png") no-repeat;
}
#links li a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}

.copy01 {
	margin-top: 40px;
	text-align: center;
	clear: both;
}

#ct_bg .header01In:after {
	content: ".";
	display: block; 
	height: 0; 
	font-size: 0;
	clear: both; 
	visibility: hidden;
}
#ct_bg .header01In {
	*display: inline-table;
	*zoom: 1;
}