/*
	$Id: stylesheet.css,v1 $

	Ki2 Corporation Japan'sWEB
	Copyright (c) 2007. Ki2 Corporation Japan
	Create and Design by Seiki Nishijima

======================================================================
  Memo
・フォントサイズ固定のためOsakaとＭＳＰゴを指定。ヒラギノはおまけ。 060413
・共有ボックス専用（但し４色クローズドボックスはこちらで管理）

======================================================================
*/


body {
/*------------------------------------
  背景色・イメージ・固定・開始位置・繰り返し
-------------------------------------*/
	background-color: #ffffff;
/*	background-image :  url(images/**.jpg) ; 
	background-attachment: fixed; 
	background-position: 0% 100%; 
	background-repeat: no-repeat;*/
/*------------------------------------
  スクロールバーの色設定（ie系のみ適応）
-------------------------------------*/
/*	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #3333cc;
	scrollbar-shadow-color: #3333cc;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #3333cc;
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff; */
/*------------------------------------
  ボディマージン
-------------------------------------*/
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
/*------------------------------------
  デフォルトフォント
-------------------------------------*/
	font-family : Osaka, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";
	font-size: 12px;
	line-height: 14px;
	color: #333333;
}

/*------------------------------------
  リンク、アンダーバー削除
-------------------------------------*/
/*a {
	text-decoration: none;
}/*

/*------------------------------------
  リンク、ヒット時の色
-------------------------------------*/
a:link {
	color: #333333;
}
a:visited {
	color: #333333;
}
a:active {
	color: #333333;
}
a:hover {
	color: #ffffff;
	background:#999999;
}

