@charset "shift-JIS";

body{
font-family: "ＭＳ Ｐゴシック", "Osaka", verdana, arial, sans-serif;
color: #050210;
line-height: 1.38em;	/* 本文の行間 */
margin: 0px;
padding: 0px;
background: #EBF7FF url(./syspic/background.jpg) repeat left;
font-size: 18px;
}

/******* hyperlink and anchor tag styles *******/
a:link{
color: #003F98;
text-decoration: underline;
}
a:visited{
color: purple;
text-decoration: underline;
}
a:hover{
text-decoration: underline;
/* background-color: #EFF8FF; マウスオーバーでテキストに薄い青背景　しかしIEで写真が動くため削除した 100505 */
}


h1{	/* 約款ページなどid=toptextに含まれないh1に対応 */
font-family: "ＭＳ Ｐゴシック", "Osaka", verdana, arial, sans-serif;
font-size: 103%;
font-weight: bold;
color: #334d55;
}

h2 {
font-family: "ＭＳ Ｐゴシック", "Osaka", verdana, arial, sans-serif;
font-size: 102%;
font-weight: bold;
color: #006699;
}


h3{
font-family: "ＭＳ Ｐゴシック", "Osaka", verdana, arial, sans-serif;
font-size: 101%;
margin:2em 0px 1.5em 5px;
padding:4px 0px 1px 5px;
background-color:#406095;
color:#ffffff;
border-bottom: 2px solid #204075;
border-right: 2px solid #204075;
}

h4{
font-family: Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka",sans-serif;
font-size: 100%;
color: #121212;
margin-top: 1em;
margin-right: 1em;
margin-bottom: 0.4em;
padding-left: 10px;
line-height: 32px;
}

h5{
font-family: Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka",sans-serif;
font-size: 100%;
color: #334daa;
padding-left: 20px;
margin-top: 1em;
margin-right: 1em;
margin-bottom: 0.2em;
}

h6{
font-family: Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka",sans-serif;
font-size: 100%;
color: #339955;
margin: 6px 80px 6px 10px;
padding-left: 25px;
line-height: 24px;
}

em{
text-decoration: none;
font-style: normal;
font-weight: bold;
}

strong{
text-decoration: none;
color: #EA4E01;
font-style: normal;
font-weight: bold;
}

/*************** list tag styles ***************/

ul{
list-style-type: square;
}

ul ul{
list-style-type: disc;
}

ul ul ul{
list-style-type: none;
}

li.nomark{
list-style-type: none;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pagecell1{	/* 上部のh2ロゴと水平メニュー部分 (h1ロゴ等は含まない)*/
position:absolute;
top: 100px;
left: 15px;
right: 15px;
width:830px;
height: 89px;
padding-bottom: 10px;
background-color: #ffffff;
}

#pagecell2{	/* 垂直メニューと本文 */
position:absolute;
top: 190px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 0px;
width:830px;
background-color: #ffffff;
border-top: 1px solid #ccd2d2;
}

#tl{
position:absolute;
top: -1px;
left: -1px;
margin: 0px;
padding: 0px;
z-index: 100;
}

#tr{
position:absolute;
top: -1px;
right: -1px;
margin: 0px;
padding: 0px;
z-index: 100;
}


/*■ページ先頭のヘッド部分■*/

#toppagehead{ /* トップページ限定の２行目テキスト h2 */
position: absolute;
top: 45px;
left: 15px;
right: 15px;
width:830px;
height:150px;
}


#toptext{	/* 全ページの最上位の１行テキスト h1 */
position: absolute;
top: 0px;
left: 190px;
right: 15px;
width: 655px;
height:150px;
background: #ffffff;
}
#toptext h1{
margin: 15px;
padding: 30px 0px 0px 0px;
color: #9696a6;
}

#toppagemaintitle{
position: absolute;
top: 8px;
left: 184px;
right: 0px;
width:635px;
height:0px;
}

#mainlogo{
position: absolute;
top: 0px;
left: 2px;
right: 15px;
width:830px;
height:150px;
}

