@charset "utf-8";


.list{
	margin:20px auto;
	padding:0;
}

.step{
	margin:0 0 50px;
}

.article{
	margin:0 0 2em 1em;
	line-height:2;
    border: 1px solid #ccc;
    clear: both;
    font-size: 1.2em;
    margin: 0 0 10px;
    padding: 10px;
}

.article p{
	margin:0 0 1em;
}
.article .orange{
	color:#CF3B00;
}

.article strong{
	color:#343434;
	font-size:2em;
	line-height:1.8;
}

.article h4 {
    border: 0 none;
    font-size: 150%;
    margin: 0;
    padding: 0;
	line-height:1.5;
}
.article hr {
    border: 0 none;
	border-top: 1px dashed #ddd;
    margin: 0 0 10px;
}

.article p.name {
    line-height: 1.6em;
    margin: 0 15px 10px;
    text-align: right;
}
#main .article h3 {
    border: 0 none;
	color:#00BBFC;
	font-size:2em;
	line-height:1;
    padding: 5px 0;
}

.q_a{
	margin:0 0 2em 1em;
	line-height:2;
    border: 1px solid #ccc;
    clear: both;
    font-size: 1.2em;
    margin: 0 0 10px;
    padding: 10px;

}


.q_a dl{
	padding:0;
	margin:0
}
.q_a dt{
	color:#943634;
    font-size: 1.2em;
	line-height:1.5;
}


.q_a dd{
	padding:0;
	margin:0 0 10px;
	color:#215868;
}


.q_a dl{}


a:hover img.img_alpha {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
#view_box {
width: 75%;
	float: left;
	position: relative;
}

#video_sr p{
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	height:1em;
	text-align:center;
	
}

#video_sr{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	border:1px solid #eee;
	margin: 10px;
}

#video_sr iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0 none;
}


.ui-tabs .ui-tabs-panel{
	padding: 10px;
	border: 1px solid #ccc;
}
.ui-tabs .ui-tabs-panel::after{
	content: "";
	display: block;
	clear: both;
}