/*------------------------------------
  ヘッダーブロック
-------------------------------------*/
div.headBox {
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 776px;
	text-align: center;
	clear: left;
}
div.logoBox {
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 70px;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	float: left;
}
div.headTextBox {
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 434px;
	text-align: left;
	font-size: 10px;
	line-height: 120%;
	float: left;
}
div.headTextBox2 {
	margin: 0px;
	padding-top: 0px;
	padding-left: 80px;
	padding-right: 0px;
	padding-bottom: 5px;
	width: 696px;
	height: 24px;
	text-align: left;
	font-size: 10px;
	line-height: 120%;
	float: left;
}
h1.headText {
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 10px;
	line-height: 120%;
	font-weight: normal;
}
div.headLinkBox {
	margin-top: 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 262px;
	text-align: right;
	font-size: 12px;
	line-height: 140%;
	float: left;
}
/*------------------------------------
  カテゴリメニューブロック
-------------------------------------*/
div.menuBox {
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 776px;
	text-align: center;
	clear: left;
}
/*------------------------------------
  メインブロック
-------------------------------------*/
div.frameBox {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 776px;
	text-align: center;
	clear: left;
}
div.frameLeftBox {
	margin: 0px;
	padding: 0px;
	width: 194px;
	text-align: center;
	float: left;
}
div.frameCenterBox {
	margin: 0px;
	padding: 0px;
	width: 582px;
	text-align: center;
	float: left;
}
div.subMenuBox {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 12px;
	line-height: 140%;
}
div.mainBox {
	margin: 0px;
	padding-top: 5px;
	padding-left: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 100%;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	clear: left;
}
div.mainPrimaryBox {
	margin: 0px;
	width: 100%;
	text-align: left;
	clear: left;
}
div.mainSlaveBox {
	margin-left: 30px;
	padding: 0px;
	width: 530px;
	text-align: left;
	clear: left;
}
div.mainSlaveL64Box {
	margin: 0;
	padding: 0px;
	width: 60%;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	float: left;
}
div.mainSlaveR64Box {
	margin: 0px;
	padding: 0px;
	width: 40%;
	text-align: center;
	font-size: 12px;
	line-height: 140%;
	float: left;
}
div.mainSlaveL55Box {
	margin: 0;
	padding: 0px;
	width: 50%;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	float: left;
}
div.mainSlaveR55Box {
	margin: 0px;
	padding: 0px;
	width: 50%;
	text-align: center;
	font-size: 12px;
	line-height: 140%;
	float: left;
}
p.subSlaveBox {
	margin: 0px;
	padding-top: 6px;
	padding-left: 25px;
	padding-right: 0px;
	padding-bottom: 10px;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	color: #333333;
}
div.rightTextBox {
	margin: 0px;
	padding: 0px;
	text-align: right;
	font-size: 12px;
	line-height: 140%;
}
/*------------------------------------
  レフトリンクブロック
-------------------------------------*/
div.leftLinkBox {
	padding-top: 10px;
	margin: 0px;
	text-align: center;
	font-size: 12px;
	line-height: 140%;
}
div.leftLinkBoxS {
	padding-top: 5px;
	margin: 0px;
	text-align: center;
	font-size: 12px;
	line-height: 140%;
}
div.leftLinkBoxUnder {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	text-align: center;
	font-size: 12px;
	line-height: 140%;
}
/*------------------------------------
  トピックスブロック
-------------------------------------*/
div.newsBox {
	margin: 0px;
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 100%;
	clear: both;
}
div.newsLongBox {
	margin: 0px;
	padding-top: 0px;
	padding-left: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 100%;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	clear: left;
}
div.newsLShortBox {
	margin: 0px;
	padding-top: 0px;
	padding-left: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 270px;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	float: left;
}
div.newsRShortBox {
	margin: 0px;
	padding: 0px;
	width: 270px;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	float: right;
}
div.newsShortTBox {
	margin: 0px;
	padding: 0px;
	width: 100%;
	clear: both;
}
div.newsLSTextBox {
	margin: 0px;
	padding: 0px;
	width: 270px;
	float: left;
}
div.newsRSTextBox {
	margin: 0px;
	padding: 0px;
	width: 270px;
	float: right;
}
div.newsHeadBox {
	margin: 0px;
	padding-top: 12px;
	padding-left: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 100%;
	clear: left;
}
div.newsSlaveBox {
	margin: 0px;
	padding-top: 0px;
	padding-left: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 100%;
	clear: left;
}
div.newsDayText {
	margin: 0px;
	padding: 0px;
	width: 65px;
	text-align: right;
	font-size: 12px;
	line-height: 140%;
	float: left;
}
div.newsText {
	margin: 0px;
	padding-top: 0px;
	padding-left: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	float: left;
}
div.newsTextShort {
	margin: 0px;
	padding-top: 0px;
	padding-left: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 193px;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	float: left;
}
/*------------------------------------
  ボーダーラインブロック
-------------------------------------*/
div.borderBox {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 776px;
	text-align: center;
	clear: left;
}
div.borderTopBox {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 776px;
	text-align: center;
	clear: left;
}
hr.dotLine {
	border: 1px dotted #333333;
	margin-bottom: 25px;
	margin-left: 30px;
	padding: 0px;
	width: 90%;
}
/*------------------------------------
  フッターブロック
-------------------------------------*/
div.footerBox {
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 776px;
	height: 100px;
	text-align: left;
	clear: both;
}
div.footerLinkBox {
	margin: 0px;
	padding: 0px;
	width: 523px;
	text-align: left;
	float: left;
}
div.footerCopyBox {
	margin: 0px;
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 253px;
	text-align: right;
	float: right;
}
/*------------------------------------
  マークブロック
-------------------------------------*/
div.leftMarkBox {
	margin: 0px;
	padding-top: 2px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	width: 100%;
	text-align: left;
	vertical-align:middle;
	clear: left;
}
div.itemMarkLBox {
	width: 17px;
	text-align: left;
	float: left;
}
div.textMarkLBox {
	vertical-align:middle;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	float: left;
}

div.rightMarkBox {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	text-align: center;
	width: 776px;
	clear: both;
}
div.itemMarkRBox {
	width: 17px;
	text-align: right;
	vertical-align:bottom;
	float: right;
}
div.textMarkRBox {
	vertical-align:bottom;
	text-align: right;
	font-size: 12px;
	line-height: 140%;
	float: right;
}
/*------------------------------------
  ボックス内部汎用セット
-------------------------------------*/
div.currentBox {
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: center;
	vertical-align:middle;
	clear: left;
}
div.connoteBox {
	float: left;
}
p.centerContentBox {
	margin: 20px 0px 20px 0px;
	padding: 0px;
	width: 100%;
	text-align: center;
	vertical-align:middle;
}

