/*
フォントサイズの指定はテーブルなどで
showArea内に直接文字を書く場合、フォントサイズ指定をすること
*/

body {
	margin:          0 10px 0 10px;
	padding:         0 0 0 0;
	background-color:#FFFFFF;
	text-align:      center;
	font-family:     Meiryo,sans-serif;
	color:           #333333;
	background-image:url("../img/bg.jpg");
}

/*
content
main
showArea
buttonArea
は common2.css などへ
*/

/* --------------------- header ----------------------*/
#header {
	height:          50px;
	width:           100%;
	background-color:#FFFFFF;
	padding:         0 0 0 0;
	margin:          0 0 0 0;
	border-bottom:   #003670 5px solid;
}

#header h1 {
	height:          50px;
	font-size:       0.0em;
	text-align:      left;
	text-indent:     -2000px;
	color:           #FFFFFF;
	background:      url("../img/logo.jpg") no-repeat;
	cursor:          pointer;
	padding:         0 0 0 0;
	margin:          0 0 0 0;
}

.header_1 {
	float:           left;
	width:           130px;
	padding:         0 0 0 0;
}

.header_2 {
	float:           left;
	padding:         0 0 0 0;
	margin:          0 0 0 0;
	margin:          15px 0 0 5px;
}
.header_3 {
	float:           right;
	text-align:      right;
	padding:         0 0 0 0;
	margin:          6px 0 0 5px;
	font-size:       0.8em;
}





#header ul{
	margin:          0 0 0 0;
	padding:         0 0 0 0;
}
#header ul li {
	text-align:      center;
 	list-style:      none;
	float:           left;
	height:          35px;
	width:           150px;
	color:           #333333;
	font-size:       1.0em;
	font-weight:     bold;
	border:          #99CCFF 1px solid;
	background-color:#FFFFFF;
}

#header ul li.menu01 {
 	list-style:      none;
	float:           left;
	height:          35px;
	width:           150px;
	font-weight:     bold;
	text-indent:     -4000px;
	border:          none;
	background:      url("../img/menu01.jpg") no-repeat;
}

#header ul li.menu02 {
 	list-style:      none;
	float:           left;
	height:          35px;
	width:           150px;
	font-weight:     bold;
	text-indent:     -4000px;
	border:          none;
	background:      url("../img/menu02.jpg") no-repeat;
}

#header ul li.menu03 {
 	list-style:      none;
	float:           left;
	height:          35px;
	width:           150px;
	font-weight:     bold;
	text-indent:     -4000px;
	border:          none;
	background:      url("../img/menu03.jpg") no-repeat;
}

#header ul li.menu04 {
 	list-style:      none;
	float:           left;
	height:          35px;
	width:           150px;
	font-weight:     bold;
	text-indent:     -4000px;
	border:          none;
	background:      url("../img/menu04.jpg") no-repeat;
}

#header ul li.menu11 {
 	list-style:      none;
	float:           left;
	height:          35px;
	width:           150px;
	font-weight:     bold;
	text-indent:     -4000px;
	border:          none;
	background:      url("../img/menu11.jpg") no-repeat;
}

#header ul li.menu12 {
 	list-style:      none;
	float:           left;
	height:          35px;
	width:           150px;
	font-weight:     bold;
	text-indent:     -4000px;
	border:          none;
	background:      url("../img/menu12.jpg") no-repeat;
}

#header ul li.menu13 {
 	list-style:      none;
	float:           left;
	height:          35px;
	width:           150px;
	font-weight:     bold;
	text-indent:     -4000px;
	border:          none;
	background:      url("../img/menu13.jpg") no-repeat;
}

#header ul li.menu14 {
 	list-style:      none;
	float:           left;
	height:          35px;
	width:           150px;
	font-weight:     bold;
	text-indent:     -4000px;
	border:          none;
	background:      url("../img/menu14.jpg") no-repeat;
}

#header ul li.menu15 {
 	list-style:      none;
	float:           left;
	height:          35px;
	width:           150px;
	font-weight:     bold;
	text-indent:     -4000px;
	border:          none;
	background:      url("../img/menu15.jpg") no-repeat;
}

#header ul li a:link, #header ul li a:visited {
	height:          35px;
	width:           150px;
	color:           #333333;
	text-decoration: none;
	display:         block;
}

