@charset "utf-8";
/*====================================
 基本CSS
 
 1=>全体設定
 2=>ヘッダー設定
 3=>
=====================================*/

/*1=> 全体設定*/
html{
	overflow-y:scroll;
}
body{
	margin: 0;
	padding: 0;
	background-color:#F7F7F9;
}
#Container{
	width:100%;
	height:100%;
	margin: 0;
	padding: 0;
	background:url(../images/BodyBackground.jpg) top center repeat-x #F7F7F9;
	font-size:12px;
	font-weight:normal;
	text-align:center;
}
#Wrapper{
	width: 770px;
	margin:0 auto;
	text-align:center;
	background:url(../images/Background.jpg) repeat-y;
}
a{
	font-size:12px;
	overflow:hidden;
}
a:link{
	color:#0000FF;
	text-decoration:underline;
}
a:visited{
	color:#0000FF;
	text-decoration:underline;
}
a:hover{
	color:#9DE8E8;
	text-decoration:underline;
}










/*ヘッダー*/
#Header{
	width: 720px;
	margin:0 auto;
	text-align:left;
	background:url(../images/header/HeaderBackground.gif) no-repeat top left #173590;
}
#EnglishAndSearch{
	float:right;
	height:20px;
	margin-top:19px;
	margin-bottom:10px;
	list-style-type:none;
}
#EnglishAndSearch li{
	float:left;
	padding-right:10px;
	display:block;
}
#EnglishAndSearch li#English a{
	color:#FFFFFF;
	text-decoration:none;
	background:url(../images/header/HeaderListmark_off.gif) center left no-repeat;
	padding-left:12px;
	display:block;
	margin-top:0.3em;
	/*▼IE用パディング設定▼*/
	_margin-top:0;
	_padding-top:0.5em;
	_background:url(../images/header/HeaderListmark_off.gif) 0.5em left no-repeat;
}
#EnglishAndSearch li#English a:hover{
	background:url(../images/header/HeaderListmark_on.gif) center left no-repeat;
	color:#9DE8E8;
	/*▼IE用パディング設定▼*/
	_margin-top:0;
	_padding-top:0.5em;
	_background:url(../images/header/HeaderListmark_on.gif) 0.5em left no-repeat;
}
#SearchBox{
	width:80px;
}
#HeaderNavi{
	padding-left:10px;
	text-align:center;
	list-style-type:none;
}
#HeaderNavi li{
	float:left;
	width:100px;
	height:30px;
	display:block;
	text-indent:-9999px;
}
#HeaderNavi li a{
	width:100px;
	height:30px;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
}
#HeaderNaviHome,#HeaderNaviThisPageIsHome{
	clear:both;
}
#HeaderNavi li#HeaderNaviHome a{
	background:url(../images/header/HeaderNavi.gif) -3px -30px no-repeat;
}
#HeaderNavi li#HeaderNaviHome a:hover{
	background:url(../images/header/HeaderNavi.gif) -3px 0px no-repeat;
}
#HeaderNavi li#HeaderNaviThisPageIsHome{
	background:url(../images/header/HeaderNavi.gif) -3px -60px no-repeat;
}
#HeaderNavi li#HeaderNaviProducts a{
	background:url(../images/header/HeaderNavi.gif) -105px -30px no-repeat;
}
#HeaderNavi li#HeaderNaviProducts a:hover{
	background:url(../images/header/HeaderNavi.gif) -105px 0px no-repeat;
}
#HeaderNavi li#HeaderNaviThisPageIsProducts{
	background:url(../images/header/HeaderNavi.gif) -105px -60px no-repeat;
}
#HeaderNavi li#HeaderNaviUserSupport a{
	background:url(../images/header/HeaderNavi.gif) -207px -30px no-repeat;
}
#HeaderNavi li#HeaderNaviUserSupport a:hover{
	background:url(../images/header/HeaderNavi.gif) -207px 0px no-repeat;
}
#HeaderNavi li#HeaderNaviThisPageIsUserSupport{
	background:url(../images/header/HeaderNavi.gif) -207px -60px no-repeat;
}
#HeaderNavi li#HeaderNaviNews a{
	background:url(../images/header/HeaderNavi.gif) -309px -30px no-repeat;
}
#HeaderNavi li#HeaderNaviNews a:hover{
	background:url(../images/header/HeaderNavi.gif) -309px 0px no-repeat;
}
#HeaderNavi li#HeaderNaviThisPageIsNews{
	background:url(../images/header/HeaderNavi.gif) -309px -60px no-repeat;
}
#HeaderNavi li#HeaderNaviApply a{
	background:url(../images/header/HeaderNavi.gif) -411px -30px no-repeat;
}
#HeaderNavi li#HeaderNaviApply a:hover{
	background:url(../images/header/HeaderNavi.gif) -411px 0px no-repeat;
}
#HeaderNavi li#HeaderNaviThisPageIsApply{
	background:url(../images/header/HeaderNavi.gif) -411px -60px no-repeat;
}
#HeaderNavi li#HeaderNaviOutline a{
	background:url(../images/header/HeaderNavi.gif) -513px -30px no-repeat;
}
#HeaderNavi li#HeaderNaviOutline a:hover{
	background:url(../images/header/HeaderNavi.gif) -513px 0px no-repeat;
}
#HeaderNavi li#HeaderNaviThisPageIsOutline{
	background:url(../images/header/HeaderNavi.gif) -513px -60px no-repeat;
}
#HeaderNavi li#HeaderNaviInquiry a{
	background:url(../images/header/HeaderNavi.gif) -615px -30px no-repeat;
}
#HeaderNavi li#HeaderNaviInquiry a:hover{
	background:url(../images/header/HeaderNavi.gif) -615px 0px no-repeat;
}
#HeaderNavi li#HeaderNaviThisPageIsInquiry{
	background:url(../images/header/HeaderNavi.gif) -615px -60px no-repeat;
}
#TopicPath{
	/*▼IE用BOX設定▼*/
	width: 720px;
	padding:3px 0 3px 10px;
	clear:both;
	/*▼IE用フォント設定▼*/
	font-size:11px;	
	background-color:#9DE8E8;
	color:#173590;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*▼その他ブラウザ用設定▼*/
	width: 710px;
	font-size:10px;
}
#TopicPath a{
	/*▼IE用フォント設定▼*/
	font-size:11px;
	text-decoration:none;
	color:#173590;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*▼その他ブラウザ用設定▼*/
	font-size:10px;
}
#TopicPath a:hover{
	/*▼IE用フォント設定▼*/
	font-size:10px;
	color:#FF0000;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*▼その他ブラウザ用設定▼*/
	font-size:10px;
}
h1{
	text-indent: -9999px;
	float:left;
}