#searchwindow{
position: absolute;
top: 5px;
left: 550px;
right: 10px;
float: right;
width: 270px;
padding: 0px 0px 0px 20px;
background: #ffffff url(./syspic/searchwindowbk.gif) no-repeat 0px 5px;
font-size: 60%;
vertical-align: middle;
}

#sslwindow{
position: absolute;
top: 15px;
left: 500px;
float: right;
width: 330px;
height: 70px;
padding: 0px 0px 0px 0px;
font-size: 11px;
vertical-align: middle;
background-color: #f2f2f6;
}


/*■水平メニュー■*/
#globalNav{
position: relative;
width: 830px;	/*ページ全体の横幅 */
color: #000000;
padding: 0px 0px 0px 0px;
margin: 0px;
background-color: #ffffff;
}

#menu {
	list-style-type:none;	/* 項目のマークを消す */
	width:100%;
	height:38px;
	background:url(./syspic/menubar.gif) 0px 30px no-repeat;
	margin:0;
	padding-left : 10pt;
}

/* タブ項目 */
#menu li{
	float:left;
	width:160px;
	height:30px;
	overflow:hidden;	/* 文字がはみ出た場合：非表示 */
	text-align:center;
}

/* タブ項目の背景画像指定 */
#tabmenu1{
	background:url(./syspic/menu1.gif) no-repeat;
}
#tabmenu2{
	background:url(./syspic/menu2.gif) no-repeat;
}
#tabmenu3{
	background:url(./syspic/menu3.gif) no-repeat;
}
#tabmenu4{
	background:url(./syspic/menu4.gif) no-repeat;
}
#tabmenu5{
	background:url(./syspic/menu5.gif) no-repeat;
}
#tabmenu6{
	background:url(./syspic/menu6.gif) no-repeat;
}
#tabmenu7{
	background:url(./syspic/menu7.gif) no-repeat;
}
#tabmenu8{
	background:url(./syspic/menu8.gif) no-repeat;
}

#menu span{
	visibility:hidden;	/* リンク文字：非表示 */
}

/* タブの各項目設定 */
#menu a {
	display:block;	/* ブロック要素指定 */
	text-decoration:none;	/* 下線無し */
	width:100%;
	height:100%;
	background-position:0px 0px;	/* 背景位置（通常表示） */
}

/* マウスオーバー時、現在表示ページ */
#menu a:hover{
	background-position:0px -30px;
}

#selected a,#selected a:hover{
	background-position:0px -60px;
}


/*■ページタイトル部パンくずリスト■*/

#breadcrumblist{
position: absolute;
top: 38px;
left: 0px;
background-color: #FFFFFF;
font-size: 8pt;
}

/*■ページタイトル部(水平メニューの下にあるh2)■*/

#pageName{
position: absolute;
top: 30px;
left: 0px;
margin: 20px 0px 0px 200px;
background-color: #FFFFFF;
}

#pageName h2{
	text-align: center;
	font-weight: bold;
	font-size: 12pt;
	line-height : 12pt;
	color: #110D5A;
	background: #F1F1FD url(./syspic/h2back2.gif) no-repeat;
	border-top: 2px solid #FB8E0D;
	border-bottom: 1px solid #110D5A;
	padding: 7px 25px 2px 50px;
	margin: 2px 23px 0px 0px;
}


/*■垂直メニュー■*/
#pageNav{
line-height: 1.5em; /* ■追加 5/4 */
float: left;
width:153px;	/* 左メニューの表示幅 余白は別途 */
padding-left: 15px;
padding-right: 10px;
padding-bottom: 20px;
margin-right: 0px;
background-color: #F1F1F1;
font-family: Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka",sans-serif;
font-size: 12px;
}

.pageBlock1,.pageBlock2,.pageBlock3,.pageBlock4,.pageBlock5{
width:152px;
font-weight: bold; 
margin-top: 14px;
padding-top: 4px;
border-right: 1px solid #eeeeee; 
border-left: 1px solid #999999; 
/* border-top: 1px solid #999999; */
border-bottom: 1px solid #999999;
}

.pageBlock1{
background-color : #8CACCC;
}
.pageBlock2{
background-color : #1CCCDD;
}
.pageBlock3{
background-color : #947CcD;
}
.pageBlock4{
background-color : #6CBC7D;
}
.pageBlock5{
background-color : #BCBCBD;
color : #8F8F8F;
}

