/*■common_TopContent■*/
#ui3282 {
  width: 1160px;
  margin: 0 auto;
}

#ui3282 .clearfix::after {
   content: "";
   display: block;
   clear: both;
}

#ui3282 #TopContent{
	clear:both;
}

#ui3282 #TopContent p,
#ui3282 #TopContent h2,
#ui3282 #TopContent h3,
#ui3282 #TopContent h4,
#ui3282 #TopContent ul,
#ui3282 #TopContent ol,
#ui3282 #TopContent li,
#ui3282 #TopContent dl,
#ui3282 #TopContent dt,
#ui3282 #TopContent dd{
	margin:0;
	padding:0;
	font-weight:normal;
	line-height:1.7;
}

#ui3282 #TopContent h2{
	margin:0 0 5px 0;
}

#ui3282 #TopContent ul,
#ui3282 #TopContent ol{
	list-style:none;
}

#ui3282 #TopContent p{
	padding:0 0 20px 0;
}
#ui3282 #TopContent .attention{
	padding-left:1.3em;
	display:block;
	color:#777;
	text-indent:-1.3em;
}
#ui3282 #TopContent strong{
	color:#C00;
}
#ui3282 #TopContent .none_pb30{
	padding-bottom:0;
}
#ui3282 #TopContent img {
	vertical-align:bottom; 
}
#ui3282 #TopContent .img_r {
	float:right;
	padding:0 25px 20px;
}

#ui3282 #mainDetails .img_a6_sd{
	float: right;
	padding: 0 25px 20px;
}

#ui3282 #TopContent .img_t02 {
	margin:0 auto 20px;
	display:block;
	clear:both;
}
#ui3282 #TopContent table {
	border-collapse:collapse;
	border:#060 solid 1px;
}
/*■TitContent■*/
#ui3282 #tit {
	margin:0 auto 0;
	width:1160px;
	min-height:546px;
	background:url(tit_top_bg_pc.png) no-repeat bottom left;
}
#ui3282 #tit .explain{
	padding: 0 25px 80px;
	color:#EEE;
}
#ui3282 #tit .explain strong{
	color:#FF6;
}
/*■MainContent■*/
#ui3282 #main {
	margin:0 auto;
	background:url(bg_box_cen.gif) top left;
}
#ui3282 #mainDetails {
	margin:0 auto;
	padding:0 20px 20px;
	background:url(bg_box_btm.gif) no-repeat bottom left;
}
#ui3282 #main .qaBox {
	margin:0 0 20px 0;
	padding:0 0 14px 0;
	background:url(bg_white_btm.gif) no-repeat bottom left;
	overflow:hidden;
}
#ui3282 #main .trigger {
	padding:0 0 5px 0;
	background:url(bg_white.gif) top left;
	cursor:pointer;
}
#ui3282 #main .trigger a {
	margin:0 0 0 20px;
}
#ui3282 #main .tq,
#ui3282 #main .ta{
	margin:0;
	font-size:120%;
	font-weight:bold;
	font-family:Meiryo, メイリオ, Helvetica, Arial,"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}
#ui3282 #main .tq{
	padding:.2em 0 8px 5px;
	color:#EEE;
	background:url(icon_q.gif) #060 no-repeat 14px 0;
}
#ui3282 #main .ta{
	padding:.8em 5px 5px 5px;
	background:url(bg_a.gif) no-repeat 0 0;
}
#ui3282 #main .tq span{
	float:left;
}
#ui3282 #main .ta span{
	padding-top:3px;
	float:left;
}
#ui3282 #main .tq .txtQ{
	padding:0 10px 0;
	width:64px;
	text-align:center;
	color:#030;
}
#ui3282 #main .ta .txtQ{
	padding:2px 10px 0;
	width:64px;
	text-align:center;
	min-height:30px;
	background:url(icon_a.gif) no-repeat 9px 0;
}
#ui3282 #main .toggle_container{
	background:url(bg_white.gif) top left;
}
#ui3282 #main .toggle_container p{
	margin:0 25px 0;
}
#ui3282 #main .toggle_container ol,
#ui3282 #main .toggle_container ul{
	margin:0 25px 20px 40px;
}
#ui3282 #main .toggle_container ol{
	list-style:decimal;
}
#ui3282 #main .toggle_container ul.exist{
	list-style:disc;
}
#ui3282 #main .toggle_container li{
	margin:0 0 5px 0;
}
#ui3282 #main .TableBox{
	padding:0 0 20px 0;
	float:right;
	width:385px;
}
#ui3282 #main .TableBox table{
	margin:0 auto;
}
#ui3282 #main .btn_close{
	padding:0;
	text-align:right;
	clear:both;
}
#ui3282 #main h4{
	margin:0 25px 10px;
	padding:0 0 2px 20px;
	color:#06C;
	font-weight:bold;
	border-bottom:#afe4fe solid 2px;
	background:url(icon_circle.gif) no-repeat 0 .2em;
	clear:left;
}
#ui3282 #main .TableNormal{
	margin:0 25px 20px;
}
#ui3282 #main .TableNormal caption{
	padding:0 0 5px 0;
	color:#060;
	font-weight:bold;
}
#ui3282 #main .TableNormal th{
	padding: 10px;
	background-color:#e5f2cc;
	text-align:center;
	border:#060 solid 1px;
	border-bottom:#060 double 3px;
}
#ui3282 #main .TableNormal td{
	padding: 10px;
	background-color:#FFF;
	text-align:center;
	border-right:#060 solid 1px;
	border-bottom:#060 dotted 1px;
}
#ui3282 #main hr{
	display:none;
}
#ui3282 #main .definition{
	margin:0 0 20px 0;
	height:10px;
	background:url(bg_hr.gif) no-repeat center center;
}
#ui3282 #main #LastTxt{
	margin:0 auto;
	width:1100px;
	clear:both;
	color:#EEE;
}
#ui3282 #main #LastTxt strong{
	color:#FF6;
}
#ui3282 #main .note{
	padding-top:20px;
	border-top:1px #CCC dotted;
	color:#CCC;
	clear:both;
}
#ui3282 #main .BtnBox{
	margin:0 auto;
	text-align:center;
	clear:both;
}

