/* CSS Document */

/* ==========================================================================
 * ---------->>>ベース設定
 * ========================================================================== */
 
/*縦スクロールバーを常に表示*/
html>/**/body{
	overflow-y:scroll;
}
html:first-child body{
  min-height:100%;
  padding-bottom:1px;
} 
/*ページ全体*/
body {
margin:0px;
padding: 0px;
background-color:#FFFFFF;
color:#000000;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:12px;
line-height:140%;
text-align:center;
background-image:url(../images/bg.gif);
}
/*リンク関係*/
a:link {color:#ffffe6;}
a:visited {color:#ffffe6;}
a:active {color:#ffffe6; text-decoration:none;}
a:hover {color:#ffffe6; text-decoration:none;}

img{
	border: 0px;
	vertical-align: bottom;
	}

/* ==========================================================================
 * ---------->>>基本コンテナ
 * ========================================================================== */
/*ベースコンテナ w:740px*/
#Base{
	width: 740px;
	margin: auto;
}
/*メイン*/
.Main{
	width: 740px;
	height: 440px;
	background-image:url(../images/main.jpg);
}

.buy_block{
	
	padding:220px 0px 0px 23px;
	text-align:left;
	
}

#Head{
	width: 740px;
	height: 291px;
	background-image:url(../images/head_bg.jpg);
	background-repeat:no-repeat;
	}

/*キャラクター*/


#character div{
	float: left;
	}
	
#chabox{
	width: 681px;
	height: 356px;
	}	
	
.buy{
	padding-top: 380px;
	padding-left: 43px;
	text-align:left;
	}	
	
#fotter{
	width: 740px;
	height: 269px;
	background-image:url(../images/fotter.jpg);
	background-repeat:no-repeat;
	}	


/*クエリ用ズーム*/
        ul.thumb {
            /*float:left;*/
            list-style:none;
            margin:0 auto; padding:10px;
            width:681px;
         }
         ul.thumb li {
            margin:0; padding:1px;
            list-style:none;
            float:left;
            position:relative;
            width:110px; height:83px;
         }
		 
         ul.thumb li img {
            width:113px; height:86px;
            /*border:1px solid #ddd;*/
            padding:1px;
            /*background:#f0f0f0;*/
            position:absolute;
            left:0; top:0;
            -ms-interpolation-mode:bicubic;
         }
         ul.thumb li img.hover {
            background:url("../images/thumb_bg.png") no-repeat center center;
            border:0;
         }
		 
        ul.thumb2 {
            /*float:left;*/
			display: block;
            list-style:none;
            margin:0; padding: 0px;
         }
         ul.thumb2 li.buy {
            margin:0; padding:1px;
            list-style:none;         
            position:relative;
            width:230px; height:61px;
         }
		 
         ul.thumb2 li.buy img {
            width:230px; height:61px;
            /*border:1px solid #ddd;*/
            padding:1px;
            /*background:#f0f0f0;*/
            position:absolute;
            left:0; top:0;
            -ms-interpolation-mode:bicubic;
         }
         ul.thumb2 li.buy img.hover {
            /*background:url("../images/thumb_bg.png") no-repeat center center;*/
            border:0;
         }		 

/*きゃら紹介用コンテナ*/
		div#feature_list {
			width: 681px;
			height: 356px;
			background-image:url(../images/cha_bgbase.jpg);
			background-position:left top;
			overflow: hidden;
			position: relative;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			position: absolute;			
			right: 0px;
			z-index: 2;
			width: 179px;
			height: 356px;
			background-image: url(../images/btn_bg.jpg);
			background-repeat:no-repeat;
		}

		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
		}
		
		ul#tabs li img {
			/*padding: 5px;
			border: none;*/
			/*float: left;*/
			/*margin: 10px 10px 0 0;*/
		}

		ul#tabs li a {
			/*color: #222;*/
			text-decoration: none;	
			display: block;
			/*padding: 10px;*/
			height: 89px;
			outline: none;
		}

		ul#tabs li a:hover {
			text-decoration: underline;
			border: 1px solid #ff7d7e;
		}

		ul#tabs li a.current {
			background:  url('../images/selected-item.gif');
			background-repeat:no-repeat;
			color: #FFF;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			/*cursor: default;*/
		}

		ul#output {
			left: 0;
			width: 502px;
			height: 356px;
			position: absolute;
		}

		ul#output li {
			position: absolute;
			left: 0;
			width: 502px;
			height: 356px;
		}

		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #000;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #D33431;
		}


/* ==========================================================================
 * ------>>>汎用クラス
 * @名前@ .clearfix
 * @説明@ float解除
 * ========================================================================== */
.clearfix {
	display:inline-block;
}
.clearfix:after {
	content:" ";
	clear:both;
	overflow:hidden;
	display:block;
	visibility:hidden;
	margin-bottom:-1px;
	height:1px;
	font-size:1px;
	line-height:1px;
}
/* \*/
.clearfix {
	display:block;
	height:1px;
}
html>body .clearfix {
	height:auto;
}
/* */