#header ul li.menu01  a:hover, #header ul li.menu01_selected{
 	list-style:      none;
	float:           left;
	height:          35px;
	width:           150px;
	font-weight:     bold;
	text-indent:     -4000px;
	border:          none;
	background:      url("../img/menu01_o.jpg") no-repeat;
}

#header ul li.menu02  a:hover, #header ul li.menu02_selected {
 	list-style:      none;
	float:           left;
	height:          35px;
	width:           150px;
	font-weight:     bold;
	text-indent:     -4000px;
	border:          none;
	background:      url("../img/menu02_o.jpg") no-repeat;
}

#header ul li.menu03  a:hover, #header ul li.menu03_selected {
 	list-style:      none;
	float:           left;
	height:          35px;
	width:           150px;
	font-weight:     bold;
	text-indent:     -4000px;
	border:          none;
	background:      url("../img/menu03_o.jpg") no-repeat;
}

#header ul li.menu04  a:hover, #header ul li.menu04_selected {
 	list-style:      none;
	float:           left;
	height:          35px;
	width:           150px;
	font-weight:     bold;
	text-indent:     -4000px;
	border:          none;
	background:      url("../img/menu04_o.jpg") no-repeat;
}

#header ul li.menu11  a:hover, #header ul li.menu11_selected{
 	list-style:      none;
	float:           left;
	height:          35px;
	width:           150px;
	font-weight:     bold;
	text-indent:     -4000px;
	border:          none;
	background:      url("../img/menu11_o.jpg") no-repeat;
}

#header ul li.menu12  a:hover, #header ul li.menu12_selected {
 	list-style:      none;
	float:           left;
	height:          35px;
	width:           150px;
	font-weight:     bold;
	text-indent:     -4000px;
	border:          none;
	background:      url("../img/menu12_o.jpg") no-repeat;
}

#header ul li.menu13  a:hover, #header ul li.menu13_selected{
 	list-style:      none;
	float:           left;
	height:          35px;
	width:           150px;
	font-weight:     bold;
	text-indent:     -4000px;
	border:          none;
	background:      url("../img/menu13_o.jpg") no-repeat;
}

#header ul li.menu14  a:hover, #header ul li.menu14_selected {
 	list-style:      none;
	float:           left;
	height:          35px;
	width:           150px;
	font-weight:     bold;
	text-indent:     -4000px;
	border:          none;
	background:      url("../img/menu14_o.jpg") no-repeat;
}

#header ul li.menu15  a:hover, #header ul li.menu15_selected {
 	list-style:      none;
	float:           left;
	height:          35px;
	width:           150px;
	font-weight:     bold;
	text-indent:     -4000px;
	border:          none;
	background:      url("../img/menu15_o.jpg") no-repeat;
}

/* --------------------- footer ----------------------*/
#footer {
	width:           100%;
	background-color:#FFFFFF;
	padding:         0 0 0 0;
	margin:          2px 0 0 0;
	border-top:      #003670 1px solid;
	color:           #333333;
	font-size:       0.8em;
	text-align:      left;
}

/* --------------------- table ----------------------- */
table {
	border-collapse: collapse;
}

table tr.row1{
	background-color:#FFFFFF;
}
table tr.row2{
	background-color:#EFF6FB;
}

table th{
	text-align:      center;
	border:          #AAAAAA 1px solid;
	padding:         3px 5px 2px 5px;
	font-size:       0.8em;
	color:           #333333;
	background:      url("../img/thbg.gif") repeat;
	white-space:     nowrap;
	line-height:     90%;
	min-height:      25px;
}

table th.sub{
	text-align:      center;
	border:          #AAAAAA 1px solid;
	padding:         3px 5px 2px 5px;
	font-size:       0.7em;
	color:           #333333;
	background-color:#E7F3FF;
	white-space:     nowrap;
	line-height:     90%;
}

table td{
	text-align:      left;
	border:          #AAAAAA 1px solid;
	padding:         3px 5px 2px 5px;
	font-size:       0.8em;
	white-space:     normal;
}

table td.c{
	text-align:      center;
}

table td.r{
	text-align:      right;
}

table td.c_nw{
	text-align:      center;
	white-space:     nowrap;
}

table td.r_nw{
	text-align:      right;
	white-space:     nowrap;
}

table td.l_nw{
	text-align:      left;
	white-space:     nowrap;
}

