/*--------------------
 Common
--------------------*/
body,html {
	color:#FFFFFF;
	background:#333344;
	font-size:12px;
}
a {
	outline:none;
}
#container {
	width:847px;
	background:url(/images/shadow.gif);
	margin:0 auto;
	padding:0 5px;
}
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.clearfix{
	zoom: 1;
}


/*--------------------
 Header Area
--------------------*/
#header {
	width:100%;
	height:75px;
}
#header h1 {
	width:91px;
	height:45px;
	display:block;
	padding-top:5px;
	padding-left:20px;
}
#header h1 a {
	width:100%;
	height:100%;
	display:block;
	background-image:url(/images/ristty_logo.gif);
	text-indent:-9999px;
}

/* Navi - Common */

#header ul {
	width:100%;
	height:20px;
	margin-top:5px;
}
#header ul li {
	width:121px;
	height:100%;
	float:left;
}
#header ul li a {
	width:100%;
	height:100%;
	display:block;
	text-indent:-9999px;
	background-image:url(/images/navi.gif);
	background-repeat:no-repeat;
}

/* Navi - Button */

#header ul li.navConcept a {
	background-position:0 0;
}#header ul li.navConcept a:hover {
	background-position:0 -20px;
}

#header ul li.navInformation a {
	background-position:-121px 0;
}#header ul li.navInformation a:hover {
	background-position:-121px -20px;
}

#header ul li.navWebstore a {
	background-position:-242px 0;
}#header ul li.navWebstore a:hover {
	background-position:-242px -20px;
}

#header ul li.navShoplist a {
	background-position:-363px 0;
}#header ul li.navShoplist a:hover {
	background-position:-363px -20px;
}

#header ul li.navBlog a {
	background-position:-484px 0;
}#header ul li.navBlog a:hover {
	background-position:-484px -20px;
}

#header ul li.navDownload a {
	background-position:-605px 0;
}#header ul li.navDownload a:hover {
	background-position:-605px -20px;
}

#header ul li.navLink a {
	background-position:-726px 0;
}#header ul li.navLink a:hover {
	background-position:-726px -20px;
}


/*--------------------
 Main Area
--------------------*/

/* common */
#main {
	width:100%;
	height:615px;
}

/* index */

#main_flash {
	width:100%;
	height:240px;
	margin-top:5px;
}
#main #main_bottom {
	width:100%;
	height:370px;
	margin-top:5px;
}
#main #main_info {
	width:310px;
	height:370px;
	float:left;
	margin-left:5px;
	background-image:url(/images/top_info.gif);
	display:inline; /* IE6 */
}
#main #main_info ul {
	width:270px;
	height:300px;
	margin-top:45px;
	margin-left:30px;
	overflow:auto;
}
#main #main_info ul li {
	margin-top:10px;
}
#main #main_button {
	width:520px;
	height:100%;
	float:right;
	margin-right:5px;
	display:inline; /* IE6 */
}
#main #main_button a {
	display:block;
	margin-bottom:5px;
}
#main #main_button .img_float_left {
	float:left;
}
#main #main_button .img_float_right {
	float:right;
}

/* shop list */

#main #shoplist_logo {
	width:847px;
	height:123px;
	margin-top:5px;
	background-image:url(/images/shoplist_title.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-999px;
}
#main ul#shoplist {
	width:740px;
	height:480px;
	overflow:auto;
	margin:5px auto 0 auto;
}
#main ul#shoplist li {
	float:left;
}
#main ul#shoplist li#shoplist_title ul {
	height:20px;
	line-height:20px;
	background-color:#666688;
	text-align:center;
	padding:0 0;
}
#main ul#shoplist li ul {
	height:70px;
	padding:10px 0;
}
#main ul#shoplist li ul img {
	display:block;
	margin:5px auto;
}


/*--------------------
 Concept
---------------------*/
#main #concept {
	width:847px;
	height:615px;
	text-indent:-9999px;
	margin-top:5px;
	background-image:url(/images/concept.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}

#main #information {
	width:767px;
	height:500px;
	margin:5px auto 0 auto;
	padding-top:60px;
}


/*--------------------
 Information
---------------------*/
#main #information #information_list {
	width:340px;
	height:500px;
	float:left;
	background-image:url(/images/info_title.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
#main #information #information_list ul {
	width:100%;
	height:475px;
	overflow:auto;
	margin-top:25px;
}
#main #information #information_list ul li {
	margin-top:10px;
}

#main #information #information_pickup {
	width:340px;
	height:500px;
	float:right;
	overflow:auto;
}
#main #information #information_pickup h2 {
	font-size:20px;
	margin:10px 0;
}


/*--------------------
 DownLoad
---------------------*/
#main #download_title {
	width:667px;
	height:30px;
	margin:0 auto;
	padding-top:60px;
	margin-top:5px;
	text-indent:-9999px;
	background-image:url(/images/download_title.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#main ul#download {
	width:670px;
	margin:30px auto 0 auto;
}
#main ul#download li.download_block {
	width:310px;
	height:180px;
	float:left;
	margin-right:25px;
	margin-bottom:70px;
	display:inline; /* IE6 */
}
#main ul#download li.download_block_bottom {
	width:310px;
	height:180px;
	float:left;
	margin-right:25px;
	display:inline; /* IE6 */
}

/* comming soon */

#main ul#download li ul li.comming {
	width:225px;
	height:180px;
	float:left;
	text-indent:-9999px;
	background-image:url(/images/download/comingsoon.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}

/* wp_xxxx */



/* Button */

#main ul#download li ul li.btn_1024 {
	width:78px;
	height:55px;
	float:right;
	text-indent:-9999px;
	background-image:url(/images/download_button.gif);
	background-repeat:no-repeat;
	background-position:-156px 0;
}
#main ul#download li ul li.btn_1024 a {
	width:100%;
	height:100%;
	display:block;
	background-image:url(/images/download_button.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
#main ul#download li ul li.btn_1024 a:hover {
	background-position:-78px 0;
}
#main ul#download li ul li.btn_1280 {
	width:78px;
	height:55px;
	float:right;
	text-indent:-9999px;
	background-image:url(/images/download_button.gif);
	background-repeat:no-repeat;
	background-position:-156px -50px;
}
#main ul#download li ul li.btn_1280 a {
	width:100%;
	height:100%;
	display:block;
	background-image:url(/images/download_button.gif);
	background-repeat:no-repeat;
	background-position:0 -50px;
}
#main ul#download li ul li.btn_1280 a:hover {
	background-position:-78px -50px;
}


/*--------------------
 Link
--------------------*/
#main .link {
	width:650px;
	margin:5px auto 0 auto;
	padding-top:10px;
}

#main .link ul li {
	height:53px;
	float:left;
	margin-top:50px;
}
#main .link ul li a {
	height:100%;
	display:block;
	background-repeat:no-repeat;
	background-position:center;
}


/*--------------------
 Footer Area
--------------------*/
#footer {
	width:100%;
	height:51px;
	margin-top:5px;
	border-top:solid 1px #ffffff;
}
#footer .copyright {
	margin-top:10px;
	margin-right:5px;
	text-align:right;
}