html{
height:100%;
}

body{
	height:100%;
	width:60em;
	margin: 0px; /*マージン(ボックスの外の余白)*/
	padding: 0px; /*パッディング(ボックスの中の余白)*/
	line-height:1.7; /*行の高さを指定*/
	font-size: 85%;/*フォントサイズを指定*/
	font-family : "ＭＳ Ｐゴシック",Arial,Roman,Symbol,sans-serif;/*フォント指定*/
	/*グラデーション生成*/
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#5588ff,EndColorStr=#ffffff);
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEsCAYAAAACUNnVAAACeUlEQVQ4jVXE5ztQARyG4fefbO+999LeRclKVsgeRSJb9t6UURRRRMiexdOn3znXuT/c2uQL2uQL2uzmB9riB9r6xNr2FLTdzR+0wx+085m1KwC029ueQNDeQNDeINC+IND+YE8HQkAHQ0AHn4MOOR0OtY68AB11OhZmHQ8DHQ8HnQgHnYywTkVapyNBp6NAZ6JAZ19a55zOR1sXYkAXY0AXY61LsaDLr6wrcSCfOJBPvHU1HnQtwbqeALqR6OlmEuhWEuhWMuh2MuhOiqe7qaB7qaB7aaD7aaAH6Z4epoMevbYevwH5umWA/DJATzKtp29B/m5ZoGdZoIAsUMA7UKBTULYVnAMKyQGFvAc9dwrNtV7kgcLyQGH5oHCniHxQRAEosgAUVWi9LLKii0DRxaCYYlBsiadXH0BxTvGloIRSUEKZlVgGSiq3kitAKRWglEortRKUVmWlV4Nee3tTY2XUgjJrQZl11ts6UFa99a4BlN0Aym60chpB75us3CZQXrOn/BZQQQuooBVU2AoqavNU3A4qaQeVdIA+dIBK3TpBZZ2g8o9WxSdQpVsXqKoLVN1t1fSAat16QXW9oPpeUP1nUINT4xerqQ/U3Adq7ge1OLV+tdq+gdqdOgaszgFQ5yDo4yDo03era8jqHgJ1D4N6hkG9Pzx9/gn64tQ3AuofAfWPWl9HQd9+WQNjoMEx0OC49X0cNPTbGp4A/fD2cxI0MgkamQKNToF+/fE0Ng0anwaNz4B+z4AmZj1NzoKm5qw/86BptwXQzAJodtGaWwLNuy2DFpZBiyvWktPyqrWyBlpdA63+Ba05/f1n/VsHra+D1jdAGxvwHz0vAAjGz6HjAAAAAElFTkSuQmCC");
	background-repeat:repeat-x;
	background-color:#ffffff;
}

#container{
	height:100%;
	width:98.5%;
	position:relative;
	left:0.5em;
	min-height: 100%;
	font-size: 85%;
}

/*	firefoxでcopyright部分を表示するためのもの*/
body > #container {
	height: auto;
}

/*p{
	letter-spacing:0.2em;
}*/

#header{ /*画面上部*/
	position:relative; /*ボックスの位置(相対的)*/
	width:100%; /*横幅*/
	height:5.2em; /*高さ*/
	background-color: #FFFFFF; /*背景の色*/
}

#logo{ /*ロゴの位置*/
	position:absolute; /*ボックスの位置(絶対的)*/
	margin:0;
	left: 0.5em;
	top: 0.5em;
}

#navigation{ /*メニュー位置*/
	position:relative; /*ボックスの位置(絶対的)*/
	width:60em; /*横幅*/
	top:1.5em; /*上からの位置*/
	left:17.6em; /*左からの位置*/
/*	letter-spacing : 0.5em;*/
/*	line-height:0.5em;*/ /*行の高さを指定*/
}

#navigation ul{ /*メニューリストul要素*/
	margin:0;
	padding: 0;
	list-style:none; /*<li>等のデフォルトのマーカーの非表示*/
}

#navigation li{ /*メニューリストli要素*/
	float:left; /*左から順に回り込ませる*/
	width: 5em;
	height:1em;
	margin: 0;
	padding: 0;
	text-align: center;
}

/*ブロックレベル要素に指定*/
/*#navigation a{
	display:block; 
	color: #FFFFFF;
	background-color: #3A5FCD;*/
