﻿@charset "utf-8"; 

/*--------------------------------------------------------------------
･Menu			LocalMenu
･Contents		Contents area
･Page-title		PageTitle
･block			ContentsBlock
･clearfix
･IconLink
･get-appli		Download
･text-area		UniversalTextArea
･table			UniversalTable
･etc
------------------------------------------------------------------------*/

/*---------------------------------------------------------Menu*/

/*-------------------------------------------------Left*/
#Menu-l{
	width:180px;
	float:left;
	padding-bottom:10px
	}

#Menu-l .menu_bg{
	padding:0 0 16px 0;
	background:url(../img/menu_bot.gif) no-repeat right bottom;
	}
#Menu-l h2{
	padding:0 0 0 11px;
	}

#Menu-l ul{
	width:155px;
	margin:4px 0 0 17px;
	padding:0;
	background:url(../img/line01.gif) repeat-x left bottom;
	}
#Menu-l ul ul,
#Menu-l ul ul ul{
	margin-top:0;
	padding:0;
	background:none;
	}

#Menu-l li{
	margin:0;
	padding:0;
	background:url(../img/line01.gif) repeat-x left top;
	list-style-type:none;
	}
#Menu-l li a{
	font-size:85%;
	line-height:135%;
	text-decoration:none;
	margin:0;
	padding:6px 3px 6px 14px;
	background:url(../img/icon01.gif) no-repeat 4px 11px;
	display:block;
	}
#Menu-l li a:visited{text-decoration:none;color:#3366cc;}
#Menu-l li a:hover{text-decoration:underline;color:#0033cc;}

#Menu-l li a{width:138px;}
* html #Menu-l li a{width:100%;}
*+html #Menu-l li a{width:138px;}
html:first-child #Menu-l li a{width:138px;}

#Menu-l li li a{width:130px;}
* html #Menu-l li li a{width:100%;}
*+html #Menu-l li li a{width:130px;}
html:first-child #Menu-l li li a{width:130px;}

#Menu-l li li li a{width:121px;}
* html #Menu-l li li li a{width:100%;}
*+html #Menu-l li li li a{width:121px;}
html:first-child #Menu-l li li li a{width:121px;}

#Menu-l li.live ul,
#Menu-l li.live ul ul,
#Menu-l li.live-off ul,
#Menu-l li.live-off ul ul{
	margin:0;
	padding:0;
	background:none;
	}
#Menu-l li.live a{
	font-weight:bold;
	color:#4d5c6d;
	margin-bottom:1px;
	background:#f0f2f3 url(../img/menu_bg01.gif) repeat-x left top;
	}
#Menu-l li.live-off a{
	background:url(../img/icon04.gif) no-repeat 4px 11px;
	}



#Menu-l li.live li a,
#Menu-l li.live li li a{
	font-weight:normal;
	color:#1a6ede;
	}
#Menu-l li.live li a,
#Menu-l li.live-off li a{
	padding-left:22px;
	background:url(../img/icon05.gif) no-repeat 14px 13px;
	}
#Menu-l li.live li li a,
#Menu-l li.live-off li li a,
#Menu-l li.live-off li.live li a,
#Menu-l li.live-off li.live-off li a{
	padding-left:31px;
	background:url(../img/icon05.gif) no-repeat 23px 13px;
	}

#Menu-l li.live-off li.live a{
	background:#f0f2f3 url(../img/menu_bg02.gif) no-repeat left top;
	}

#Menu-l li.live-off li.live-off a{
	background:url(../img/icon04.gif) no-repeat 12px 11px;
	}


#Menu-l li.live-off li.live-off li.live a{
	background:#f0f2f3 url(../img/menu_bg03.gif) no-repeat left top;
	}




#Menu-l .banner01{
	text-align:right;
	margin:0;
	padding:7px 0 0 0;
	}
#Menu-l .banner04{
	background:none;
	}




/*---------------------------------------------------------Contents*/
#Contents-size01{
	width:738px;
	float:right;
	}
#Contents-size02{
	width:693px;
	float:left;
	}
#Contents-size03{
	width:497px;
	float:right;
	}
#Contents-size04{
	width:736px;
	float:left;
	}
#Contents-size05{
	width:738px;
	float:right;
	}
#Contents-size06{
	width:729px;
	margin-left:102px;
	background:url(../img/cont06bg_b.gif) no-repeat center bottom
	}
#Contents-size06 .bg{
	padding:19px 0 15px 0;
	background:url(../img/cont06bg_t.gif) no-repeat center top;
	}
