@charset "utf-8";
/* CSS Document */

/*サイト全体で共通するタグ*/

*{/*ユニバーサルセレクタ　ulなどに対応*/
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}

html{
	overflow-y:scroll;
	background-color:#E6E6E6;
}

body{
	text-align:center; /*IE用センタリング*/
}

a {/*テキストリンク時*/
	text-decoration: underline;
	color: #000066;
}

a:hover{
	color:#0033FF;
}


ul{
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	}

li{
	margin:0;
	padding:0;
	vertical-align:bottom;
	list-style:none;
	}

li a{
	margin:0;
	padding:0;
	vertical-align:bottom;
	}
	
dl{
	margin:0;
	padding:0;
	}
	
dt{
	margin:0;
	padding:5px 0 5px 5px;   
}

dd{
	margin:0;
	padding:5px 0;  
	}
	
	
img {
	vertical-align:bottom; /*これで、画像の前後に変なスペース入るのを回避できました*/
	border:none;
}

img a{
	vertical-align:bottom; /*これで、画像の前後に変なスペース入るのを回避できました*/

}

h1, h2, h3, h4, h5, h6, p{
	clear:both;
	margin-top: 10px;
	margin-bottom: 10px;
	}
h1{
	font-size: 14px;
	color: #000000;
	width: 580px;
	font-style: normal;
	margin-bottom: 10px;
	padding: 3px;
	background-repeat: repeat-x;
	font-weight: normal;
	background-color: #E6E6E6;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #666666;
	}
	
h2 {
	font-size: 15px;
	text-indent: 15px;
	width: 550px;
	margin-left: 25px;
	padding-top: 5px;
	border-top: 1px dotted #7F9DB9;
	border-bottom: 1px dotted #7F9DB9;
	color: #000066;
	padding-bottom: 5px;
	background-image: url(../images/arrow_blue.gif);
	background-repeat:no-repeat;
}



h3 {
	clear:both;
	font-size: 14px;
	background-color: #E7E7E7;
	width: 540px;
	color: #666666;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 25px;
	padding-left: 10px;
}

h4 {
	font-size: 13px;
	width: 540px;
	margin-left: 35px;
}


p {
	font-size: 12px;
	line-height: 17px;
	width: 540px;
	margin-left: 25px;
}



.marginLeft10{
	margin-left:15px;}
	
.marginLeft35{
	margin-left:35px;
}

.marginTB20{
	margin:20px 0px;
	}
#breadcrumb{/*ぱんくずのスタイル～*/
	margin-left:30px;
	font-size:10px;
	width:700px;
	text-align:left;
	padding-top:10px;
	height: 15px;
	clear:both;
	}



.date-year {/*右寄せの年月日*/
	font-size: 11px;
	width: 550px;
	margin-left: 25px;
	text-align: right;
	font-weight: bold;
	clear: both;
}

#wrapper {
	width: 810px; /*全体の幅*/
	margin: 0 auto;/*上下0　左右自動で、センタリング　でもIEはきかないなので↑で処理*/
	text-align: left;/*bodyのセンタリング修正*/
	background-color:#FFFFFF;

}


#header{
	width:810px;
	height:100px;
	position:relative;
	background-image: url(../images/header_bottom.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

/*パンくず以下。サイドメニュー入りの枠*/
#container{
	width:100%;
}

/*パンくず下。（パンくず入らず）サイドメニュー入らない枠*/
#mainarea{
	width:600px;
	float:left;
	text-align: left;
	background-color: #FFFFFF;
	clear: both;
}


#footer{
	clear:both;
	width:100%;
	height:50px;
	
}

/*TOPページのメイン画像枠*/
#mainImage {
	height: 250px;
	text-align: center;
}


/*メインエリアで使うクラスタグたち*/

