@charset "utf-8";

/*********************************************************************
 *
 *  </common/css/common.css>
 *  Created 2011/11/01
 *
*********************************************************************/

/* common
---------------------------------------------------------- */

body {
	margin: 0 auto;
	width: 960px;
	background: #e1e1e1;
	color: #333;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
	line-height: 175%;
	}


h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
}

img {
	vertical-align: top;
}

a:link,
a:visited {
	color: #666;
	text-decoration: none;
}

a:active,
a:hover {
	color: #e60021;
	text-decoration: underline;
	text-outline: none;
}


.hover:hover img{
	opacity: 0.7;

}

h1 {
	padding: 10px;
	background: #fff;
}

h1.link a {
	display: block;
	margin-left: 0px;
	padding: 4px 0 5px 16px;
	color: #fff;
	background: url(../img/bg_link_arrow_h1.png) 0 16px no-repeat !important;
}


h2 {
	margin-top: 20px;
	padding: 4px 0 5px 9px;
	border-left: 8px solid #e60021;
	background: #4d4d4d;
	color: #fff;
	font-size: 133.4%;
}

	h2 span {
		font-size: 75%;
	}

h2.link {
	margin-top: 20px;
	padding: 0;
	border: none;
	background: url(../img/bg_link_arrow_h2.gif) #e60021 2px center no-repeat;
	color: #fff;
	font-size: 133.4%;
}


	h2.link a {
		display: block;
		margin-left: 8px;
		padding: 4px 0 5px 9px;
		background: #4d4d4d;
		color: #fff;
	}

h2.link_none {
	margin-top: 20px;
	/*padding: 0;*/
	border: none;
	background: url(../img/bg_link_arrow_h2.gif) #e60021 2px center no-repeat;
	color: #fff;
	/*margin-left: 8px;*/
	padding: 4px 0 5px 9px;
	background: #4d4d4d;
	font-size: 133.4%;
}

	h2.link a:link,
	h2.link a:visited {
		_color: #fff;
	}

	h2.link a:active,
	h2.link a:hover {
		background: #616161;
		color: #fff;
	}

h4 {
	margin-top: 10px;
}

div.section {
	position: relative;
	padding: 10px;
	background: #fff;
}

	div.section h1 {
		padding: 6px 20px;
		background: url(../img/bg_h1.gif) #fff left top repeat-y;
		color: #fff;
		font-size: 200%;
		line-height: 1.5;
	}

	div.section h3 {
		margin-top: 15px;
		padding-left: 4px;
		border-left: 3px solid #e60021;
		font-size: 116.7%;
	}

		div.section h3:first-child,
		div.section h3.first-child {
			margin: 0;
		}
		div.section h3.border {
			border-bottom: 2px solid #ccc;
		}

	div.section p.text,
	div.section ul.aLink,
	div.section ul.sqLink {
		margin-top: 15px;
	}

		div.section p.text:first-child,
		div.section ul.aLink:first-child,
		div.section ul.sqLink:first-child,
		div.section p.text.first-child,
		div.section ul.aLink.first-child,
		div.section ul.sqLink.first-child {
			margin: 0;
		}

		div.section p.imgLeft + p.text,
		div.section p.imgRight + p.text {
			margin: 0;
		}

p.link {
	text-decoration:underline;
}

div.section.specialNote {
	border-top: 1px solid #e1e1e1;
}

ul.sqLink li {
	_position: relative;
	padding-left: 1em;
	background: url(../img/bg_link_arrow_sq.gif) left 0.35em no-repeat;
	/background: url(../img/bg_link_arrow_sq.gif) left 0.4em no-repeat;
	line-height: 1.5;
}

ul.aLink li {
	_position: relative;
	padding-left: 0.5em;
	background: url(../img/bg_link_arrow.gif) left 0.5em no-repeat;
	line-height: 1.5;
}

	ul.sqLink li ul.aLink {
		margin-bottom: 5px;
	}