object{
	clear:both;
}











/*メインコンテンツ*/
#MainContents{
	width: 720px;
	margin:0 auto;
	text-align:left;
	line-height:150%;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*▼その他ブラウザ用BOX設定▼*/
	height:auto;
}
#SideNavi{
	height:600px;
	padding-left:6px;
	float:left;
}
#SideNavi strong{
	font-weight:bold;
}
#SideNavi em{
	font-weight:normal;
}
#SideNavi dt{
	margin-top:6px;
}
#SideNavi dt,#SideNavi dt a{
	/*▼IE用BOX設定▼*/
	width: 180px;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*▼その他ブラウザ用BOX設定▼*/
	width: 165px;
	display:block;
	height:30px;
	color:#173590;
}
#SideNavi dt a{
	height:30px;
	line-height:30px;
	display:block;
	padding:0 0 0 15px;
	background:url(../images/SideMenu.jpg) left top no-repeat;
	text-decoration:none;
}
#SideNavi dt a.ThisPage,#SideNavi dt a.ThisPage:hover{
	background:url(../images/SideMenu_ThisPage.jpg) left top no-repeat;
}
#SideNavi dt a:hover{
	background:url(../images/SideMenu_Hover.gif) left top no-repeat;
}
#SideNavi dt.SubMenu{
	height:26px;
	line-height:26px;
	background: url(../images/SideMenuSubTop.jpg) left top no-repeat;
	padding:0 0 0 15px;
}
#SideNavi dt.SubMenu2{
	height:32px;
	line-height:1.1;
	background: url(../images/SideMenuSubTop2.jpg) left top no-repeat;
	padding:7px 0 0 15px;
}
#SideNavi dd{
	width: 180px;
	display:block;
	padding-bottom:10px;
	background:url(../images/SideMenuSubBottom.jpg) left bottom no-repeat;
}
#SideNavi dd a{
	width: 180px;
	display:block;
	color:#173590;
	text-decoration:none;
	background:url(../images/SideMenuSubBackground.jpg) left top repeat-y;
	font-size:11px;
}
#SideNavi dd em{
	display:block;
	padding-left:15px;
	background: url(../images/SideMenuSubBorder.gif) left top no-repeat;
	height:20px;
	line-height:20px;
}
/* 100604修正開始 */
#SideNavi dd.DPlus strong{
	width:165px;
	padding-left:15px;
	margin:0;
	background:url(../images/SideMenuSubPDBackground.jpg) left top repeat-y;
	display:block;
	font-size:11px;
	color:#173590;
}
#SideNavi dd.DPlus a{
	width: 160px;
	padding-left:20px;
	display:block;
	color:#173590;
	text-decoration:none;
	background:url(../images/SideMenuSubBackground.jpg) left top repeat-y;
	font-size:11px;
}
#SideNavi dd.DPlus em{
	display:block;
	padding-left:15px;
	background: url(../images/SideMenuSubPDBorder.gif) left top no-repeat;
	height:20px;
	line-height:20px;
}
#SideNavi dd a:hover{
	background:url(../images/SideMenuSubBackground_Hover.gif) left top repeat-y;
}
#SideNavi dd.DPlus a:hover{
	background:url(../images/SideMenuSubPDBackground_Hover.gif) left top repeat-y;
}
#SideNavi dd a.ThisPage,#SideNavi dd a.ThisPage:hover{
	background:url(../images/SideMenuSubBackground_ThisPage.jpg) left top repeat-y;
}
#SideNavi dd.DPlus a.ThisPage,#SideNavi dd.DPlus a.ThisPage:hover{
	background:url(../images/SideMenuSubPDBackground_ThisPage.jpg) left top repeat-y;
}
#SideNavi dt.top{
	margin-top:0;
}
#Contents{
	/*▼IE用BOX設定▼*/
	width: 500px;
	padding-top:20px;
	padding-right:20px;
	float:right;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*▼その他ブラウザ用BOX設定▼*/
	width: 500px;
	position: relative;
}
#Contents h2{
	/*▼IE用BOX設定▼*/
	width: 500px;
	height:35px;
	padding-top:12px;
	padding-left:10px;
	background:url(../images/h2TitleBackground.jpg) repeat-x;
	display:block;
	color:#173590;
	font-size:16px;
	font-weight:bold;
	voice-family: "\"}\"";
	voice-family: inherit;
	border:1px solid #999999;
	/*▼その他ブラウザ用BOX設定▼*/
	width: 490px;
	height:23px;
}
#Contents dl{
	margin-top:20px;
}
#Contents dt{
	margin-top:10px;
}

