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

@import url("navi.css");
@import url("index.css");

/*---------------------------
全体のレイアウト
------------------------------*/
li,
ul{
margin:0;
padding:0;}

body {
	text-align:center;
	background-color: #EEEEEE;
	margin-top: 0px;
/*font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;*/
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3,Verdana,Arial,Helvetica,sans-serif";
}

#container,
#container-e {
	text-align:left;
	width:890px;
	margin:0 auto;
	background:#FFFFFF url(../img/bg_left.gif) repeat-y;
}

#container-inner {
	float:right;
	width:868px;
	margin-left:22px;
	padding-top:12px;
/*background-color:#FFFFFF;*/
	background:url(../img/bg_right.gif) right repeat-y;
}
#header {
	margin-right:21px;
}
#english {
	width:150px;
	text-align:right;
	clear:both;
	float:right;
}
#header form {
	text-align:right;
	float:right;
	margin:0;
	padding:0;
	width:230px;
	height:20px;
	padding-bottom:5px;
}

#header p {
	margin-top:5px;
	margin-right:0px;
	float:right;
}

#header p a:link {text-decoration:none;color:#333333;}
#header p a:visited {text-decoration:none;color:#333333;}
#header p a:hover {text-decoration:underline;color:#333333;}
#header p a:active {text-decoration:none;color:#333333;}

#navi {
	width:847px;
	margin-top:10px;
}

#globalnavi {
	position: relative;
	width:847px;
	height:33px;
	list-style-type: none;
}

#globalnavi li {
	width:121px;
	height:33px;
	float:left;
	overflow:hidden;
}
#globalnavi li a {
	display:block;
	width:100%;
	height:0 !important;
	height /**/:33px;
	padding-top:33px;
	background-image:url(../img/navi/navi.jpg);
}

#container-e #globalnavi li a {background-image:url(../imgen/navi/navi.jpg);}

#navi01 a { background-position:0px 0;}
#navi02 a { background-position:-121px 0;}
#navi03 a { background-position:-242px 0;}
#navi04 a { background-position:-363px 0;}
#navi05 a { background-position:-484px 0;}
#navi06 a { background-position:-605px 0;}
#navi07 a { background-position:-726px 0;}

#navi01 a:hover { background-position:0px -33px;}
#navi02 a:hover { background-position:-121px -33px;}
#navi03 a:hover { background-position:-242px -33px;}
#navi04 a:hover { background-position:-363px -33px;}
#navi05 a:hover { background-position:-484px -33px;}
#navi06 a:hover { background-position:-605px -33px;}
#navi07 a:hover { background-position:-726px -33px;}

#navi01 a:active { background-position:0px -66px;}
#navi02 a:active { background-position:-121px -66px;}
#navi03 a:active { background-position:-242px -66px;}
#navi04 a:active { background-position:-363px -66px;}
#navi05 a:active { background-position:-484px -66px;}
#navi06 a:active { background-position:-605px -66px;}
#navi07 a:active { background-position:-726px -66px;}

#navi01 a.stay  { background-position:0px -99px;}
#navi02 a.stay  { background-position:-121px -99px;}
#navi03 a.stay  { background-position:-242px -99px;}
#navi04 a.stay  { background-position:-363px -99px;}
#navi05 a.stay  { background-position:-484px -99px;}
#navi06 a.stay  { background-position:-605px -99px;}
#navi07 a.stay  { background-position:-726px -99px;}

#wrapper {
/*	overflow:hidden;*/
	width: 846px;
}

/*----------------------
	topページ用
----------------------*/
/*#index {
	width:890px;
	background-image: url(../img/index_middle.jpg);
	background-repeat: repeat-y;
	padding-left: 10px;
	padding-top: 10px;
}
/*----------------------
	全体コンテンツ部分
----------------------*/
#indexcontents {
	float:right;
	width:600px;
}
h1 {margin:0;}

