@charset "shift_jis";
/**************************************************
	リセットスタイル
**************************************************/
html {
	overflow-y: scroll;
	overflow: -moz-scrollbars-vertical;
/*	overflow-x: scroll;*/
}
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre,
form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img { 
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
/**************************************************
	フォント
**************************************************/
body {
	font: 13px Arial, Helvetica, clean, sans-serif;
	*font-size: small;
	*font: x-small;
}
/*
table {
	font-size: inherit;
	font: 100%;
}
pre, code, kbd, samp, tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}
*/
/**************************************************
	共通
**************************************************/
body {
	background-image: url(/image/kiga/body_bg.gif);
	background-attachment: fixed;
}
/* 幅900 */
div#body,
#age_conf,
#loginbox,
#main_head,
#contents_head,
#contents_main,
.content {
	width: 900px;
	margin: 0 auto;
	background-color: #F9DDEB;
}
/**************************************************
	ロールオーバー opacity: 0.7;
**************************************************/
#age_conf a.over18:hover,
#age_conf a.under18:hover,
#loginbox form input.submit:hover,
a.register:hover,
#main_register_form form input.submit:hover,
#main_middle2 div#link ul li a:hover,
#contents_left div#link ul li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
/**************************************************
	不可視化
**************************************************/
/* 要素全体 */
#main_middle h2,
#main_middle2 div#present h2,
#main_middle2 div#present p,
#main_middle2 div#link h2,
#contents_left div#link h3,
body.present div#present h2#present_detail {
	width: 0;
	height: 0;
	overflow: hidden;
}
/* テキストのみ */
#age_conf h1,
#age_conf p,
#scrollbox p.title,
#loginbox form input.submit,
#main_head h2.main_title,
#main_head p.main_p,
a.register,
#main_register_form h3,
#main_register_form form input.submit,
#main_middle div#voice h3,
#main_middle div#voice p,
#main_middle2 div#link ul li a,
#contents_left div#link ul li a,
#contents_head h2,
body.present div#present h1,
body.present div#present table,
body.present div#present p#sasa_comment {
	font-size: 0;
	text-indent: -99999px;
}
/* text-indentのみ */
#register_step h3,
#register_step ol li,
#register_step p,
#register_form p,
#contents_right.beginner h2,
#contents_right.lesson h3,
#contents_right.lesson h4,
#contents_right.lesson h5,
#contents_right.lesson p,
#contents_right.lesson ul,
#contents_right.lesson ul li,
#contents_right.download h3,
#contents_right.download h4,
#l_head h1,
#l_left div#menubox h2,
#l_left div#menubox ul li a,
#l_left div#mobile h2 {
	text-indent: -99999px;
}
/**************************************************
	#age_conf
**************************************************/
#age_conf {
	background-image: url(/image/kiga/age_conf.jpg);
	background-repeat: no-repeat;
	height: 600px;
	position: relative;
}
#age_conf a {
	position: absolute;
	top: 468px;
}
#age_conf a.over18 {
	left: 291px;
}
#age_conf a.under18 {
	left: 592px;
}
/**************************************************
	#scrollbox
**************************************************/
#scrollbox {
	position: absolute;
	right: 0;
	width: 150px;
	z-index: 100;
	text-align: center;
	background-color: #EB6FA6;
	padding-bottom: 3px;
	border: 1px solid #F6004A;
}
#scrollbox p.title {
	width: 150px;
	height: 44px;
	background-image: url(/image/kiga/qr_p.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
#scrollbox img {
	margin: 3px;
}
#scrollbox form input.text {
	width: 120px;
	height: 16px;
}
#scrollbox form input.submit {
	width: 120px;
	margin: 3px;
}
#scrollbox a {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}
/**************************************************
	#loginbox
**************************************************/
#loginbox {
	position: relative;
	height: 40px;
	background-color: white;
}
#loginbox h1 {
	position: absolute;
	top: 12px;
	left: 14px;
}
#loginbox h1 a {
	font-weight: bold;
	font-size: 116%;
	color: #E94D96;
	text-decoration: none;
}
#loginbox form label,
#loginbox form input {
	position: absolute;
	top: 10px;
}
#loginbox form label {
	line-height: 20px;
}
#loginbox form input.text {
	width: 120px;
	height: 16px;
}
#loginbox form input.checkbox {
	height: 20px;
}
#loginbox form label.id {
	left: 418px;
}
#loginbox form input.id {
	left: 433px;
}
#loginbox form label.pass {
	left: 562px;
}
#loginbox form input.pass {
	left: 597px;
}
#loginbox form input.checkbox {
	left: 725px;
}
#loginbox form label.setcook {
	left: 745px;
}
#loginbox form input.submit {
	left: 825px;
	width: 61px;
	height: 20px;
	border: none;
	background: transparent url(/image/kiga/main_login_submit_bg.gif) no-repeat left top;
	cursor: pointer;
}
/**************************************************
	登録画面へのリンクボタン共通
**************************************************/
a.register {
	width: 258px;
	height: 93px;
	background-position: center center;
	background-repeat: no-repeat;
}
a.register_m {
	background-image: url(/image/kiga/register_m.jpg);
}
a.register_w {
	background-image: url(/image/kiga/register_w.jpg);
}
/**************************************************
	#main_head
**************************************************/
#main_head {
	position: relative;
	background-image: url(/image/kiga/main_sasa_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	height: 610px;
	text-align: center;
}
#main_head object.main {
	position: absolute;
	top: 366px;
	left: 321px;
}
#main_head a {
	position: absolute;
	left: 42px;
}
#main_head a.register_m {
	top: 367px;
}
#main_head a.register_w {
	top: 473px;
}
#main_head marquee {
	position: absolute;
	top: 336px;
	left: 321px;
	width: 300px;
	height: 20px;
	background-color: white;
	font-size: 77%;
	line-height: 20px;
	color: #F6004A;
}
#main_register_form {
	position: absolute;
	width: 240px;
	height: 386px;
	top: 192px;
	left: 641px;
	background-color: #F6004A;
}
#main_register_form h3 {
	width: 234px;
	height: 37px;
	border: 3px solid #F6004A;
	background-image: url(/image/kiga/main_register_h3.gif);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #FFAFC9;
}
#main_register_form form,
#main_register_form table {
	position: relative;
	width: 234px;
	height: 340px;
	margin: 0 auto;
	background-color: white;
}
#main_register_form table tr.user_info th,
#main_register_form table tr.user_info td {
	text-align: left;
	font-size: 77%;
}
#main_register_form table tr.user_info th {
	padding-left: 10px;
}
#main_register_form table tr.user_info,
#main_register_form table tr.user_info th,
#main_register_form table tr.user_info td {
	height: 36px;
}
#main_register_form table tr.submit {
	height: 58px;
	background-image: url(/image/kiga/main_register_bg.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#main_register_form table tr.caution {
	height: 30px;
	font-size: 77%;
}
#main_register_form form .text {
	width: 100px;
}
#main_register_form form .age {
	width: 2em;
}
#main_register_form form input.submit {
	position: absolute;
	top: 255px;
	left: 62px;
	width: 105px;
	height: 38px;
	border: none;
	background: transparent url(/image/kiga/main_register_button.gif) no-repeat left top;
	cursor: pointer;
}
/**************************************************
	メインコンテンツ
**************************************************/
.content {
	position: relative;
	background-image: url(/image/kiga/main_bg_hr.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
/**************************************************
	#main_middle
**************************************************/
#main_middle {
	height: 476px;
}
#main_middle div#voice,
#main_middle div#search {
	height: 453px;
	position: absolute;
	top: 11px;
}
#main_middle div#voice {
	width: 338px;
	left: 24px;
	background-image: url(/image/kiga/main_voice_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
	border: 1px solid #F6004A;
}
#main_middle div#voice ul li {
	position: relative;
	height: 113px;
	border-bottom: 1px dashed #656364;
}
#main_middle div#voice ul li img {
	position: absolute;
	top: 12px;
	left: 12px;
}
#main_middle div#voice ul li p {
	position: absolute;
	top: 12px;
	left: 103px;
	width: 233px;
	line-height: 18px;
	font-weight: bold;
}
#main_middle div#voice ul li p.man {
	color: #1FB6EB;
}
#main_middle div#voice ul li p.woman {
	color: #EB3F93;
}
#main_middle div#voice ul li.bottom {
	border-bottom: none;
}
#main_middle div#search {
	width: 498px;
	left: 376px;
	border: 1px solid #F6004A;
}
#main_middle div#search iframe {
	width: 498px;
	height: 453px;
}
/**************************************************
	#main_middle2
**************************************************/
#main_middle2 {
	height: 356px;
}
#main_middle2 div#present,
#main_middle2 div#link {
	height: 335px;
	position: absolute;
	top: 11px;
}
#main_middle2 div#present {
	height: 333px;
	width: 569px;
	left: 27px;
	border: 1px solid #F6004A;
}
#main_middle2 div#link {
	width: 257px;
	left: 616px;
}
#main_middle2 div#link ul li,
#main_middle2 div#link ul li a,
#contents_left div#link ul li,
#contents_left div#link ul li a {
	position: absolute;
	width: 257px;
	height: 74px;
	background-color: white;
}
#main_middle2 div#link ul li,
#contents_left div#link ul li {
	position: absolute;
}
#main_middle2 div#link ul li#beginer,
#contents_left div#link ul li#beginer {
	top: 0px;
}
#main_middle2 div#link ul li#lesson,
#contents_left div#link ul li#lesson {
	top: 87px;
}
#main_middle2 div#link ul li#download,
#contents_left div#link ul li#download {
	top: 174px;
}
#main_middle2 div#link ul li#fortune,
#contents_left div#link ul li#fortune {
	top: 261px;
}
#main_middle2 div#link ul li#beginer a,
#contents_left div#link ul li#beginer a {
	background-image: url(/image/kiga/main_beginer_a.gif);
}
#main_middle2 div#link ul li#lesson a,
#contents_left div#link ul li#lesson a {
	background-image: url(/image/kiga/main_lesson_a.gif);
}
#main_middle2 div#link ul li#download a,
#contents_left div#link ul li#download a {
	background-image: url(/image/kiga/main_download_a.gif);
}
#main_middle2 div#link ul li#fortune a,
#contents_left div#link ul li#fortune a {
	background-image: url(/image/kiga/main_fortune_a.gif);
}