#Contents-size07{
	width:729px;
	margin-left:102px;
	padding-bottom:15px;
	}


/*---------------------------------------------------------Page-title*/
#Page-title01{
	height:35px;
	}
#Page-title01 h1{
	padding:0 0 0 11px;
	}
#Page-title02{
	height:35px;
	}
#Page-title02 h1{
	margin:0;
	padding:0;
	}
#Page-title03{
	height:35px;
	}
#Page-title03 h1{
	margin:0;
	padding:0;
	float:left;
	}
#Page-title03 ul.link{
	margin:0;
	padding:11px 12px 0 0;
	float:right;
	}
#Page-title03 ul.link li{
	margin:0;
	padding:0;
	float:left;
	list-style-type:none;
	}
#Page-title04{
	height:36px;
	}
#Page-title04 h1{
	font-size:140%;
	letter-spacing:-0.1em;
	line-height:100%;
	color:#435077;
	margin:0;
	padding:0 0 0 11px;
	background:url(../products/img/title.gif) no-repeat left top;
	}
html:first-child #Page-title04 h1{
	font-size:110%;
	letter-spacing:normal;
	}
#Page-title04 h1 span{
	margin-left:15px;
	}
#Page-title05{
	width:730px;
	height:35px;
	text-align:left;
	margin-left:102px;
	padding:0;
	}
#Page-title05 h1{
	margin:0;
	padding:0;
	}




/*---------------------------------------------------------IconLink*/
.link-area{
	}
.link-area .link-l{
	width:45%;
	float:left;
	}
.link-area .link-r{
	width:45%;
	float:right;
	}

.link-l{
	padding:0 0 10px 0;
	}
.link-l a{
	padding:0 0 0 11px;
	background:url(../img/icon03.gif) no-repeat left 4px;
	}
.link-r{
	text-align:right;
	padding:0 12px 10px 0;
	}
.link-r a{
	margin:0 0 0 1em;
	padding:0 0 0 11px;
	background:url(../img/icon03.gif) no-repeat left 4px;
	}

.link-pdf a{			/*PDF*/
	margin:0;
	padding:1px 3px 5px 22px;
	background:url(../img/icon_item_pdf.gif) no-repeat left 0px;
	}
	
.link-r a.list{			/* return list*/
	margin:0;
	padding:1px 0 5px 22px;
	background:url(../img/icon07.gif) no-repeat left 1px;
	}
.link-r a.top{
	margin:0 0 0 1em;
	padding:1px 0 5px 22px;
	background:url(../img/icon_gotop.gif) no-repeat 0 2px;
	}
a.data-file{
	padding:1px 3px 5px 22px;
	background:url(../img/icon_item_file.gif) no-repeat left 0px;
	}
a.data-pdf{
	padding:1px 3px 5px 22px;
	background:url(../img/icon_item_pdf.gif) no-repeat left 0px;
	}





/*---------------------------------------------------------get-appli*/
#get-appli01{
	margin-bottom:15px;
	}
#get-appli01 .pdf{
	width:49%;
	}
#get-appli01 .real{
	width:49%;
	}
#get-appli01 .pdf .pic{
	width:92px;
	float:left;
	}
#get-appli01 .real .pic{
	width:92px;
	float:left;
	}
#get-appli01 .pdf .text,
#get-appli01 .real .text{
	font-size:68.5%;
	line-height:140%;
	}

#get-appli02{
	margin-bottom:15px;
	}
#get-appli02 .pic{
	width:100px;
	float:left;
	}
#get-appli02 .pic2{
	width:152px;
	float:left;
	}
#get-appli02 .text{
	font-size:68.5%;
	line-height:140%;
	}



/*---------------------------------------------------------etc*/
.float-l{
	float:left;
	}
.float-r{
	float:right;
	}
.text-l{
	text-align:left;
	}
.text-r{
	text-align:right;
	}
.text-c{
	text-align:center;
	}

.inner-link{
	font-weight:bold;
	color:#546179;
	padding:0;
	}
.inner-link span{
	font-weight:bold;
	color:#dfdfdf;
	padding:0 7px;
	}
