@import url("../../skin.css");

body						{ height: 100%; text-align: center; }
/* ページ全体 */
#pagewrapper				{ margin: 0px auto; width: 829px; height: auto; min-height: 100%; text-align: center; }
#page						{ margin: 0px auto; width: 829px; height: auto; min-height: 100%; }

/* ページ内で絶対位置指定で場所を決定するパーツ群 */
#tagline					{ position: absolute; top: 0px; left: 10px; padding: 2px 5px; }/* terms, privacy */
#date						{ position: absolute; top: 0px; left: 10em; padding: 2px 5px; } /* 日時 */
#primarynavi				{ position: absolute; top: 0px; right: 20px; padding: 2px 5px; }/* terms, privacy */
#language					{ position: absolute; top: 0px; right: 27em; padding: 2px 5px; } /* 言語 */
#search						{ position: absolute; top: 0px; right: 0px; padding: 2px 5px; } /* ユーザ */
#fontsize					{ position: absolute; top: 27px; right: 300px; }

/* ヘッダ部 */
#headerwrapper				{}
#header						{ margin: 0px auto; width: 800px; position: relative; height: 50px; }
div.headertoppane			{}

/* ロゴ */
#logo						{ position: absolute; top: 30px; left: 0px; }/* 左ロゴ：left、右ロゴ：right */
div.headerpane				{ float: right; }/* 左ロゴ：right、右ロゴ：left */
div.headerbottompane		{ height: 20px; }

/* グローバルナビゲーション＆パン屑 */
#hmenuwrapper				{ text-align: right; }
div.hmenu					{ margin: 0px auto; width: 800px; text-align: right; }
div.vmenu					{ margin: 0px 5px; }
#subnavi					{ margin: 0px auto; width: 800px; }/* パンくずリストなど(contentsに入れてfloatを効かせた場合、height:autoにしてはいけない) */
#breadcrumb					{ padding: 2px 5px; } /* パン屑リスト */
#users						{ padding: 2px 5px; } /* 検索 */

/* コンテンツ部 */
#contentswrapper			{}
#contents					{ margin: 0px auto; width: 800px; }
div.contentstop				{}
div.halfleftpane			{}/* 左ペイン（中央二分割） */
div.halfrightpane			{}/* 右ペイン（中央二分割） */
div.leftpane				{ width: 320px; }/* 左ペイン（サイドバー） */
div.rightpane				{ width: 180px; }/* 右ペイン（サイドバー） */
div.mainleftpane			{ margin-right: 180px !important; margin: 0px;} /* IE6は0px, IE6以外は値を指定 */
div.mainrightpane			{ margin-left: 320px !important; margin: 0px;} /* IE6は0px, IE6以外は値を指定 */
div.maincenterpane			{ margin-right: 180px !important; margin-left: 320px !important; margin: 0px;} /* IE6は0px, IE6以外は値を指定 */
div.contentsbottom			{}

/* フッタ部 */
#footerwrapper				{}
#footer						{ margin: 75px auto 0px; width: 800px; }
div.footertoppane			{ height: 20px; }
div.footerpane				{ text-align: center; }
div.footerbottompane		{}
#bottomnavi					{ margin: 0px 10px; } /* 下部リンク */
#copyright					{ padding: 2px 5px; } /* 著作権表示 */
#about						{ float: right; padding: 2px 5px; } /* スキン情報 */

/* NAVメニュー */

/* Root Menu */
.RootMenu					{}
.RootMenuHover				{}

/* Sub(Popup) Menu */
.SubMenuContainer			{}
.SubMenu					{}
.SubMenu td					{ padding: 0px 2px; }
.SubMenu td span			{ padding: 0px 2px; }
.SubMenuHover				{}
.SubMenu .SubMenuIcon		{}
.SubMenuHover .SubMenuIcon	{}

