@charset "Shift_JIS";
@import url("base.css");

/*-------------------------------
	#topFeatures
-------------------------------*/

#topFeatures{
	width:950px;
	height:253px;
	margin-bottom:10px;
	background:url(../images/top_features_bg.gif) no-repeat right top;
}

#topFeatures .loading{
	line-height:237px;
	text-align:center;
	color:#FFFFFF;
}
#topFeatures ul#featureImgArea{
	float:left;
	position:relative;
	overflow:hidden;
	width:735px;
	height:253px;
}
*html #topFeatures ul#featureImgArea{
	margin-right:0;
}

#topFeatures ul#featureImgArea li{
	position:absolute;
	top:0;
	left:0;
}
#topFeatures ul#featureNaviArea{
	float:right;
	padding:8px 9px 0 8px;
}
#topFeatures ul#featureNaviArea li{
	padding-bottom:5px;
	cursor:pointer;
	overflow:hidden;
}

/*-------------------------------
	#topNavi
-------------------------------*/

#topNavi{
	width:934px;
	height:115px;
	margin-bottom:12px;
	padding:8px;
	background:url(../images/top_navi_bg.gif) no-repeat;
}

*html #topNavi{
	width:950px;
	padding:8px 0 8px 8px;
}


#topNavi li{
	float:left;
}

/*-------------------------------
	#topContents01
-------------------------------*/

#topContents01{
	float:left;
	width:215px;
	margin-right:15px;
	overflow:hidden;
}

/*-------------------------------
	#topContents02
-------------------------------*/

#topContents02{
	float:left;
	width:490px;
	margin-right:15px;
	overflow:hidden;
}

*html #topContents02{
	margin-right:10px;
}

#topContents02 .link a{
	color:#007cd2;
	font-weight:bold;
}

/*-------------------------------
	#topContents03
-------------------------------*/

#topContents03{
	clear:right;
	width:215px;
	overflow:hidden;
}

/*-------------------------------
	#top_about_gw
-------------------------------*/

#top_about_gw{
	overflow:hidden;
	margin-bottom:15px;
}

#top_about_gw ul{
	overflow:hidden;
}

#top_about_gw ul li{
	position:relative;
	z-index:1;
}

#top_about_gw ul li p{
	width:105px;
	font-size:12px;
	line-height:130%;
}

*html #top_about_gw ul li p{
	text-align:left;
}

#top_about_gw ul li p a{
	color:#343434;
	text-decoration:none;
}

#top_about_gw ul li p a:hover{
	color:#343434;
	text-decoration:underline;
}

#top_about_gw ul li p.line1{
	position:absolute;
	top:40%;
	left:78px;
	z-index:2;
}

*html #top_about_gw ul li p.line1{
	top:30px;
	left:78px;
}

#top_about_gw ul li p.line2{
	position:absolute;
	top:30%;
	left:78px;
	z-index:2;
}

*html #top_about_gw ul li p.line2{
	top:25px;
	left:78px;
}

#top_about_gw ul li p.line3{
	position:absolute;
	top:20%;
	left:78px;
	z-index:2;
}

*html #top_about_gw ul li p.line3{
	top:15px;
	left:78px;
}

#top_about_gw ul li p.line4{
	position:absolute;
	top:10%;
	left:78px;
	z-index:2;
}

*html #top_about_gw ul li p.line4{
	top:10px;
	left:78px;
}

/*-------------------------------
	#top_access
-------------------------------*/

#top_access{
	overflow:hidden;
	padding-bottom:7px;
	background:url(../images/contents_bottom02.gif) no-repeat left bottom;
}

#top_access ul{
	width:193px;
	padding:0 10px;
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
}

*html #top_access ul{
	width:215px;
	text-align:left;
	font-size:12px;
}

#top_access ul li{
	padding-bottom:5px;
}

#top_access ul li dl{}

#top_access ul li dl dt{
	float:left;
	overflow:hidden;
	margin-right:10px;
	padding:8px 0 5px 0;
}

#top_access ul li dl dd{
	overflow:hidden;
	padding:8px 0 5px 0;
}

#top_access ul li dl dd a{
	color:#007cd2;
}

/*-------------------------------
	#top_user
-------------------------------*/

#top_user{
	overflow:hidden;
	margin-bottom:15px;
	padding-bottom:12px;
	background:url(../images/contents_bottom03.gif) no-repeat left bottom;
}

#top_user p {
	width:468px;
	text-align:center;
	padding:20px 10px 0px 10px;
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
}

#support_end ul{
	width:463px;
	overflow:hidden;
	padding:12px 0px 0 0px;

}

#support_end li {
	width: 220px;
	margin-right: 0px;
	display: inline;	
}

#support_end li:first-child {
	width:220px;
	margin-right:3px;
}

#support_end {
	border: 2px solid #FF0000;
	border-radius: 4px;
	margin: 2em 0px 2em 0px;
	padding:2em 1.5em 2em 1.5em;
	position: relative;
}
#support_end::before {
	background-color: #fff;
	color: #FF0000;
	content: "製品サポート終了のお知らせ";
	font-weight: bold;
	left: 1em;
	padding: 0 0.5em;
	position: absolute;
	top: -0.7em;
}
#support_end a {
	color: #007cd2;
}
#support_end p {
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 5px;
}
#support_end p.indent {
	text-indent: -1em;
	margin-left: 1em;
}
#support_end p.indent2 {
	margin-left: 1em;
}
#support_end .tlink {
	background-image: url(../../img/interface/ic_tlink.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 15px;
	font-style: normal;
	margin-right: 5px;
}
/*-------------------------------
	#top_new,
	#top_event
-------------------------------*/