.pageBlock1 a:link, .pageBlock1 a:visited,.pageBlock2 a:link,.pageBlock2 a:visited,.pageBlock3 a:link, .pageBlock3 a:visited, .pageBlock4 a:link, .pageBlock4 a:visited, .pageBlock5 a:link, .pageBlock5 a:visited{
text-decoration: none;
display: block;
border-bottom: 1px solid #aaaaaa; 
background-image : url(./syspic/hpb_bg02.gif);
font-weight: normal; 
padding: 1px 0px 1px 10px;
color: #21536A;
border-right: 2px solid #aaaaaa;
}

.pageBlock1 a:visited, .pageBlock2 a:visited, .pageBlock3 a:visited, .pageBlock4 a:visited, .pageBlock5 a:visited{
color: purple;
}

.pageBlock1 a:hover, .pageBlock2 a:hover, .pageBlock3 a:hover, .pageBlock4 a:hover, .pageBlock5 a:hover{
color: #FF2F10;
}


span.selected {	/* 垂直メニュー */
display: block;
border-bottom: 1px solid #aaaaaa; 
font-weight: bold; 
padding: 1px 0px 1px 10px;
color: #000000;
border-right: 2px solid #FFFFFF;
background-color : #FFFFff;
font-size: 100%;
}

span.l3 {	/* 垂直メニューの└マーク */
font-size: 75%;
}

/* 左端広告用 styleでmarginを指定する */
.pageBlockAd a:link, .pageBlockAd a:visited, .pageBlockAd a:hover{
color: #004FE8;
text-decoration: none;
display: block;
font-weight: normal; 
padding: 10px 0px 10px 10px;
}


/*************** story styles ******************/

#story{
margin:0px 10px 0px 178px;	/*左側のメニュー用余白 */
padding: 0px 0px 0px 10px;
border-left: 1px solid #ccd2d2;
font-size: 14px;
}


#story p{
margin-top: 10px;
margin-bottom: 15px;
padding: 0px 1em 10px 10px;
}

#story em{
text-decoration: none;
color: #000000;
font-style: normal;
font-weight: bold;
}

#story strong{
text-decoration: none;
color: #EA4E01;
font-style: normal;
font-weight: bold;
}



/*■フッター■*/

#footer{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:830px;
	height:20px;
	background-color: #d0d0d0;
}
#footer_left{
	float: left;
	width: 400px;
	font-size: 61%;
	background-color: #d0d0d0;
	color: #909090;
}
#footer_left a:hover,#footer_left a:link,#footer_left a:visited  {
	text-decoration: none;
	color: #909090;
	background-color: #d0d0d0;
}
#footer_right{
	float: right;
	text-align: right;
	width: 429px;
	background-color: #d0d0d0;
	font-size: 61%;
	color: #707070;
}
#footer_right a:hover,#footer_right a:link,#footer_right a:visited  {
	text-decoration: none;
	color: #707070;
	background-color: #d0d0d0;
}


#footer2{
width:830px;
height:20px;
background-color: #ffffff;
color: #aaaaaa;
font-size: 80%;
margin-left : auto;
margin-right : 0;
text-align: right;
}
#footer2 a:hover,#footer2 a:link,#footer2 a:visited{
color: #aaaaaa;
background-color: #ffffff;
text-decoration: none;
}

#footer2left{	/* トップページ用 */
float: left;
width:153px;	/* 左メニューの表示幅 余白は別途 */
margin: 2px 10px 0px 0px;
padding: 0px 0px 0px 0px;
}

#footer2right{	/* トップページ用 */
margin: 2px 10px 0px 0px;	/*左側のメニュー用余白 */
padding: 0px 0px 0px 10px;
text-align: right;
}




/**************** table styles *****************/


