@charset "UTF-8";

*{ margin: 0; padding: 0; font-size : 10pt;}

body {
	background: #f9edc6;
}

a:link    { color: #026CD1; }
a:visited { color: #004A95; }
a:hover   { color: #76AFE6; }
a:active  { color: #76AFE6; }

div#wrapper {
	background: #f9edc6 url('../../images/new_design/c_bg.jpg') no-repeat 0 0;
	padding: 0;
	height: 760px !important; height: 730px;
	position: relative;
	z-index: 210;
	/*margin: 0px auto 0px;
	min-height: 760px;
	top: -10px;
	z-index: 500;*/
}

div#siamix_tour {
	background: #f9edc6 url('../../images/new_design/siamix_bg.jpg') no-repeat 0 0;
	height: 369px;
	width: 695px;
	/*position: absolute;
	top: 0;
	left: 0;
	height: 369px;
	width: 695px;
	z-index: 400;*/
}
	a#view_tour {
		display: block;
		background: #f9edc6 url('../../images/new_design/go_tour.jpg') no-repeat 0 0;
		position: absolute;
		top: 50px;
		left: 125px;
		height: 37px;
		width: 156px;
		text-indent: -5000px;
	}
	div#tour {
		background: #f9edc6 url('../../images/new_design/psp_bg.jpg') no-repeat 0 0;
		position: absolute;
		top: 27px;
		left: 427px;
		height: 257px;
		width: 562px;
	}
		div#tour dl {
			position: absolute;
			top: 21px;
			left: 122px;
			width: 317px;
			height: 180px;
		}
		#tour_1 {
			background: #f9edc6 url('../../images/new_design/tour/tour_1.jpg') no-repeat 0 0;
			z-index: 200;
			text-indent: -5000px;
		}
		#tour_2 {
			background: #f9edc6 url('../../images/new_design/tour/tour_2.jpg') no-repeat 0 0;
			z-index: 190;
			text-indent: -5000px;
		}
		#tour_3 {
			background: #f9edc6 url('../../images/new_design/tour/tour_3.jpg') no-repeat 0 0;
			z-index: 180;
			text-indent: -5000px;
		}
		#tour_4 {
			background: #e4fb91;/* url('../../images/new_design/tour/tour_4.jpg') no-repeat 0 0;*/
			z-index: 170;
		}
			#tour_4 dt {
				padding: 5px 10px;
				font-size: 1.6em;
				color: #f30;
			}
			#tour_4 a#button_new_regist {
				display: block;
				position: absolute;
				left: 30px;
				top: 60px;
				width: 250px;
				height: 47px;
				border: none;
				z-index: 130;
				text-indent: -9000px;
				background: #f9edc6 url('../../images/new_design/register.gif') no-repeat 0 0;
			}
		
		ul#arrow_ctrl li, ul#num_ctrl li {
			height: 1px;
		}
		ul#arrow_ctrl {
			/*background: transparent url('../../images/new_design/psp_nav.jpg') no-repeat 5px 7px;*/
			position: relative;
			top: 55px;
			left: 17px;
			height: 93px;
			width: 95px;
		}
			ul#arrow_ctrl li a {
				position: absolute;
				text-indent: -4000px;
			}
			ul#arrow_ctrl li.top a {
				top: 9px;
				left: 36px;
				height: 25px;
				width: 24px;
			}
			ul#arrow_ctrl li.right a {
				top: 36px;
				left: 60px;
				height: 25px;
				width: 28px;
			}
			ul#arrow_ctrl li.bottom a {
				top: 62px;
				left: 35px;
				height: 25px;
				width: 24px;
			}
			ul#arrow_ctrl li.left a {
				top: 36px;
				left: 7px;
				height: 25px;
				width: 28px;
			}
			ul#arrow_ctrl li.top a:hover, ul#arrow_ctrl li.top a.selected { background: transparent url('../../images/new_design/psp_nav.jpg') no-repeat -31px -88px; }
			ul#arrow_ctrl li.right a:hover, ul#arrow_ctrl li.right a.selected { background: transparent url('../../images/new_design/psp_nav.jpg') no-repeat -55px -115px; }
			ul#arrow_ctrl li.bottom a:hover, ul#arrow_ctrl li.bottom a.selected { background: transparent url('../../images/new_design/psp_nav.jpg') no-repeat -30px -141px; }
			ul#arrow_ctrl li.left a:hover, ul#arrow_ctrl li.left a.selected { background: transparent url('../../images/new_design/psp_nav.jpg') no-repeat -2px -115px; }
			
		ul#num_ctrl {
			/*background: transparent url('../../images/new_design/psp_nav.jpg') no-repeat 191px 7px;*/
			position: absolute;
			top: 57px;
			right: 10px;
			height: 93px;
			width: 95px;
		}
			ul#num_ctrl li a {
				position: absolute;
				text-indent: -4000px;
			}
			ul#num_ctrl li.top a {
				top: 6px;
				left: 29px;
				height: 28px;
				width: 28px;
			}
			ul#num_ctrl li.right a {
				top: 34px;
				left: 62px;
				height: 26px;
				width: 28px;
			}
			ul#num_ctrl li.bottom a {
				top: 67px;
				left: 29px;
				height: 28px;
				width: 28px;
			}
			ul#num_ctrl li.left a {
				top: 34px;
				left: -4px;
				height: 26px;
				width: 28px;
			}
			ul#num_ctrl li.top a:hover, ul#num_ctrl li.top a.selected { background: transparent url('../../images/new_design/psp_nav.jpg') no-repeat -29px -259px; }
			ul#num_ctrl li.right a:hover, ul#num_ctrl li.right a.selected { background: transparent url('../../images/new_design/psp_nav.jpg') no-repeat -62px -287px; }
			ul#num_ctrl li.bottom a:hover, ul#num_ctrl li.bottom a.selected { background: transparent url('../../images/new_design/psp_nav.jpg') no-repeat -29px -320px; }
			ul#num_ctrl li.left a:hover, ul#num_ctrl li.left a.selected { background: transparent url('../../images/new_design/psp_nav.jpg') no-repeat 4px -287px; }
		
		/* mini power off button */
		span#power_off {
			display: block;
			position: absolute;
			top: 155px;
			right: 17px;
			height: 8px;
			width: 35px;
			text-indent: -4000px;
		}

