@charset "UTF-8";


/* 
================================================================================ 

	遊び方
                                                                    
================================================================================
*/

#howto h2 {
	font-size:0.1px;
	line-height:0.1px;
	text-indent:-99999px;	
	width:457px;
	height:86px;
	background:url("/img/static/howto/ttl.png") no-repeat;
	margin:0 auto;
}

#howto .howto_box {
	width:925px;
	margin:20px auto 0 auto;
		
}

#howto .howto_tab li {
	float:left;
}

#howto .howto_tab li a {
	display:block;
	font-size:0.1px;
	line-height:0.1px;
	text-indent:-99999px;
	width:154px;
	height:55px;	
	background:url("/img/static/howto/tab.png") no-repeat;
}

#howto .howto_tab li.t1 a { width:155px; }
#howto .howto_tab li.t2 a { background-position:-155px 0; }
#howto .howto_tab li.t3 a { background-position:-309px 0; }
#howto .howto_tab li.t4 a { background-position:-463px 0; }
#howto .howto_tab li.t5 a { background-position:-617px 0; }
#howto .howto_tab li.t6 a { background-position:-771px 0; }

#howto .howto_tab li.t1 a:hover { background-position:0 -55px; }
#howto .howto_tab li.t2 a:hover { background-position:-155px -55px; }
#howto .howto_tab li.t3 a:hover { background-position:-309px -55px; }
#howto .howto_tab li.t4 a:hover { background-position:-463px -55px; }
#howto .howto_tab li.t5 a:hover { background-position:-617px -55px; }
#howto .howto_tab li.t6 a:hover { background-position:-771px -55px; }

#howto .howto_tab li.t1 a.on { background-position:0 -110px; }
#howto .howto_tab li.t2 a.on { background-position:-155px -110px; }
#howto .howto_tab li.t3 a.on { background-position:-309px -110px; }
#howto .howto_tab li.t4 a.on { background-position:-463px -110px; }
#howto .howto_tab li.t5 a.on { background-position:-617px -110px; }
#howto .howto_tab li.t6 a.on { background-position:-771px -110px; }

#howto .howto_body {
	width:925px;
	height:482px;
	background:url("/img/static/howto/body_bg.png") no-repeat;	
}

#howto .howto_navi {
	float:left;	
	padding:31px 0 0 11px;
}

#howto .howto_navi li a {
	display:block;
	font-size:0.1px;
	line-height:0.1px;
	text-indent:-99999px;
	width:374px;
	height:85px;
	background:url("/img/static/howto/navi.png") no-repeat;	
}
	
#howto .howto_navi li.n1-1 a { background-position:0 0; }
#howto .howto_navi li.n1-2 a { background-position:0 -170px; }
#howto .howto_navi li.n1-3 a { background-position:0 -340px; }
#howto .howto_navi li.n2-1 a { background-position:-374px 0; }
#howto .howto_navi li.n2-2 a { background-position:-374px -170px; }
#howto .howto_navi li.n2-3 a { background-position:-374px -340px; }
#howto .howto_navi li.n3-1 a { background-position:-748px 0; }
#howto .howto_navi li.n3-2 a { background-position:-748px -170px; }
#howto .howto_navi li.n3-3 a { background-position:-748px -340px; }
#howto .howto_navi li.n4-1 a { background-position:-1122px 0; }
#howto .howto_navi li.n4-2 a { background-position:-1122px -170px; }
#howto .howto_navi li.n4-3 a { background-position:-1122px -340px; }
#howto .howto_navi li.n5-1 a { background-position:-1496px 0; }
#howto .howto_navi li.n5-2 a { background-position:-1496px -170px; }
#howto .howto_navi li.n5-3 a { background-position:-1496px -340px; }
#howto .howto_navi li.n5-4 a { background-position:-1870px -340px; }
#howto .howto_navi li.n6-1 a { background-position:-1870px 0; }
#howto .howto_navi li.n6-2 a { background-position:-1870px -170px; }