#Contents dd{
	margin-left:10px;
}
#Contents dd strong.Underline{
	border-bottom:1px dotted #666666;
	margin-left:10px;
	margin-bottom:5px;
	display:block;
	font-size:14px;
}
#Contents dd strong.DotUnderline{
	border-bottom:1px dotted #000000;
	margin-left:10px;
	margin-bottom:5px;
	display:block;
}
.InlineBox{
	/*▼IE用BOX設定▼*/
	width:478px;
	background-color:#F8F9FE;
	border:1px solid #999999;
	margin-top:10px;
	margin-left:10px;
	padding:10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*▼その他ブラウザ用BOX設定▼*/
	width:458px;
}
.InlineBox strong.Underline{
	margin-right:10px
}
#Contents dd .InlineBox .CutationBox{
	color:#999999;
	/*▼IE用BOX設定▼*/
	width:418px;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*▼その他ブラウザ用BOX設定▼*/
	width:408px;
	border:1px solid #999999;
	background-color:#F0FFFF;
	line-height:1.2;
	padding:5px;
	margin-left:20px;
}
.MarkerLine{
	background-color:#D5ECEC;
	padding:3px 5px;
}
#Contents dd .Box{
	/*▼IE用BOX設定▼*/
	width:490px;
	background-color:#F8F9FE;
	border:1px solid #999999;
	padding:10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*▼その他ブラウザ用BOX設定▼*/
	width:470px;
}
#Contents dd .DivisionIntoTwo{
	/*▼IE用BOX設定▼*/
	width:240px;
	background-color:#F8F9FE;
	border:1px solid #999999;
	padding:10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	/*▼その他ブラウザ用BOX設定▼*/
	width:218px;
}
#Contents dd .DivisionIntoTwo .CutationBox{
	color:#999999;
	width:190px;
	border:1px solid #999999;
	background-color:#F0FFFF;
	font-size:10px;
	line-height:120%;
	padding:3px;
	margin:5px 0 10px 0;
	*margin:5px 0 10px -10px;
}
#Contents dd .Box strong,#Contents dd .DivisionIntoTwo strong{
	border-bottom:1px solid #999999;
	display:block;
}
#Contents dd .Box ul,#Contents dd .DivisionIntoTwo ul{
	margin-top:10px;
}
#Contents dd .Box li,#Contents dd .DivisionIntoTwo li{
	margin-left:15px;
}
#Contents dd .MiniBox{
	width:240px;
	background-color:#F8F9FE;
	border:1px solid #999999;
	padding:10px;
	margin:0 auto;
}
#Contents dd p{
	margin-top:0px;
	margin-left:10px;
	margin-bottom:10px;
}
#Contents dd ol{
	margin-top:0;
	margin-left:10px;
	margin-bottom:10px;
}
#Contents dd ol li{
	margin-top:0px;
	line-height:120%;
	margin-bottom:5px;
	margin-left:35px;
}
#Contents #Step li{
	margin-top:0;
	line-height:120%;
	padding-bottom:20px;
	margin-bottom:5px;
	background:url(../images/service/step.jpg) no-repeat left bottom;
}
#Contents #Step .End{
	padding-bottom:0;
	background:none;
}
#Contents dd ul{
	margin-top:0;
	margin-left:10px;
	margin-bottom:10px;
}
#Contents dd ul li{
	margin-top:0;
	line-height:1.1;
	margin-bottom:5px;
	margin-left:40px;
}
#Contents dd dl dt{
	margin-top:0;
	padding-left:10px;
}
#Contents dd dl dd{
	margin-top:0;
	padding-left:10px;
	margin-bottom:10px;
}
#Contents h3{
	margin-top: 30px;
	margin-bottom:5px;
	background:url(../images/h3TitleBackground.gif) no-repeat;
	color:#FFFFFF;
	padding-left:20px;
	position:relative;
	*height:25px;
}
#Contents dd h3{
	margin-top: 0;
	margin-bottom:5px;
	background:url(../images/h3TitleBackgroundProducts.gif) no-repeat;
	color:#FFFFFF;
	padding-left:20px;
	clear:both;
}
/*製品情報のロゴ入りH3については products_top.cssに記載*/
#Contents dd h4{
	border-bottom:3px double #000000;
	margin-left:10px;
	margin-bottom:1em;
	font-size:15px;
	position:relative;
}
#Contents dd h4 span.SubTitle{
	font-size:12px;
	font-weight:normal;
}
#Contents dd h5{
	font-size:13px;
	font-weight:bold;
	margin-top:20px;
	margin-left:20px;
	padding-left:5px;
	margin-bottom:3px;
	margin-right: 10px;
    border-left:5px solid #173590;
	border-bottom:1px dotted #173590;
	line-height:1.3;
	color:#173590;
}
#Contents p.Disclaimer{
	padding-top:0;
	color:#999999;
}
strong.Caution{
	color: #FF0000;
	font-weight:normal;
}
.SupportProcessor{
	width:450px;
	margin-left:30px;
	padding:10px 0;
	border:1px solid #999999;
	background-color:#F8F9FE;
	display:block;
}
#Contents dd div.SupportProcessor ul{
	list-style-type: none;
	margin-left:10px;
}
#Contents dd div.SupportProcessor li{
	float:left;
	width:120px;
	background:url(../images/ListmarkSquare.gif) no-repeat;
	margin-left:10px;
	padding-left: 10px;
	list-style-position: inside;
}
#Contents dd div.SupportProcessor li.wide{
	width:260px;
	float:left;
}
#Contents dd div.SupportProcessor strong{
	margin-left:10px;
	margin-right:10px;
	margin-bottom:5px;
	border-bottom:1px dotted #999999;
	display:block;
}
#RelatedLinkTitle{
	background:url(../images/RelatedLink.gif) 0 22px no-repeat;
	color:#173590;
	margin-left:20px;
	padding-top:20px;
	padding-left:20px;
}
#RelatedLink{
	margin-left:30px;
}
#DownloadLinkTitle{
	background:url(../images/DownloadLink.gif) 0 22px no-repeat;
	color:#173590;
	margin-left:20px;
	padding-top:20px;
	padding-left:20px;
}
#DownloadLink{
	margin-left:30px;
}
#RelatedPageTitle{
	background:url(../images/RelatedPage.gif) 0 22px no-repeat;
	color:#173590;
	margin-left:20px;
	padding-top:20px;
	padding-left:20px;
}
#RelatedPage{
	margin-left:30px;
}
.More{
	background:url(../images/More.gif) left center no-repeat;
	padding-left:12px;
	margin-top:3px;
}
#PreAndNext{
	clear:both;
	padding-top:20px;
	text-align:center;
}