#hmenuwrapper ul.staticmenu
{
	margin: 0px 10px;
	padding: 0px;
	list-style: none;
	overflow: hidden;
}
#hmenuwrapper ul.staticmenu li
{
	float: left;
	margin: 0px;
	padding: 0px 10px;
	background: url(images/arrow01.gif) no-repeat left center;
}
#hmenuwrapper ul.staticmenu li:first-child
{
}
#hmenuwrapper ul.staticmenu li a
{
	color: #808080;
	font-size: 87%;
}
#subnaviwrapper{ display: none; }
#bottomnavi ul.staticmenu
{
	margin: 1px 0px 0px 1px;
	padding: 0px;
	list-style: none;
	overflow: hidden;
}
#bottomnavi ul.staticmenu li
{
	float: left;
	margin: 0px;
	padding: 0px 7px;
	border-left: #A0A0A0 1px solid;
}
#bottomnavi ul.staticmenu li:first-child
{
	margin: 0px;
	padding: 0px 7px;
	border-left: 0px;
}
#bottomnavi ul.staticmenu li a
{
	color: #A0A0A0;
	font-size: 80%;
}

#primarynavi ul.staticmenu li
{
	display: inline; 
	margin-right: 0.1em; padding-left: 0.2em; 
	border-left: 1px #999 solid;
}
#primarynavi ul.staticmenu li:first-child
{
	padding-right: 0px;
	border-left: 0px;
}
#primarynavi ul.staticmenu li a
{
	font-size: 95%;
}

input.search			{ width: 150px; }
input.button			{ vertical-align: middle; }

