@charset "utf-8";

/* ------------------------------------------------------------------------------------------------- */

@import url(/common/css/common.css);

@import url(/common/css/model_f.css);
@import url(/common/css/model_header_nav.css);

/* ------------------------------------------------------------------------------------------------- */

html body #content {
	font-size: 12px;
	*font-size: 75%;
}

body #content * {
	font-family: Verdana, "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}

#content-wrapper {
	background: url(images/content-wrapper_bg.gif) repeat-y 0 0;
}
	
	#content-wrapper #content {
		float: left;
		width: 566px;
	}
	
	#content-wrapper #aside {
		float: right;
		width: 144px;
	}


/* clearfix */
.wrapper,
#content-wrapper {
	overflow: hidden;
	_overflow: visible;
	zoom: 1;
}

.wrapper:after,
#content-wrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* ------------------------------------------------------------------------------------------------- */

body #model_header ul.navigation {
	background: url(images/nav_bg.gif) no-repeat 0 0;
}

a:hover {
	text-decoration: underline;
}

#content #content-header {
	margin-bottom: 30px;
}
	
	#content #content-header div.category-title {
		margin-bottom: 10px;
	}
	
	#content #content-header ul.flow-navigation {
		margin-bottom: 10px;
	}
		
		#content #content-header ul.flow-navigation li {
			float: left;
			margin-left: 15px;
			padding-left: 15px;
			border-left: 1px solid #ccc;
		}
		
		#content #content-header ul.flow-navigation li.first-child {
			margin-left: 10px;
			padding-left: 0;
			border-left: none;
		}
			
			#content #content-header ul.flow-navigation li a {
				padding-left: 10px;
				background: url(images/arrow_flow-nav_01.gif) no-repeat 0 0.4em;
			}
			
			#content #content-header ul.flow-navigation li em {
				padding-left: 10px;
				background: url(images/arrow_flow-nav_02.gif) no-repeat 0 0.4em;
				color: #808080;
			}
	
	#content #content-header h1 {
		margin: 20px 0 20px;
	}

#content #content-footer {
	padding-top: 20px;
	border-top: 1px solid #ccc;
	clear: both;
}
	
	#content #content-footer ul.page-navigation {
		margin: 0;
		
	}
		#content #content-footer ul.page-navigation li {
			width: 50%;
		}
		
		#content #content-footer ul.page-navigation li.prev {
			float: left;
			padding-right: 12px;
			margin-left: -12px;
			text-align: right;
		}
		
		#content #content-footer ul.page-navigation li.next {
			float: right;
			padding-left: 12px;
			margin-right: -12px;
		}
	
	#content #content-footer ul.pagetop {
		height: 2em;
		margin: 0 0 5px;
	}
		
		#content #content-footer ul.pagetop li {
			padding-right: 12px;
			background: url(/common/images/pt_topagetop.gif) no-repeat 100% 0.25em;
			text-align: right;
		}

/* ------------------------------------------------------------------------------------------------- */


div.model div#content div.section h3 {
	color: #222222;
}

#content ul.toc {
	margin: 1em 0;
}
	
	#content ul.toc li {
		float: left;
		margin: 0 10px 5px;
		padding: 0 5px 0 10px;
		background: url(images/sp_arrow_01.gif) no-repeat left;
		white-space: nowrap;
	}

#content ul.link {
	margin: 0.5em 0 0;
}
	
	#content ul.link li {}
		
		#content ul.link li a {
			padding-left: 14px;
			background: url(/common/images/free-layout/link-block_arrow.gif) no-repeat 0 0.3em;
			font-weight: bold;
		}
			
		#content ul.link li a,
		#content ul.link li a:visited,
		#content ul.link li a:hover {
			color: #000;
		}

#content dl.note {}
	#content dl.note dt {
		float: left;
		clear: left;
		width: 1em;
		margin-right: -3px;
		font-weight: normal;
	}
	
	#content dl.note dd {
		margin-left: 1em;
		_margin-left: 0;
		zoom: 1;
	}



/* /n906il/ -------------------------------------------------------------------------------------------------
/n906il/ /n906il/.	[ CONTENT BODY ]
---------------------------------------------------------------------------------------------------- */


/* /n906il/.		section + heading + paragraph
---------------------------------------------------------------------------------------------------- */

div.model div#content {}
	div.model div#content div.section {
		margin:31px 0;
		padding:0 0 1em;
	}

	div.feature div#content div.section {
		padding:0 8px 1em;
	}

		div.model div#content div.section div.section {
			margin:0;
			padding:0;
		}

		div.model div#content div.section h2 {
			clear:both;
			margin:0 0 1em 8px;
			font-weight:bold;
		}

		div.model div#content div.section h2 img {
			margin-left:-8px;
		}

		div.model div#content div.section h3 {
				margin-bottom:0.5em;
				font-weight:bold;
				font-size:1.2em;
				line-height:1.5em;
				border-bottom:#b3b3b3 1px solid;
			}
			
		div.model div#content div.section h3 span{
		font-size:0.8em;
		line-height:1em;
		color:#656565;
		}
		
		div.model div#content div.section p {
			margin-bottom:0.5em;
			padding:0 8px;
			line-height:140%;
		}

		div.feature div#content div.section p {
			padding:0;
		}

		div.feature div#content div.section div.passed,
		div.feature div#content div.section div.passing {
			max-width:44%;
		}
		/*\*/ * html div.feature div#content div.section div.passed,
		      * html div.feature div#content div.section div.passing {
			width:44%;
		} /**/

			div.model div#content div.section p img {
				vertical-align:middle;
			}



