/* CSS Document for TEC, UserGuide, VideoGuide*/

/*Tec Page Definition*/

#area-right img.explanation{
	margin:20px 0 10px 0;
}

#area-right img.steps {
	vertical-align:middle;
	margin:0 0 3px 0; !important
}

.btn-back{
	padding:0;
	margin:0; 
	text-align:right;
	/*width:550px;*/
	display:block;
}

.text-gray-strong{
	font-weight:bold;
	color:#333333;
}

/* Text Definition */
h1{
	color:#004E9B;
	font-size:150%;
	font-weight:bold;
	padding:10px 10px 20px 0;
	margin:0;
	line-height:140%;}

h2{
	color:#006491;
	font-size:130%;
	font-weight:bold;
	padding:30px 10px 20px 0;
	margin:0;
	line-height:140%;}

h3{
	font-size:100%;
	font-weight:normal;
	padding:30px 10px 10px 0;
	margin:0;
	line-height:140%;
	color:#221815;
}


.title-blue02-underline{
	color:#004E9B;
	border-bottom:#221815 1px solid;
	display:inline;
}

.title-blue02-underline-02{
	color:#004E9B;
	border-bottom:#221815 1px solid;
	width: 330px;
}

/*Help Index Page Definition*/
#area-help{
	clear:both;
	display:block;
	width:700px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}

/* Guide Page Definition */
.box-guide{
	width:650px;
	border:2px #666666 solid;
	margin:20px 0 0 50px;
	padding:0 0 20px 0;
}

/* ↓floatさせた子ボックスが親ボックスからはみ出てしまう現象を回避*/
.box-guide:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.box-guide { display:inline-table; }

/* Mac IE には適用させない \*/
* html .contents { height:1px; }
.box-guide { display:block; }
/* end MacIE5 */ 


.bdr-dot-btm{
	text-align:left;
	color:#E3007F;
	border-style: none none dotted none;
	border-bottom-width: 2px;
	border-bottom-color: #898989;
	width:640px;
	padding:10px 0 5px 10px;
	display:inline-table;
}


/* ↓floatさせた子ボックスが親ボックスからはみ出てしまう現象を回避*/
.bdr-dot-btm:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

/* Mac IE には適用させない \*/
* html .contents { height:1px; }
.bdr-dot-btm { display:block; }
/* end MacIE5 */ 


.link-video{
	float:right;
	padding:10px 10px 0 0;
	font-size:80%;
}

/*　javascriptがオフの場合に表示されるnoscriptのコンテンツが広がるのを防ぐ*/
.list-guide-ns li{
	padding:0;
	width: 330px;
	overflow: visible;
}

.list-guide{
	margin:10px 0 0 0;
	padding:0;
	list-style-position:inside;
	list-style-type:none;
	text-indent: 15px;
	font-weight:bold;
}

.list-guide-02{
	margin:0;
	padding:0;
	list-style-position:inside;
	list-style-type:disc;
	text-indent: 75px;
	font-weight:normal;
}

.list-guide-03{
	margin:0;
	padding:0;
	list-style-position:inside;
	list-style-type:circle;
	text-indent: 135px;
	font-weight:normal;
}

.list-guide-04{
	margin:0;
	padding:0;
	list-style-position:inside;
	list-style-type:square;
	text-indent: 195px;
	font-weight:normal;
}


/*Video Page Definition*/
#area-video{
	clear:both;
	display:block;
	width:748px;
	text-align:center;
	padding-top:10px;
}

.box-video{
	width:748px;
	border:2px #666666 solid;
	margin:20px 0 0 0;
	padding:0 0 20px 0;
	display:inline-table;
}

/* ↓floatさせた子ボックスが親ボックスからはみ出てしまう現象を回避*/
.box-video:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/* Mac IE には適用させない \*/
* html .contents { height:1px; }
.box-video { display:block; }
/* end MacIE5 */ 

.bdr-dot-btm-video{
	text-align:left;
	border-style: none none dotted none;
	border-bottom-width: 2px;
	border-bottom-color: #898989;
	width:730px;
	padding:10px 10px 5px 10px;
	display:inline-table;
}


/* ↓floatさせた子ボックスが親ボックスからはみ出てしまう現象を回避*/
.bdr-dot-btm-video:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

/* Mac IE には適用させない \*/
* html .contents { height:1px; }
.bdr-dot-btm-video { display:block; }
/* end MacIE5 */ 

.link-guide{
	float:right;
	font-size:80%;
}

.btn-back-video{
	margin:10px 0 0 20px;
}

#area-video ul{
	margin:10px 0;
	padding:0;
}

#area-video li{
	color:#CC9999;
	list-style-position:inside;
	list-style-type:none;
	padding:1px 0;
}