@charset "UTF-8";

/* ================================================ */
/* ZoomSight　起動説明ページ用CSS                   */
/* ================================================ */

/*----起動説明ページ用見出し-----*/
#contents h2.h2_explain {
	margin: 25px 0 15px 0;
	background: transparent url('../images/explain_contents_h2.png') repeat-x left top;
	font-size: 100%;
	font-weight: bold;
	padding: 0;
}

#contents h2.h2_explain span {
	display: block;
	padding: 7px 0 7px 10px;
	background: transparent url('../images/explain_contents_h2_b.png') repeat-x left bottom;
}

#contents h3.h3_explain{
	margin: 20px 0 8px 0;
	padding: 4px 0 2px 18px;
	background: transparent url('../../common/images/common_contents_h2.png') no-repeat left center;
	font-weight: bold;
	font-size: 100%;
}

#contents h4.h4_explain{
	margin: 20px 0 8px 0;
	padding: 4px 0 2px 15px;
	background: transparent url('../../common/images/common_contents_h3.png') no-repeat left center;
	font-weight: bold;
	font-size: 100%;
}

#contents p.explain_setumei{
	margin: 30px 0 0 0;
}

/*-----起動メッセージ-----*/
#contents div.explain_message{
	width: 730px;
	background: url('../images/explain_message_bottom.png') no-repeat  center bottom #FFF;
    min-height: 167px;
    height: auto !important;
    height: 167px;
    _height: 175px;
	padding-bottom: 10px;
}

#contents div.explain_message ul{
	margin: 2px 10px 0 200px;
}

#contents p.explain_help{ 
	padding-left: 18px;
	background: transparent url('../../common/images/common_icon_link.png') no-repeat left center;
	margin: 0 0 20px 315px;
}

#contents div.explain_box_abled #explain_btn,
#contents div.explain_box_disabled #explain_btn_disabled{
	display: block;
    width: 350px;
    height: 125px;
	border: none;
	margin: 0 auto;
	text-align: center;
	text-indent: -9999px;
}

/*-----起動ボタン（通常）-----*/

#contents div.explain_box_abled{
	margin: 10px 0 0 0;
	/*display: none;*/
}

#contents div.explain_box_abled #explain_btn{
	cursor: pointer;
    background: url('../images/explain_btn_abled.png') no-repeat scroll left top transparent;
}

#contents div.explain_box_abled #explain_btn:hover{
    background: url('../images/explain_btn_abled.png') no-repeat scroll right top transparent;
}

/*-----起動ボタン（使用不可）-----*/
#contents div.explain_box_disabled{
	margin: 5px 0 0 0;
	/*display: none;*/
}

#contents div.explain_box_disabled #explain_btn_disabled{
    background: url('../images/explain_btn_disabled.png') no-repeat scroll left top transparent;
    width: 350px;
    height: 125px;
	margin: 0 auto;
	_margin: 0 200px;/*for IE6*/
}

#contents div.explain_box_disabled p.explain_txt{
    min-height: 33px;
    height: auto !important;
    height: 32px;
	font-weight: bold;
	color: #CC0000;
	margin: 10px 200px 0;
	line-height: 120%;
}

#iphone_fun_ruby{
	display: none;
}
/*-----------スマホ------------*/
#iphone_explain_img img{
	margin: 0 auto;
	padding-bottom: 10px;
}