#side_bana {
	padding: 15px;
}
/**************************************************
	#main_foot
**************************************************/
#main_foot div.content {
	padding: 12px 0 12px 0;

}
#main_foot div.content h2,
#main_foot div.content p {
	padding: 0 30px 0 30px;
	line-height: 1.2em;
/*	letter-spacing: 2px;*/
}
#main_foot div.content h2 {
	font-weight: bold;
	color: red;
	margin-bottom: 2px;
}
/**************************************************
	#contents_head
**************************************************/
#contents_head h2 {
	position: relative;
	width: 100%;
	height: 200px;
	background-position: left top;
	background-repeat: no-repeat;
}
#contents_head h2.beginner { background-image: url(/image/kiga/contents_beginner_h2.jpg); }
#contents_head h2.lesson { background-image: url(/image/kiga/contents_lesson_h2.jpg); }
#contents_head h2.download { background-image: url(/image/kiga/contents_download_h2.jpg); }
#contents_head h2.fortune { background-image: url(/image/kiga/contents_fortune_h2.jpg); }
#contents_head h2.register { background-image: url(/image/kiga/register_h2.jpg); }
#contents_head h2.other { background-image: url(/image/kiga/contents_other_h2.jpg); }
/**************************************************
	#contents_left
**************************************************/
#contents_left {
	float: left;
	position: relative;
	width: 280px;
	height: 578px;
}
#contents_left div#register {
	height: 230px;
	background-image: url(/image/kiga/contents_register_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
#contents_left div#register a {
	position: absolute;
	left: 8px;
}
#contents_left div#register .register_m {
	top: 11px;
}
#contents_left div#register .register_w {
	top: 117px;
}
#contents_left div#link {
	position: absolute;
	height: 335px;
	top: 230px;
	left: 11px;
	padding-bottom: 13px;
}
/**************************************************
	#contents_right
**************************************************/
#contents_right {
	position: relative;
	width: 620px;
	float: right;
}
/**************************************************
	.beginner 
**************************************************/
#contents_right.beginner div.lv2 {
	margin: 16px 16px 32px 16px;
}
#contents_right.beginner h2 {
	width: 588px;
	height: 32px;
	background-position: center top;
	background-repeat: no-repeat;
}
#contents_right.beginner h2#h2_1 { background-image: url(/image/kiga/beginner_h2_1.gif); }
#contents_right.beginner h2#h2_2 { background-image: url(/image/kiga/beginner_h2_2.gif); }
#contents_right.beginner h2#h2_3 { background-image: url(/image/kiga/beginner_h2_3.gif); }
#contents_right.beginner h2#h2_4 { background-image: url(/image/kiga/beginner_h2_4.gif); }
#contents_right.beginner div.beginner_p {
	width: 584px;
	background-color: white;
	border-left: 2px solid #E16C94;
	border-right: 2px solid #E16C94;
	padding: 19px 0 7px 0;
}
#contents_right.beginner div.beginner_p p {
	margin: 0 25px 20px 25px;
	line-height: 16px;
	color: #464646;
}
#contents_right.beginner div.beginner_p p.last {
	margin-bottom: 0;
}
#contents_right.beginner div.bottom {
	width: 588px;
	height: 11px;
	background-image: url(/image/kiga/beginer_p_bottom.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
/**************************************************
	.lesson 
**************************************************/
#contents_right.lesson {
	height: 1531px;
	position: relative;
}
#contents_right.lesson h3 {
	width: 450px;
	height: 70px;
	position: absolute;
	left: 25px;
	top: 23px;
	background-image: url(/image/kiga/lesson_h3.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
#contents_right.lesson div#lesson1,
#contents_right.lesson div#lesson2,
#contents_right.lesson div#lesson3 {
	position: absolute;
	background-position: left top;
	background-repeat: no-repeat;
}
#contents_right.lesson div#lesson1 {
	width: 564px;
	height: 260px;
	left: 25px;
	top: 127px;
	background-image: url(/image/kiga/lesson_lesson1_bg.jpg);
}
#contents_right.lesson div#lesson2 {
	width: 580px;
	height: 560px;
	left: 9px;
	top: 387px;
	background-image: url(/image/kiga/lesson_lesson2_bg.jpg);
}
#contents_right.lesson div#lesson3 {
	width: 576px;
	height: 554px;
	left: 6px;
	top: 947px;
	background-image: url(/image/kiga/lesson_lesson3_bg.jpg);
}
#contents_right.lesson a {
	position: absolute;
	left: 352px;
}
#contents_right.lesson a.register_m {
	top: 1316px;
}
#contents_right.lesson a.register_w {
	top: 1408px;
}
#contents_right.lesson a.register {
	width: 219px;
	height: 79px;
}
#contents_right.lesson a.register_m {
	background-image: url(/image/kiga/register_m_l.jpg);
}
#contents_right.lesson a.register_w {
	background-image: url(/image/kiga/register_w_l.jpg);
}
/**************************************************
	.download 
**************************************************/
#contents_right.download {
	height: 600px;
}
#contents_right.download div#download_main {
	height: 560px;
	margin: 20px;
	background-image: url(/image/kiga/download_bg.jpg);
	background-position: right center;
	background-repeat: no-repeat;
}
#contents_right.l div#download_main {
	height: px;
	margin: 0px;
}
#contents_right.download h3 {
	width: 413px;
	height: 89px;
	background-image: url(/image/kiga/download_h3.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
#contents_right.l h3 {
	background-image: url(/image/kiga/download_h3_l.gif);
}
#contents_right.download div.lv4 {
	margin-top: 40px;
}
#contents_right.download div.lv4 h4 {
	width: 102px;
	height: 13px;
	background-position: left top;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