dl dt{ color: #003bb5; font-weight: bold; }

.mobile ul	{ text-align: center; }
.mobile ul	{ margin: 5px 0px; list-style: none; }
.mobile ul li{ display: inline; }

#address { position: absolute; bottom: 25px; left: 0px; width: 829px; height: 68px; text-align: center; }

#contents { color: #000; }
#contents a{ color: #000; }

dl.banner{ margin: 0px auto; padding: 0px; text-align: center; }
dl.banner dt{ margin: 0px; padding: 0px; }
dl.banner dd{ margin: 0px 0px 10px; padding: 0px; text-indent: 0px; }

ul.categorylist
{
	list-style: none;
}


dl.announcement_digest{ overflow: hidden; }
dl.announcement_digest dt{ margin-left: 10px; color: #222; font-size: 90%; }
dl.announcement_digest dd{ margin-left: 10px; }

dl.announcement{}
dl.announcement dt{ font-size: 120%; font-weight: bold; }
dl.announcement dd{}

dl.document{}
dl.document dt{ margin-top: 10px; font-size: 120%; font-weight: bold; }
dl.document dd{}

div.document p
{
	margin: 5px 0px 20px;
}
div.document div.sendto
{
	padding: 10px;
	background: url(images/bg_slash.gif);
	font-size: 105%;
	font-weight: bolder;
}
div.document div.sendto span.tel
{
	color: #003BB5;
	font-size: 25px;
	font-family: Sans-Serif;
	vertical-align: middle;
}
div.document div.sendto ul.plugin
{
	list-style: none;
	overflow: hidden;
}
div.document div.sendto ul.plugin li
{
	font-size: 80%;
	font-weight: normal;
}
div.document div.sendto ul.plugin li img
{
	float: left;
	margin-right: 5px;
}

dl.document dd
{
	margin: 0px;
}
dl.document dd table
{
	width: 570px;
	background: white;
	border-collapse: separate;
	border-spacing:0px;
	font-size: 90%;
}

dl.document table tr th
{
	text-align: left;
	font-weight: normal;
}
dl.document table thead tr th
{
	border-top: 2px #E9E9E9 solid;
	border-bottom: 2px #E9E9E9 solid;
}
dl.document table tbody tr.odd
{
	background: #D3D3D3;
}
dl.document table tbody tr.even
{
	background: #fff;
}
dl.document table tr.odd th, tr.odd td
{
	border-top: 2px #fff solid;
	border-bottom: 2px #fff solid;
}
dl.document table tr.even th, tr.even td
{
	border-top: 2px #E9E9E9 solid;
	border-bottom: 2px #E9E9E9 solid;
}

ol{ margin: 0px 20px; }

dl.vision{}
dl.vision dt{ margin: 5px; color: #003bb5; font-size: 110%; font-weight: bold; }
dl.vision dt:first-letter{ color: #8b8b8b; font-weight: bold; font-size: 1.5em}
dl.vision dd{ margin: 5px 0px 15px; }

ol.faqs{ padding: 0px; }
ol.faqs li{ padding: 10px 0px; }
ol.faqs dl{ margin: 5px 0px 20px; }
ol.faqs dl.faqs dt{ padding: 5px 0px; }
ol.faqs dl.faqs dd{ margin: 0px; padding: 0px 0px 10px;}

ul.csr{ list-style-type: none; text-indent: -18px; margin: 18px; }
ul.csr li{ margin: 5px; }
ul.csr li span.num{ font-weight: bold; margin-right: 5px; }

/* validation */
.ValidationSummary
{
	color: Red;
	font-weight: bold;
}

/* TabContainer */
div.TabContainer
{
}
.ajax__tab_outer
{
}
.ajax__tab_inner
{
}
.ajax__tab_tab
{
	margin-left: 7px;
}
.ajax__tab_tab .tabheader
{
/*	width: 136px;
	height: 61px;
	display: inline-block;
	background: red;
	background: url(images/index_personal.jpg);*/
}
.ajax__tab_panel
{
}
/* finance */
#contents .agreement dl
{
	padding: 10px;
	height: 170px;
	background: #efefef;
	line-height: 1.8;
	overflow: auto;
}
#contents .agreement dl a
{
	color: #8AACDD;
}
#contents .action
{
	text-align: center;
}
#contents .action a
{
	display: inline-block;
	font-size: large;
	width: 165px;
	height: 46px;
	line-height: 46px;
	text-decoration: none;
}
#contents .action a.yes
{
	background: url(images/button_yes.gif) no-repeat 0 0;
	color: #fff;
}
#contents .action a.no
{
	background: url(images/button_no.gif) no-repeat 0 0;
	color: #fff;
}
.finance .form dl
{
}
.finance .form legend
{
	margin: 0 0 0 10px;
	padding: 5px;
	color: Blue;
	font-size: 120%;
}
.finance .form dl dt
{
	clear: left;
	float: left;
	margin: 0px 0px 10px 10px;
	font-size: 14px;
	line-height: 14px;
}
.finance .form dl dd
{
	margin: 0px 0px 10px 200px;
	line-height: 14px;
}
.finance .form dl dd ul
{
	margin: 0px 0px 15px;
}
.finance .form dl dd ul
{
	list-style: none;
}
.finance .form dl dd input.mediumint
{
	width: 100px;
	text-align: right;
}
.finance .form dl dd input.smallint
{
	width: 45px;
	text-align: right;
}
.finance .form dl dd textarea
{
	width: 300px;
	height: 50px;
}
.finance .form dl dd input.phone
{
	width: 120px;
}
.finance .form dl dd input.email
{
	width: 300px;
}
.finance .form dl dd input.date
{
	width: 100px;
	background: #E0E0E0;
}
.finance .form span.attention
{
	color: Red;
	font-weight: bold;
}
.finance .form .helplabel
{
	padding: 10px;
	width: 200px;
	background: #ffffcc;
	border: 1px silver solid;
	color: #222;
	font-weight: normal;
}
#contents .finance .action
{
	text-align: center;
}
#contents .finance .action a
{
	display: inline-block;
	font-size: large;
	width: 165px;
	height: 46px;
	line-height: 46px;
	text-decoration: none;
}
#contents .finance .watermark
{
	color: #777;
}
#contents .finance .datewatermark
{
	width: 100px;
	background: #E0E0E0;
	color: #777;
}
/* survey */
.survey
{
}
.survey table th
{
	text-align: right;
	font-weight: normal;
	white-space: nowrap;
}
.survey .action
{
	margin: 10px 0px;
}

/* watermark */
.feedback
{
	width: 90%;
	border-collapse: collapse;
}
.feedback th
{
	padding: 0px 5px 0px 0px;
	text-align: right;
}
.feedback td
{
}
.watermark
{
	color: #999;
}
/* Medical */
div.medical div.feature dt
{
	color: #278495;
}
div.medical div.feature p em
{
	color: #278495;
}
div.medical table caption
{
	color: #278495;
}
div.medical table thead th
{
	background: #75B3C2;
	text-align: center;
}
div.medical table tbody th
{
	background: #04738F;
	text-align: center;
}
/* Care */
div.care div.feature dt
{
	color: #679E40;
}
div.care div.feature p em
{
	color: #679E40;
}
div.care table caption
{
	color: #679E40;
}
div.care table thead th
{
	background: #93CB84;
	text-align: center;
}
div.care table tbody th
{
	background: #245F01;
	text-align: center;
}
/* Drug */
div.drug div.feature dt
{
	color: #919B3B;
}
div.drug div.feature p em
{
	color: #919B3B;
}
div.drug table caption
{
	color: #919B3B;
}
div.drug table thead th
{
	background: #D7CC73;
	text-align: center;
}
div.drug table tbody th
{
	background: #BF8A00;
	text-align: center;
}

/* Common */
div.item
{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 580px;
	font-size: 85%;
	background: #fff;
	color: #333;
}
div.item dl.summary
{
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
div.item dl.summary dt
{
	margin: 0px;
	padding: 0px;
}
div.item dl.summary dd.amount
{
	margin: 0px;
	margin-left: 20px;
	float: left;
	color: #980102;
	font-size: 18px;
}
div.item dl.summary dd.amount img
{
	vertical-align: middle;
}
div.item dl.summary dd.amount span
{
	padding: 0px 5px;
	font-size: 30px;
	font-weight: bold;
}
div.item dl.summary dd.rate
{
	margin: 7px;
	padding: 5px;
	float: left;
	background: #fff;
	border: 1px black solid;
	font-weight: bold;
	text-align: center;
}
div.item dl.summary dd.note
{
	margin: 0px;
	margin-left: 20px;
}
div.item div.featurewrapper
{
	margin: 0px 0px 20px 20px;
	width: 492px;
}
div.item div.featuretop
{
	height: 12px;
	background: url(images/bg_loan_top.gif) no-repeat center bottom;
}
div.item div.featurebottom
{
	height: 12px;
	background: url(images/bg_loan_bottom.gif) no-repeat top;
}
div.item div.feature
{
	padding: 5px 10px;
	background: url(images/bg_loan_middle.gif) repeat-y center center;
}
div.item div.feature dl
{
	overflow: hidden;
}
div.item div.feature dt
{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	clear: left;
	float: left;
	width: 7em;
	font-weight: bold;
}
div.item div.feature dd
{
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: left;
	width: 350px;
	color: #727375;
}
div.item div.feature p
{
	margin: 0px;
	margin-left: 10px;
}
div.item div.feature p strong
{
	clear: left;
	color: #727375;
}
div.item div.feature p em
{
	font-size: 88%;
	font-weight: normal;
}
div.item table.example
{
	margin: 0px;
	margin-left: 20px;
	padding: 0px;
}
div.item table
{
	width: 420px;
}
div.item table th.empty
{
	background: #fff;
	border: #B4B4B4 1px solid;
}
div.item table caption
{
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	text-align: left;
}
div.item table th
{
	color: White;
}
div.item table tfoot tr td
{
	padding: 5px 0px;
}
div.item table tbody tr td
{
	text-align: right;
	border: #B4B4B6 1px solid;
}
div.item div.attention
{
	margin-left: 20px;
	width: 400px;
}
div.item div.attention h5
{
	margin: 5px 0px;
	padding: 0px;
	color: #367295;
}
div.item div.attention p
{
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	line-height: 1.5;
}
div.item div.attention p img
{
	margin: 0px 3px 3px 0px;
	float: left;
}
div.item div.attention p.notice
{
	clear: left;
	font-size: 75%;
	border-top: #000 1px solid;
	border-bottom: #000 1px solid;
}

.simulation p.note
{
	padding: 10px;
	border: #ddd 1px solid;
}
.simulation h4
{
	margin: 8px 0px 3px;
}
.simulation table
{
	width: 570px;
	background: white;
	border-collapse: separate;
	border-spacing: 0px;
	font-size: 90%;
}
.simulation table tr th
{
	text-align: left;
	font-weight: normal;
}
.simulation table tbody tr.odd
{
	background: #D3D3D3;
}
.simulation table thead tr th
{
	border-top: 2px #E9E9E9 solid;
	border-bottom: 2px #E9E9E9 solid;
}
.simulation table tr.odd th, tr.odd td
{
	border-top: 2px #fff solid;
	border-bottom: 2px #fff solid;
}
.simulation table tbody tr.even
{
	background: #fff;
}
.simulation table tr.even th, tr.even td
{
	border-top: 2px #E9E9E9 solid;
	border-bottom: 2px #E9E9E9 solid;
}