/******* メインボタン共通の位置情報 *******/

a:active { outline: none; }
a:focus { -moz-outline-style: none; }
ul { list-style: none; }

/*div#wrapper img.bg {
	display: block ;
	position: absolute ;
	left: 0px ;
	top: 0px ;
	width: 1000px ;
	height: 563px ;
	z-index: 0 ;
}*/

/*********************/

/*div#wrapper a img {
	width: 100% ;
	height: 100% ;
}

div#wrapper a * {
}*/

/**/

/*div#wrapper div.header {
}*/

/******* バナーの位置情報 *******/

/*div#wrapper div.banner ,
div#wrapper a.banner {
	display: block ;
	position: absolute ;
	left: 247px ;
	top: 5px ;
	width: 468px ;
	height: 60px ;
	z-index: 200 ;
}*/

/******* メインボタン共通の位置情報 *******/

/*div#wrapper div.header a.main_menu {
	display: block ;
	display: none ;
	position: absolute ;
	height: 22px ;
	top: 0px ;
}

div#wrapper input ,
div#wrapper a {
}*/

div#wrapper h1 {
	position: absolute;
	top: 223px;
	left: 22px;
	width: 360px;
	height: 400px;
	background: transparent url('../../images/new_design/siamix_logo.jpg') no-repeat 0 0;
}
div#wrapper h1 a {
	display: block;
	position: relative;
	top: 90px;
	left: 85px;
	width: 200px;
	height: 190px;
	text-indent: -9000px;
}

/******* ログインパネル位置情報ズ *******/

div#wrapper form#login {
	position: absolute;
	top: 210px;
	left: 431px;
	height: 234px;
	width: 313px;
	padding: 60px 0 0 50px;
	background: #f9edc6 url('../../images/new_design/login_bg.gif') no-repeat 0 0;
}

/*ログインIDフォームの位置情報*/

div#wrapper input#username {
	width: 185px;
	height: 18px;
	font-size: 10pt;
	margin-bottom: 30px;
	z-index: 100;
}