#contents_right.download div.lv4 h4#h4_1 { background-image: url(/image/kiga/download_h4_1.gif); }
#contents_right.download div.lv4 h4#h4_2 { background-image: url(/image/kiga/download_h4_2.gif); }
#contents_right.download p {
	font-size: 77%;
	color: #464646;
	line-height: 15px;
}
#contents_right.download img {
	display: block;
}
#contents_right.download div.cont {
	float: left;
}
#contents_right.download div.clear {
	clear: both;
}
#contents_right.download p.guide {
	font-weight: bold;
	margin-top: 40px;
}
#contents_right.download p.l {
	font-weight: normal;
}
/**************************************************
	.fortune 
**************************************************/
#contents_right.fortune div#fortune_main {
	width: 596px;
	margin: 0 auto;
	background-color: #E85293;
}
#contents_right.fortune div#fortune_main div.lv3 {
	position: relative;
	width: 596px;
	height: 224px;
	background-color: #FADCE9;
	margin-bottom: 1px;
}
#contents_right.fortune div#fortune_main div.lv3 h3,
#contents_right.fortune div#fortune_main div.lv3 p {
	position: absolute;
	top: 12px;
}
#contents_right.fortune div#fortune_main div.lv3 h3 {
	left: 396px;
}
#contents_right.fortune div#fortune_main div.lv3 p {
	width: 360px;
	height: 176px;
	padding: 12px;
	background-color: white;
	color: #464646;
	font-weight: bold;
	font-size: 116%;
	line-height: 18px;
	letter-spacing: 2px;
}
#contents_right.fortune div#fortune_main div.last {
	margin-bottom: 0px;
}