#howto .howto_navi li.n1-1 a:hover,#howto .howto_navi li.n1-1 a.on { background-position:0 -85px; }
#howto .howto_navi li.n1-2 a:hover,#howto .howto_navi li.n1-2 a.on { background-position:0 -255px; }
#howto .howto_navi li.n1-3 a:hover,#howto .howto_navi li.n1-3 a.on { background-position:0 -425px; }
#howto .howto_navi li.n2-1 a:hover,#howto .howto_navi li.n2-1 a.on { background-position:-374px -85px; }
#howto .howto_navi li.n2-2 a:hover,#howto .howto_navi li.n2-2 a.on { background-position:-374px -255px; }
#howto .howto_navi li.n2-3 a:hover,#howto .howto_navi li.n2-3 a.on { background-position:-374px -425px; }
#howto .howto_navi li.n3-1 a:hover,#howto .howto_navi li.n3-1 a.on { background-position:-748px -85px; }
#howto .howto_navi li.n3-2 a:hover,#howto .howto_navi li.n3-2 a.on { background-position:-748px -255px; }
#howto .howto_navi li.n3-3 a:hover,#howto .howto_navi li.n3-3 a.on { background-position:-748px -425px; }
#howto .howto_navi li.n4-1 a:hover,#howto .howto_navi li.n4-1 a.on { background-position:-1122px -85px; }
#howto .howto_navi li.n4-2 a:hover,#howto .howto_navi li.n4-2 a.on { background-position:-1122px -255px; }
#howto .howto_navi li.n4-3 a:hover,#howto .howto_navi li.n4-3 a.on { background-position:-1122px -425px; }
#howto .howto_navi li.n5-1 a:hover,#howto .howto_navi li.n5-1 a.on { background-position:-1496px -85px; }
#howto .howto_navi li.n5-2 a:hover,#howto .howto_navi li.n5-2 a.on { background-position:-1496px -255px; }
#howto .howto_navi li.n5-3 a:hover,#howto .howto_navi li.n5-3 a.on { background-position:-1496px -425px; }
#howto .howto_navi li.n5-4 a:hover,#howto .howto_navi li.n5-4 a.on { background-position:-1870px -425px; }
#howto .howto_navi li.n6-1 a:hover,#howto .howto_navi li.n6-1 a.on { background-position:-1870px -85px; }
#howto .howto_navi li.n6-2 a:hover,#howto .howto_navi li.n6-2 a.on { background-position:-1870px -255px; }

#howto .h_contents img {
	margin:50px 0 0 20px;	
}

#howto #voiceman {
	width:929px;
	height:239px;
	background:url("/img/static/howto/voiceman_bg.png") no-repeat;
	margin:30px auto 0 auto;	
}

#howto #voiceman img {
	margin:84px 0 0 40px;
}

/* 
================================================================================ 

	ユーザ登録
                                                                    
================================================================================
*/


#add_user .image_upload {
	background: #fef5f5;
	margin: 20px auto 0 auto;
	padding: 0 0 10px 0;
	width: 510px;
}

#add_user .image_upload .ttl {
	font-size: 0.1px;
	line-height: 0.1px;
	text-indent: -99999px;	
	width:162px;
	height:22px;
	margin: 10px 0 0 10px;
	background: url("/img/static/add_user/img_up_ttl.gif") no-repeat 0 10px ;
}

#add_user .image_upload form {
	margin: 10px;
	background: url("/img/static/add_user/sp_bar.gif") no-repeat;
	padding: 20px 40px 0 40px;
}

#add_user .image_upload .err {
	color: #f00;
	margin: 0 0 5px 0;	
}


#add_user .image_upload .img_note {
	margin: 5px 0 0 0;
}

#add_user .image_upload .desc {
	font-size: 0.1px;
	line-height: 0.1px;
	text-indent: -99999px;	
	height: 13px;
	background: url("/img/static/add_user/img_note.gif") no-repeat 50% 0;
	margin: 25px 0 30px 0;
}

#add_user .image_upload .submit {
	text-align:center;
}

#add_user .ti {
	font-size: 0.1px;
	line-height: 0.1px;
	text-indent: -99999px;	
}