/*パスワードフォームの位置情報*/

div#wrapper input#password {
	width: 185px;
	height: 18px;
	font-size: 10pt;
	z-index: 110;
}

/*ログインボタンの位置情報*/

div#wrapper input#button_login {
	display: block;
	position: absolute;
	left: 214px ;
	top: 170px ;
	width: 52px ;
	height: 40px ;
	border: none;
	background: #f9edc6 url('../../images/new_design/login_btn.gif') no-repeat 0 0;
	text-indent: -9000px;
	cursor: pointer;
	z-index: 120;
}

/*新規登録ボタンの位置情報*/

div#wrapper a#button_new_regist {
	display: block;
	position: absolute;
	left: 30px;
	top: 236px;
	width: 250px;
	height: 47px;
	border: none;
	z-index: 130;
	text-indent: -9000px;
	background: #f9edc6 url('../../images/new_design/register.gif') no-repeat 0 0;
}

div#wrapper a#register {
	display: block;
	position: absolute;
	left: 720px;
	top: 55px;
	width: 250px;
	height: 47px;
	border: none;
	z-index: 130;
	text-indent: -9000px;
	background: #f9edc6 url('../../images/new_design/register.gif') no-repeat 0 0;
}

/*エラーメッセージの位置情報*/
/*パスワード忘れた人リンクの位置情報*/

div#wrapper form#login p {
	padding: 9px 0px;
	width: 185px;
	height: 42px;
	font-size: 9pt;
	text-align: center;
	z-index: 140;
}

div#wrapper form#login p * {
	font-size: 8pt;
}

/******* News *******/
div#wrapper div#siamix_news {
	position: absolute;
	left: 450px;
	top: 498px;
	width: 202px;
	height: 146px;
	padding: 90px 25px 0;
	background: #f9edc6 url('../../images/new_design/news_bg.gif') no-repeat 0 0;
}

div#wrapper div#siamix_news p { font-size: 9pt; }


/******* Siamix's Friends *******/
div#wrapper div#friends {
	position: absolute;
	left: 788px;
	top: 0px;
	width: 142px;
	height: 680px;
}

div#wrapper div#friends h2 {
	position: relative;
	top: -30px;
	left: -113px;
	width: 323px;
	height: 127px;
	text-indent: -9000px;
	background: transparent url('../../images/new_design/invite_header.jpg') no-repeat 0 0;
	z-index: 210;
}

div#wrapper div#friends ul {
	position: relative;
	top: -64px;
	padding: 32px 26px 0;
	height: 630px;
	background: #f9edc6 url('../../images/new_design/friends_bg.gif') repeat-y 0 10px;
	z-index: 200;
}
	
div#wrapper div#friends li {
	margin-bottom: 4px;
	width: 91px;
}

/******* Footer *******/

div#wrapper div#footer {
	position: absolute;
	left: 677px;
	top: 645px;
	width: 305px;
	height: 70px; /* Add 20px for Page's padding-bottom */
	padding: 45px 0 0 20px !important;
	padding: 45px 0 0 0px;
	z-index: 300;
	background: transparent url('../../images/new_design/footer_bg.gif') no-repeat 0 0;
}
div#wrapper div#footer2 {
	position: absolute;
	left: 50px;
	top: 624px;
	width: 305px !important;
	width: 325px;
	height: 70px; /* Add 20px for Page's padding-bottom */
	padding: 45px 0 0 20px !important;
	padding: 45px 0 0 0px;
	z-index: 300;
	background: transparent url('../../images/new_design/footer_bg2.gif') no-repeat 0 0;
}

div#wrapper #footer li
,div#wrapper #footer2 li { 
	float: left;
	background: url('../../images/new_design/bullet.gif') no-repeat 0 5px;
	padding-left: 10px;
	margin-left: 26px;
}

div#wrapper #footer a
,div#wrapper #footer2 a {
	font-size: 8pt;
	color: #000;
	text-decoration: none;
}