/*フッター*/
#Footer{
	width: 770px;
	padding-top:50px;
	padding-bottom:15px;
	background:url(../images/BackgroundBottom.jpg) bottom no-repeat;
	clear:both;
}
#FooterNavi{
	width: 700px;
	list-style-type:none;
	margin:0 35px;
}
#FooterNavi li{
	float:left;
	display:block;
	margin-bottom:5px;
}
#FooterNavi li.Delimitation{
	margin-left:5px;
	padding-left:5px;
	border-left:1px solid #173590;
}
#FooterNavi li.ReadTop{
	float:right;
}
#Footer p{
	width: 720px;
	margin:0 auto;
	padding:3px 0;
}
#Copyright{
	clear:both;
	margin-top:10px;
	background-color:#173590;
	color:#FFFFFF;
	font-size:10px;
}





/*ボタン*/
a.Button{
	padding:3px 5px;
	background:url(../images/Button.jpg) left center repeat-x;
	border:1px solid #CCCCCC;
	margin-right:10px;
	color:#000000;
	text-decoration:none;
}
a.Button:hover{
	color:#666666;
	text-decoration:underline;
}




/*文字関係*/
.Center{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}




/*表関係*/
#MainContents table{
	margin-left:10px;
}
table{
	background-color:#FFFFFF;
	border-collapse:collapse;
	border-color:#999999;
}
td{
	border-color:#999999;
	vertical-align:top;
	padding:5px;
	line-height:110%;
}
td.SideDivision{
	background-color:#D5ECEC;
	text-align:center;
	font-size:10px;
	font-weight:bold;
}
td.SideDivision2{
	background-color:#F2F9F9;
	text-align:center;
	font-size:10px;
	font-weight:bold;
}
td.LengthDivision{
	background-color:#E9EDED;
	font-size:12px;
	font-weight:bold;
}
table.Style1{
	background-color:#FFFFFF;
	border-collapse:collapse;
}
table.Style1 td{
	border:1px #999999 solid;
}
table.Style1 .Line1{
	background-color:#E3E3E3;
}
table.Style1 .TitleLine1{
	font-weight:bold;
	text-align:center;
}
table.Style1 .TitleRow1{
	font-weight:bold;
}
table.Style1 .NoContents{
	background-color:#F9F9F9;
}
.SalesTermination{
	position:absolute;
	z-index:20;
	padding:2px 10px;
	background-color:#666666;
	color:#FFFFFF;
}


