@charset "UTF-8";

/*=============================‘S”ʐݒè=============================*/

*{
	margin:0;
	padding:0;
}

body{
	background:url("../img/body_bg.gif") repeat #EEEEEE;
	color:#666;
	font-family:"Helvetica", "‚l‚r ‚oƒSƒVƒbƒN", "osaka", sans-serif;
	font-size:10pt;
	text-align:left;
	line-height:1.4;
	font-weight: normal;
}
a:link, a:active{
	color:#666;
	text-decoration:none;
}
a:visited{
	color:#666;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a.link{
	background:url("../img/parts_arrow02.gif") no-repeat 0 0.3em;
	padding:1px 0 1px 15px;
}
#submenu ul li a, #submenu ul li a:visited,
ul.bottomlink li a, ul.bottomlink li a:visited,
ul.menu li a, ul.menu li a:visited,
ul.intersafe a, ul.intersafe a:visited,
a.link,
#main a, #main a:visited,
#topnews dt a, #topnews dt a:visited{
	text-decoration:underline;
	color:#666;
}
#submenu ul li a:hover,
ul.bottomlink li a:hover,
ul.menu li a:hover,
a.link:hover,
#main a:hover,
#topnews dt a:hover{
	text-decoration:none;
}
ul{
	list-style:square;
}
ul.mark{
	list-style:none;
	margin:0.5em 1.5em;
}
ul.mark li{
	background:url("../img/parts_arrow01.gif") no-repeat 0 0.3em;
	padding:0 0 0 13px;
}
ul.mark li ul li{
	background:none;
	padding:0;
	margin-left:15px;
}
ul.menu{
	list-style:none;
	margin:4px;
}
ul.menu li{
	background:url("../img/parts_arrow02.gif") no-repeat 0 0.3em;
	padding:0 0 0 13px;
	display:inline;
	margin:0 3px;
	font-weight:bold;
}
ul.sitemap{
	width:300px;
	margin:10px;
	list-style:none;
}
ul.sitemap li{
	background:url("../img/parts_arrow02.gif") no-repeat 0 0.3em;
	padding:0 0 0 13px;
	display:block;
	margin:1px 3px;line-height:1.6;
}
ul.sitemap li li{
	background:url("../img/parts_arrow01.gif") no-repeat 0 0.2em;
	padding:0 0 0 13px;
	font-size:80%;
	color:#999;
}
ul.sitemap a, ul.sitemap a:link, ul.sitemap a:visited, ul.sitemap a:hover{
	color:#39C;
	text-decoration:underline;
}
ul.sitemap a:visited{
	color:#369;
}
ul.sitemap a:hover{
	text-decoration:none;
}
ul.sitemap li ul{
	list-style:none;
}
ul.sitemap li li a, ul.sitemap li li a:link, ul.sitemap li li a:visited, ul.sitemap li li a:hover{
	color:#666;
	text-decoration:none;
}
ul.sitemap li li a:hover{
	text-decoration:underline;
}
ul.none{
	margin:0 0 0 1em;
}
dl.interview{
	width:auto;
	margin:0.5em 1.5em;
}
dl.interview dt{
	font-weight:bold;
	padding-left:14px;
	background:url("../img/interview_bg.gif") no-repeat left center;
	color:#1B6076;
}
dl.interview dt.attention{
	background:url("../img/h4_bg.gif") no-repeat left center;
}
dl.interview dd{
	margin-left:14px;
	margin-bottom:1em;
}
dl.interview dd p{
	margin:0;
	padding:0;
}
dl.mark{
	margin:0.5em 1.5em;
}
dl.mark dt{
	background:url("../img/parts_arrow01.gif") no-repeat 0 0.3em;
	padding:0 0 0 13px;
	font-weight:normal;
	margin-top:0em;
}
dl.mark dd{
	padding-left:1em;
}
td > dl.mark{
	margin:0.3em 0;
}
dl.caption160, dl.caption200{
	width:160px;
	margin:5px;
	float:left;
}
dl.caption160 dt, dl.caption200 dt{
	font-weight:bold;
	padding:2px 0;
}
dl.caption160 dd, dl.caption200 dd, dl.caption140 dd{
	font-size:80%;
	color:#999;
}
dl.caption200{
	width:200px;
	margin-right:10px;
}
dl.caption140{
	width:140px;
	float:right;
	margin:0 10px 10px 10px;
	text-align:center;
}
ol{
	margin:10px;
	padding-left:20px;
}
ol li{
	margin:5px 0;
}