ul.list li {
	list-style: square;
	margin-left: 1.5em;
	line-height: 1.5;
}

	ul.list li ul.sqLink li,
	ul.list li ul.aLink li {
		list-style: none;
		margin-left: 0;
	}

	ul.list li > ul.list li {
		list-style: disc;
		margin-left: 1.5em;
	}

		ul.list li > ul.list li ul.sqLink li,
		ul.list li > ul.list li ul.aLink li {
			list-style: none;
			margin-left: 0;
		}

		ul.list li > ul.list li > ul.list li {
			list-style: circle;
			margin-left: 1.5em;
		}

ul.numList li {
	list-style: decimal inside;
	margin-left: 0;
	line-height: 1.5;
}

input {
	vertical-align: middle;
}

.blank a {
	padding-right: 1.2em;
	/padding-right: 0;
	background: url(../img/icon_blank.gif) right 0.2em no-repeat;
	/background: none;
}

	.blank a span {
		padding-right: 1.2em;
		background: url(../img/icon_blank.gif) right 0.2em no-repeat;
		text-decoration: none;
	}

.pdf a {
	padding-right: 1.5em;
	/padding-right: 0;
	background: url(../img/icon_pdf.gif) right top no-repeat;
	/background: none;
}

	.pdf a span {
		padding-right: 1.5em;
		background: url(../img/icon_pdf.gif) right top no-repeat;
		text-decoration: none;
	}

.noBg {
	background: none !important;
}

.noBorder {
	border: none !important;
}

.textCenter {
	text-align: center;
}

.textRight {
	text-align: right;
}

.head {
	font-weight: bold;
}

.imgLeft {
	float: left;
	margin-right: 10px;
}

.imgRight {
	float: right;
	margin-left: 10px;
}
.imgSection img {
	width: 100%;
	height: auto;
}
.imgBorder {
	border: 1px solid #999;
}
.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.autoHeight3 {
}

.box01 {
	border: 1px solid #ccc;
	background-color: #efefef;
	padding: 20px;
}
.box02 {
	border: 1px solid #ccc;
	padding: 20px;
}
/* margin,padding
---------------------------------------------------------- */

.mt0 {
	margin-top: 0 !important;
}

.mt05 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.ml10 {
	margin-left: 10px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.p0 {
	padding: 0 !important;
}

.pt0 {
	padding-top: 0 !important;
}

.pl0 {
	padding-left: 0 !important;
}

.pl10 {
	padding-left: 10px !important;
}

.pr0 {
	padding-right: 0 !important;
}

.pr10 {
	padding-right: 10px !important;
}



.white{
color:#FFF;
}

a.white:link{
color:#FFF;
text-decoration:underline;
}

a.white:visited{
color:#FFF;
}

a.white:active{
color:#FFF;
}

a.white:hover{
color:#FFF;
}

.red {
	color: #f00;
}



/* header
---------------------------------------------------------- */

div#header {
	padding: 18px 0 10px 20px;
	background: #fff;
}

	div#header h1,
	div#header p.logo,
	div#header ul,
	div#header div.search {
		float: left;
	}

	div#header ul.utility {
		/display: inline;
		margin: 6px 0 0 20px;
	}

		div#header ul.utility li {
			float: left;
			margin-left: 15px;
		}

			div#header ul.utility li:first-child,
			div#header ul.utility li.first-child {
				margin-left: 0;
			}

	div#header ul.langage {
		/display: inline;
		margin: 6px 0 0 20px;
	}

	div#header ul.langage li {
		float: left;
		padding: 0 7px;
		border-right: 1px dotted #999;
	}

	div#header ul.langage li:first-child,
	div#header ul.langage li.first-child {
		border-left: 1px dotted #999;
	}

	body:not(:target) { padding-left: 1px\9;}

	div#header ul.link {
		display:inline-block;
		padding-left: 536px;
	}

	div#header ul.link li {
		padding: 0 7px;
		border-right: 1px dotted #999;
	}

	div#header ul.link li:first-child,
	div#header ul.link li.first-child {
		border-left: 1px dotted #999;
	}




	div#header div.search {
		margin: 3px 0 0 20px;
		/width: 250px;
	}

		div#header div.search input {
		}

		div#header div.search p.input {
			float: left;
			margin-right: 5px;
			/margin-top: 1px;
			padding: 3px 10px 3px 20px;
			background: url(../img/bg_search.gif) left top no-repeat;
		}

			div#header div.search p.input input.text {
				width: 149px;
				border: 0;
			}