/* ------------------------------------------------------------------------------------------------- */
.alleft {
	text-align:left;
}

.boxed {
margin-left:auto;
margin-right:auto;
}

.ml15,
p.m15 {margin:15px;}
p.ml15 {margin-left:15px;}
p.ml30 {margin-left:30px;}

p.mlr15 {margin:0 15px;}

div.pl15 {padding-left:15px;}

sup {
	font-size:80%;
	vertical-align:top;
}

.txts,
div.model div#content div.section p.txts,
div.model div#content div.section span.txts {
	font-size:80%;
}

div.model div#content div.section p.txtb,
div.model div#content div.section span.txtb {
	font-weight:bold;
}

div.model div#content div.section div.section h3 {
}

div.model div#content div.section div.section h3.mt0 {
	clear:both;
	margin-top:0px;
}

div.model div#content div.section div.section {
	clear:both;
	margin-top:0px;
}
div.model div#content div.section div.section div.section {
	clear:both;
	margin-top:10px;
}
div.model div#content div.section div.section p.fig {
	position:relative;
}


div.model div#content div.section table.clearing {
	width:95%;
}

div.model div#content div.section table.clearingFix {
	width:auto;
	border:none 0;
}

div.model div#content div.section table.clearingFix tr th,
div.model div#content div.section table.clearingFix tr td,
div.model div#content div.section table.clearing tr th,
div.model div#content div.section table.clearing tr td
{
	text-align:center;
	border:none 0;
	padding:2px;
	margin:0px;
}
div.model div#content div.section table tr td.txts {
	font-size:80%;
}
div.model div#content div.section table tr td.txtb {
	font-weight:bold;
}
div.model div#content div.section table tr td.passed {
	text-align:right;
}
div.model div#content div.section table tr td.passing {
	text-align:left;
}
div.model div#content div.section table.modeltable tr th{
	border:1px solid;
	border-color:#CCCCCC;
	padding:4px 4px 4px 4px;
	background-color:#ededed;
}
div.model div#content div.section table.modeltable tr td{
	border:1px solid;
	border-color:#CCCCCC;
	padding:4px 4px 4px 4px;
}
div.model div#content div.section table.modeltable tr th.aligncenter,
div.model div#content div.section table.modeltable tr td.aligncenter{
	text-align:center;
}
div.model div#content table.specTable {
	width:100%;
}


div.model div#content table.specTable tr th.narrow {
	vertical-align:top;
	width:auto;
	padding:0.45em 0.3em 0.2em;
}

div.model div#content table.specTable th {

}

div.model div#content table.specTable td {
	line-height:120%;
	width:400px;
}


/* ----------------------------------------------------------------------------------------------------
/n906il/ 各機能ごとに個別対応するときは、以下にスタイルを追加してください
/n906il/ -------------------------------------------------------------------------------------------------- */

div.non_float {
	clear: both;
}

.qualify {
	margin-top:1.2em;
}
/*\*/ * html .qualify {
	font-size /*\*/:83%;
} /**/

.oth_harf_left{
	width:263px;
	float:left;
	}

.oth_harf_left div.section{
	height:84px;
	}	

div.model div#content div.section div.oth_harf_left div.section h3 {
	font-weight:bold;
	font-size:1.2em;
	line-height:1.6em;
	border:none;
	float:left;

			}

.oth_harf_left span{
	font-size:0.8em;
	line-height:1em;
	}			
			
.oth_harf_right{
	width:263px;	
	float:right;
	}	

.oth_harf_right div.section{
	height:84px;
	}			

div.model div#content div.section div.oth_harf_right div.section h3 {
	font-weight:bold;
	font-size:1.3em;
	line-height:1.8em;
	border:none;
	float:left;
	margin:0;
			}	

.oth_harf_right span{
	font-size:0.8em;
	line-height:1em;
	}

div#nland{
	margin-left:8px;
	}
	
div#option h2 img{
	margin:0;
	padding:0;
	}

div#option{
	width:550px;
	background:url(images/fc_02_k_ftr.gif) no-repeat bottom;
	}

div#option li{
	list-style:url(images/fc_02_ic_list.gif) inside;
	margin:0 0 5px 20px;
	}

div#option p{
	margin:10px 20px 0 20px;
	}								

div#datalink{
	width:550px;
	background:url(images/fc_02_k_ftr.gif) no-repeat bottom;
	}

div#datalink p{
	margin:0 20px 0 20px;
	}

.mt20{
	margin-top:20px;
	}

.mt30{
	margin-top:20px;
	}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */	


.right{
	float:right;
	}

.uf_harf_left{
	width:263px;
	float:left;
	}

.uf_harf_right{
	width:263px;	
	float:right;
	}		

.uf_floatbox{
	width:368px;
	height:217px;
	}			


div.fc #content .section h3 {
	width: 100%;
}