.date {
	width: 90px;
	float: left;
	font-size: 11px;
	font-weight: bold;
	clear:both;
	display:inline;
	text-align: right;
}
.title {
	width: 450px;
	font-size: 12px;
	white-space: normal;
	margin-left:120px;
}


.datalogger {
	color: #990000;
	border-bottom-width: 1px;
	border-left-width: 8px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #990000;
	border-left-color: #990000;
	width: 500px;
	height: 20px;
	margin-left: 20px;
}




.bodyText{
	width: 530px;
	margin-left: 35px;
	font-size: 13px;
	clear:both;
	margin-bottom: 5px;
	line-height: 17px;
}

.bodyTextindent{
	width: 500px;
	margin-left: 35px;
	font-size: 13px;
	clear:both;
	margin-left: 45px;
	}
	

.rightText{/*途中！！*/
	width:350px;
	}

.img_center {
	text-align: center;
	width: 510px;
	margin-left: 35px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.img_left{
	margin-left:35px;
	width:120px;
	float:left;
	display:inline;}

#summary {
	font-size: 13px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 520px;
	margin-left: 35px;
	line-height: 17px;
	color: #000066;
}
#category {
	font-weight: bold;
	color: #000066;
	font-size: 11px;
	background-color: #C4E8FF;
	width: 150px;
	height: 15px;
	text-align: center;
	margin: 0 10px 5px 25px;
}

.caution {/*note とrefで共通のところ*/
	font-size: 12px;
	width: 480px;
	margin: 10px 0 10px 55px;

	}
	
.caution_overview{
	font-size: 12px;
	width: 400px;
	margin: 10px 0 10px 0px;
	padding:5px 5px 5px 5px;
}	

.note {
	background-color: #FFFFCC;
	}
.ref{
	background-color:#EDE1F7;
}

.eventinfo{
	font-size: 12px;
	width:490px;
	margin: 0 0 10px 30px;
	}
	
	.eventinfo dt{
	float:left;
	font-size:11px;
	font-weight: bold;
	width:150px;
	clear:both;
	}
	
	.eventinfo dd{
	font-size:11px;
	width:330px;
	overflow:auto;
	}


/*PAGE TOP*/
.pagetop{
	float: right;
	width: 550px;
	text-align: right;
	font-size: 9px;
	color: #003333;
	margin-top: 10px;
	margin-bottom: 10px;
	}

.pagetop a {
	float: right;
	height: 25px;
	width: 70px;
	clear:both;
	background-image: url(../images/top.gif);
	background-repeat: no-repeat;
	font-size: 9px;
	color: #003333;
	margin-right:20px;
	margin-top: 10px;
	}

.pagetop a:hover{
	color: #316AC5;
	background-image: url(../images/top_over.gif);
	background-repeat: no-repeat;
	clear: both;
	margin-top: 10px;
	}
	
.see{
	float: right;
	height: 25px;
	width: 70px;
	clear:both;
	text-align: right;
	font-size: 9px;
	color: #003333;
	}

.see a {
	float: right;
	height: 25px;
	width: 70px;
	clear:both;
	background-image: url(../images/right.gif);
	background-repeat: no-repeat;
	font-size: 9px;
	color: #003333;
	margin-right:20px;
	}

.see a:hover{
	color: #316AC5;
	background-image: url(../images/right_over.gif);
	background-repeat: no-repeat;
	}

.eventrepo{
	float: right;
	height: 25px;
	width: 100px;
	clear:both;
	text-align: right;
	font-size: 9px;
	color: #003333;
	}

.eventrepo a {
	float: right;
	height: 25px;
	width: 100px;
	clear:both;
	background-image: url(../images/right.gif);
	background-repeat: no-repeat;
	font-size: 9px;
	color: #003333;
	margin-right:20px;
	}

.eventrepo a:hover{
	color: #316AC5;
	background-image: url(../images/right_over.gif);
	background-repeat: no-repeat;
	}