.new{
	background:url("../img/parts_new.gif") no-repeat center left;
	padding-left:40px;
}
.small{
	font-size:80%;
	color:#999;
}
.large{
	font-size:120%;
	font-weight:bold;
}
.clear{
	clear:both;
}
.none{
	clear:none;
}
table, th, tr, td{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
}
table.line{
	margin-left:20px;
	border-collapse:collapse;
}
table.line th, td{
	border:1px solid #CCC;
	border-collapse:collapse;
	padding:3px 8px;
	vertical-align:top;
}
table.line th{
	padding:3px 8px;
	text-align:left;
	background:#EEEEEE;
	vertical-align:middle;
}
table.line th.title{
	background:#999;
	font-weight:bold;
	padding:3px 10px;
	color:#FFF;
}
img{
	border-width:0;
	line-height:1;
	vertical-align:top;
}
img.left{
	margin:0 10px 10px 0;
	float:left;
}
img.right{
	margin:0 0 10px 10px;
	float:right;
}
img.sright{
	width:150px;
	margin:0 0 10px 10px;
	float:right;
}
img.spc{
	margin-right:5px;
}

.photo{
	background:url("../img/img_photo.gif") right bottom;
	margin:0 0 5px 15px;
	float:right;
}

.photo img{
	position:relative;
	left:-3px;
	top:-3px;
	padding:5px;
	background:#FFF;
	border:1px solid #CCC;
}
.photo a:hover img{
	border:1px solid #C36;
}
h1{
	width:241px;
	height:50px;
	margin:10px 0 0 5px;
	float:left;
}

h2{
	width:530px;
	height:140px;
	margin:10px 0 0 0;
}
h3{
	clear:both;
	margin:10px 0;
}
h4{
	clear:both;
	margin:15px 0;
	padding:0 0 0 20px;
	font-size:110%;
	line-height:1.1;
	background:url("../img/h4_bg.gif") no-repeat 0 0.2em;
	color:#1B6076;

}
h5{
	clear:both;
	margin:15px 15px;
	font-size:100%;
	padding:2px 0 3px 10px;
	line-height:1.1;
	border-bottom:1px solid #CCC;
	border-left:8px solid #CCC;
}

h6{
	font-size:100%;
	margin:10px;
}
p{
	width:auto;
	margin:10px 15px;
}
p.right{
	clear:both;
	text-align:right;
}
p.totop{
	clear:both;
	text-align:right;
	margin-top:25px;
	margin-bottom:5px;
}
.chartl{
	width:219px;
	background:url("../img/parts_rightbottom.gif") no-repeat right bottom #D9EFF7;
	margin:0 3px 5px 3px;
	padding:6px;
	float:left;
}
.chartr{
	width:218px;
	background:url("../img/parts_rightbottom.gif") no-repeat right bottom #D9EFF7;
	margin:0 3px;
	padding:6px;
	float:left;
}
.chartc{
	width:28px;
	margin:0;
	float:left;
}
hr{
	clear:both;
	margin:5px 0;
	height:1px;
	border:none;
	background:url("../img/parts_dotline.gif") repeat-x center #FFF;
}
#header, #navibar, #submenu, #footer{
	width:800px;
}
#container{
	width:802px;
	background:url("../img/container_bg.gif") repeat-y #FFF;
	margin:0;
	text-align:left;
}
.background{
	background:url("../img/header_bg.gif") repeat-x top;
	width:100%;
}
#main{
	width:530px;
	margin-left:15px;
	margin-bottom:30px;
	float:left;
}