/* global navi
---------------------------------------------------------- */

ul#gNav {
	float: none;
	padding: 0 15px;
	background: url(../img/bg_global_navi.gif) left top repeat-x;
}

	ul#gNav li {
		float: left;
	}

/* topic path
---------------------------------------------------------- */

p#topicPath {
	padding: 7px 0;
}

/* contentns
---------------------------------------------------------- */

div#body div.aside {
	float: left;
	margin-right: 20px;
	width: 180px;
}

	div#body div.aside p.head {
		padding: 10px 0 11px 8px;
		border-left: 8px solid #e60021;
		background: #4d4d4d;
		color: #fff;
		font-size: 116.7%;
		font-weight: bold;
	}

	div#body div.aside ul.sqLink {
	}

		div#body div.aside ul.sqLink li {
			padding: 2px 10px 3px 22px;
			border-top: 1px solid #e1e1e1;
			background: url(../img/bg_link_arrow_sq.gif) #fff 10px 0.5em no-repeat;
			/background: url(../img/bg_link_arrow_sq.gif) #fff 10px 0.63em no-repeat;
		}

			div#body div.aside ul.sqLink li.head {
				padding: 2px 10px 3px;
				background: #999;
				color: #fff;
				font-weight: normal;
			}

			div#body div.aside ul.sqLink li.current {
				background: url(../img/bg_link_arrow_sq_current.gif) #e60021 10px 0.5em no-repeat;
				/background: url(../img/bg_link_arrow_sq_current.gif) #e60021 10px 0.63em no-repeat;
			}

				div#body div.aside ul.sqLink li.current a {
					color: #fff;
				}

	div#body div.aside p.xilinx {
		margin-top: 20px;
	}

		div#body div.aside p.xilinx a {
			display: block;
			border: 1px solid #cacaca;
			margin-bottom:5px;
		}

			div#body div.aside p.xilinx a:hover {
				border: 1px solid #e60021;
			}

	div#body div.aside ul.bnrLink {
		margin-top: 20px;
	}

		div#body div.aside ul.bnrLink li {
			margin-top: 5px;
		}

			div#body div.aside ul.bnrLink li:first-child,
			div#body div.aside ul.bnrLink li.first-child {
				margin-top: 0;
			}

			div#body div.aside ul.bnrLink li a {
				display: block;
				border: 1px solid #cacaca;
			}

				div#body div.aside ul.bnrLink li a:hover {
					border: 1px solid #e60021;
				}
				div#body div.aside ul.bnrLink li a img {
					width: 100%;
					height: auto;
				}

div#body div.contents {
	float: left;
	width: 760px;
}

	div#body div.contents div.section div.indexSection {
		float: left;
		width: 590px;
	}

	div#body div.contents div.section p.caption {
		margin: 10px 20px 0;
	}

	div#body div.contents div.section p.catch {
		font-weight: bold;
	}

div#body div.section table {
	margin-top: 10px;
		width:100%

}


div#body div.section table.short {
	margin-top: 10px;
	width:60%

}


	div#body div.section table:first-child,
	div#body div.section table.first-child {
		margin: 0;
	}

	div#body div.section table th {
		padding: 10px;
		width: 94px;
		border: 1px solid #ccc;
		background: #eee;
		font-weight: bold;
	}

	div#body div.section table th.color-red  {
		padding: 10px;
		width: 94px;
		border: 1px solid #fff;
		background: #E60021;
		font-weight: bold;
		color: #fff;
		text-align: center;
	}
	div#body div.section table th.color-fff  {
		border: 1px solid #fff;
		background: #fff;
	}


	div#body div.section table td {
		padding: 10px;
		border: 1px solid #ccc;
		vertical-align: top;
	}
	div#body div.section table td.color-red {
		padding: 10px;
		border: 1px solid #fff;
		vertical-align: top;
		background: #E60021;
		color: #fff;
		text-align: center;
	}
	div#body div.section table td.color-eee {
		padding: 10px;
		border: 1px solid #fff;
		vertical-align: top;
		background: #eee;
	}