/*more*/
.more {
	float: right;
	height: 25px;
	width: 80px;
	clear:both;
	text-align: right;
	font-size: 9px;
	color: #003333;
	}

.more a {
	float: right;
	height: 25px;
	width: 80px;
	clear:both;
	background-image: url(../images/right.gif);
	background-repeat: no-repeat;
	font-size: 9px;
	color: #003333;
	margin-right:20px;
	}

.more a:hover {
	color: #316AC5;
	background-image: url(../images/right_over.gif);
	background-repeat: no-repeat;
	}
	
/*過去のイベントページ*/
.pastevents{
	height: 20px;
	width: 120px;
	display:block;
	float:right;
	font-size: 10px;
	font-weight: bold;
	}

/*------------------------------------------------------------*/
#globalNavi {
	width: 230px;
	float: left;
	font-size: 12px;
}




.softwareDL {
	width: 500px;
	margin-left: 40px;
	font-size: 11px;
	text-indent:20px;
	line-height:20px;
}

.softwareDL li{
	background-image:url(../images/down_icon.gif);
	background-repeat:no-repeat;}
	
.text_link {
	font-size: 12px;
	width: 520px;
	margin-left: 30px;
}
	
ul.text_link{
	margin-left: 50px;
	display: block;

}

.text_link li{
	margin-bottom:10px;
	background-image: url(../images/icon_textlink.gif);
	background-repeat:no-repeat;
	padding-left:20px;
}

ul.text_link_indent li{
	margin-left:15px;
	padding-left:20px;
	background-image: url(../images/icon_textlink.gif);
	background-repeat:no-repeat;
	list-style-type:none!important;
	}
	
	
ul.bullet{
	margin-left: 35px;
	margin-bottom: 5px;
}

ul.bullet li{
	font-size: 12px;
	list-style-position: outside;
	list-style-type: disc;

}

ul.step{
	margin-left: 40px;
	margin-bottom: 5px;
}

ul.step li{
	list-style-position: outside;
	list-style-type: decimal;
	font-size: 12px;
}

/*サイトマップ用*/
 ul.sitemap{
 	width:270px;
	margin-left:20px;
	font-size:12px;
	float:left;
 }

	
	ul.sitemap li{
	margin:5px 0;
	padding-left:20px;
	font-weight:bold;
	background-image: url(../images/arrow_gray.jpg);
	background-repeat: no-repeat;
	clear:both;
}

	ul.sitemap01 li{
	margin:10px;
	padding-left:15px;
	font-weight:normal;
	background-image: url(../images/arrow.jpg);
	background-repeat: no-repeat;
	float:left;
	text-align:left;
	width:120px;
	}
	
/*RSS用*/

	.rss{
	background-image:url(../images/icon_rss.gif);
	background-repeat:no-repeat;
	float:right;
	margin:5px;
	width:17px;
	height:17px;
	display:block;
	}

	.rss a,
	.rss a:hover{
	background-image:url(../images/icon_rss.gif);
	background-repeat:no-repeat;
	float:right;
	width:17px;
	height:17px;
	overflow: hidden;
	height: 0 !important;
	height /**/:17px;
	padding-top:17px;
	}

	
	.rss_product {
	float:right;
	background-image:url(../images/icon_rss.gif);
	background-repeat:no-repeat;
	margin-top:-30px;
	width:17px;
	height:17px;
	}

	.rss_product a, 
	.rss_product a:hover{
	background-repeat:no-repeat;
	display:block;
	overflow: hidden;
	height: 0 !important;
	height /**/:17px;
	padding-top:17px;	
	}
	
	
	.rss_sitemap {
	background-image:url(../images/icon_rss.gif);
	background-repeat:no-repeat;
	width:17px;
	height:17px;
	margin:0 5px;
	float:left;
	margin: 0 5px;
	}
	
	.rss_sitemap a,
	.rss_sitemap a:hover{
	background-repeat:no-repeat;
	display:block;
	height: 0 !important;
	height /**/:17px;
	overflow:hidden;
	padding-top:17px;
	}

	
	
	.series_name{
	float:left;
	}

