@charset "shift-JIS";

body#webdvp {
	background:#FFFFFF url(../../../img_main/header_bg.gif) no-repeat center 50px;
	}
#testHeader {
	height: 50px;
	text-align: center;
	line-height: 50px;
	background: #fc3;}
h3, dl, dt, dd, img {
	margin: 0;
	padding: 0;
	border: 0;}
img.logo_mh3 {
	margin-top: -10px;}
	
#SupportNet {
	width: 777px;
	padding-left: 6px;
	margin: 0 auto;
	text-align: left;
	color: #111;
	background: url(img/common/bg_all.gif) right top repeat-y;
	}
#SupportNet a {
	outline: none;}

#SupportNet .header {
	height: 50px;
	background: url(img/common/bg_header.gif) top center repeat-x;}
#SupportNet .header img {
	float: right;}
#SupportNet .header h3 {
	float: left;
	width: 430px;}

#SupportNet #TopicPath {
	width: 550px;
	line-height: 100%;
	margin: 0 5px 7px;}
#SupportNet #TopicPath li {
	display: inline;
	font-size: 0.8em;}
#SupportNet #TopicPath li a {
	padding-right: 15px;
	background: url(img/common/ico_topicpath.gif) center right no-repeat;}
	
		
#SNLeft {
	width: 182px;
	float: left;
	color: #333;}
#SNLeft img {
	vertical-align: bottom;}
#SNserver {
	padding: 0;
	margin-bottom: 10px;}
#SNserver .mhg, 
#SNserver .mh3 {
	display: block;
	width: 182px;
	height: 40px;}
#SNserver .mhg {
	background: url(img/common/mhg_server_alert.gif) top left no-repeat;}
#SNserver .mh3 {
	background: url(img/common/mh3_server_alert.gif) top left no-repeat;}
#SNmenu {
	width: 162px;
	margin-top: 10px;
	margin-left: 12px;}
#SNmenu dd {
	line-height: 140%;
	padding: 0px 7px 10px;
	margin-bottom: 10px;
	background: url(img/common/bg_menu_btm.gif) center bottom no-repeat;
	}
	
#SNRight {
	width: 575px;
	float: right;}
	
/* 文字サイズ */
	
#SNRight.FontSize-SubTxt {
	line-height: 1.5em;}
#SNRight dt, 
#SNRight dd {
	line-height: 1.5em;}
/* ページトップ */
div p.pagetop {
	text-align: right;
	margin: 0 5px;
	padding: 20px 20px;
	clear: both;
	border-bottom: 1px solid #b4b6bd;}
div p.pagetop.Btm {
	margin: 0;
	padding: 20px 20px 10px;
	border-bottom: 0;}
	
div ul.pagelink {
	width: 520px;
	margin: 20px auto 0;
	background: url(img/entry/bg_pagelink.gif) center top no-repeat;}
div ul.pagelink:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
div ul.pagelink { display: inline-block; }
/* Hides from IE-mac \*/
* html div ul.pagelink { height: 1%; }
div ul.pagelink { display: block; }

div ul.pagelink a {
	color: #5f72ac;
	outline: none;}
div ul.pagelink li.prev {
	float: left;
	width: 260px;
	height: 50px;
	text-align: left;
	background: url(img/entry/bg_pagelink_prev.gif) center top no-repeat;}
	div ul.pagelink li.prev a:hover {
	background: url(img/entry/bg_pagelink_prev_r.gif) center top no-repeat;}
div ul.pagelink li.next {
	float: right;
	width: 260px;
	height: 50px;
	text-align: right;
	background: url(img/entry/bg_pagelink_next.gif) center top no-repeat;}
	div ul.pagelink li.next a:hover {
	background: url(img/entry/bg_pagelink_next_r.gif) center top no-repeat;}
	
div ul.pagelink li a {
	margin: 7px 1px 0;
	padding: 0 25px 0;
	line-height: 31px;
	display: block;}
div ul.pagelink li.category {
	clear: both;
	text-align: center;
	font-size: 90%;}
div ul.pagelink li.category a {
	line-height: 12px;
	margin-top: 0;
	padding: 0 5px;
	display: inline;
	background-color: #f5f5f5;
	}
	
/* index.html
-------------------------------*/
#SNNews {
	margin-top: 15px;
	width: 560px;
	background: url(img/index/bg_news.gif) center repeat-y;
	}