.text9pt {
	font-size: 9pt;
	line-height: 120%;
}
.text085em {
	font-size: 0.85em;
	line-height: 150%;
}

.style4 {
	font-size: 10px;
	color: #333333;
}

.style6 {	color: #FFFFFF;
	font-weight: bold;
}


.txt10px {
	font-size: 10px;
}
.emp1 {
	font-size: 10pt;
	font-weight: bold;
	color: #CC3300;
}
.caution9pt {
	font-size: 9pt;
	line-height: 120%;
	color: #000033;
}

.deadlink {
	font-size: 10pt;
	color: #666666;
	display: block;
	text-decoration: none;
	margin-bottom: 0px;
	margin-left: 0px;
}
.margin15p {margin:15px 0;}

.style5 {
	color: #FF0000;
	font-size:1em;}

/*-------------------
リンクの色指定
----------------------*/

/*#sidemenu a.link,*/
a.outerlink,
a.innerlink,
.lead a,
#sitemap a,
.contents a,
#index a.link,
#faqtable a {
	color: #CC3300;
	border-width:0px 0px 1px 0px;
	border-color:#FF9900;
	text-decoration: none;
	border-style: dotted;
}

/*#sidemenu a:visited.link,*/
a.outerlink:visited,
a.innerlink:visited,
#footer a:visited,
.lead a:visited,
#sitemap a:visited,
.contents a:visited,
#index a.link:visited,
#faqtable  a:visited {
	color:#660000
	}

/*#sidemenu a:hover.link,*/
a.outerlink:hover,
a.innerlink:hover,
#footer a:hover,
.lead a:hover,
#sitemap a:hover,
.contents a:hover,
#index a.link:hover,
#faqtable  a:hover  {
	background-color:#FFFF66;
	color:#FF0000;
}

.noborder
{border:none}


/*-------------------
第２階層　サイドメニュー
----------------------*/

#sidemenu {
	font-size:12px;
	width:230px;
}
#sidemenu p {
	margin:0;
	margin-bottom:5px;
}
#sidemenu li{
	list-style-type:none;
	background:url(../img/listicon.gif) no-repeat;
	background-position:10px 8px;
	border-bottom:1px solid #c8c8c8;
}
#sidemenu li a {
	background:url(../img/2nd/listicon-arrow.gif) no-repeat;
	background-position: 210px 5px;
	display:block;
	margin:0; padding:0;
	padding:5px 10px 5px 22px;
}
#sidemenu li.na {
	padding:5px 0px 5px 22px;
}
#sidemenu li.noli {
	background-image:none;
}
#sidemenu li.dotline {
	border-bottom-style:dotted;
}
#sidemenu li.normal {
	background:url(../img/listicon-disc.gif) no-repeat;
	background-position:30px 8px;
}
#sidemenu li.normal a {margin-left:20px;background-position: 190px 5px;}
#sidemenu li.noline {border:none;}
#sidemenu li.orangeline {border-bottom:1px dotted #ee8b16;}
#sidemenu li a.orangeline  {border-bottom:1px dotted #ee8b16;}

#sidemenu a:link {text-decoration:none; color:#323232;}
#sidemenu a:visited {text-decoration:none; color:#323232;}
#sidemenu a:hover {text-decoration:underline; color:#323232;}
#sidemenu a:active {text-decoration:none; color:#323232;} 


/*----------------------
第２階層　コンテンツ内のスタイル
-----------------------*/

/*パンくず*/

#breadclumb {
	font-size: 12px;
	color: #333333;
	margin:10px 25px 10px 10px;
}
#breadclumb a:link {text-decoration:none;color: #333333;}
#breadclumb a:visited {text-decoration:none;color: #333333;}
#breadclumb a:hover {text-decoration: underline;color: #333333;}
#breadclumb a:active {text-decoration:none;color: #333333;}