#add_user h3.step1,
#add_user h3.step2
{
	width:700px;
	height:69px;
	margin-top:30px;
}

#add_user h3.step1 { background: url("/img/static/add_user/step1_ttl.gif") no-repeat; }
#add_user h3.step2 { background: url("/img/static/add_user/step2_ttl.gif") no-repeat; }

#add_user .step_body ul {
	width:340px;
	margin-left:10px;
}

#add_user .step_body li {
	background: url("/img/static/add_user/li_point.gif") no-repeat left 0.2em;
	padding-left:15px;
	font-size:123.1%;
	margin-bottom:20px;
}

#add_user .step_body li.img {
	background: none;
	margin-bottom: 30px;	
}

#add_user .step_body li strong {
	color:#f48b8b;	
}

#add_user .step_body li .sub {
	font-size:93%;
	color:#6d6d6d;
}


#add_user .btn_home {
	margin: 30px 0 20px 0;
	text-align: center;
}

#add_user .btn_home a {
	display: block;
	font-size: 0.1px;
	line-height: 0.1px;
	text-indent: -99999px;
	width: 420px;
	height: 89px;
	margin: 0 auto;
	background: url("/img/static/add_user/btn_home.gif") no-repeat;
}

#add_user .btn_home a:hover {
	background-position: 0 -89px;
}


#static_page {
	width:875px;	
	margin:0 auto;
}

#static_page h2.ttl {
	height:24px;
	margin:30px 0 30px 0;
	background: url("/img/userpage/contents/ttl/bg.gif") repeat-x left bottom;
}

#static_page h2.ttl .ttl {
	margin-left:18px;
	font-size: 0.1px;
	line-height: 0.1px;
	text-indent: -99999px;
}




/* 
================================================================================ 

	初めての方へ
                                                                    
================================================================================
*/

#guide {
	width:820px;
	margin-left:78px;
}

#guide .ti {
	font-size: 0.1px;
	line-height: 0.1px;
	text-indent: -99999px;	
}

#guide h2 .page_ttl {
	width:104px;
	height:16px;
	background: url("/img/static/guide/page_ttl.gif") no-repeat;
	margin:15px 0;
}


#guide .head {
	width:820px;
	height:294px;
	background: url("/img/static/guide/head_bg.gif") no-repeat;	
}

#guide .head .entry {
	text-align:center;
	margin-top:218px;
}


#guide .head .entry a {
	display:block;
	width:340px;
	height:63px;
	background: url("/img/static/guide/btn_entry_head.gif") no-repeat;	
	margin:0 auto;
}
#guide .head .entry a:hover {
	background: url("/img/static/guide/btn_entry_head_ov.gif") no-repeat;		
}

#guide h3.step1,
#guide h3.step2,
#guide h3.step3,
#guide h3.step4
{
	width:700px;
	height:69px;
	margin-top:30px;
}

#guide h3.step1 { background: url("/img/static/guide/step1_ttl.gif") no-repeat; }
#guide h3.step2 { background: url("/img/static/guide/step2_ttl.gif") no-repeat; }
#guide h3.step3 { background: url("/img/static/guide/step3_ttl.gif") no-repeat; }
#guide h3.step4 { background: url("/img/static/guide/step4_ttl.gif") no-repeat; }

#guide .step_body ul {
	width:370px;
	margin-left:10px;
}

#guide .step_body li {
	background: url("/img/static/guide/li_point.gif") no-repeat left 0.2em;
	padding-left:15px;
	font-size:123.1%;
	margin-bottom:20px;
}

#guide .step_body li strong {
	color:#f48b8b;	
}

#guide .step_body li .sub {
	font-size:93%;
	color:#6d6d6d;
}

#guide .foot {
	width:820px;
	height:381px;
	background: url("/img/static/guide/foot_bg.gif") no-repeat;	
}

#guide .foot .entry {
	text-align:center;
	margin-top:215px;
}


#guide .foot .entry a {
	display:block;
	width:420px;
	height:89px;
	background: url("/img/static/guide/btn_entry_foot.gif") no-repeat;	
	margin:0 auto;
}