#SNNews h4 {
	clear: both;}
#SNNews ul {
	padding: 0 15px 10px;}
#SNNews ul li {
	margin-top: 5px;
	padding-bottom: 5px;
	background: url(img/index/bg_news_list.gif) center bottom no-repeat;}
#SNRight ul li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#SNRight ul li { display: inline-block; }
/* Hides from IE-mac \*/
* html #SNRight ul li { height: 1%; }
#SNRight ul li { display: block; }
/* End hide from IE-mac */

#SNNews ul li dt {
	font-weight: bold;
	color: #666;
	padding: 0 0 0 15px;
	float: left;
	width: 115px;
	background: url(img/index/ico_arrow_gray.gif) 0 4px no-repeat;}
#SNNews ul li dd {
	float: left;
	width: 390px;
	padding: 0 0 0 10px;
	background: url(img/index/ico_news_dd.gif) 0 6px no-repeat;}
#SNNews ul.last {
	padding-bottom: 20px;
	background: url(img/index/bg_news_btm.gif) center bottom no-repeat;}
	
#SNNews ul.Urgent > li {
	font-weight: bold;
	color: #900;}

/* エントリーアーカイブ
-------------------------------*/
#SNEntry h4 img, #SNFaq h4 img {
	position: absolute;
	top: -10px;
	right: 5px;}
	
#SNEntry {
	width: 560px;
	margin-bottom: 20px;
	position: relative;
	background: url(img/entry/bg_entry.gif) center bottom repeat-y;}
#SNEntry .SNEbox {
	background: url(img/entry/bg_entry_caption.gif) center top no-repeat;}
#SNEntry .SNEbox h4 {
	margin: 0 15px;
	padding: 17px 10px 10px 35px;
	line-height: 25px;
	font-weight: bold;
	font-size: 1.2em;
	background: url(img/entry/bg_h4.gif) center bottom no-repeat;}
#SNEntry .SNEbox .SNEdetail {
	margin: 10px 20px;}
#SNEntry .SNEbox .SNEdetail dt { 
	font-weight: bold;
	color: #666;
	text-align: right;}
#SNEntry .SNEbox .SNEdetail dd {
	padding: 10px;}
#SNEntry .SNEbox .SNEdetail dd em {
	font-weight: normal;}
#SNEntry .SNEbox .SNEdetail dd p {
	margin-bottom: 1.5em;}
/* 簡易スタイル */	
#SNEntry .SNEbox .SNEdetail dd p span.textC, 
#SNEntry .SNEbox .SNEdetail dd p span.textR, 
#SNEntry .SNEbox .SNEdetail dd p span.textL {
	width: 100%;
	display: inline-block;}
#SNEntry .SNEbox .SNEdetail dd p strong {
	font-weight: bold;}
#SNEntry .SNEbox .SNEdetail dd p u {
	font-weight: bold;
	color: #c00;
	text-decoration: none;}
	
#SNEntry .SNEbox .SNEdetail dd p big {
	font-size: 1.2em;}
#SNEntry .SNEbox .SNEdetail dd p small {
	font-size: 0.8em;}
	
#SNEntry .SNEbox .SNEdetail .Important {
	position: relative;
	background: url(img/common/bg_list_important.gif) center top repeat-y;}
#SNEntry .SNEbox .SNEdetail .Important ul {
	padding: 5px 0 10px;
	background: url(img/common/bg_list_btm.gif) center bottom no-repeat;}
#SNEntry .SNEbox .SNEdetail .Important li {
	padding: 5px 10px 5px 30px;
	color: #300;
	background: url(img/common/ico_list_important.gif) center top no-repeat;}
	