/* カート一覧表示時、保険会社、保険商品表示に使用 */
table td.l_nw_lh{
	text-align:      left;
	padding:         6px 5px 4px 5px;	/*　←　いらない？ */
	white-space:     nowrap;
	line-height:     110%;
}

/* カート一覧表示時、金額表示時左を多めに空けるために使用 */
table td.r_nw_p{
	text-align:      right;
	padding:         3px 5px 2px 13px;
	white-space:     nowrap;
}


/* ------------------- errorMsg --------------------- */
.errorMsgHead{
	padding:         0px 0px 0px 0px;
	font-size:       0.65em;
	font-weight:     bold;
	color:           #FF0000;
	text-align:      left;
}
.errorMsg{
	padding:         0px 0px 0px 0px;
	margin-bottom:   0;
	font-size:       0.7em;
	font-weight:     normal;
	color:           #FF5500;
	text-align:      left;
}

.pagerArea{
	width:           300px;
	padding:         10px 0px 0px 0px;
	font-size:       0.8em;
}

.countArea{
	font-size:       0.8em;
	text-align:      right;
}

/* ------------------ Wait Image -------------------- */
#disabledLnaviZone {
	position:        absolute;
	z-index:         1000;
}

#messageZone {
	position:        absolute;
	width:           80px;
	height:          46px;
	padding:         10px;
	margin-top:      -33px;
	margin-left:     -50px;
	background:      white;
	text-align:      center;
	border-radius:   6px;
	border:          #AAAAAA 1px solid;
}

#imageZone {

}

#textZone {
	padding:         5px 0 0 0;
	font-family:     Arial,Helvetica,sans-serif;
	color:           #333333;
	font-size:       0.6em;
}

/* -------------------------------------------------- */
h2{
	clear:           both;
	font-size:       1.0em;
	padding:         0px 0px 0px 0px;
	margin:          0 0 5px 0;
	border-bottom:   #003670 1px solid;
	text-align:      left;
	width:           100%;
}

h3{
	clear:           both;
	height:          24px;
	font-size:       0.9em;
	padding:         3px 0px 0px 20px;
	margin:          0 0 0 0;
	text-align:      left;
	background:      url("../img/h3bg.jpg") no-repeat;
}

h3.h3_select{
	clear:           both;
	height:          24px;
	font-size:       0.9em;
	padding:         3px 0px 0px 20px;
	margin:          0 0 0 0;
	text-align:      left;
	background:      url("../img/h3bg.jpg") no-repeat;
	width:           980px;
}

h3.h3_menu{
	clear:           both;
	height:          24px;
	width:           780px;
	font-size:       0.9em;
	padding:         3px 0px 0px 20px;
	margin:          0 0 0 0;
	text-align:      left;
	background:      url("../img/h3bg.jpg") no-repeat;
}

h4{
	font-size:       0.8em;
	color:           #333333;
	padding:         0px 0px 0px 10px;
	margin:          0px 0px 0px 0px;
}

h4.userikkatsu{
	font-size:       0.8em;
	color:           #333333;
	padding:         5px 0px 0px 0px;
	margin:          0px 0px 0px 0px;
}

.clear {
	clear:           both;
}

.clearRight {
	clear:           right;
}

.clearLeft {
	clear:           left;
}

.right {
	float:           right;
}
.left {
	float:           left;
}

.alinleft{
	text-align:      left;
}

.alinright{
	text-align:      right;
}

a:link, a:visited {
	color:           #003670;
	text-decoration: none;
}
a:hover {
	color:           #FF7F00;
	text-decoration: underline;
}

img {
	border:          none;
}

form {
	padding:         0px 0px 0px 0px;
	margin:          0px 0px 0px 0px;
}

/* 標準的な文字表示表 */
.text{
	font-weight:     normal;
	font-size:       0.8em;
}

/* 必須入力用 */
.required{
	color:           #FF0000;
	font-weight:     normal;
	font-size:       0.8em;	/*　<th>0.9em なので 0.72em くらいになる */
}

table td.ro1{
	background-color:      #EEEEEE;
}

table td.ro2{
	background-color:      #DAE6EE;
}

table th.w100{
	width:      100px;
}

table td.w100{
	width:      100px;
}

tr.mukou{
	background-color:      #CCCCCC;
}

div.helpmark {
	margin:          2px 20px 0px 10px;
}