@charset "utf-8";

/*------------------------------------------------------------------------------
	On-Stage - このサイトのご利用方法
	(C) GMO Systemconsulting All Rights Reserved.
------------------------------------------------------------------------------*/

/*---------------------------------------------------
 Head_Area　ヘッダーエリア（HowToページ用）
---------------------------------------------------*/

#Head_Area_howto{
	background-color:#FFF;
	background-image:url(../image/bg_headarea_howto.png);
	background-repeat:repeat-x;
	height:97px;
	margin-bottom:-20px;
}
#Head_ContentsArea_howto{
	width:1010px;
	margin:0 auto;
	position:relative;
}
.head_logos{
	padding-top:15px;
}
.head_logos h1{
	}
	

/*---------------------------------------------------
 右ナビ
---------------------------------------------------*/

#howto {
	margin-bottom:20px;
}
#howto div.contents{
	background-image:url(../../common/image/bg_navi_bl.png);
	background-repeat:repeat-y;
}
#howto div.ttl{
	background-image:url(../../common/image/bg_navi_bl_top.png);
	background-repeat:no-repeat;
	width:263px;
	height:7px;	
}
#howto ul{
	width:261px;
	margin-left:1px;
}
#howto ul li.menutop{
	background:transparent url(../../common/image/arrow_navi_bl.png) no-repeat ;
	background-position:5% 40%;
	list-style-type:none;
	border-bottom:1px #FFFFFF solid;
	padding:3px 0 8px 30px;
}
#howto ul li.menu{
	background:transparent url(../../common/image/arrow_navi_bl.png) no-repeat ;
	background-position:5% 50%;
	list-style-type:none;
	border-bottom:1px #FFFFFF solid;
	padding:8px 0 8px 30px;
}
#howto ul li.menulast{
	background:transparent url(../../common/image/arrow_navi_bl.png) no-repeat ;
	background-position:5% 60%;
	list-style-type:none;
	padding:8px 0 3px 30px;
}

#howto ul li.menu a,
#howto ul li.menutop a,
#howto ul li.menulast a{
	color:#333;
}
#howto ul li.menu a:hover,
#howto ul li.menutop a:hover,
#howto ul li.menulast a:hover{
	color:#4c8bdf;
}
#howto ul li.menu a:visited,
#howto ul li.menutop a:visited,

#howto div.bottom{
	background-image:url(../../common/image/bg_navi_bl_bottom.png);
	background-repeat:no-repeat;
	width:263px;
	height:7px;	
}
#howto span{display:none;} 




div.howto h2 {
	margin:0;
	background-image:url(../../image/guide/ttl_guide.png);
	width:697px;
	height:54px;
	background-repeat:no-repeat;
	color:#FFF;
	font-size:18px;
	padding-top:18px;
	padding-left:40px;
	text-align:left;
}

div.howto h3 {
	margin:0;
	background-image:url(../../image/howto/ttl_howto_search.png);
	width:697px;
	height:54px;
	background-repeat:no-repeat;
	color:#FFF;
	font-size:18px;
	padding-top:18px;
	padding-left:40px;
	text-align:left;
}


/*-----------------------------------------------
メインコンテンツ
-------------------------------------------------*/

div.howtoBox{text-align:left;}

/*-----------------------------------------------
　親番号　タイトル
-------------------------------------------------*/

.howto_titleNo{
	margin:0 ;
	width:100%;
	padding:0;
	text-align:left;
	clear:both;
	
}
.howto_titleNo p.l{
	color:#467de2;
	font-size:24px;
	padding:0;
	margin:0;
	float:left;
	width:50px;
	text-align:center;
}
.howto_titleNo p.l_gr{
	color:#3497a6;
	font-size:24px;
	padding:0;
	margin:0;
	float:left;
	width:50px;
	text-align:center;
}
.howto_titleNo p.r{	
	color:#444;
	padding-top:10px;
	margin:0;
	/*width:650px;*/
	float:left;
	line-height:160%;
}