#guide .foot .entry a:hover {
	background: url("/img/static/guide/btn_entry_foot_ov.gif") no-repeat;	
}

#guide .foot_link {
	text-align:center;
	font-size:108%;
	margin-top:20px;
}

/* 
================================================================================ 

	ヘルプ
                                                                    
================================================================================
*/

#static_page.help h2.ttl {
	width:62px;
	height:19px;
	font-size: 0.1px;
	line-height: 0.1px;
	text-indent: -99999px;
	background: url("/img/static/help/ttl.png") no-repeat;
}

.help .index li {
	margin:0 0 3px 1.5em;	
}

.help .index li.ttl {
	font-weight:bold;
	margin: 10px 0 5px 0;
}


.help .help_body {
	margin:30px 0 0 0;
	padding:10px 0 0 0;
	background:url("/img/common/sp_1dot.gif") repeat-x left top;	
}

.help .help_body h3 {
	font-weight:bold;
	margin:20px 0 0 0;
}


.help .help_body .help_go_top {
	float:right;
}

.help .help_body .help_go_top a {
	display:block;
	width:88px;
	height:12px;
	font-size: 0.1px;
	line-height: 0.1px;
	text-indent: -99999px;	
	background-position:-41px -56px;
}
.help .help_body .help_go_top a:hover {
	background-position:-41px -68px;
}

.help .help_body h4 {
	margin:20px 0 0 1.5em;
}

.help .help_body .answer_ttl {
	padding:10px 0 0 2em;
	color:#d74b4b;
}

.help .help_body .answer_ttl .answer_body {
	background:#eee;
	padding: 10px;
	margin: 0 0 5px 1em;
	color:#333;
}




/* 
================================================================================ 

	会社概要
                                                                    
================================================================================
*/

#static_page.company h2.ttl {
	width:87px;
	height:19px;
	font-size: 0.1px;
	line-height: 0.1px;
	text-indent: -99999px;
	background: url("/img/static/company/ttl.png") no-repeat;
}

#static_page.company table {
	width:875px;
	margin-bottom:20px;
	border-collapse:separate;
	border-spacing:0px;
	border:1px solid #d2d2d2;
}

#static_page.company table th,
#static_page.company table td {
	font-size: 108%;
	padding:10px;
	background: none;
}

#static_page.company table th {
	width:162px;
	background:#f4f2f1;
	border-top:1px solid #f4f2f1;
	border-bottom:1px solid #d2d2d2;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

#static_page.company table th.first {
	border-top:1px solid #fff;
}

#static_page.company table th.last,
#static_page.company table td.last {
	border-bottom:1px solid #fff;
}

#static_page.company table td {
	border:1px solid #fff;
	border-bottom:1px solid #d2d2d2;
	border-left:1px solid #d2d2d2;
}


/* 
================================================================================ 

	利用規約
                                                                    
================================================================================
*/

#static_page.senderr h2 {
	font-weight:bold;
	font-size:123.1%;
	margin-bottom:0;
	margin-top:0;
	border-bottom:1px solid #ddd;
	padding:5px;
	color:#666;
}

#static_page.senderr .senderr_body {
	width:875x;
	margin-top:20px;
	margin-left:30px;
	margin-bottom:20px;
}


/* 
================================================================================ 

	利用規約
                                                                    
================================================================================
*/

#static_page.terms h2.ttl .ttl {
	width:86px;
	height:19px;
	background: url("/img/static/terms/ttl.png") no-repeat;
}

#static_page.terms .terms_body {
	width:875x;
	margin-left:30px;
	margin-bottom:20px;	
}

/* 
================================================================================ 

	プライバシーポリシー
                                                                    
================================================================================
*/

#static_page.privacy h2.ttl .ttl {
	width:206px;
	height:21px;
	background: url("/img/static/privacy/ttl.png") no-repeat;
}

#static_page.privacy .privacy_body {
	width:875x;
	margin-left:30px;
	margin-bottom:20px;	
}