#fullmain{
	clear:both;
	width:755px;
	padding:0 10px;
	margin:10px 0 0 10px;
	background:url("../img/full_h2_bg.jpg") no-repeat top;
}
#fullmain h2{
	width:auto;
	height:auto;
	line-height:1;
	font-size:110%;
	padding:20px 0 20px 0;
	margin:0 20px 20px 30px;
	border:0;
}
#fullmain h3{
	font-size:110%;
}
#fullmain > h2 + h3{
	margin-top:-20px;
}
#fullmain p, #fullmain ol{
	margin:10px 20px;
}
.fullcol{
	width:370px;
	margin-right:5px;
	float:left;
}
ul#productmenu{
	height:30px;
	list-style:none;
	background:url("../product/img/menu_bg.gif") no-repeat;
	padding-left:2px;
}
ul#productmenu li{
	width:71px;
	height:26px;
	margin-left:3px;
	background-color:#D9EFF7;
	line-height:1;
	float:left;
}
ul#productmenu li.intersafe{
	width:212px;
	background-color:#FFD9BF;

}
ul#productmenu li a, ul.bottomlink li{
	display:block;
}
ul#productmenu li a:hover{
	display:block;
	background-color:#EAF7FB;
}
ul#productmenu li.intersafe a:hover{
	display:block;
	background-color:#FFECDF;
}
ul#productmenu li.recent{
	background-color:#7ECAE2;
}
ul.bottomlink{
	clear:both;
	width:auto;
	text-align:center;
	list-style:none;
	background:url("../img/parts_dotline.gif") repeat-x top;
	border-width:1px 0 0px 0;
	padding:3px 0;
	margin:30px 0 5px 5px;
	line-height:1;
}
ul.bottomlink li{
	display:inline;
	padding:2px 3px;
	margin-right:8px;
}
ul.bottomlink li.recent{
	background-color:#7ECAE2;
	font-weight:bold;
}
#sidemenu{
	width:230px;
	padding-left:10px;
	line-height:1.3;
	margin-top:10px;
	margin-bottom:50px;
	float:left;
}
#sidemenu img{
	line-height:1;
}
#sidemenu ul{
	padding:3px 7px;
	margin-bottom:5px;
	list-style:none;
	font-size:90%;
}
#sidemenu dl.case{
	background:url("../img/topcase_bg.gif") no-repeat bottom #F0F0F0;
}
#sidemenu dt, #sidemenu dd{
	margin-bottom:5px;
}
#sidemenu li.recent{
	font-weight:bold;
	color:#999;
}

/* Intersafe */
#intersafe{
	width:500px;
	margin:10px 0;
}

#intersafe #head1, #intersafe #head2{
	width:230px;
	height:20px;
	margin:0 5px;
	background:#CCC;
	vertical-align:bottom;
	float:left;
}

#intersafe h3{
	margin-top:0;
}

/*----------------------- header -----------------------*/
#header{
	height:60px;
	font-size:80%;
}

#header ul#headerlink{
	width:320px;
	list-style:none;
	text-align:right;
	background:url("../img/parts_dotline.gif") repeat-x bottom;
	margin:10px 0 0 220px;
	padding-bottom:5px;
	float:left;
}
#header ul#headerlink li{
	display:inline;
	background:url("../img/parts_arrow01.gif") no-repeat left center;
	padding-left:13px;
	margin-right:10px;
}

/*----------------------- navibar -----------------------*/
#navibar{
	clear:both;
}
#navibar ul{
	list-style:none;
	border-bottom:4px solid #F60;
	height:26px;
}

#navibar ul img{
	width:113px;
	height:26px;
}
#navibar ul li{
	width:113px;
	margin-left:1px;
	float:left;
}

#navibar ul li a:hover img{
	filter:alpha(opacity=50);
	opacity:0.5;
}