/*	background-image: url(./img/top/navi.gif);*/
/*	background-position: right bottom;*/
/*	background-position: left top;
	text-decoration: none;
}*/

/*#navigation a:hover{
	background: #000000;*/
/*	background-image: url(./img/top/navi.gif);*/
/*	background-position: left top;*/
/*	background-position: right top;
}*/

#midori {
/*	width: 120px;*/
	width: 5em;
/*	height:20px;*/
	height:1em;
	margin: 0;
	padding: 0;
	position:relative;
	color: #FFFFFF;
	background-color: #3A5FCD;
	background-image: url(./img/top/navi2.gif);
	background-position: left top;
	text-align: center;
}

/*
.midori{
	color: #FFFFFF;
	background-image: url(./img/top/navi2.gif);
	background-position: left top;
}
*/

/*
#midori {
	width: 120px;
	height:20px;
	margin: 0;
	padding: 0;
	position:relative;
	color: #FFFFFF;
	background-color: #3A5FCD;
	background-image: url(./img/top/navi2.gif);
	background-position: left top;
	text-align: center;
}
*/

/*右部分*/
#content{
	position:relative; /*ボックスの位置(相対的)*/
	width:30em;
	margin-top: 0.5em ;
	padding-bottom:80px;
}

/*トップページのためのもの*/
#justForToppage{
	position:relative;
	width:100%;
	margin-left:0px;
	margin-top:0.5em;
	padding-bottom:5em;
}
/*トップページのためのもの終了*/

/*製品情報一覧*/
#topPageLeft{
	float: left;
	margin:0px;
	border:0px;
	width:43.4em;
/*	position:relative;
	left:0px;
	top:5px;
	background-color:#ffffff;
	width:500px*/
}
/*製品情報一覧終了*/

/*トップページの画像ファイルの真下・左部分*/
#for_toppage{
	position:relative;
	top:5px;
	width:400px;
}
/*トップページの画像ファイルの真下・左部分終了*/

/*トップページのフラッシュファイルの真下・右部分*/
#topPageRight{
	margin:-2px -2px 0px 0px;
	border:0px;
	float: right;
	width:26em;
/*	position:absolute;*/
/*	top:699px;
	top:59.2%;
	margin:-2px -2px 0px 0px;
	border:0px;
	float: right;
	width:26em;*/
}
/*トップページのフラッシュファイルの真下・右部分終了*/

/*「ページトップへ」のためのもの*/
#for_totoppage {
	clear:both;
	position:relative;
	left:0.5em;
	height:2em;
	width:69em;
}
/*「ページトップへ」のためのもの終了*/

#primary {
	width:51em;
	margin-left: 17.7em;
	background: #FFFFFF url(./img/top/baycc.gif) no-repeat 50% 80px;
	padding: 0px 0.5em 0px 0.5em;
	letter-spacing : 0.2em;
	/*	position:relative;*/
/*
	letter-spacing : 2px;
	width: 592px;
	margin-left: 198px;
	background: #FFFFFF url(./img/top/baycc.gif) no-repeat 50% 80px;
	padding: 0px 5px 0px 5px; *//* ［上］ と ［右］ と ［下］ と ［左］ を指定:*/
}

#primary2 {
	letter-spacing : 0.2em;
	width: 100%;
/*	padding:0px;*/
	margin: 0px;
	background: #FFFFFF
}

#primary table{
	letter-spacing : 0.2em;
	line-height: 150%;
	/*padding: 0px 5px 0px 5px;*/ /* ［上］ と ［右］ と ［下］ と ［左］ を指定:*/
	padding: 0px;
	margin:0px;
}

/*
#primary td, th{
	padding: 0px 0px 0px 5px; /* ［上］ と ［右］ と ［下］ と ［左］ を指定:*/
/*}*/

#primary2 table{
	letter-spacing : 0.2em;
	line-height: 150%;/*行の高さの指定*/
}

/*画面左部のメニューリスト部分*/
#secondary {
	position:absolute;
	width: 17.2em;
	left: 0px;
	top:0px;
	background: #FFFFFF;
}

#secondary h3{
	margin: 0;
	padding:7px 10px;
	font-size:100%;
	color: #FFFFFF;
	background-color: #3A5FCD;
	border-top: 1px solid #CCCCCC;
}

