@charset "UTF-8";



@import url("/pc/css/common.css");   /* 基本設定 */



/*

-----------------------------------------------------------------------------------

slot_detail

-----------------------------------------------------------------------------------

*/



/* -- 機種イメージ -- */

div#container img.top_title{

	margin:0 10px 10px;

	vertical-align:top;

}



/* -- 基本仕様 -- */

#main div#SL_spec{

	width: 550px;

	background:#EDEDED;

	float: right;

	margin-bottom: 30px;

}



#main div#SL_spec img{

	vertical-align:top;

}



/* -- 機種詳細 -- */

#main div#PC_comment{

	width: 550px;

	background:#EDEDED;

	margin-right: 0;

	margin-bottom: 10px;

	margin-left: 0;

	padding-bottom: 10px;

	clear: both;

}



/* -- 基本仕様＆機種詳細タイトル -- */

#main div#SL_spec h3,

#main div#PC_comment h3{

	height:24px;

	color:#FF6600;

	padding-left: 95px;

	padding-top: 5px;

}



/* -- 基本仕様のタイトル背景画像 -- */

#main div#SL_spec h3{

	background: url(/pc/free/free_slot/image/caption_method.gif) no-repeat;

	margin-bottom:10px;

	clear:both;

}



/* -- 機種詳細のタイトル背景画像 -- */

#main div#PC_comment h3{

	background: url(/pc/free/free_slot/image/caption_detail.gif) no-repeat;

}



/* -- 基本仕様　図柄関係を左側に表示 -- */

#main div#SL_spec .pattern{

	width: 300px;

	float: left;

	margin-left: 2px;

}

#main #SL_spec .pattern .zugara {

	margin-left: 10px;

}

/* -- 基本仕様　役構成表示設定 -- */



#main div#SL_spec .pattern img{

	margin-left: 4px;

	margin-bottom: 15px;

	margin-top: 1px;

}



/* -- 基本仕様　基本情報を右側に表示 -- */

#main div#SL_spec .info{

	width: 244px;

	float: right;

	text-align: center;

}



/* -- 基本仕様　基本情報表設定 -- */

#main div#SL_spec .info table{

	width: 232px;

	margin: 0 auto 15px;

	border-collapse: separate;

	border-spacing: 2px;

}



/* -- 基本情報表　セルの共通設定 -- */

#main div#SL_spec .info table th,

#main div#SL_spec .info table td{

	font-size: 10px;

	text-align: center;

	vertical-align: middle;

	padding:3px;

}



/* -- 基本情報表　設定等の背景色 -- */

#main div#SL_spec .info table th{

	background-color: #CCCCCC;

}



/* -- 基本情報表　数値等の背景色 -- */

#main div#SL_spec .info table td{

	background-color: #FFFFFF;

}



/* -- 基本情報表　コメント部分 -- */

#main div#SL_spec .info table td.info_comment{

	font-size: 12px;

	text-align: left;

	padding:2px 5px;

	background-color:#D8D8D8;

}



/* -- 機種詳細コメント部分 -- */

#main div#PC_comment p{

	clear: both;

	margin:10px 10px 0;

	padding: 5px;

	background-color: #FFFFFF;

}
#img_list {
	overflow: hidden;
	background-color: #EDEDED;
	display: block;
	padding-top: 15px;
	margin-bottom: 15px;
	padding-bottom: 5px;
}
#img_list li {
	float: left;
	text-align: center;
	padding-left: 50px;
	color: #333;
	display: inline;
}

#main #SL_spec .info #read {

	width: 230px;

	text-align: left;

	margin-left: 8px;

	margin-top: 3px;

}

/* -- 「一覧へ戻る」の表示位置設定 -- */

#main span.detail2list{

	color:#FF6600;

}



/* -- 攻略手順画像 -- */

#main img.howto{

	float:right;

}

#main  .form_caption{

	clear:both;

	text-align: center;

	margin-top: 25px;

	margin-bottom: 5px;

	margin-left: 70px;

}

/*

-----------------------------------------------------------------------------------

form_table

-----------------------------------------------------------------------------------

*/





#main form.application{

	clear:both;

	text-align: center;

	margin-bottom: 30px;

	}



#main form.application table.form_tbl{

	width:525px;

	margin: 0 auto;

	border-collapse: collapse;

	border-spacing:0;

	}



/* -- 全セル共通設定 -- */

#main form.application table.form_tbl tr th,

#main form.application table.form_tbl tr td{

	font-size: 12px;

	vertical-align: middle;

	padding:10px 0;

	border: solid 1px #CCCCCC;

	}



/* -- 右側セル -- */

#main form.application table.form_tbl tr th{

	width:144px;

	color:#FFFFFF;

	text-align: center;

	background-color: #FB8240;

	}



/* -- 左側セル共通 -- */

#main form.application table.form_tbl tr td{

	width:368px;

	padding-left: 10px;

	text-align: left;

	background-color: #F5F5F5;

	}



/* -- input基準設定 -- */

#main form.application table.form_tbl tr td input,

#main form.application table.form_tbl tr td select{

	font-size: 12px;

	padding-left: 2px;

	}



/* -- 各入力欄の位置、表示設定 -- */

#main form.application table.form_tbl tr td input.name{

	width: 80px;

	}



#main form.application table.form_tbl tr td input.tel{

	width:38px;

	}



#main form.application table.form_tbl tr td input.mail{

	width: 320px;

	}



#main form.application table.form_tbl tr td select.select_area{

	width: 320px;

	}



/* -- 必須項目注意書き --*/

#main form.application p.attention{

	clear:both;

	text-align: left;

	font-size: 10px;

	margin-left: 20px;

	}



/* -- 送信 -- */

#main form.application p.submit_button{

	clear:both;

	}



#main form.application p.submit_button input{

	font-size: 12px;

	width:80px;

	height: 20px;

	}





/*

-----------------------------------------------------------------------------------

form_error

-----------------------------------------------------------------------------------

*/



#main div.center{

	width: 555px;

	text-align: center;

}



#main div.error_mes_area{

	width: 460px;

	background: #FF524D;

	padding-bottom: 3px;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 25px;

	margin-left: auto;

	padding-right: 3px;

	padding-left: 3px;

}



#main div.error_mes_area h2.error_info{

	color:#FFFFFF;

	text-align: center;

	padding:5px 0;

	font-weight: bold;

}

#error_area {

	background-color: #FFFFFF;

}







#main div.error_mes_area p.error_message{

	color:#FF524D;

	background:#FFFFFF;

	margin:0 3px;

	padding: 5px 0 5px 10px;

	text-align: left;

	line-height: 28px;

}

#error_area .error_message .error_attention {

	margin-left: 50px;

}





#main div.error_mes_area p.error_message em.error_attention{

	font-style: normal;

	font-weight: bold;

}

#main p.img img {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}