/*----------------------- submenu -----------------------*/
#submenu{
	clear:both;
	height:33px;
	background-color:#F60;
	line-height:1;
}
#submenu ul{
	padding-top:13px;
	background-color:#F60;

}
#submenu ul li{
	display:inline;
	margin-left:10px;
	padding:4px 5px 6px 18px;
	border-right:#FFAB73;
	background:url("../img/parts_arrow01.gif") no-repeat 0.3em 0.5em;
}
#submenu ul li.recent{
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-left:1px solid #FFAB73;
	border-bottom:1px solid #FFF;
	background-color:#FFF;
	color:#999;
}


/*-----------------------footerÝ’è-----------------------*/
#footer{
	clear:both;
	height:55px;
	line-height:1;
	font-size:80%;
	margin-top:60px;
	border-bottom:4px solid #F60;
}
#footer ul{
	width:320px;
	list-style:none;
	margin:10px 0 0 10px;
	padding-bottom:5px;
	float:left;
}
#footer ul li{
	display:inline;
	background:url("../img/parts_arrow01.gif") no-repeat left center;
	padding-left:13px;
	margin-right:10px;
}
#footer img{
	margin:0 10px;
}
#footer img#copyright{
	width:261px;
	margin-top:10px;
	float:right;
}
/*-----------------------index.html-----------------------*/
#mainimage{
	margin:10px;
	width:780px;
	height:auto;
}
body#toppage h2{
	width:230px;
	height:auto;
	margin-bottom:5px;
}
body#toppage h3{
	clear:both;
	margin:0;
}
#topcase{
	width:230px;
	padding-left:10px;
	margin-bottom:50px;
	line-height:1.3;
	float:left;
}
#topproduct{
	width:195px;
	margin-bottom:50px;
	line-height:1.3;
	float:left;
}

#topproduct a:hover img{
	filter:alpha(opacity=50);
	opacity:0.5;
}

#topcase ul, #topcase dl{
	background:url("../img/topcase_bg.gif") no-repeat bottom #F0F0F0;
	padding:7px 7px;
	margin-bottom:10px;
	list-style:none;
}

#topproduct ul{
	list-style:none;
	padding:5px 7px;
	font-size:90%;
}
#topcase li, #topcase dt, #topproduct li, #sidemenu li{
	background:url("../img/parts_arrow02.gif") no-repeat 0 0.3em;
	padding-left:13px;
	margin-bottom:3px;
}
#topcase dd{
	font-size:80%;
	padding-left:13px;
	color:#999;
}
#sidemenu li ul{
	list-style:square;
	margin:0 2px;
	font-size:100%;
}
#sidemenu li ul li{
	padding:0;
	background:none;
}
#topcase h3{
	background:url("../img/parts_dotline.gif") repeat-x bottom #F0F0F0;
	padding-bottom:6px;
}

/* tab */
#topnews{
	width:280px;
	padding-left:20px;
	float:left;
}

#head1, #head2{
	width:108px;
	height:20px;
	margin-right:10px;
	background:#CCC;
	vertical-align:bottom;
	float:left;
}
#topnews dl{
	clear:both;
	border:1px solid #CCC;
	border-top:4px solid #999;
	padding:3px 7px;
}
#topnews dt{
	background:url("../img/parts_arrow02.gif") no-repeat 0 0.3em;
	padding-left:15px;
	font-weight:bold;
	margin-top:5px;
}
#topnews dd{
	font-size:80%;
	padding:3px 0 5px 15px;
	background:url("../img/parts_dotline.gif") repeat-x bottom;
}
#topnews dd.last{
	text-align:right;
	background:none;
}