/*写真・図関係*/
.LeftPhoto{
	float:left;
	margin-right:10px;
}
.RightPhoto{
	float:right;
	margin-left:10px;
}
.RightPhotoAndCaption{
	width:215px;
	float:right;
	margin-left:10px;
	font-size:90%;
	color:#666666;
	line-height:100%;
	margin-right: 10px;
}
.RightPhotoAndCaption img{
	width:215px;
	margin-top:3px;
	margin-bottom:3px;
}
.Caption{
	font-size:90%;
	color:#666666;
	line-height:1.1;
}





/*回り込み*/
.Left{
	float:left;
}
.Right{
	float:right;
}






/*回り込みクリア*/
.Clear{
	clear:both;
}






/*フォントサイズ*/
.F10px{
	font-size:10px;
}
.F90Par{
	font-size:90%;
}
.Clearfix{
	display:inline-block;
}
.Clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/*余白*/
.MT0{
	margin-top:0px;
}
.MT5{
	margin-top:5px;
}
.MT10{
	margin-top:10px;
}
.MT20{
	margin-top:20px;
}
.MT30{
	margin-top:30px;
}
.MT35{
	margin-top:35px;
}
.MT40{
	margin-top:40px;
}
.MT45{
	margin-top:45px;
}
.MT50{
	margin-top:50px;
}
.MB0{
	margin-bottom:0px;
}
.MB10{
	margin-bottom:10px;
}
.MB20{
	margin-bottom:20px;
}
.MB30{
	margin-bottom:30px;
}
.MB35{
	margin-bottom:35px;
}
.MB40{
	margin-bottom:40px;
}
.MB45{
	margin-bottom:45px;
}
.MB50{
	margin-bottom:50px;
}
.ML0{
	margin-left:0px;
}
.ML10{
	margin-left:10px;
}
.ML20{
	margin-left:20px;
}
.ML30{
	margin-left:30px;
}
.ML35{
	margin-left:35px;
}
.ML40{
	margin-left:40px;
}
.ML45{
	margin-left:45px;
}
.ML50{
	margin-left:50px;
}
.ML0{
	margin-left:0px;
}
.MR10{
	margin-right:10px;
}
.MR20{
	margin-right:20px;
}
.MR30{
	margin-right:30px;
}
.MR35{
	margin-right:35px;
}
.MR40{
	margin-right:40px;
}
.MR45{
	margin-right:45px;
}
.MR50{
	margin-right:50px;
}
.ML140{
	margin-left:140px;
}
.PT5{
	padding-top:5px;
}
.PT10{
	padding-top:10px;
}
.PT20{
	padding-top:20px;
}
.PT30{
	padding-top:30px;
}
.PT40{
	padding-top:40px;
}
.PT50{
	padding-top:50px;
}


/*サイズ*/
.Width275px{
width:275px;
}