#secondary ul{
	margin:0;
	padding:0;
	list-style: none;/*デフォルトのマーカーの非表示*/
}

#secondary li{
	margin:0;
	border-bottom: 1px solid #CCCCCC;
}

#secondary ul a{
	display:block; /*ブロックレベル要素に指定*/
	width: 180px important; /*Windows Internet Explorer対策のためのハック*/
	width: /**/: 180px; /*Internet Explorer 5用の値を指定*/
	padding-left:10px;/*ボックスの中の余白*/
	text-decoration: none;/*リンク線消去*/
	color:#000000;
}

#secondary ul a:hover{ /*オンマウス時の背景色*/
	color: #FFFFFF;
	background:#C6E2FF;
}

.nolink{
	width: 180px important; /*Windows Internet Explorer対策のためのハック*/
	width: /**/: 180px; /*Internet Explorer 5用の値を指定*/
	padding-left:0px;/*ボックスの中の余白*/
	background:#33CCCC;
}
/*画面左部のメニューリスト部分終了*/

/*トップページのボタン部分の動作のためのもの*/
a.topbtn { /*text-decoration: none;*//*←リンクの下線部を表示しないなど、見た目をリンクでないように表示する指示*/
 color: #0000ff;
 line-height:100%;
 letter-spacing:1px;
 font-weight: bold;/*太字にする指示*/
/* font-size:15px; */
 font-size:120%; 
}

a.topbtn:hover { color: #0000ff;
 line-height:100%;
 /*font-weight: bold;*/
 letter-spacing:1px;
 /*font-size: 16px; */
 font-size: 140%; 
}
/*トップページのボタン部分の動作のためのもの終了*/

/*トップページのボタン部分の動作のためのもの2*/
a.topbtn2 { /*text-decoration: none;*//*←リンクの下線部を表示しないなど、見た目をリンクでないように表示する指示*/
 color: #0000ff;
 line-height:100%;
 letter-spacing:0px;
 font-weight: bold;/*太字にする指示*/
/* font-size:13px; */
 font-size:110%; 
}

a.topbtn2:hover { color: #0000ff;
 line-height:100%;
 font-weight: bold;
 /*font-size: 14px; */
 font-size: 120%; 
}
/*トップページのボタン部分の動作のためのもの2終了*/


/*各大項目ページのリンク画像部分*/
a.btn { /*text-decoration: none;*//*←リンクの下線部を表示しないなど、見た目をリンクでないように表示する指示*/
 color: #0000ff;
 font-weight: bold;/*太字にする指示*/
 line-height:100%;
 /*font-size:14px; */
 font-size:120%; 
}

a.btn:hover { color: #0000ff;
 line-height:100%;
 /*font-size: 15px; */
 font-size: 140%; 
 /*font-weight: bold;*/
}
/*各大項目ページのリンク画像部分終了*/

/*各大項目ページのリンク画像部分・全角日本語用*/
a.btn_jap { /*text-decoration: none;*//*←リンクの下線部を表示しないなど、見た目をリンクでないように表示する指示*/
 color: #0000ff;
 font-weight: bold;/*太字にする指示*/
 line-height:100%;
 /*font-size:14px; */
/* font-size:100%; */
 font-size:120%; 
}

a.btn_jap:hover { color: #0000ff;
 line-height:100%;
 /*font-size: 15px; */
/* font-size: 130%; */
 font-size: 134%; 
 /*font-weight: bold;*/
}
/*各大項目ページのリンク画像部分・全角日本語用終了*/

#navigation2{ /*メニュー位置*/
	position:absolute; /*ボックスの位置(絶対的)*/
	height:40px;
	width:280px; /*横幅*/
	display:block; /*ブロックレベル要素に指定*/
	color: #000000;
	font-size: 200%;
	background-color: #3A5FCD;
	background-image: url(./img/botan.png);
	background-position: right bottom;
	text-decoration: none;
	text-align: left;
	display:block; /*ブロックレベル要素に指定*/
}

#navigation2 a{
	display:block; /*ブロックレベル要素に指定*/
	color: #FFFFFF;
	background-color: #3A5FCD;
	background-image: url(./img/botan.png);
	background-position: right bottom;
	text-decoration: none;
	text-align: center;
}

#navigation2:hover{
	background: #000000;
	background-image: url(./img/botan.png);
	background-position: left top;
}
/*小項目画像のリンクの終了*/