/**************************************************
	#register_left
**************************************************/
#register_left {
	float: left;
	width: 310px;
	height: 320px;
}
/**************************************************
	#register_step
**************************************************/
#register_step {
	width: 290px;
	height: 300px;
	margin: 10px;
}
#register_step h3 {
	width: 290px;
	height: 41px;
	background-image: url(/image/kiga/register_step_h3.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#register_step ol,
#register_step ol li {
	background-color: #EB689B;
}
#register_step ol li {
	height: 55px;
	background-position: center center;
	background-repeat: no-repeat;
}
#register_step ol li.step1 { background-image: url(/image/kiga/register_step1_off.gif); }
#register_step ol li.step2 { background-image: url(/image/kiga/register_step2_off.gif); }
#register_step ol li.step3 { background-image: url(/image/kiga/register_step3_off.gif); }
#register_step ol li.step4 { background-image: url(/image/kiga/register_step4_off.gif); }
#register_step.step1_on ol li.step1 { background-image: url(/image/kiga/register_step1_on.gif); }
#register_step.step2_on ol li.step2 { background-image: url(/image/kiga/register_step2_on.gif); }
#register_step.step3_on ol li.step3 { background-image: url(/image/kiga/register_step3_on.gif); }
#register_step.step4_on ol li.step4 { background-image: url(/image/kiga/register_step4_on.gif); }
#register_step p {
	width: 290px;
	height: 39px;
	background-image: url(/image/kiga/register_step_p.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
/**************************************************
	#register_right
**************************************************/
#register_right {
	float: right;
	width: 590px;
	padding: 10px 0 10px 0;
}
/**************************************************
	#register_form
**************************************************/
#register_form p {
	width: 580px;
	height: 46px;
	background-position: center top;
	background-repeat: no-repeat;
}
#register_form p.step2 { background-image: url(/image/kiga/touroku01.gif); }
#register_form p.step3 { background-image: url(/image/kiga/touroku02.gif); }
#register_form div#error_mes {
	padding: 10px 0 0 10px;
}
#register_form div.error_str {
	font-size: 93%;
	font-weight: bold;
	color: red;
	line-height: 15px;
}
#register_form form,
#register_ok {
	width: 578px;
	margin: 10px 10px 0 0;
	border: 1px solid #CCCCCC;
	background-color: #F3F2ED;
}
#register_ok {
	text-align: center;
	height: 300px;
	line-height: 300px;
}
#register_form table {
	width: 558px;
	margin: 10px auto;
	border: 1px solid #CCCCCC;
	background-color: #F3F2ED;
	border-collapse: separate;
	border-spacing: 2px;
}
#register_form table th,
#register_form table td {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	color: #666666;
	padding: 0 5px;
	height: 30px;
}
#register_form table th.label {
	background-color: #F4B0CC;
	text-align: center;
	font-weight: bold;
}
#register_form table td.data {
	background-color: #FAD6E4;
	padding: 5px;
}
#register_form table td.submit {
	text-align: center;
	padding: 5px;
}
#register_form table td input.nick,
#register_form table td input.mail,
#register_form table td input.age {
	height: 16px;
}
#register_form table td input.nick {
	width: 150px;
}
#register_form table td input.mail {
	width: 300px;
}
#register_form table td input.age {
	width: 30px;
}
/**************************************************
	present.php
**************************************************/
body.present div#body {
	width: 800px;
	height: 826px;
	margin: 0 auto;
	background-color: #FFFF00;
	background-image: url(/image/kiga/present_bg.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
body.present div#present {
	position: relative;
}
body.present div#present h1,
body.present div#present table,
body.present div#present p#sasa_comment,
body.present div#present div#present_explain {
	position: absolute;
	left: 23px;
}
body.present div#present h1 {
	width: 550px;
	height: 124px;
	top: 23px;
	background-image: url(/image/kiga/present_h1.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
body.present div#present table {
	width: 450px;
	height: 350px;
	top: 180px;
	background-image: url(/image/kiga/present_table.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
body.present div#present p#sasa_comment {
	width: 430px;
	height: 70px;
	top: 550px;
	background-image: url(/image/kiga/present_p.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
body.present div#present div#present_explain {
	width: 427px;
	top: 655px;
	padding-left: 3px;
}
body.present div#present div#present_explain h2 {
	font-size: 116%;
	font-weight: bold;
	border-bottom: 2px solid #221815;
	margin-bottom: 7px;
	padding-bottom: 3px;
}
body.present div#present div#present_explain ul {
	margin-bottom: 15px;
	list-style-type: disc;
}
body.present div#present div#present_explain ul li {
	font-size: 85%;
	line-height: 15px;
	margin-left: 18px;
}
body.present div#present div#present_explain p.attention {
	font-size: 77%;
	margin-top: -12px;
}
body.present div#present div#register a {
	position: absolute;
	left: 509px;
}
body.present div#present div#register .register_m {
	top: 602px;
}
body.present div#present div#register .register_w {
	top: 712px;
}
/**************************************************
	#footer_nav
**************************************************/
#footer_nav {
	clear: both;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 60px;
}
#footer_nav ul,
#footer_nav ul li {
	display: inline;
}