/*■RecommendBox■*/
#ui3282 #RecommendBox{
	margin:30px auto 0;
	padding:0 0 20px 0;
	width:1160px;
	background:url(bg_recommendbox.gif) no-repeat bottom left;
}
#ui3282 #RecommendBox h3{
	margin:0;
	padding:0;
}
#ui3282 #RecommendBox p{
	padding: 10px 0 0 28px;
}

/*■tabArea■*/
#ui3282 #tabArea {
width:1160px;
margin:0;
}

#ui3282 .tabBox {
background-color:#FFF;
}

#ui3282 #tabArea ul.tab{
	margin:0;
	padding:0;
	background-color:#060;
	height:97px;
}

#ui3282 #tabArea ul.tab li{
	list-style-type:none;
	padding:0;
	margin:0;
}

#ui3282 #tabArea ul.tab li ul.list{
	margin: 0;
	padding:0 0 0 10px;
}

#ui3282 #tabArea ul.tab li ul.list li{
	float:left;
	list-style-type:none;
	padding: 15px 0 0 10px;
}

#ui3282 #tabArea ul.tab li ul.list li:first-child{
	padding-left: 0;
}

/*■linkArea■*/
#ui3282 #linkArea{
	width: 1160px;
	margin: 0 0 30px 0;
	padding: 20px 0;
	background: #060;
}

#ui3282 #linkArea ul{
	float: left;
	width: 1140px;
	margin: 0 70px;
	padding: 0;
}

#ui3282 #linkArea ul li{
	float: left;
	list-style: none;
	width: 475px;
	margin: 0;
	padding: 0;
}

#ui3282 #linkArea ul li.link01{
	margin-right: 70px;
}

#ui3282 .pcpl20{
	padding-left: 20px;
}

#ui3282 .forsp{
	display: none;
}


/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆以下SP表示◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */

@media screen and (max-width: 767px) {

#ui3282 {
  width: 100%;
  margin: 0 auto 15px;
}

#ui3282 img {
  height: auto;
}

#ui3282 h1 {
  margin: 15px 10px 3px 10px;
}	

#ui3282 #tit {
	width: auto;
	background: #060;
	margin: 0 10px 20px 10px;
	padding-top: 5px;
}
	
#ui3282 #tit .explain{
	padding: 0 25px 0;
	font-size: 105%;
}	

#ui3282 #main {
	background: #060;
	margin: 0 10px;
	padding-top: 20px;
}

#ui3282 #main .tq .txtQ {
	padding: 2px 0 0 0;
	width: 65px;
	font-size: 105%;
}

#ui3282 #main .ta .txtQ {
	padding: 4px 10px 0;
	width: 48px;
	font-size: 105%;
	background: url(icon_a.gif) no-repeat 0 0;
}

#ui3282 #main .ta span {
	margin-left:10px;
}

#ui3282 #main .toggle_container{
	padding-top: 20px;
}

#ui3282 #mainDetails{
	background: none;
	padding: 0 20px 0;
}

#ui3282 #mainDetails .img_a1{
	height: 120px;
	width: auto;
}

#ui3282 #mainDetails .img_a3{
	height: 150px;
	width: auto;
}
	
#ui3282 #mainDetails .img_a6_sd{
	height: 40px;
	width: auto;
	margin: 0 0 20px 25px;
	padding: 0!important;
	float: none!important;
}
	
#ui3282 #main #LastTxt {
	width: auto;
	font-size: 105%;
}

#ui3282 #RecommendBox{
	font-size: 105%;
	width: auto;
	background: #060;
	margin: 20px 10px 0;
	padding-top: 20px;
}
	
#ui3282 #RecommendBox h3{
	font-weight: bold;
	font-size: 124%;
	margin-bottom: 5px;
	}

#ui3282 #RecommendBox p{
	padding: 0;
}
	
#ui3282 .sptxt_reco{
	background: #fff;
	margin: 0px 10px 0 10px;
	padding: 10px;
}

#ui3282 #linkArea{
	width: auto;
	padding: 0 0 20px 0;
	margin: 0 10px;
}

#ui3282 #linkArea ul{
	width: auto;
	margin: 0 30px;
}

#ui3282 #linkArea ul li{
	width: auto;	
}

#ui3282 #linkArea ul li.link01{
	margin-right: 0;
	margin-bottom: 15px;
}

#ui3282 #TopContent .img_r{
	float: none;
	margin: 0 auto;
	display: block;
}

#ui3282 .pcpl20{
	padding-left: 0;
}

#ui3282 .psmb5{
	margin-bottom: 5px;
}

#ui3282 .sp_noimg{
	display: none!important;
}

#ui3282 .forsp{
	display: block;
}
	
#ui3282 .forpc{
	display: none;
}

#ui3282 .fR{
	float: right!important;
}