div#body div.section table.bg-eee {
	background: #eee;
}


div#body div.section table.bg-eee td{
	border: 1px solid #fff;
	text-align: center;
	vertical-align: middle;
}

div#body div.section table.tbSimple {
	width: auto!important;
}
	div#body div.section table.tbSimple>tbody>tr>th,
	div#body div.section table.tbSimple>tbody>tr>td {
		border: none;
		background: none;
		vertical-align: top;
		text-align: left;
		width: auto;
		padding: 0;
	}
	div#body div.section table.tbSimple>tbody>tr>th {
		white-space: nowrap;
		padding-right: 10px;
	}
	div#body div.section table.tbSimple.mar>tbody>tr>th,
	div#body div.section table.tbSimple.mar>tbody>tr>td {
		padding-top: 10px;
	}
	div#body div.section table.tbSimple.mar>tbody>tr:first-child>th,
	div#body div.section table.tbSimple.mar>tbody>tr:first-child>td {
		padding-top: 0;
	}

div#body div.section table.tbWhite {
	width: auto!important;
}
	div#body div.section table.tbWhite>tbody>tr>th,
	div#body div.section table.tbWhite>tbody>tr>td {
		border: 1px solid #ccc;
		background: #fff;
		vertical-align: top;
		text-align: left;
		width: auto;
		padding: 5;
	}
	div#body div.section table.tbWhite>tbody>tr>th {
		white-space: nowrap;
	}

div.section div.controlSet {
	float: left;
	margin: 10px 10px 0 0;
	width: 230px;
}

	div.section div.controlSet ul.iconSet {
		float: left;
		margin-top: 5px;
	}

	div.section div.controlSet ul.btnSet {
		float: right;
		margin-top: 5px;
	}

		div.section div.controlSet ul.iconSet li,
		div.section div.controlSet ul.btnSet li {
			/display: inline;
			float: left;
			margin-left: 5px;
		}

			div.section div.controlSet ul.iconSet li:first-child,
			div.section div.controlSet ul.btnSet li:first-child,
			div.section div.controlSet ul.iconSet li.first-child,
			div.section div.controlSet ul.btnSet li.first-child {
				margin: 0;
			}

	div.section div.controlSet ul.submitSet {
		float: left;
		margin-top: 15px;
	}

		div.section div.controlSet ul.submitSet li {
			margin-top: 5px;
			width: 230px;
			text-align: center;
		}

			div.section div.controlSet ul.submitSet li:first-child,
			div.section div.controlSet ul.submitSet li.first-child {
				margin: 0;
			}
ul.ulCaution {
	/*padding-left: 1em;*/
}
	ul.ulCaution > li {
		text-indent: -1em;
		margin-left: 1em;
	}

div.section div.textSet {
	float: left;
	margin-top: 10px;
	width: 500px;
}

	div.section div.textSet div.related {
		position: relative;
		margin-top: 15px;
		padding: 10px;
		border: 1px solid #e1e1e1;
	}



	.related_left {
		float: left;
		width: 340px;
		margin-top: 10px;
		padding: 10px;
		border: 1px solid #e1e1e1;
		clear: both;
	}


		.related_right {
		float: right;
		width: 340px;
		margin-top: 10px;
		padding: 10px;
		border: 1px solid #e1e1e1;
	}





		div.section div.textSet div.related p.head {
			color: #990000;
			font-weight: bold;
		}

		div.section div.textSet div.related ul.sqLink {
			margin-top: 10px;
		}

			div.section div.textSet div.related ul.sqLink li {
				_position: static;
			}

	div.section div.textSet div.related span {
		position: absolute;
		width: 10px;
		height: 10px;
		background: url(/common/img/bg_round.gif) left top no-repeat;
	}

		div.section div.textSet div.related span.roundTl {
			top: -1px;
			left: -1px;
			background-position: -10px -10px;
		}

		div.section div.textSet div.related span.roundTr {
			top: -1px;
			right: -1px;
			background-position: 0 -10px;
		}

		div.section div.textSet div.related span.roundBl {
			bottom: -1px;
			left: -1px;
			background-position: -10px 0;
		}

		div.section div.textSet div.related span.roundBr {
			bottom: -1px;
			right: -1px;
		}