div#wrapper span#pin1 {
	display: block;
	position: absolute;
	left: 380px;
	top: 484px;
	width: 37px;
	height: 37px;
	background: url('../../images/new_design/pin_01.gif') no-repeat 0 0;
	z-index: 350;
}
div#wrapper span#pin2 {
	display: block;
	position: absolute;
	left: 737px;
	top: 485px;
	width: 43px;
	height: 27px;
	background: url('../../images/new_design/pin_02.gif') no-repeat 0 0;
	z-index: 360;
}

/* Privacy */
/*div#wrapper div#book {
	display: block;
	position: absolute;
	left: 358px;
	top: 176px;
	width: 640px;
	height: 445px;
	padding: 30px 50px 40px 80px;
	background: url('../../images/new_design/book.jpg') no-repeat 0 0;
	z-index: 260;
}*/
/*div#wrapper div#book {
	display: block;
	position: absolute;
	left: 430px;
	top: 170px;
	width: 640px;
	height: 445px;
	padding: 0;
	z-index: 260;
}
div#wrapper div#book h2 {
	font-size: 1.2em;
	margin-bottom: 10px;
}
div#wrapper div#book p {
	margin-bottom: 10px;
}*/


/* New Form */
div#wrapper div.caution {
	position: absolute;
	top: 210px;
	left: 431px;
	height: 173px;
	width: 327px;
	padding: 15px 0 0 10px;
	/*background: #f9edc6 url('../../images/new_design/caution_bg.jpg') no-repeat 0 0;*/
}
div#wrapper div.caution span,
div#wrapper div.sysMsg span {
	display: block;
	margin: 15px 0 0 35px;
}
div#wrapper div.msg_box {
	width: 300px;
	margin: 15px 15px 5px;
	color: red;
	border: 1px dashed rgb(204, 204, 204); 
	padding: 5px 10px;
	background-color: rgb(255, 255, 204);
}
/*  System Msg */
div#wrapper div.sysMsg {
	position: absolute;
	top: 210px;
	left: 431px;
	height: 173px;
	width: 327px;
	padding: 15px 0 0 10px;
	/*
	padding: 65px 0 0 70px;
	background: #f9edc6 url('../../images/new_design/caution_bg.jpg') no-repeat 0 0;*/
}
div#wrapper div.sysMsg h3 {
	font-size: 1.2em;
	margin-bottom: 10px;
}


/* New Form */
div#wrapper div#content {
	padding: 190px 0 10px 430px;
	width: 640px;
	/*height: 445px;*/
	z-index: 260;
}
div#wrapper div#content h2 {
	font-size: 1.3em;
	margin-bottom: 10px;
}
div#wrapper div#content p {
	margin-bottom: 10px;
}
div#wrapper div#content ol {
	width: 560px;
	padding: 0 5px 10px 30px;
}

div#wrapper div#content ol li {
	margin-bottom: 5px;
}


/* Form */
div#wrapper div#content form {
	padding: 15px 0;
}
div#wrapper div#content input[type="text"] {
	/*width: 230px;
	height: 20px;*/
	font-size: 10pt;
}
div#wrapper div#content label {
	float: left;
	width: 115px;
}

div#wrapper div#content form p.frmSmt {
	padding: 10px 0 0 115px;
}

/* Register Confirm */
div#wrapper div#content form p.frmSmt2 {
	padding: 10px 0 0 185px;
}
div#wrapper div#content form#edit_register {
	position: relative;
	top: -65px !important;
	top: -64px;
	left: 80px !important;
	left: 60px;
	width: 100px;	
}


/* Register */
div#wrapper div#content p.intro {
	font-size: 9pt;
}
div#wrapper div#content p.intro span {
	color: red;
}
div#wrapper div#content p.inputSet { padding-left: 115px; }
	div#wrapper div#content p.inputSet label { margin-left: -115px; }
	div#wrapper div#content p.inputSet span { display: block; padding: 3px 0; font-size: 9pt; }

div#wrapper div#content form#register p span {
	font-size: 9pt;
	color: #666;
	font-style: italic;
}
div#wrapper div#content form#register p label span
,div#wrapper div#content form#register span.remark {
	color: red;
	font-style: normal;
}

/* Banner */
#fBanner {
	position: absolute;
	top: 630px;
	left: 25px;
	/*border: solid 5px #fff;
	padding: 1px;
	background-color: #666;*/
}