#top_new,
#top_event{
	position:relative;
	overflow:hidden;
	margin-bottom:15px;
	padding-bottom:2px;
	background:url(../images/contents_bottom03.gif) no-repeat left bottom;
}

*html #top_new,
*html #top_event{
	width:490px;
}

#top_new p,
#top_event p{
	position:absolute;
	top:13px;
	right:10px;
	font-size:12px;
	font-weight: bold;
}

#top_new p a,
#top_event p a{
	color:#333333;
	text-decoration:none;
}

#top_new p a:hover,
#top_event p a:hover{
	text-decoration:underline;
}

#top_new ul,
#top_event ul{
	width:468px;
	overflow:hidden;
	padding:12px 10px 0 10px;
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
}

*html #top_new ul,
*html #top_event ul{
	width:490px;
	text-align:left;
}

#top_new ul li,
#top_event ul li{
	overflow:hidden;
	margin-bottom:10px;
	padding-bottom:10px;
	background:url(/middle/common/images/dot.gif) repeat-x left bottom;
}

*html #top_new ul li,
*html #top_event ul li{
	height:100%;
}


#top_new ul li dl dt,
#top_event ul li dl dt{
	float:left;
	width:100px;
	overflow:hidden;
}

#top_event ul li dl dt span{
	font-size:10px;
	color:#ff0000;
}

#top_new ul li dl dd strong{
	color:#ff0000;
	font-weight: normal;
}

#top_event ul li dl dd strong{
	color:#ff0000;
	font-weight: bold;
}

#top_new ul li dl dd,
#top_event ul li dl dd{
	float:right;
	width:358px;
	overflow:hidden;
	padding-left:10px;
	background:url(../images/icon_arrow02.gif) no-repeat left 5px;
}

#top_new ul li dl dd a,
#top_event ul li dl dd a{
	color:#007cd2;
}

/*-------------------------------
	#top_side_menu_box
-------------------------------*/

#top_side_menu_box{
	overflow:hidden;
	margin-bottom:15px;
}

#top_side_menu_box ul{
	overflow:hidden;
}

*html #top_side_menu_box ul{
	width:215px;
	text-align:left;
}

#top_side_menu_box ul li{
}

#top_side_menu_box ul li p{
	margin-top:5px;
	line-height:140%;
	font-size:10px;
}

/*-------------------------------
	#top_oshirase
-------------------------------*/

#top_oshirase{
	overflow:hidden;
	margin-bottom:15px;
	padding-bottom:9px;
	background:url(../images/contents_bottom02.gif) no-repeat left bottom;
}

*html #top_oshirase ul{
	width:215px;
	text-align:left;
}

#top_oshirase ul{
	width:197px;
	overflow:hidden;
	padding:10px 8px 0 8px;
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
}

#top_oshirase ul li{
	position:relative;
	overflow:hidden;
	padding-bottom:8px;
	background:url(/middle/common/images/dot.gif) repeat-x left bottom;
}

*html #top_oshirase ul li{
	height:100%;
}

#top_oshirase ul li dl{}

#top_oshirase ul li dl dt{
	float:left;
	width:57px;
	overflow:hidden;
	margin-right:10px;
}

#top_oshirase ul li dl dd{
	float:right;
	width:130px;
	overflow:hidden;
}

#top_oshirase ul li dl dd img{
	position:absolute;
	right:0;
	top:20px;
}

#top_oshirase ul li dl dd p{
	float:left;
	width:105px;
	line-height:140%;
	font-size:12px;
}

#top_oshirase ul li dl dd p a{
	color:#343434;
	text-decoration:none
}

#top_oshirase ul li dl dd p.line1{
	padding-top:17px;
}

#top_oshirase ul li dl dd p.line2{
	padding-top:12px;
}

#top_oshirase ul li dl dd p.line3{
	padding-top:3px;
}

#top_oshirase ul li dl dd p.line4{
	padding-top:0;
}

/*-------------------------------
	#top_series
-------------------------------*/

#top_series{
	overflow:hidden;
	margin-bottom:15px;
	padding-bottom:9px;
	background:url(../images/contents_bottom02.gif) no-repeat left bottom;
}

#top_series ul{
	width:193px;
	overflow:hidden;
	padding:10px 10px 0 10px;
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
}

*html #top_series ul{
	width:215px;
	text-align:left;
}

#top_series ul li{
	margin-bottom:8px;
	padding-left:15px;
	background:url(../images/icon_arrow02.gif) no-repeat left 6px;
}

#top_series ul li a{
	color:#343434;
	text-decoration:none;
}

#top_series ul li a:hover{
	text-decoration:underline;
}
/*-------------------------------
	#info_eos
-------------------------------*/
#info_eos {
	border: thick solid #D1D1D1;
	padding:20px;
	margin-top:50px;
	margin-bottom:80px;
}
#info_eos p {
	font-size: 15px;
	line-height: 2.0;
}
#info_eos p.mt20 {
	margin-top:20px;
}
#info_eos a:link{color:#007cd2;text-decoration:underline;}
#info_eos a:visited{color:#007cd2;text-decoration:underline;}
#info_eos a:hover{text-decoration:none;}
#info_eos a:active{text-decoration:none;}