ul.tab {
	margin-top: 25px;
	background: url(../img/bg_tab.gif) left top repeat-x;
}

	ul.tab li {
		float: left;
		padding: 0 2px 2px 3px;
		width: 185px;
		background: url(../img/bg_tab_border.gif) left top no-repeat;
	}

		ul.tab li:first-child,
		ul.tab li.first-child {
			padding: 0 2px 2px 2px;
			background: none;
		}

		ul.tab li a {
			display: block;
			padding: 6px 0 6px;
			color: #fff;
			text-align: center;
			font-size: 133.4%;
			font-weight: bold;
			line-height: 1;
		}

			ul.tab li a:link,
			ul.tab li a:visited {
				_color: #fff;
			}

			ul.tab li a:hover {
				padding: 5px 0 6px;
				border: 1px solid #a0a0a0;
				border-bottom: none;
				background: #616161;
			}

			ul.tab li.current a {
				padding: 5px 0 6px;
				border: 1px solid #f0667a;
				border-bottom: none;
				background: #e60021;
			}

div.tabContents div {
	display: none;
}

	div.tabContents div div {
		display: block;
	}

	div.tabContents div#features {
		display: block;
	}

div#body div.section.btn {
	margin-top: 20px;
	border: 1px solid #e2b4bb;
	background: #fffbe6;
	text-align: center;
}


.mt15 {
	margin-top: 15px;
}

/* page top
---------------------------------------------------------- */

p.pageTop {
	margin-top: 40px;
	border-bottom: 1px dotted #b0b0b0;
}

	p.pageTop a {
		display: block;
		float: right;
		margin-bottom: -1px;
		padding: 5px 10px 5px 21px;
		background: url(../img/bg_link_arrow_top.gif) 10px center no-repeat #b0b0b0;
		color: #fff;
	}

		p.pageTop a:link,
		p.pageTop a:visited {
			_color: #fff;
		}

		p.pageTop a:hover {
			background: url(../img/bg_link_arrow_top.gif) 10px center no-repeat #c7c7c7;
			text-decoration: none;
		}

/* footer navi
---------------------------------------------------------- */

div#fNav {
	margin-top: 20px;
}

	div#fNav > ul {
		float: left;
		padding: 0 10px;
		width: 299px;
		border-left: 1px dotted #b0b0b0;
	}

		div#fNav > ul:first-child {
			width: 300px;
			border-left: none;
		}

		div#fNav ul li.head {
			margin-bottom: 10px;
			padding: 0;
			background: none;
			color: #333;
			font-weight: bold;
		}

	/* for IE6 */
	div#fNav ul.navList {
		float: left;
		padding: 0 10px;
		width: 299px;
		border-left: 1px dotted #b0b0b0;
	}

		div#fNav ul.navList.first-child {
			width: 300px;
			border-left: none;
		}

/* footer
---------------------------------------------------------- */

div#footer {
	margin-top: 20px;
	border-top: 2px solid #e60021;
	background: #fff;
}

	div#footer ul.utility {
		padding: 8px 10px;
	}

		div#footer ul.utility li {
			float: left;
			padding: 0 7px;
			border-right: 1px dotted #999;
		}

			div#footer ul.utility li:first-child,
			div#footer ul.utility li.first-child {
				border-left: 1px dotted #999;
			}

	div#footer div.section {
		border-top: 1px solid #e1e1e1;
	}

	div#footer p.logo {
		float: left;
	}

	div#footer p.copyright {
		float: right;
		margin-top: 29px;
		font-size: 1%;
	}

/* clearfix
---------------------------------------------------------- */

div#header,
ul#gNav,
div#body,
div#fNav,
div#footer,
div#footer ul.utility,
div.section,
p.pageTop,
ul.tab,
.clearfix {
	/zoom:1;
}

div#header:after,
ul#gNav:after,
div#body:after,
div#fNav:after,
div#footer:after,
div#footer ul.utility:after,
div.section:after,
p.pageTop:after,
ul.tab:after,
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

 span.link a{
	text-decoration:underline !important;
	color:#0000ff !important;
}