/*-----------------------------------------------
　コンテンツ
-------------------------------------------------*/
.howtoBox div.contents{ 
margin-left:50px;
padding:0;
clear:both;
}
.howtoBox div.contents p.stitle{
	background:url(../../image/howto/ico_no2.png) no-repeat left bottom;
	margin:10px 0;
	padding-left:8px;
	color:#467de2;
	font-size:18px;
	height:33px;
}
.howtoBox p.read{
	margin:8px 12px;
	padding:0;
	text-align:left;
}
.howtoBox div.contents p{
	margin:8px 0;
	padding:0;
	text-align:left;
}
.howtoBox div.contents p.capture{
	margin:10px 0;
}

.howtoBox p.border{
	margin:15px 0 15px;
	border-top: #999 1px dotted;
}



/*----------------------
　「次へ」ボタン
-----------------------*/
.btn_next {
	display:block;
	margin:20px 0 10px;
	padding-left:600px;
	height:25px;
}
.btn_next a{
	display:block;
	background:url(../image/btn_next.png) no-repeat left bottom;
	width:84px;
	height:27px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.btn_next a:hover{
	background:url(../image/btn_next_on.png) no-repeat left bottom;
	text-indent:-9999px;
}
.btn_next a:visited{
	display:block;
	background:url(../image/btn_next.png) no-repeat left bottom;
}
.btn_next span{display:none;}


/*----------------------
　「次へ」ボタン（緑）
-----------------------*/
.btn_next_gr {
	display:block;
	margin:20px 0 10px;
	padding-left:600px;
	height:25px;
}
.btn_next_gr a{
	display:block;
	background:url(../image/btn_next_gr.png) no-repeat left bottom;
	width:84px;
	height:27px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.btn_next_gr a:hover{
	background:url(../image/btn_next_gr_on.png) no-repeat left bottom;
	text-indent:-9999px;
}
.btn_next_gr a:visited{
	display:block;
	background:url(../image/btn_next_gr.png) no-repeat left bottom;
}
.btn_next_gr span{display:none;}


/*----------------------
　「トップへ」ボタン
-----------------------*/
.btn_top {
	display:block;
	margin:20px 0 10px;
	padding-left:504px;
	height:25px;
}
.btn_top a{
	display:block;
	background:url(../image/btn_top.png) no-repeat left bottom;
	width:180px;
	height:27px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.btn_top a:hover{
	background:url(../image/btn_top_on.png) no-repeat left bottom;
	text-indent:-9999px;
}
.btn_top a:visited{
	display:block;
	background:url(../image/btn_top.png) no-repeat left bottom;
}
.btn_top span{display:none;}


.btn_top_green {
	display:block;
	margin:20px 0 10px;
	padding-left:504px;
	height:25px;
}
.btn_top_green a{
	display:block;
	background:url(../image/btn_top_green.png) no-repeat left bottom;
	width:180px;
	height:27px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.btn_top_green a:hover{
	background:url(../image/btn_top_green_on.png) no-repeat left bottom;
	text-indent:-9999px;
}
.btn_top_green a:visited{
	display:block;
	background:url(../image/btn_top_green.png) no-repeat left bottom;
}
.btn_top_green span{display:none;}


/*----------------------
　注意事項
-----------------------*/
.howto ul.note{
	margin:5px 0 0 12px;
}
.howto ul.note li{
	text-indent:-12px;
	font-weight:normal;
	font-size:12px;
	line-height:130%;
	list-style-type:none;
	text-align:left;
}
.howto ul.note p {
	margin-top:0;
	margin-left:12px;
	text-indent:-12px;
	font-weight:normal;
	font-size:10px;
	line-height:130%;
	list-style-type:none;
}
.howto ul.note p a{
	color:#333;
}
.howto ul.note p a:hover{
	color:#4c8bdf;
}
/*----------------------
　リードテキスト　リスト
-----------------------*/
.howto ul.read{
	margin:20px 12px 12px 12px;
}
.howto ul.read li{
	text-indent:-14px;
	font-weight:bold;
	font-size:14px;
	line-height:140%;
	list-style-type:none;
	text-align:left;
	margin-top:12px;
}
.howto ul.read p {
	margin-top:0;
	margin-left:12px;
	text-indent:-12px;
	font-weight:normal;
	font-size:10px;
	line-height:130%;
	list-style-type:none;
}
.howto ul.read p a{
	color:#333;
}
.howto ul.read p a:hover{
	color:#4c8bdf;
}
.howto ul.read span.blue {
	color:#15a2f6;
}
.howto ul.read span.green {
	color:#3497a6;
}