/**************************************************
	デザイン未確定コンテンツ
**************************************************/
#contents_right div#policy_main,
#contents_right div#personal_main,
#contents_right div#corporate_main,
#contents_right div#minor_main,
#contents_right div#contact_main,
#contents_right div#group_main,
#contents_right div#error_main,
#contents_right div#logout_main {
	width: 584px;
	padding: 18px;
}


/**************************************************
	ログイン後
**************************************************/
#l_head h1 {
	width: 900px;
	height: 200px;
	background-image: url(/image/kiga/contents_beginner_h2.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
#l_left {
	width: 250px;
	float: left;
}
#l_left div#menubox {
	width: 220px;
	height: 563px;
	background-color: #E85298;
	border-radius:10px;         /* CSS3 */
	-moz-border-radius:10px;    /* Firefox */
	-webkit-border-radius:10px;
	margin-left: 15px;
	margin-top: 15px;
}
#l_left div#menubox h2 {
	width: 220px;
	height: 70px;
	background-image: url(/image/kiga/l_menu_h2.gif);
	background-position: 46px 26px;
	background-repeat: no-repeat;
}
#l_left div#menubox ul {
	width: 204px;
	padding: 12px 0;
	margin: 0 auto;
	background-color: white;
}
#l_left div#menubox ul.bottom {
	margin-top: 5px;
}
#l_left div#menubox ul li,
#l_left div#menubox ul li a {
	display: block;
	width: 204px;
	height: 36px;
	background-position: 0px 8px;
	background-repeat: no-repeat;
}
#l_left div#menubox ul li#menu_login a { background-image: url(/image/kiga/l_menu_login.gif); }
#l_left div#menubox ul li#menu_photolist a { background-image: url(/image/kiga/l_menu_photolist.gif); }
#l_left div#menubox ul li#menu_newcomer a { background-image: url(/image/kiga/l_menu_newcomer.gif); }
#l_left div#menubox ul li#menu_search a { background-image: url(/image/kiga/l_menu_search.gif); }
#l_left div#menubox ul li#menu_sendlist a { background-image: url(/image/kiga/l_menu_sendlist.gif); }
#l_left div#menubox ul li#menu_mailbox a { background-image: url(/image/kiga/l_menu_mailbox.gif); }
#l_left div#menubox ul li#menu_friends a { background-image: url(/image/kiga/l_menu_friends.gif); }
#l_left div#menubox ul li#menu_change a { background-image: url(/image/kiga/l_menu_change.gif); }
#l_left div#menubox ul li#menu_support a { background-image: url(/image/kiga/l_menu_support.gif); }
#l_left div#menubox ul li#menu_faq a { background-image: url(/image/kiga/l_menu_faq.gif); }
#l_left div#menubox ul li#menu_policy a { background-image: url(/image/kiga/l_menu_policy.gif); }
#l_left div#menubox ul li#menu_logout a { background-image: url(/image/kiga/l_menu_logout.gif); }
#l_left.login div#menubox ul li#menu_login a,
#l_left.photolist div#menubox ul li#menu_photolist a,
#l_left.newcomer div#menubox ul li#menu_newcomer a,
#l_left.search div#menubox ul li#menu_search a,
#l_left.sendlist div#menubox ul li#menu_sendlist a,
#l_left.mailbox div#menubox ul li#menu_mailbox a,
#l_left.friends div#menubox ul li#menu_friends a,
#l_left.change div#menubox ul li#menu_change a,
#l_left.support div#menubox ul li#menu_support a,
#l_left.faq div#menubox ul li#menu_faq a,
#l_left.policy div#menubox ul li#menu_policy a,
#l_left.logout div#menubox ul li#menu_logout a {
	background-position: -408px 8px;
}
#l_left div#menubox ul li a:hover {
	background-position: -204px 8px;
}
#l_left div#mobile {
	width: 220px;
	height: 368px;
	background-color: #E85298;
	margin: 0 15px 15px 15px;
}
#l_left div#mobile h2 {
	width: 220px;
	height: 46px;
	background-image: url(/image/kiga/l_mobile_h2.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
#l_left div#mobile div#qrcode {
	width: 204px;
	height: 314px;
	background-color: white;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#l_left div#mobile div#qrcode img.qr {
	margin-top: 14px;
}
#l_left div#mobile div#qrcode p {
	margin-top: 14px;
	color: #464646;
	font-weight: bold;
}
#l_left div#mobile div#qrcode img.cr {
	margin-top: 26px;
}
#l_right {
	width: 650px;
	float: right;
}
#l_right div#l_right_main {
	padding: 15px;
}
#l_foot {
	width: 900px;
	height: 10px;
	clear: both;
}
#l_right div#l_right_main div#login_php {
	float: left;
}
#l_right div#l_right_main a.to_download {
	float: right;
	width: 257px;
	height: 74px;
	margin: 50px 70px 0 0;
}
/**************************************************
	form_page.php
**************************************************/
div#form_page #main_register_form {
	height: 350px;
	top: 0;
	left: 0;
	text-align: center;
}
div#form_page #main_register_form form,
div#form_page #main_register_form table {
	height: 304px;
}
div#form_page #main_register_form form input.submit {
	top: 219px;
}
div#form_page #main_register_form table tr.fin p {
	text-align: left;
	padding: 10px;
}
/**************************************************
	top_data.php
**************************************************/

