@charset "Shift_JIS";

/*
	================================================================================================
		tablet support guide smartconnect contents format
	================================================================================================
*/


#contents span.title_line {
	text-decoration:underline;
}

#contents div#ex ol {
	margin-bottom: 0;
}


#contents .example {
	width: 80%;
	background-color: #eeeeee;
	margin-left: 2em;
	padding: 2em 2.5em 2em 2em;
}

div#contents div.example ul,
div#contents div.example ol {
	margin: 0 0 0 2em;
	padding: 0.5em 0;
}

div#contents div.example p {
	margin-bottom: 10px;
}

div#contents div.example h5 {
	margin-left: 0;
}

div#contents dl.comment dt {
	margin-bottom: 10px;
}

div#contents dl.comment dd {
	margin-bottom: 10px;
	margin-left: -15px;	
}

div#contents dl.comment dd p {
	margin-left: -10px;	
}

div#contents div.operation {
	width: 100%;
	margin-top: 20px;
}
div#contents div.operation div.fltLeft {
	width: 45%;
	padding: 1em;
}
div#contents div.operation div.fltRight {
	width: 45%;
    float: left;
	padding: 1em;
}
div#contents div.box_info_area dl.comment dt,
div#contents div.box_info_area dl.comment dd {
	*float: none;
}

/*
----------------------------------------------------------------------------
	ｲ靂ﾌﾉ�｡�640px｡莢ﾊｲｼ､ﾎ､ﾈ､ｭ､ﾋﾅｬﾍﾑ
----------------------------------------------------------------------------
*/
@media screen and (max-width: 640px) {

div#contents div.operation div.fltLeft {
    float: clear;
	width: auto;
	margin-bottom: 0;
	padding-bottom: 0;
}
div#contents div.operation div.fltRight {
    float: clear;
	width: auto;
	margin-top: 0;
	padding-top: 0;
}
div#contents dl.comment dt {
	padding-bottom: 30px;
	margin-left: 2em;
	text-indent: -2em;
}
div#setting div.example h5 {
	margin-left: 2em;
	text-indent: -2em;
}
}