.table-tb1 {
	margin-left: 2em;
	margin-right: 2em;
	background-color: #ffffff;
	border-color: #80a6ca #80a6ca #80a6ca #80a6ca;
	border-style: solid solid solid solid;
	border-width: 1px 0px 0px 1px;
}
.table-tb2 {
	margin-left: 2em;
	margin-right: 2em;
	background-color: #ffffff;
	border-color: #80a6ca #80a6ca #80a6ca #80a6ca;
	border-style: solid solid solid solid;
	border-width: 1px 1px 1px 1px;
}
.table-ordersheet {
	margin-left: 0em;
	margin-right: 0em;
	background-color: #ffffff;
	border-color: #80a6ca #80a6ca #80a6ca #80a6ca;
	border-style: solid solid solid solid;
	border-width: 1px 1px 1px 1px;
}


.table-th1 {
	color: #f8f8f8;
	background-color: #5b7fa2;
	border-color: #80a6ca #80a6ca #80a6ca #80a6ca;
	border-style: solid solid solid solid;
	border-width: 0px 1px 1px 0px;
	font-size: 90%;
	text-align: left;
}

.table-th1c {
	color: #f8f8f8;
	background-color: #5b7fa2;
	border-color: #80a6ca #80a6ca #80a6ca #80a6ca;
	border-style: solid solid solid solid;
	border-width: 0px 1px 1px 0px;
	font-size: 90%;
	text-align: center;
}

.table-cell1 {
	color: #333333;
	background-color: #f7f7f7;
	border-color: #80a6ca #80a6ca #80a6ca #80a6ca;
	border-style: solid solid solid solid;
	border-width: 0px 1px 1px 0px;
	font-size: 95%;
	line-height: 130%;
}
.table-cell2 {
	color: #333333;
	background-color: #ffffff;
	border-color: #80a6ca #80a6ca #80a6ca #80a6ca;
	border-style: solid solid solid solid;
	border-width: 0px 1px 1px 0px;
	font-size: 95%;
	line-height: 130%;
}
.table-cell3 {
	color: #333333;
	background-color: #ffffff;
	border-color: #80a6ca #80a6ca #80a6ca #80a6ca;
	border-style: solid solid solid solid;
	border-width: 0px 1px 1px 0px;
	font-size: 80%;
	line-height: 130%;
}
.tableorder-cellssl {
	color: #666666;
	background-color: #f2f2f6;
	border-style: none none none none;
	font-size: 10px;
	line-height: 15px;
	vertical-align: middle;
}
.tableorder-cell1 {
	color: #333333;
	background-color: #f7f7f7;
	border-color: #80a6ca #80a6ca #80a6ca #80a6ca;
	border-style: solid solid solid solid;
	border-width: 0px 1px 1px 0px;
	font-size: 12px; /* 機種依存性を無くすため絶対値指定 */
	line-height: 130%;
}
.tableorder-cell2 {
	color: #333333;
	background-color: #ffffff;
	border-color: #80a6ca #80a6ca #80a6ca #80a6ca;
	border-style: solid solid solid solid;
	border-width: 0px 1px 1px 0px;
	font-size: 12px;
	line-height: 130%;
}

.table-story{
/* 追加071028 本文で図を右に配置するための枠なしtable */
	line-height: 170%;
	margin:0px 10px 0px 178px;	/*左側のメニュー用余白 */
	padding: 10px 0px 0px 10px;
	font-size: 90%;
	border-style: none none none none;
}


caption{
padding: 0.4em;
white-space: nowrap;
font-weight: bold;
}

td{
padding: 0.2em 0.4em;
border: 1px solid;
empty-cells: show;
}
th{
padding: 0.2em 0.4em;
border: 1px solid;
empty-cells: show;
font-weight: bold;
background-color: #CCFF99;
line-height: 1.5em;
}


/*********** HyperPosition addition ************/
.h4{
	margin-left:2em;
}

.h5{
	margin-left:4em;
}


.interviewQ{
color: #000000;
}
.interviewA{
color: #207722;
font-weight: bold;
margin-top:0.4em;
margin-left:2em;
margin-bottom:2em;
}

.updatehistory{
color: #222222;
line-height: 16pt;
font-size: 12px;
}

.nextref {				/* 次ページリンク用クラス */
background: url(./syspic/nextbutton.gif) no-repeat;
padding: 10px 0px 0px 0px;
font-weight: bold;
font-size: 100%;
border-style:none;
}
.nextref a:hover, .orderrefsamesize a:hover{
color: #0088FF;
background-color: transparent;
}