#user h2 {
	background-color: #E85298;
	width: 600px;
	color: #FFF;
	font-size: 18px;
	letter-spacing: 1em;
	border-radius:8px;         /* CSS3 */
	-moz-border-radius:8px;    /* Firefox */
	-webkit-border-radius:8px; /* Safari,Chrome */
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-bottom: 10px;
}
#user table {
	list-style-position:outside;
	float: left;
	margin-left: 20px;
}
#user table tr th {
	text-align: left;
	width: 80px;
	padding: 10px;
	background-color: #CCC;
	border: 1px solid #999;
}
#user table tr td {
	border: 1px solid #999;
	padding: 10px;
}
#user #photo {
	float: left;
	margin-left: 10px;
	margin-bottom: 8px;
}
#l_right_main form .layout {
	width: 100%;
}
#l_right_main table tr td table tr td .contents_table tr th {
	padding: 5px;
	width: 55px;
	text-align: left;
}
#l_right_main table tr td table tr td .contents_table tr td .contents_table {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#l_right_main table tr td table tr td .contents_table tr td {
	padding-left: 10px;
}
#l_right_main form .layout tr th {
	background-color: #CCC;
	border: 1px solid #999;
	text-align: left;
	padding: 10px;
}
#l_right_main form .layout tr td {
	border: 1px solid #999;
	padding: 10px;
}
#l_right_main form .button {
	padding: 15px;
	width: 200px;
}
#l_right_main .layout form tr th {
	background-color: #CCC;
	padding: 10px;
}
#l_right_main .layout form tr td {
	padding: 10px;
}
.body #body #l_right #l_right_main table {
	width:95%;
	margin:2px;
	text-align: left;
}
#l_right_main table tr .contents_title {
	padding-top: 5px;
	background-color: #FF6699;
	border-radius:5px;         /* CSS3 */
	-moz-border-radius:5px;    /* Firefox */
	-webkit-border-radius:5px; /* Safari,Chrome */
	color: #FFF;
}
#l_right_main table tr td table tr td .contents_table tr td img {
	float: right;
}