@charset "shift_jis";


/* 構造
--------------------------------------------------*/
body {
	background: #999999 url(../img/bg.gif);
	margin: 15px 0px 0px 0px;
}
.frameblue {
	border: 1px solid #3399cc;
}
.framered {
	border: 1px solid #fac0c0;
}


/* 汎用指定
--------------------------------------------------*/
a img, object {
	border: none;
}
.float_left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.float_right {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}
.clear_left {
	clear: left;
}
.clear_right {
	clear: right
}
.clear_both {
	clear: both;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}

/* 汎用指定（文字要素）
--------------------------------------------------*/
.fs1 {
	font-size: 100%;
}
.fs1b {
	font-size: 100%;
	font-weight: bold;
}
.fs1lh {
	font-size: 100%;
	line-height: 120%;
}
a:link {
	color: #0033cc;
	text-decoration: none;
}
a:visited {
	color: #800080;
	text-decoration: none;
}
a:hover {
	color: #0033cc;
	text-decoration: underline;
}
.fs2 {
	font-size: 90%;
}
.fs2b {
	font-size: 90%;
	font-weight: bold;
}
.fs2red {
	font-size: 90%;
	color: #cc0000;
}
.fs2lh {
	font-size: 90%;
	line-height: 110%;
}
.fs3 {
	font-size: 131.25%;
}
.fs3b {
	font-size: 131.25%;
	font-weight: bold;
}
.fs4 {
	font-size: 80%;
}
.fs4b {
	font-size: 80%;
	font-weight: bold;
}
.fs4lh {
	font-size: 80%;
	line-height: 110%;
}
.fsBold {
	font-weight: bold;
}
.fsRed {
	color: #cc0000;
}
.fsRedBold {
	color: #cc0000;
	font-weight: bold;
}
.fsWhite {
	color: #ffffff;
}
.fsWhiteBold {
	color: #ffffff;
	font-weight: bold;
}
.fsBlue {
	color: #006699;
}
.fsBlueBold {
	color: #006699;
	font-weight: bold;
}
.fsLightBlue {
	color: #3399cc;
}
.fsBrown {
	color: #645128;
}

/* リスト */
ul.none {
	list-style-type: none;
}
ul.li_base li { /* 基本のリスト */
	margin-left: -1.5em;
	padding-bottom: 0.75em;
	list-style-type: none;
	line-height: 1.25em;
	list-style-image: url(../img/listmark_dot.png);
}
li.em075 { /* li個別に行間を設定する */
	padding-bottom: 0.5em;
}
ul.em075 li, ol.em075 li { /* ulやol全体に行間を設定する */
	padding-bottom: 0.5em;
}
li.no-indent {
	margin-bottom: 0.5em;
	margin-left: -0.5em;
}
ul.no-indent li, ol.no-indent li { /* ulやol全体を左に寄せる */
	margin-bottom: 0.5em;
	margin-left: -0.5em;
}
ul img {
	margin-top: 0.5em;
	margin-bottom: 1.5em;
}
.li_marginEven { /* li要素と左のアキをソロエル */
	padding-left: 2em;
}
.indent-left {
	padding-left: 1em;
	display: block;
	margin: 0;
}


/* 強調シリーズ
--------------------------------------------------*/

/* ブロックごと囲む */
div.emKakomi {
	line-height:1.5em;
	margin-right: 20px;
	margin-left: 10px;
	padding: 10px;
	border: 1px solid #A6A679;
	background-color: #FCFCEF;
}
div.emKakomi p {
	margin: 0;
	padding-bottom: 1em;
}
div.emKakomi p.emKakomiEndP {
	padding-bottom: 0em;
}
/* 囲み文字 */
.empKakomi, div.empKakomi {
	line-height:1.5em;
	padding: 2px;
	display: inline;
	background: #FFFFCC;
	border: 2px dotted #CC0000;
}
/* 囲み文字（小見出し用） */
.empKakomi_h {
	border: 1px solid #66CCFF;
	background-color: #2A8ABF;
	color: #FFFFFF;
	font-weight: bold;
	padding: 10px;
	margin: 30px 10px 0px 10px;
}
/* 緑太文字 */
.empColor {
	color: #008000;
	font-weight: bold;
}
/* グレーマーカー */
.embgColor {
	background-color: #fbeaf2;
	font-style: normal;
	font-weight: bold;
	color: #333;
}