#SNEntry .SNElist {
	padding: 20px 20px;}
#SNEntry .SNElist li {
	padding: 5px 0;}
#SNEntry .SNElist li.bg {
	background: url(img/entry/bg_list_blue.gif) center bottom repeat-y;}
#SNEntry .SNElist dt {
	float: left;
	width: 150px;
	padding-left: 15px;
	background: url(img/common/ico_arrow_list.gif) left 4px no-repeat;}
#SNEntry .SNElist dd {
	float: left;
	width: 320px;}
	
/* よくある質問
-------------------------------*/
#SNFaq {
	width: 560px;
	margin-bottom: 20px;
	background: url(img/entry/bg_entry.gif) center bottom repeat-y;}
#SNFaq .SNFbox {
	position: relative;
	background: url(img/entry/bg_faq_caption.gif) center top no-repeat;}
#SNFaq .SNFbox h4 {
	margin: 0 15px;
	padding: 17px 10px 10px 35px;
	line-height: 25px;
	font-weight: bold;
	background: url(img/entry/bg_h4.gif) center bottom no-repeat;}
#SNFaq ul.categoryAnker {
	margin-top: 10px;
	text-align: center;}
#SNFaq ul.categoryAnker li {
	display: inline;
	color: #4F618A;}
#SNFaq ul.categoryAnker li a {
	padding: 0 5px;}
	
.SNFgame {
	padding: 20px;}
.SNFgame ul {
	widows: 520px;}
.SNFgame li {
	position: relative;
	height: 50px;
	line-height: 50px;
	margin-bottom: 15px;}
.SNFgame li img {
	position: absolute;
	right: 0;
	top: -3px;}
.SNFgame li.mh3 img {
	position: absolute;
	right: 0;
	top: -13px;}
.SNFgame li a {
	display: block;
	padding: 0 35px;
	background: url(img/entry/btn_gamettl.gif) center top no-repeat;}
.SNFgame li a:hover{
	background: url(img/entry/btn_gamettl_r.gif) center top no-repeat;}
	
#SNFaq .SNFlist {
	padding: 20px 20px;}
#SNFaq .SNFlist h5 {
	color: #036;
	font-size: 1em;
	font-weight: bold;
	padding: 4px 10px 5px;
	margin-bottom: 10px;
	line-height: 20px;
	border: 1px solid #c0c5d2;
	background: url(img/common/bg_caption_line.gif) center top repeat-x;}
#SNFaq .SNFlist li {
	padding: 5px 0;}
#SNFaq .SNFlist li a {
	padding-left: 15px;
	display: block;
	background: url(img/common/ico_arrow_list.gif) left 2px no-repeat;}
#SNFaq .SNFlist li.bg {
	padding: 5px 0;
	background: url(img/entry/bg_list_blue.gif) center bottom repeat-y;}

#SNFaq .SNFbox .SNFdetail {
	margin: 10px 20px;
	width: 520px;}
#SNFaq .SNFbox .SNFdetail dt { 
	font-weight: bold;
	color: #036;
	font-size: 1.2em;
	padding: 40px 0 30px 25px;
	background: url(img/entry/cap_question.gif) center top  no-repeat;}
#SNFaq .SNFbox .SNFdetail dd {
	padding: 40px 10px 30px 35px;
	background: url(img/entry/cap_answer.gif) center top  no-repeat;}
#SNFaq .SNFbox .SNFdetail dd p {
	margin-bottom: 1.5em;}
#SNFaq .SNFbox .SNFcategory {
	padding: 10px 20px;}
#SNFaq .SNFbox .SNFcategory dt {
	color: #036;
	font-size: 1em;
	font-weight: bold;
	padding: 4px 10px 5px;
	margin-bottom: 10px;
	line-height: 20px;
	border: 1px solid #c0c5d2;
	background: url(img/common/bg_caption_line.gif) center top repeat-x;}
	
/* 利用規約
-------------------------------*/
#Agreement {
	padding: 10px 20px;}