.lead{
	font-size:1em;
	line-height:140%;
	margin-left: 5px;
	color: #6A1800;
}

div.contents {
	margin-left: 5px;

}

.contents h2 {
	font-size: 0.85em;
	color: #CC3300;
	border-bottom-width: 1px;
	border-left-width: 4px;
	border-left-style: solid;
	border-color: #FF9900;
	border-bottom-style: solid;
	padding-left: 5px;
	padding-bottom: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	padding-top: 4px;
}

.data td{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.leftmargin45 {
	margin-left: 45px;
}
#thirdanni {font-size:12px;}
#thirdanni dt,dd {margin:0;height:15px;margin-bottom:10px;}
#thirdanni dt { clear:left;float:left;}
#thirdanni dd { float:left;width:3em;}


/*3周年記念*/
#anniversary {width:500px;margin:0 auto;
line-height:1.2em;}

#anniversary h1 {
	padding:0;
	padding-top:20px;
	margin:0 auto;
	width:479px;
	height:79px;
	text-align:center;
	font-size: 16px;
	background:url(../3rd/img/title_bg.gif) no-repeat;
}
#anniversary p {
	font-size:12px;
	text-indent:1em;
}
#anniversary .sign {
	float:right;
	width:220px;
	text-indent:0;
}
#container-e #anniversary .sign {
	float:none;
	width:220px;
	text-indent:0;
}
#anniversary .inst {
	clear:both;
	color:#8d8d8d;
	text-indent:0;
}

/*ソフトウェア対応状況*/
.software h2 {
	margin:0;margin-top:30px;
	margin-bottom:10px;
}
.software table {
	border-collapse: collapse;
	width:100%;
}
.software th {
	border:1px solid #eeeeee;
	font-size:10px;
	background:#666666;
	color:#ffffff;
	white-space:nowrap;
	height:40px;
}
.software td {
	border:1px dotted #8d8d8d;
	font-size:12px;
	text-align:center;
	height:40px;
}
.thw1 { width:98px;}
.thw2 { width:98px;}
.thw3 { width:112px;}
.thw4 { width:100px;}
.thw5 { width:190px;}

/*----------------------
サイト外へのリンク
-----------------------*/

a.outerlink {
	background-image: url(../img/2nd/arow-link.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
}


/*----------------------
サイト内へのリンク
-----------------------*/

a.innerlink {
	background-image: url(../img/2nd/arow-innerlink.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
}



/*-------------------
サイトマップ
----------------------*/
#sitemap{
	font-size:0.85em;
	line-height:180%;
}

#sitemap h3{
	padding-left: 6px;
	font-size: 1em;
	font-weight: bold;
	background-color: #FFE8BF;
	border: 1px solid #990000;
	color: #990000;
	display: block;
}

/*-------------------
footer
----------------------*/

#footer {
	clear:both;
/*	text-align:center;*/

	background:url(../img/bg-footer.gif);
	background-repeat:no-repeat;
	background-position:top;
	height: 15px;
	width: 890px;
	padding-top:25px ;
}
#footer img {float:right;margin-right:10px;}

.copyright {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #666666;
	margin-left:20px;
}
#footer #copyr {
	float: right;
}
#indexcontents .contents li {
	padding-bottom: 6px;
}

#footer a:link {text-decoration:none;color:#333333;}
#footer a:visited {text-decoration:none;color:#333333;}
#footer a:hover {text-decoration: underline;color:#333333;}
#footer a:active {text-decoration:none;color:#333333;}