/* データテーブルシリーズ
--------------------------------------------------*/
/* 汎用設定 */
/* テーブル幅100％ */
table.tableWidth100 {
	width: 100%;
}
/* 折り返し無しセル */
.nowrap {
	white-space: nowrap;
}
/* グレーボーダー */
.tdBDCgray th,
.tdBDCgray td {
	border: 1px solid #bbbbbb !important;
}
/* 余白あり */
.tdPad3 th,
.tdPad3 td {
	padding: 3px !important;
}
.tdBGCgray01 {
	background-color: #888888 !important;
}
.tdBGCgray02 {
	background-color: #ccc !important;
}
.tdBGCgray03 {
	background-color: #dddddd !important;
}
.tdBGCgray04 {
	background-color: #eeeeee !important;
}

/* ユーザープロファイルの更新囲み用 */
td.areaA {
	border: 2px dotted #6C0080;
	padding: 4px;
	background: #FDECFF;
}
td.areaB {
	border: 2px dotted #0000FF;
	padding: 4px;
	background: #EEEEFF;
}
td.areaC {
	border: 2px dotted #FF6600;
	padding: 4px;
	background: #FFF8EC;
}

/* セルの空き有り、グレー罫線 */
table.type00 {
	table-layout: auto;
}
table.type01 {
	table-layout: fixed;
}
table.type00, 
table.type01 {
	border-collapse: collapse;
}
table.type00 th, 
table.type01 th,
table.type00 td, 
table.type01 td {
	border: 1px solid #CCCCCC;
	padding: 8px;
}
table.type00 th, 
table.type01 th {
	background: #EEEEEE;
	white-space: nowrap;
}
table.type00 td, 
table.type01 td {
	background: #FFFFFF;
}
table.type00 td.type00gray, 
table.type01 td.type01gray, 
table.type00 td.type00grayCB, 
table.type01 td.type01grayCB {
	border: 1px solid #CCCCCC;
	padding: 3px;
	background-color: #F0F7F7;
}
table.type00 td.type00grayCB, 
table.type01 td.type01grayCB {
	font-weight: bold;
	text-align: center;
}
table.type00 td.type00orangeB, 
table.type01 td.type01orangeB, 
table.type00 td.type00orangeCB, 
table.type01 td.type01orangeCB {
	border: 1px solid #CCCCCC;
	padding: 3px;
	background-color: #F9EBE3;
}
table.type00 td.type00orangeCB, 
table.type01 td.type01orangeCB {
	font-weight: bold;
	text-align: center;
}

/* セルの空きなし、グレー罫線 */
table.type02 {
	table-layout: auto;
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}
table.type02 th {
	border: 1px solid #CCCCCC;
	background: #EEEEEE;
	padding: 3px;
}
table.type02 td {
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	padding: 3px;
}

/* セルの空き広め、グレー罫線 */
table.type03 {
	table-layout: fixed;
	border-collapse: separate;
	border: 1px solid #CCCCCC;
}
table.type03 th {
	border: 1px solid #CCCCCC;
	padding: 6px;
	white-space: nowrap;
	background-color: #C8E8F7;
}
table.type03 td {
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	padding: 6px;
}
table.type03 td.type03gray {
	border: 1px solid #CCCCCC;
	background: #F0F7F7;
	padding: 6px;
}


/* ボタンシリーズ
--------------------------------------------------*/
/*
.btUptArrow：上向きボタン（先頭に戻る）
.btUpArrow：上向きボタン
.btLeftArrow：左向きボタン
*/
.btUptArrow,
.btUpArrow,
.btRightArrow,
.btDownArrow,
.btleftArrow {
	padding-left: 12px;
	background-repeat: no-repeat;
	background-position: left center;
}
.btUptArrow {
	background-image: url(../img/burette_05Upt.gif);
}
.btUpArrow {
	background-image: url(../img/burette_05Up.gif);
}
.btRightArrow {
	background-image: url(../img/burette_05Right.gif);
}
.btDownArrow {
	background-image: url(../img/burette_05Down.gif);
}
.btLeftArrow {
	background-image: url(../img/burette_05Left.gif);
}

/* 丸矢印ボタン（右）付きリンク */
a.btRarrow {
	height: 1em;
	padding: 5px 0px 5px 26px;
	background: url(../img/ya_marumigi.gif) no-repeat left center;
	text-decoration: none;
	vertical-align: middle;
}
a:hover.btRarrow, 
a:active.btRarrow {
	background: url(../img/ya_marumigi_on.gif) no-repeat left center;
}
/* アンケート画面へ */
a.gotoEnqute {
	height: 29px;
	padding: 5px 24px 5px 0px;
	background: url(../img/ya_marumigi.gif) no-repeat right center;
	text-decoration: none;
	font-size: small;
	color: #0033CC;
}
a:hover.gotoEnqute, 
a:active.gotoEnqute {
	background: url(../img/ya_marumigi_on.gif) no-repeat right center;
}


/* トップページインフォメーション
--------------------------------------------------*/
.info {
	padding: 5px 0 5px 5px;
	color:#333333;
	font-size:80%;
}