.orderref {				/* 注文ページリンク用クラス */
background: url(./syspic/2orderbutton.gif) no-repeat;
padding: 10px 0px 0px 0px;
font-weight: bold;
font-size: 70%;
border-style:none;
}
.orderref a:hover{
color: #0088FF;
background-color: transparent;
}

.orderrefsamesize {			/* 注文ページリンク（文字大きい）用クラス */
background: url(./syspic/2orderbutton.gif) no-repeat;
padding: 10px 0px 0px 0px;
font-weight: bold;
font-size: 100%;
border-style:none;
}


.price{					/* 価格表示欄 */
background-image:url(./syspic/priceback.gif);
background-repeat: no-repeat;
width:520px;
border: none;
margin: 0em 2em 2em 30px;
padding: 58px 0.5em 0px 0.5em;
font-size: 100%;
color: #FD5911;
font-weight: bold;
}

.pricecomp{				/* 価格表示補足用*/
font-size: 90%;
color: #FD5911;
font-weight: normal;
}

.subtitle{			/* 文中サブタイトル用の緑普通文字 主に表の項目で使用*/
font-size: 100%;
color: #006000;
font-weight: bold;
}

.supplement{			/* 補足情報　小さな文字 */
font-size: 87%;
color: #000000;
}

.complement{				/* 補足情報　各社引用の脚注 */
padding: 0px 0px 0px 0px;
margin: 0px 2em 0px 2em;
font-size: 90%;
color: #858585;
}

.nolinkdisp a:link,.nolinkdisp a:visited,.nolinkdisp a:hover{	/* 本文中でリンクを明示しない */
color:#050210;
text-decoration:none;
background-color: #FFFFFF;
}

.complement a:link,.complement a:hover{
color: #858585;
text-decoration: underline;
}
.complement a:visited{
color: purple;
text-decoration: underline;
}

.topstrong{				/* トップページでの強調表示 */
color: #EA4E01;
}

.complement-noindent{			/* 表中で使う補足情報　小さな文字字下げなし */
padding: 0px 0px 0px 0px;
margin: 0px 0em 0px 0em;
font-size: 70%;
color: #959595;
}

.announcement{		/* 告知用　目立つ枠囲みピンク */
border: 1px solid;
padding: 0px 2em 0px 2em;
font-size: 80%;
color: #ee11ee;
}

.checklist{	/* チェックリスト用の背景付き囲い */
width: 550px;
margin: 0px 0px 0px 35px;
background-color: #f9e9fa;
font-size: 95%;
}

.qa{					/* qa欄 */
background-image:url(./syspic/qaback.gif);
background-repeat: no-repeat;
width:520px;
border: 1px solid #cccccc;
margin: 3em 2em 3em 80px;
padding: 32px 0.5em 0px 0.5em;
font-size: 90%;
color: #888888;
}


.doubleindent{			/* 強い字下げ */
margin: 0px 2em 0px 4em;
}

.noindent {			/* 字下げなし */
padding: 0px 0px 0px 0px;
margin: 0px -1em 0px -1em;	/* story.pの効果を消すため*/
}

.caption {	/* カタログで使用する写真の説明文 */
font-size: 90%;
padding: 0px 0px 0px 0px;
margin: 0px -1em 0px -1em;	/* story.pの効果を消すため*/
}

.explanation{	/* 表中などで使用する補足的説明文 */
font-size: 85%;
padding: 0px 0px 0px 0px;
margin: 0px -1em 0px -1em;	/* story.pの効果を消すため*/
}

.rule{	/* 約款 */
	font-size: 80%;
}

.tel{
	font-size: 60%;
	color: #bbbbbb;
}



a img{/* 画像のリンク枠を消す */
border-style: none;
}
img{/* 画像の枠を消す */
border-style: none;
}

.rightimg{	/* 右寄せ画像 表中などで */
float:right;
margin: 0px 20px 0px 20px;
}

.borderimg{	/* 枠ありの画像 リンク時に */
border-style: solid;
border-width: thin;
}