.AgreeMhg {
	color: #036;
	line-height: 30px;
	padding: 0 15px;
	margin: 15px 20px 0px;	
	font-size: 1.2em;
	background: url(img/common/bg_white_grad.gif) left top repeat-y;
	border-left: 5px solid #c0c5d2;}
#Agreement li h5 {
	color: #036;
	font-size: 1em;
	font-weight: bold;
	padding: 4px 10px 5px;
	margin-bottom: 10px;
	line-height: 20px;
	border: 1px solid #c0c5d2;
	background: url(img/common/bg_caption_line.gif) center top repeat-x;}
#Agreement li dl {
	padding-bottom: 15px;}
#Agreement li dl:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#Agreement li dl { display: inline-block; }
/* Hides from IE-mac \*/
* html #Agreement li dl { height: 1%; }
#Agreement li dl { display: block; }
/* End hide from IE-mac */

#Agreement li dt {
	color: #036;
	font-weight: bold;
	float: left;
	clear: both;
	width: 40px;
	margin-right: 10px;
	text-align: right;}
#Agreement li dd {
	float: left;
	width: 460px;
	padding-bottom: 7px;}
#Agreement li p {
	padding: 0 15px 20px;}

.Howto {
	width: 560px;
	text-align: center;
	background: url(img/contents/bg_howto.gif) center top repeat-y;}
.Howto dl {
	padding: 10px 8px;
	margin: 0 20px;
	text-align: left;
	border-top: 2px solid #bbb08e;
	border-bottom: 2px solid #bbb08e;}
.Howto dt {
	padding: 10px 10px 10px 60px;
	font-size: 1.1em;
	font-weight: bold;
	color: #281d06;
	background: url(img/contents/ico_howto_girl.gif) left top no-repeat;}
.Howto dd {
	margin: 5px 0 15px;
	padding-bottom: 15px;
	background: url(img/contents/bg_howto_answer.gif) left bottom no-repeat;}
.Howto dd p {
	padding: 15px 15px 0 70px;
	background: url(img/contents/cap_howto_answer.gif) left top no-repeat;}
.Howto dd p+p{
	background: none;}
	
#HowCheck {
	width: 520px;
	margin: 10px 20px;
	background: url(img/contents/bg_attention.gif) center top repeat-y;}
#HowCheck dl{
	margin: 10px 0 0;
	background: url(img/contents/bg_check.gif) center top repeat-y;}
#HowCheck dt {
	padding: 13px 18px 10px 105px;
	color: #a00;
	font-weight: bold;
	background: url(img/contents/bg_check_top.gif) left top no-repeat;}
#HowCheck dd {
	text-align: right;
	padding: 0 30px 15px;
	background: url(img/contents/bg_check_btm.gif) left bottom no-repeat;}
#HowCheck dd img {
	vertical-align: bottom;}
a {
	outline: none;}

/*　汎用　*/
.posiA {position: absolute;}
.floatR {float: right!important;}

.textC {text-align: center;}
.textR {text-align: right;}
.textL {text-align: left;}

.mb0 {margin-bottom: 0!important;}
.mb10 {margin-bottom: 10px!important;}
.mb20 {margin-bottom: 20px!important;}

.mt10 {margin-top: 10px!important;}
.mt15 {margin-top: 15px!important;}
.mt20 {margin-top: 20px!important;}

.ml15 {margin-left: 15px!important;}


.BtnlinkL {
	width: 372px;
	text-align: center;
	display: block;
	color: #630;
	font-weight: bold;
	line-height: 36px;
	padding-top: 0px;
	height: 40px;
	margin: 0 auto;
	background: url(img/common/btn_link_l.gif) left center no-repeat;}
	
.BtnlinkNone {
	width: 372px;
	text-align: center;
	display: block;
	color: #333;
	font-weight: bold;
	line-height: 36px;
	padding-top: 0px;
	height: 40px;
	margin: 0 auto;
	background: url(img/common/btn_link_none.gif) left center no-repeat;}