.box{
	clear:both;
	width:530px;
	padding:0px;
	margin:10px 0 0 0;
	background:url("../img/box_bg.jpg") no-repeat top;
}
.box h2, .box h3, .box h4, .box h5{
	width:auto;
	line-height:1;
	font-size:110%;
	padding:20px 0 0 0;
	margin:0 20px 20px 30px;
	border:0;height:auto;
}
.box > h2 + h3{
	margin-top:-20px;
}
.box p, .box ol{
	margin:10px 20px;
}
.column{
	clear:both;
	width:520px;
	margin:10px 5px;
	background:url("../img/column_bg.gif") repeat;
	padding-bottom:10px;
}
.column h5{
	height:22px;
	border:none;
	margin:0;
	padding:8px 0 0 35px;
	font-size:100%;
	line-height:1;
	background:url("../img/column_title.gif") no-repeat top left #FFF;
}
p.voice{
	background:url("../case/img/parts_voice.gif") no-repeat left center #F0F0F0;
	padding:3px 3px 3px 50px;
	margin:10px 20px;
	min-height:38px;
}
.linebox, .lineboxcol{
	margin:0 1em;
	border:1px solid #CCC;
}
.linebox h2, .linebox h3, .linebox h4,.linebox h5, .lineboxcol h4{
	clear:both;
	margin:0;
	padding:7px 0 7px 20px;
	font-size:110%;
	line-height:1;
	background:url("../img/h4_bg.gif") no-repeat 0.2em 0.4em;
	color:#1B6076;
	border:0;
	border-bottom:1px dotted #CCC;
}
.lineboxcol{
	width:250px;
	margin:5px;
	border:1px solid #CCC;
	float:left;
}
/*-----------------------ƒp[ƒgƒi[—lê—pƒTƒCƒg-----------------------*/

#partner{
}
#partner a, #partner a:link, #partner a:visited, #partner a:hover{
	color:#39C;
	text-decoration:underline;
}
#partner a:visited{
	color:#369;
}
#partner a:hover{
	text-decoration:none;
}
#partner ul.menu a{
	color:#666;
}
#partner h2{
	width:786px;
	height:45px;
	margin:5px 0 0 7px;
	padding:0;
}
#partner h3{
	width:470px;
	height:30px;
	margin:0 0 10px 5px;
	padding:0;
}
#partner h4{
	width:auto;
	margin:10px 0 10px 5px;
}
ul#ptnmenu{
	width:170px;
	list-style:none;
	background:url("../partner/img/sidemenu_title.jpg") no-repeat top left;
	padding-top:30px;
	margin-top:5px;
	float:left;
}
ul#ptnmenu li{
	height:30px;
}
ul#ptnmenu li a:hover{
	display:block;
	width:164px;
	height:30px;
	background-color:#C8EAF9;
}
ul#ptnmenu li.recent img{
	filter:alpha(opacity=50);
	opacity:0.5;
}
.ptncontent{
	width:480px;
	padding-bottom:0;
	margin-bottom:30px;
	background:url("../partner/img/partner_bg.gif") repeat-y left top;
	float:left;
}
.ptncontentbtm{
	height:5px;
	background:url("../partner/img/main_bottom.gif") no-repeat bottom;

}
.ptncontent table.line{
	border-width:0;
	margin:0 0 10px 8px;
}
.ptncontent table.line th, .ptncontent table.line td{
	border-width:0 0 1px 0;
	padding:4px 10px;
	vertical-align:top;
}
.ptncontent table.line th{
	background:#F0F0F0;
	font-weight:normal;
	color:#369;
}

ul#download{
	width:150px;
	list-style:none;
	margin:5px 0 10px 0;
	background:url("../partner/img/download_title.jpg") no-repeat top left;
	padding-top:30px;
	float:left;
}
ul#download li{
	background:url("../img/parts_arrow02.gif") no-repeat left center;
	padding:5px 0 5px 13px;
	margin:0 5px 0 10px;
	border-bottom:1px solid #CCC;
}
ul#download li.recent{
	font-weight:bold;
}
ul#downloadmenu{
	list-style:none;
	width:460px;
	height:20px;
	margin-left:8px;
	border-bottom:3px solid #999;
}
ul#downloadmenu li{
	width:108px;
	height:20px;
	background-color:#CCC;
	margin-left:4px;
	float:left;
}
ul#downloadmenu li.recent{
	background-color:#999;
}
ul#downloadmenu li a:hover{
	display:block;
	background-color:#DDDDDD;
}