.section p,h2,h3{
	margin-left: 1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#footer {
	background: #FFFFFF url(./img/top/footer.gif);
	background-repeat:repeat-x;
	height: 22px;
	position:absolute;
	bottom:0px;
	width:100%;
}

/*Copyrightのためのもの*/
#for_copyright {
	position:absolute;
	height: 4em;
	width:100%;
	border-top:2px solid #191970;
	bottom:0px;
/*	font-size:x-small;*/
	font-size:100%;
	text-align:right;
}

/*ここまで*/

.kara{
	height : 100px;
	}

.photo{
	position: relative;
	margin-top: 10px 0px 0px 10px;
	width:602px;
	height:80px;
}

.phototext{
	position: absolute;
	top:20px;
	left:15px;
	width:602px;
	height:60px;
}

.mailform table{
	margin-left:10px;
}


/*プルダウンメニューの項目*/
.mailform select {
	position:relative;
	top:0px;
	left:0px;
	margin:0;
	padding:0;
	text-decoration:none;
	list-style:none;
}

/*QlikViewページのためのもの*/
#justForQlikview{
	position:absolute;
/*
	top:10px;
	left:510px;
	height: 120px;
	width: 88px;
*/
	top:1em;
	left:45em;
	height:12em;
	width:8.8em;
}
/*QlikViewページのためのもの終了*/

/*行間を指定しているにも関わらず、imgなどの置換要素が含まれると、WinIEでline-heightで指定した値より小さくなるというバグ。対策*/
/** html p img .forIe6Bug{*/
* html .forIe6Bug{
	padding:5px 0px 0px 0px;
/*	vertical-align:middle;*/
	vertical-align:baseline;
}
/*行間を指定しているにも関わらず、imgなどの置換要素が含まれると、WinIEでline-heightで指定した値より小さくなるというバグ。対策終了*/

* html .forIe6Bug2{
	padding:2px 0px 0px 0px;
/*	vertical-align:middle;*/
}

/*メニューバー用ハック*/
* html .forIe6Bug3{
	padding:3px 0px 4px 0px;
	vertical-align:middle;
}
/*メニューバー用ハック終了*/

/*タイトルのための文字の指定*/
.titleFont{
	font-size:270%;
	color:#00008b;
}
/*タイトルのための文字の指定終了*/

/*少し大きめの文字*/
.largerFont{
	font-size:150%;
}
/*少し大きめの文字終了*/

/*少し小さめの文字*/
.smallerFont{
	font-size:90%;
}
/*少し小さめの文字終了*/

/*サイトマップの横線の行間を指定*/
.justForSitemap{
	line-height:0px;
}
/*サイトマップの横線の行間を指定終了*/

/*サイトマップの文字色を指定*/
.fontColor{
	color:#000080;
}
/*サイトマップの文字色を指定終了*/

/*トップページの画像専用サイズ指定*/
.topPageImg{
	width:69.7em;
	height:20.2em;
}
/*トップページの画像専用サイズ指定終了*/

/* 個人情報の取扱いについてのページの文章の左余白 */
.forPrivacyInfo {
    margin-left:3%;
}
/* 個人情報の取扱いについてのページの文章の左余白終了 */

/* トップページの新着情報の「NEW」という文言のためのスタイル */
.forTopNews {
    margin-left:0.5em ;
    font-size:1em ;
    color:#ff4500 ;
    font-style:italic ;
}
/* トップページの新着情報の「NEW」という文言のためのスタイル終了 */

/* プライバシーマークページたのめ */
.privacyLeftBox {
	margin:2px 0 0 15px;
	float:left;
	height:12em;
	width:15em;
}
/* プライバシーマークページたのめ end */

/* プライバシーマークページたのめ */
.privacyRightBox {
	float:left;
	height:12em;
	width:22em;
}
/* プライバシーマークページたのめ end */

.clearBoth{
	clear:both;
}


.textAlign{
	text-align:center;
}

/* 20100809 sumitani 認証・認定取得ページの背景画像をなくす */
.certification{width:100%; background-color:#ffffff;}
/* 20100809 sumitani 認証・認定取得ページの背景画像をなくす end */

/* 20100809 sumitani トップページのPマークの余白部分 */
.topPagePMark{margin:19px;}
/* 20100809 sumitani トップページのPマークの余白部分 end */