/*------------------------------------
  右寄せメニューボックス
-------------------------------------*/
div.textRightBox {
	margin: 0px;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	width: 530px;
	vertical-align:middle;
	text-align: right;
	font-size: 12px;
	line-height: 140%;
}
/*------------------------------------
  マージンボックス
-------------------------------------*/
div.contentsMarginBox {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 35px;
	clear: left;
}

/*------------------------------------
  テーブルセット
-------------------------------------*/
table {
	text-align: left;
	font-size: 12px;
	line-height: 140%;
}
td {
	font-size: 12px;
	line-height: 140%;
	vertical-align: top;
	text-align: left;
	padding: 2px;
}
/*------------------------------------
  インプットセット
-------------------------------------*/
input {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
}
input.radioChecke {
	padding: 0px;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	vertical-align: middle;
}
input.slaveInput {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	vertical-align: middle;
}
input.switch {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px;
	text-align: center;
	font-size: 12px;
	line-height: 140%;
}
textarea {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
}
select {
	padding: 0px;
	margin: 0px;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
}
option {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
}
/*------------------------------------
  リストセット
-------------------------------------*/
ul {
	text-align: left;
	margin: 8px;
	padding: 0px;
}
ul.listB li {
	padding-right: 10px;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	color: #3399ff;
	display:inline;
}

