@charset "UTF-8";

/*---------------------------*/
/* Javascript無効時適用のCSS */
/*---------------------------*/

#contents {
	position: relative;
	width: 940px;
	height: 1290px;
	margin: 40px auto 30px auto;
	padding: 0;
}

#grid{
	position: static;
}

/* -- タイトル -- */
#title{
	top: 15px;
}

/* -- 新着キャラクター1 -- */
#newchara1{
	top: 0;
	right: 190px;
}

/* -- 新着キャラクター2 -- */
#newchara2{
	top: 0;
	right: 0;
}

/* -- 新着キャラクター3 -- */
#newchara3{
	top: 210px;
	left: 0;
}

/* -- 新着情報 -- */
#whatsnew{
	top: 240px;
	right: 195px;
}

/* -- 月のひとこま -- */
#month{
	top: 240px;
	right: 0;
}

/* -- キャラクターズ -- */
#characters{
	bottom: 675px;
	right: 380px;
}

/* -- ご利用手順 -- */
#process{
	bottom: 555px;
	left: 0;
}

/* -- ツイッター -- */
#twitter{
	width: 365px;
	top: 620px;
	right: 380px;
}

/* -- chararyについて -- */
#about{
	bottom: 565px;
	right: 190px;
}

/* -- 事例紹介 -- */
#case{
	bottom: 570px;
	right: 0;
}

/* -- 今月の壁紙 -- */
#wp{
	bottom: 375px;
	right: 190px;
}

/* -- ダウンロードコーナー -- */
#dl{
	bottom: 375px;
	right: 0;
}

/* -- 制作のご依頼 -- */
#request{
	bottom: 231px;
	left: 0;
}

/* -- お問い合わせ -- */
#inquiry{
	bottom: 198px;
	right: 385px;
}

/* -- キャラクター検索 -- */
#search{
	width: 365px;
	bottom: 205px;
	right: 0;
}

/* -- デザイナープロフィール -- */
#profile{
	bottom: 38px;
	left: 0;
}

/* -- キャラクタープロフィール -- */
#chara_profile{
	bottom: 39px;
	right: 575px;
}

/* -- キャラクター展開例 -- */
#develop{
	bottom: 5px;
	right: 190px;
}

/* -- パブリシティ履歴 -- */
#publicity{
	bottom: 3px;
	right: 0;
}

/* -- リンク -- */
#link{
	bottom: 40px;
	right: 385px;
}

/* -- javascriptを有効にしてネ -- */
noscript div{
	position: absolute;
	top: 750px;
	left: 0;
	width: 149px;
	height: 109px;
	padding: 15px 10px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	background-color: #F90;
	border: solid 3px #333;
}

/* -- 装飾キャラとbot非表示 -- */
#deco1,
#deco2,
#deco3,
#bot{ display: none; }

/* -- フッター -- */
#footer{
	position: static;
}