/*******************************************
　FAQ　faq.html
*********************************************/
#faqtable li {
	list-style-position: outside;
	list-style-type: square;
}
#wrapper #indexcontents .faq-title {
	text-align: center;
	padding: 4px;
	border: 1px solid #FF6600;
	font-size: 90%;
	font-weight: bold;
	width: 570px;
}
#wrapper #indexcontents .faq-q {

	font-size: 90%;
	line-height: 140%;
	color: #002B71;
	font-weight: bold;
}
#wrapper #indexcontents .faq-a {
	font-size: 0.85em;
	line-height: 140%;
	color: #000033;
	width: 550px;
	margin-top: -15px;
	margin-left: 20px;
}
.seminar1 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 16px;
	line-height: 25px;
}
.seminar2 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	line-height: 20px;
}
/***************************
　　　gallery
***************************/
#gallery .lead {
	color:#333333;
}
#gallery h2 {
	color:#FFFFFF;
	background:#d7960f;
	border:none;
}
#gallery .thumbnail {
	float:left;
	width:147px;
	height:147px;
	background:url(../img/2nd/gallery/bg.gif) no-repeat;
	text-align:center;
	margin-right:1px;
	margin-bottom:2px;
}

#gallery .thumbnail img {margin-top:15px;}
#gallery .text9pt {line-height:100%;}

#gallerymore { font-size:12px; line-height:150%;
width:580px;
}

#gallerymore h2 {
	color:#333333;
	font-size:16px;
	background:url(../img/2nd/h2icon.gif) no-repeat;
	padding-left:20px;
	margin:5px 0 17px 0px;
}

#gallerymore dl {
	margin:0;
	float:left;
	width:370px;
	margin-bottom:15px;
}
#gallerymore dt {
	clear:left;
	float:left;
	/*margin-left:10px;*/
	font-weight:bold;
	padding:3px 0 3px 2px;
	width:60px;
	height:1.2em;
border-bottom:1px dotted #8d8d8d;

}
#gallerymore dd {
	float:left;
	width:280px;
	height:1.2em;
	margin-left:0px;
	margin-bottom:4px;
	padding:3px 0 3px 6px;
border-bottom:1px dotted #8d8d8d;
}
#gallerymore img {margin-bottom:10px;}
#gallerymore img.map {float:right;}

#gallerymore p.exp {
	/*clear:both;*/margin:0;
	margin-bottom:20px;
	padding:0;
	width:370px;
}

/*#gallerymore .thumbnail {
margin:0 auto;
	width:551px;
	height:551px;
	background:url(../img/2nd/gallery/bbg.gif) no-repeat;
	text-align:center;
}
*/
#gallerymore .gray {color:#8d8d8d;}

#gallerymore .inst {
/*clear:both;*/
/*width:600px;*/
	color:#8d8d8d;
	text-indent:0;
	font-size:10px;
	line-height:150%;
}
ul#gallerymenu  {padding-left:30px;}
#gallerymenu li {
	list-style-type:none;
	float:left;
	padding-left:0px;
	margin-bottom:10px;
	margin-right:10px;
	border:0;
}
#gallerymenu li a {margin:0px;padding:0;}
#gallerymenu li a:hover img {border:1px solid #ee8b16}
#gallerymenu li img {margin:0; border:1px solid #b0b0b0;}

#pagechange {
	padding:10px 24px 10px 0px;
	text-align:right;
}
/*#pagechange a:link { text-decoration:underline;}
#pagechange a:visited  { text-decoration:underline;}
#pagechange a:hover  { text-decoration:underline;color:#ee8b16;}
#pagechange a:active  { text-decoration:none;}
*/

/************
  link
*************/

#link p,#policy p {
	margin-bottom:15px;
}
/*******
 観測実績追加
********/
#thirdanni {position: relative;}
#results {
	position: absolute; top:0px; left:-250px;
	width:250px;
	height:0px;
	font-size:12px;
}

/*buy_e.html用に追加 20100531*/
#jQuerySample h5 {
	background-image: url(../img/2nd/arow-innerlink.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	font-size: 0.85em;
	font-weight: normal;
	font-style: normal;
	margin: 0;
}
#jQuerySample div {
	font-size: 0.85em;
	line-height: 150%;
	
}
#jQuerySample h5 a {
	color: #CC3300;
	
}