h2 {
		background-image: url(images/h2.gif);
		}
		
	#header {
		background-image: url(images/&header.jpg);
		}
		
	.pagetop a {
		background-image: url(images/@pagetop-a.gif);
		}
		
	.pagetop a:hover {
		background-image: url(images/@pagetop-a;hover.gif);
		}
		
	.see a,.eventrepo a,.more a {
		background-image: url(images/@see-a,@eventrepo-a,@more-a.gif);
		}
		
	.see a:hover,.eventrepo a:hover,.more a:hover {
		background-image: url(images/@see-a;hover,@eventrepo-a;hover,@more-a;hover.gif);
		}
		
	.softwareDL li {
		background-image: url(images/@softwareDL-li.gif);
		}
		
	.text_link li {
		background-image: url(images/@text_link-li.gif);
		}
		
	ul.text_link_indent li {
		background-image: url(images/ul@text_link_indent-li.gif);
		}
		
	ul.sitemap li {
		background-image: url(images/ul@sitemap-li.jpg);
		}
		
	ul.sitemap01 li {
		background-image: url(images/ul@sitemap01-li.jpg);
		}
		
	.rss {
		background-image: url(images/@rss.gif);
		}
		
	.rss a.gif,.rss a:hover {
		background-image: url(images/@rss-a.gif,@rss-a;hover.gif);
		}
		
	.rss_product {
		background-image: url(images/@rss_product.gif);
		}
		
	.rss_product a.gif,.rss_product a:hover {
		background-image: url(images/@rss_product-a.gif,@rss_product-a;hover.gif);
		}
		
	.rss_sitemap {
		background-image: url(images/@rss_sitemap.gif);
		}
		
	.rss_sitemap a.gif,.rss_sitemap a:hover {
		background-image: url(images/@rss_sitemap-a.gif,@rss_sitemap-a;hover.gif);
		}
		
	

h2 {
		background-image: url(images/h2.gif);
		}
		
	#header {
		background-image: url(images/&header.jpg);
		}
		
	.pagetop a {
		background-image: url(images/@pagetop-a.gif);
		}
		
	.pagetop a:hover {
		background-image: url(images/@pagetop-a;hover.gif);
		}
		
	.see a,.eventrepo a,.more a {
		background-image: url(images/@see-a,@eventrepo-a,@more-a.gif);
		}
		
	.see a:hover,.eventrepo a:hover,.more a:hover {
		background-image: url(images/@see-a;hover,@eventrepo-a;hover,@more-a;hover.gif);
		}
		
	.softwareDL li {
		background-image: url(images/@softwareDL-li.gif);
		}
		
	.text_link li {
		background-image: url(images/@text_link-li.gif);
		}
		
	ul.text_link_indent li {
		background-image: url(images/ul@text_link_indent-li.gif);
		}
		
	ul.sitemap li {
		background-image: url(images/ul@sitemap-li.jpg);
		}
		
	ul.sitemap01 li {
		background-image: url(images/ul@sitemap01-li.jpg);
		}
		
	.rss {
		background-image: url(images/@rss.gif);
		}
		
	.rss a.gif,.rss a:hover {
		background-image: url(images/@rss-a.gif,@rss-a;hover.gif);
		}
		
	.rss_product {
		background-image: url(images/@rss_product.gif);
		}
		
	.rss_product a.gif,.rss_product a:hover {
		background-image: url(images/@rss_product-a.gif,@rss_product-a;hover.gif);
		}
		
	.rss_sitemap {
		background-image: url(images/@rss_sitemap.gif);
		}
		
	.rss_sitemap a.gif,.rss_sitemap a:hover {
		background-image: url(images/@rss_sitemap-a.gif,@rss_sitemap-a;hover.gif);
		}