.inner-link a:visited{color:#1a6ede;text-decoration:underline;}

.inner-link02{
	padding:0 0 12px 0;
	}
.inner-link02 ul.link{
	margin:0;
	padding:5px 12px 0 0;
	float:right;
	}
.inner-link02 ul.link li{
	margin:0;
	padding:0;
	float:left;
	list-style-type:none;
	}

.color-red{
	color:#aa3e25;
	}




/*---------------------------------------------------------paragraph*/
.block01{
	width:729px;
	margin:0 0 12px 0;
	padding:0 0 2px 0;
	background:url(../img/cont_bot.gif) no-repeat bottom;
	}
.block01-end{
	width:729px;
	margin:0;
	padding:0 0 2px 0;
	background:url(../img/cont_bot.gif) no-repeat bottom;
	}
.block01 .bg,
.block01-end .bg{
	background:url(../img/cont06bg_t.gif) no-repeat center top;
	}

.block01 h2,
.block01-end h2{
	padding-bottom:10px;
	}

/*---------------------------------------------------------text-area*/
.text-area01,
.text-area01-end{
	padding:0 12px;
	}
.text-area01 h3,
.text-area01-end h3{
	font-size:85%;
	font-weight:bold;
	margin:0;
	padding:0 0 10px 0
	}
.text-area01 .float-l,
.text-area01-end .float-l{
	width:352px;
	padding-bottom:10px;
	float:left;
	}
.text-area01 .float-r,
.text-area01-end .float-r{
	width:352px;
	text-align:left;
	padding-bottom:10px;
	float:right;
	}
.text-area01 .link-r,
.text-area01-end .link-r{
	margin:0;
	padding:0 12px 10px 0;
	}
.text-area01 .link-r a,
.text-area01-end .link-r a{text-decoration:underline;}
.text-area01 .link-r a:visited,
.text-area01-end .link-r a:visited{color:#1a6ede;text-decoration:underline;}
.text-area01 .link-r a:hover,
.text-area01-end .link-r a:hover{text-decoration:underline;}


/*---------------------------------------------------------text-cell*/
.text-box01{
	padding:0 0 10px 0;
	background:url(../img/text_cell01.gif) no-repeat top;
	}
.text-box01-end{
	padding:0 0 18px 0;
	background:url(../img/text_cell01.gif) no-repeat top;
	}
.text-box02{
	padding:22px 0 10px 0;
	background:url(../img/text_cell02.gif) no-repeat top;
	}
.text-box02-end{
	padding:22px 0 18px 0;
	background:url(../img/text_cell02.gif) no-repeat top;
	}
.text-box03{
	background:url(../img/text_cell03.gif) no-repeat top;
	}
.text-box03-end{
	padding-bottom:18px;
	background:url(../img/text_cell03.gif) no-repeat top;
	}
.text-box04{
	background:url(../img/text_cell04.gif) repeat-x top;
	}
.text-box05{
	padding:0 0 10px 0;
	}



/*------------------------------------------<h3>Image*/
.text-box01 h3.item,
.text-box01-end h3.item{
	padding:21px 0 10px 19px;
	}
.text-box02 h3.item,
.text-box03 h3.item{
	padding:21px 0 12px 19px;
	}
.text-box05 h3.item{
	padding:0 0 10px 0;
	}

/*------------------------------------------<h3>Icon*/
h3.icon01{
	font-size:85%;
	font-weight:bold;
	color:#454545;
	margin:0;
	padding:2px 0 7px 10px;
	background:url(../img/item_ico01.gif) no-repeat left 1px;
	}

/*------------------------------------------text*/
.text-box01 p,
.text-box01-end p{
	margin:0 30px 10px 30px;
	}
.text-box02 p,
.text-box02-end p{
	margin:0 20px 10px 20px;
	}
.text-box02 p{
	margin:0 10px 10px 19px;
	}
.text-box05 p{
	padding:0 0 10px 12px;
	}
.text-box05 p.end{
	padding:0 0 0 12px;
	}


/*---------------------------------------------------------clearfix*/
#Page-title,
#get-appli01,
#get-appli02,
.link-area,
.inner-link02,
.text-area01,
.text-area01-end,
.text-box01,
.text-box01-end,
.text-box02,
.text-box02-end,
.text-box03,
.text-box04{
	display: inline-block;
	}
#Page-title:after,
#get-appli01:after,
#get-appli02:after,
.link-area:after,
.inner-link02:after,
.text-area01:after,
.text-area01-end:after,
.text-box01:after,
.text-box01-end:after,
.text-box02:after,
.text-box02-end:after,
.text-box03:after,
.text-box04:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
/* IE-mac \*/
* html #Page-title,
* html #get-appli01,
* html #get-appli02,
* html .link-area,
* html .inner-link02,
* html .text-area01,
* html .text-area01-end,
* html .text-box01,
* html .text-box01-end,
* html .text-box02,
* html .text-box02-end,
* html .text-box03,
* html .text-box04{
	height: 1%;
	}
#Page-title,
#get-appli01,
#get-appli02,
.link-area,
.inner-link02,
.text-area01,
.text-area01-end,
.text-box01,
.text-box01-end,
.text-box02,
.text-box02-end,
.text-box03,
.text-box04{display: block;}
/* End */ 


/*---------------------------------------------------------table*/
table.type01{
	border-collapse:collapse;
	border-color:#d7d6d6;
	border-style:solid;
	border-width:1px 0 0 1px;
	}
table.type01 th{
	font-size:85%;
	font-weight:bold;
	line-height:150%;
	color:#5b5c62;
	padding:7px;
	background:#f1f9fc;
	border-color:#d7d6d6;
	border-style:solid;
	border-width:0 1px 1px 0;
	vertical-align:top;
	}
table.type01 th.th01{
	background:#fcfbed;
	}
table.type01 td{
	font-size:85%;
	line-height:150%;
	color:#454545;
	padding:7px;
	background:#ffffff;
	border-color:#d7d6d6;
	border-style:solid;
	border-width:0 1px 1px 0;
	vertical-align:top;
	}






/*---------------------------------------------------------etc*/
dl.policy{
	margin-bottom:-15px;
	padding:5px 15px 0 15px;
	}
dl.policy dt{
	font-size:85%;
	font-weight:bold;
	margin:0;
	padding:0 0 5px 0;
	}
dl.policy dd{
	font-size:85%;
	line-height:150%;
	margin:0;
	padding:0 0 1.5em 1.5em;
	}
dl.policy dd ol{
	margin:0;
	padding:0 0 0 1.5em;
	}
dl.policy dd li{
	margin:0;
	padding:0 0 0.5em 0;
	}
dl.policy .getacro{
	margin:0;
	padding:0.3em 0 0 0;
	}
dl.policy .getacro img{
	margin:7px 7px 0 0;
	vertical-align:-8px;
	}
dl.policy table{
	margin:0.5em 0;
	}
dl.policy td,
dl.policy th{
	font-size:100%;
	}
* html dl.policy th,
* html dl.policy td{font-size:85%;}
*+html dl.policy th,
*+html dl.policy td{font-size:100%;}
html:first-child dl.policy th,
html:first-child dl.policy td{font-size:100%;}
dl.policy .caution{
	font-size:90%;
	margin-left:1.5em;
	}
dl.policy .caution .list{
	text-indent:-1.8em;
	margin:0 0 0 1.8em;
	}
.print-area{
	text-align:right;
	padding-bottom:6px;
}

dl.policy td.banner img{
	margin:3px 5px;
	}


.under-con{
	margin:0 12px;
	padding:133px 0;
	text-align:center;
	background-image: url(../img/under_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;	
}



/*---------------------------------------------------------map*/

.map .bg{
	padding-top:20px;
	}
.map .text-box02{
	padding-top:17px;
	}
.map table{
	margin-left:32px;
	}
.map table td{
	vertical-align:top;
	}
.map h3{
	font-size:85%;
	font-weight:bold;
	color:#454545;
	padding:5px 0 7px 10px;
	}
.map ul,
.map li,
.map ul ul,
.map ul ul li{
	margin:0;
	padding:0;
	list-style-type:none;
	}
.map ul{
	padding-left:10px;
	padding-bottom:5px;
	}
.map li{
	padding-left:10px;
	padding-bottom:5px;
	background:url(../img/icon03.gif) no-repeat left 7px;
	}

.map ul ul{
	padding-left:7px;
	padding-top:5px;
	padding-bottom:0;
	}
.map ul ul li{
	padding-left:10px;
	padding-bottom:5px;
	background:url(../img/icon06.gif) no-repeat left 7px;
	}
.map li a{
	font-size:75%;
	line-height:150%;
	}

.map .product h3{
	background:url(../products/img/item_bg02.gif) no-repeat left 5px;
	}
.map .support h3{
	background:url(../support/img/icon02.gif) no-repeat left 5px;
	}
.map .about h3{
	background:url(../img/item_ico01.gif) no-repeat left 5px;
	}
.map .env h3{
	background:url(../environment/img/item_ico01.gif) no-repeat left 5px;
	}

.map .link-sub li{
	padding-right:40px;
	display:inline;
	float:left;
	}