ul.listBox {
	text-align: left;
	margin: 0px;
	padding: 0px;
}
ul.listBox li {
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 2px;
	margin-bottom: 1px;
	text-align: left;
	font-size: 10px;
	line-height: 100%;
	display:inline;
}
ul.SlaveList {
	text-align: left;
	margin-left: 50px;
	padding: 0px;
}
ul.cursor {
	list-style-image: url(images/cursor.gif);
	text-align: left;
	margin-top: 5px;
	margin-left: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
ul.SlaveCursor {
	list-style-image: url(images/cursor.gif);
	text-align: left;
	margin-top: 0px;
	margin-left: 70px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
ul.cursor li {
	padding: 0px;
}
ul.SlaveListCombo {
	text-align: left;
	margin-top: 0px;
	margin-left: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
ul.SlaveListCombo2nd {
	text-align: left;
	margin-top: 0px;
	margin-left: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
ul.SlaveCursorCombo {
	list-style-image: url(images/cursor.gif);
	text-align: left;
	margin-top: 0px;
	margin-left: 70px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
ul.SlaveListBox {
	text-align: left;
	margin-top: 0px;
	margin-left: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	list-style-type: square;
}

ul.SlaveListNumber {
	text-align: left;
	margin-top: 0px;
	margin-left: 60px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	list-style-type: decimal;
}

/*------------------------------------
  フォント色変え。基本スタイルは継承
-------------------------------------*/
span.fcRed {
	font-weight: bold;
	color: #f8310e;
}
span.fcGreen {
	font-weight: bold;
	color: #0f6734;
}
span.fcBlue {
	font-weight: bold;
	color: #1963aa;
}
/*------------------------------------
  注釈
-------------------------------------*/
span.atention {
	font-weight: bold;
	color: #ff3300;
}
span.atentionMargin {
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px
	font-weight: normal;
	color: #ff3300;
}
p.atention {
	margin: 0px;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	font-size: 12px;
	line-height: 120%;
	text-align: left;
	font-weight: bold;
	color: #ff3300;
}
ul.atention {
	list-style-image: url(images/atention.gif);
	text-align: left;
	margin-top: 5px;
	margin-left: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
ul.atention li {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 8px;
	text-align: left;
	font-size: 12px;
	line-height: 120%;
	text-align: left;
	font-weight: bold;
	color: #ff3300;
}
a.atention:link {
	color: #ff3300;
}
a.atention:visited {
	color: #ff3300;
}
a.atention:active {
	color: #ff3300;
}
a.atention:hover {
	color: #ff3300;
}
a.atention:hover {
	background:none;
}
/*------------------------------------
  クローズドブロック
-------------------------------------*/
div.closedSlaveBox {
	margin: 0px;
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 0px;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
}
/*オラン-----------------------------*/
span.closedTitleOran {
	width: auto;
	margin: 0px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	text-align: left;
	font-size: 16px;
	line-height: 140%;
	color: #fe6612;
	font-weight: bold;
	background: #ffffff;
}
div.closedHeadBoxOran {
	margin: 0px;
	padding-top: 5px;
	padding-left: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-image : url(images/closed_Bho.gif); 
	background-repeat: no-repeat;
	text-align: left;
	height: 30px;
	width: 500px;
}
div.closedMainBoxOran {
	width: 500px;
	margin: 0px;
	padding: 0px;
	background-image : url(images/closed_Bmo.gif); 
	background-repeat: repeat-y;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
}
div.closedFooterBoxOran {
	margin: 0px;
	padding: 0px;
	height: 27px;
	width: 500px;
	background-image : url(images/closed_Bfo.gif); 
	background-repeat: no-repeat;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
}
/*シアン-----------------------------*/
span.closedTitleCyaan {
	width: auto;
	margin: 0px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	text-align: left;
	font-size: 16px;
	line-height: 140%;
	color: #484999;
	font-weight: bold;
	background: #ffffff;
}
div.closedHeadBoxCyaan {
	margin: 0px;
	padding-top: 5px;
	padding-left: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-image : url(images/closed_Bhc.gif); 
	background-repeat: no-repeat;
	text-align: left;
	height: 30px;
	width: 500px;
}
div.closedMainBoxCyaan {
	width: 500px;
	margin: 0px;
	padding: 0px;
	background-image : url(images/closed_Bmc.gif); 
	background-repeat: repeat-y;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
}
div.closedFooterBoxCyaan {
	margin: 0px;
	padding: 0px;
	height: 27px;
	width: 500px;
	background-image : url(images/closed_Bfc.gif); 
	background-repeat: no-repeat;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
}
/*マゼンタ---------------------------*/
span.closedTitleMagenta {
	width: auto;
	margin: 0px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	text-align: left;
	font-size: 16px;
	line-height: 140%;
	color: #a12649;
	font-weight: bold;
	background: #ffffff;
}
div.closedHeadBoxMagenta {
	margin: 0px;
	padding-top: 5px;
	padding-left: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-image : url(images/closed_Bhm.gif); 
	background-repeat: no-repeat;
	text-align: left;
	height: 30px;
	width: 500px;
}
div.closedMainBoxMagenta {
	width: 500px;
	margin: 0px;
	padding: 0px;
	background-image : url(images/closed_Bmm.gif); 
	background-repeat: repeat-y;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
}
div.closedFooterBoxMagenta {
	margin: 0px;
	padding: 0px;
	height: 27px;
	width: 500px;
	background-image : url(images/closed_Bfm.gif); 
	background-repeat: no-repeat;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
}
/*ディープグリーン-------------------*/
span.closedTitleDeep {
	width: auto;
	margin: 0px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	text-align: left;
	font-size: 16px;
	line-height: 140%;
	color: #006666;
	font-weight: bold;
	background: #ffffff;
}
div.closedHeadBoxDeep {
	margin: 0px;
	padding-top: 5px;
	padding-left: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-image : url(images/closed_Bhd.gif); 
	background-repeat: no-repeat;
	text-align: left;
	height: 30px;
	width: 500px;
}
div.closedMainBoxDeep {
	width: 500px;
	margin: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-image : url(images/closed_Bmd.gif); 
	background-repeat: repeat-y;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
}
div.closedFooterBoxDeep {
	margin: 0px;
	padding: 0px;
	height: 27px;
	width: 500px;
	background-image : url(images/closed_Bfd.gif); 
	background-repeat: no-repeat;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
}
/*------------------------------------
  備考
-------------------------------------*/
/*線種：border: *px (線種) #color;
none（無し）
solid（実線）・dotted（破線）・double（二重線）
groove（谷線）・ridge（山線）
inset（内線）・outset（外線）
*/

/*文字飾り：text-decoration
none（無し）
underline（下線）・overline（上線）
line-through（打ち消し線）
blink（点滅）・inherit（継承）

太字に限り以下：font-weight
normal（通常）と bold（太字）
*/