@charset "utf-8";

@import "reset.css";
@import "structure.css";

body {
	
}

div#wrapper {
	width: 780px;
	margin: 0px auto;
}

div#header {
	
}

div#header div#bar_h {
	height: 16px;
	background-color: #000000;
	margin-bottom: 15px;
}

div#header div#i18n {
	font-size: 12px;
	text-align: right;
	margin: 10px 0;
}

div#header div#i18n a {
	color: #0099FF;
}

div#container {
	
}

div#container div#content_bar {
}

div#container div#content_bar div#cbl {
	position: relative;
	float: left;
	background: url(../../img/colours/bar_l.jpg) no-repeat top left;
	width: 705px;
	height: 37px;
}

div#container div#content_bar div#cbl div#cbc {
	position: relative;
	float: right;
	width: 632px;
	height: 33px;
	border-bottom: 2px solid #ffffff;
	border-top: 2px solid #ffffff;
}

html * div#container div#content_bar div#cbl div#cbc {
	font-size: 0px;
}

div#container div#content_bar div#cbl div#cbc img {
	border-left: 2px solid #FFFFFF;
	cursor: pointer;
}

div#container div#content_bar div#cbl div#cbc div#cb_menu {
}

div#container div#content_bar div#cbl div#cbc div#cb_menu span#a {
	width: 156px;
	height: 33px;
	background-image: url(../../img/colours/colours_button_e.jpg);
	display: block;
	float: left;
	border-left: 2px solid #ffffff;
}

div#container div#content_bar div#cbl div#cbc div#cb_menu span#b {
	width: 156px;
	height: 33px;
	background-image: url(../../img/colours/howto_button_e.jpg);
	display: block;
	float: left;
	border-left: 2px solid #ffffff;
}

div#container div#content_bar div#cbl div#cbc div#cb_menu span#c {
	width: 156px;
	height: 33px;
	background-image: url(../../img/colours/chain_button_e.jpg);
	display: block;
	float: left;
	border-left: 2px solid #ffffff;
}

div#container div#content_bar div#cbl div#cbc div#cb_menu span#d {
	width: 156px;
	height: 33px;
	background-image: url(../../img/colours/game_button_e.jpg);
	display: block;
	float: left;
	border-left: 2px solid #ffffff;
}

div#container div#content_bar div#cbl div#cbc div#cb_menu span.current {
	background-position:0 33px;
}

div#container div#content_bar div#cbl div#cbc div#cb_menu span.om {
	background-position:0 66px;
}

div#container div#content_bar div#cbr {
	position: relative;
	float: left;
	width: 73px;
	height: 37px;
	background: url(../../img/colours/bar_r.jpg) no-repeat top right;
	border-left: 2px solid #FFFFFF;
}

div#container div#content {
	margin-bottom: 10px;
}

div#container div#content div#content_left {
	width: 242px;
	height: 478px;
	float: left;
	margin-top: 80px;
	text-align: center;
}

div#container div#content div#content_right {
	width: 508px;
	float: right;
	margin-top: 30px;
	margin-left: 30px;
}

div#container div#content div#content_right p {
	margin-top: 24px;
	line-height: 22px;
}

div#container div#content div#content_right div.article {
	font-weight: bold;
	font-size: 120%;
	margin-top:20px;
	height: 26px;
}

div#container div#content div#content_right div.article img {
	position: relative;
	float: left;
}

div#container div#content div#content_right div.article span {
	position: relative;
	padding-top: 4px;
	padding-left: 5px;
	display: inline-block;
}

div#container div#content div#content_right p.disp {
	margin-top: 4px;
	line-height: 22px;
}

div#container div#content div#content_right div#wcss {
	margin-top: 20px;
}

div#container div#content div#content_right div#wcss ul {
	margin-left: 1px;
	list-style:none outside;
}

div#container div#content div#content_right div#wcss ul li {
	display: inline;
	margin-right: 20px;
}

div#container div#content div#content_right div#wcss ul li.next img {
	margin-bottom: 25px;
}

/*div#container div#content div#content_right div#wcss ul li img {
	cursor: pointer;
}
*/
/*div#container div#content div#content_right div#ss ul li img.current {
	border: 2px solid #ffa986;
	cursor: inherit;
}*/

div#container div#content div#content_right div#buy {
	text-align: center;
	margin-bottom: 10px;
}

div#container div#content div#content_right table {
	margin-top: 24px;
	border: 1px solid #ffffff;
}

div#container div#content div#content_right table tr {
	border: 1px solid #ffffff;
}

div#container div#content div#content_right table td {
	border: 1px solid #ffffff;
	vertical-align: middle;
	height: 30px;
	padding-left: 2px;
}

div#container div#content div#content_right table td.key {
	width: 80px;
}

div#container div#content div#content_right table td.value {
	width: 130px;
}

div#container div#content div#content_right div#app {
	text-align: center;
	width: 540px;
	margin-top: 12px;
}

div#container div#content div#content_right div#app a#fr {
	display: block;
	width: 153px;
	height: 41px;
	background-image: url(../../img/colours/appstore_button.jpg);
	background-repeat: no-repeat;
}

div#container div#content div#content_right div#app a#ep {
	display: block;
	width: 153px;
	height: 41px;
	background-image: url(../../img/colours/appstore_button_1.jpg);
	background-repeat: no-repeat;
}

div#container div#content div#content_right div#app a:hover {
	background-position: right -41px;
}

div#container div#content div#content_right div#app table {
	border: 0px;
	margin-top: 20px;
        margin-bottom: 20px;
}

div#container div#content div#content_right div#app table td {
	height: 16px;
	border: 0px;
}

div#container div#content div#content_right div#app table td.descript {
	text-align: left;
	padding-left: 8px;
	width: 250px;
}

div#container div#content div#content_right div#app table td.key {
	border: 2px solid #ffffff;
	vertical-align: middle;
	height: 30px;
	padding-left: 2px;
}

div#container div#intro {
}

div#container div#intro div#movie {
	float: left;
	width: 290px;
	margin-left: 10px;
}

div#container div#intro div#movie div#yt {
	width: 280px;
	height: 210px;
}

div#container div#intro div#movie img {
	margin-bottom: 10px;
}

div#container div#intro div#ss {
	float: right;
	width: 450px;
	margin-left: 20px;
}

div#container div#intro div#ss ul {
	margin-left: 1px;
	list-style:none outside;
	margin-bottom: 20px;
	margin-top: 10px;
}

div#container div#intro div#ss li {
	display: inline;
	margin-right: 20px;
}

div#container div#intro div#ss ul li img {
	cursor: pointer;
	border: 2px solid #0033FF;
}

div#container div#support {
	margin: 0 0 10px 0;
}

div#container div#support div#content_sup {
	margin-left: 10px;
}

div#container div#support div#content_sup img#mail {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}

div#container div#support div#content_sup p {
	margin-top: 14px;
	font-size: 12px;
}

img.header {
	margin: 15px 0;
}

img.rule {
	padding: 10px 0;
}

img.game {
	float: left;
	padding-right: 10px;
}

img.number {
	float: left;
}

div#footer {
	height: 20px;
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
}

div#footer p {
	padding-top: 4px;
}

span.bold {
	font-weight: bold;
}

span.blue {
	color: #0033FF;
}

span.red {
	color: #FF3300;
}

span.yellow {
	color: #FFFF33;
}