@charset "shift_jis";
/* ====================================
  File        : common.css
  Date        : 2006.11.30
  Last Update : 2007.12.27
===================================== */


/* ------------------------------
 Property-Resset
------------------------------ */
h1, h2, h3, h4, h5, h6,
p {
	margin: 0;
	padding: 0;
}


/* ------------------------------
 Basic-element
------------------------------ */
body {
	color: #333333;
	margin: 0;
	padding: 0;
	font-family: Osaka, "Hiragino Kaku Gothic Pro", "‚l‚r ‚oƒSƒVƒbƒN", verdana;
}

/* --paragraph-- */
p {
	font-size: 12px;
	_font-size: 75%;  /* WinIE */
	line-height: 1.67;
}

p.follow {
	margin-top: 20px;
}

p.comment,
span.comment {
	color: #666666;
	margin-top: 5px;
	font-size: 10px;
	_font-size: 63%;  /* WinIE */
}

p.comment_white,
span.comment_white {
	color: #ffffff;
	margin-top: 5px;
	font-size: 10px;
	_font-size: 63%;  /* WinIE */
}

p.attention {
	color: #CC0000;
	margin: 5px;
	font-size: 10px;
	_font-size: 63%;  /* WinIE */
	line-height: 1.2;
}

p.banner {
	line-height: 1.5;
}

.ttl {
	color: #284A94;
	font-weight: bold;
}

p.orange {
	color: #FF9600;
}

p span.comment {
	color: #666666;
	margin-top: 5px;
	font-size: 10px;
	_font-size: 84%;  /* WinIE */
}

.red {
	color: #FF0000;
}

/* --form-- */
.head_search {
	width: 204px;
	font-size: 10px;
}

.area_tel {
	width: 41px;
	font-size: 10px;
}

.area_check {
	width: 12px;
	height: 12px;
}

/* --anchor-- */
a:link		{color: #0073CC; text-decoration: underline;}
a:visited	{color: #3E00CC; text-decoration: underline;}
a:hover		{text-decoration: none;}
a:active	{text-decoration: none;}

a.footer:link		{color: #333333; text-decoration: underline;}
a.footer:visited	{color: #333333; text-decoration: underline;}
a.footer:hover		{color: #333333; text-decoration: none;}
a.footer:active		{color: #333333; text-decoration: none;}


/* ------------------------------
 Style
------------------------------ */
/* --font-- */
.banner_txt {
	font-size: 10px;
	_font-size: 63%;  /* WinIE */
	line-height: 1.2;
}

.banner_txt_l {
	padding-bottom: 2px;
	font-size: 12px;
	_font-size: 75%;  /* WinIE */
	line-height: 1.5;
}

.banner_txt_l .comment {
	color: #666666;
	font-size: 10px;
	_font-size: 84%;  /* WinIE */
	line-height: 1.2;
}

.footer_txt {
	font-size: 10px;
	_font-size: 63%;  /* WinIE */
	line-height: 1.2;
}

.topics_path {
	padding: 5px 10px;
	font-size: 10px;
	_font-size: 63%;  /* WinIE */
}

.page_top {
	color: #0033CC;
	font-size: 10px;
	_font-size: 63%;  /* WinIE */
	line-height: 1.2;
}

.l_navi_l_on {
	padding: 5px;
	border-bottom: 4px #CACDED solid;
	background-color: #DAE2F9;
}

.l_navi_l_off {
	padding: 5px;
	border-bottom: 4px #CACDED solid;
}

.l_navi_l_txt {
	font-size: 12px;
	_font-size: 75%;  /* WinIE */
	line-height: 1.5;
}

.l_navi_m_on {
	padding: 5px 5px 7px;
	background: #DAE2F9 url(../misc/line_dot.gif) bottom repeat-x;
}

.l_navi_m_off {
	padding: 5px 5px 7px;
	background: url(../misc/line_dot.gif) bottom repeat-x;
}

/* 2007.03.21 add */
.l_navi_mx_on {
	padding: 5px 5px 7px;
}

.l_navi_mx_off {
	padding: 5px 5px 7px;
}

.l_navi_m_txt {
	font-size: 10px;
	_font-size: 63%;  /* WinIE */
	line-height: 1.4;
}

.l_navi_s_on {
	padding: 3px 5px 3px 24px;
}

.l_navi_s_off {
	padding: 3px 5px 3px 24px;
}

.l_navi_s_txt {
	font-size: 10px;
	_font-size: 63%;  /* WinIE */
	line-height: 1.4;
}

.s_navi_on {
	padding: 3px 8px;
	font-size: 10px;
	_font-size: 63%;  /* WinIE */
	line-height: 1.4;
}

.s_navi_off {
	padding: 3px 8px;
	font-size: 10px;
	_font-size: 63%;  /* WinIE */
	line-height: 1.4;
}

.info_date {
	color: #333333;
	font-size: 10px;
	_font-size: 63%;  /* WinIE */
	font-weight: bold;
	line-height: 1.2;
}

h1.page_ttl {
	padding: 7px 12px;
	border: 1px #D1DBF1 solid;
	background-color: #466EDF;
	color: #FFFFFF;
	font-size:18px;
	_font-size: 113%;  /* WinIE */
	font-weight: bold;
	line-height: 1.2;
}

h1.page_ttl_nocolor {
	padding: 7px 12px;
	border: 1px solid;
	color: #FFFFFF;
	font-size:18px;
	_font-size: 113%;  /* WinIE */
	font-weight: bold;
	line-height: 1.2;
}

h2.ttl {
	margin-bottom: 10px;
	padding: 4px 8px;
	border-left: 4px #CACDED solid;
	background-color: #E6EEF5;
	color: #13007C;
	font-size:14px;
	_font-size: 88%;  /* WinIE */
	font-weight: bold;
	line-height: 1.2;
}

h2.campaign_erea_ttl {
	margin-bottom: 10px;
	padding: 4px 8px;
	background-color: #46A1DF;
	color: #FFFFFF;
	font-size:14px;
	_font-size: 88%;  /* WinIE */
	font-weight: bold;
	line-height: 1.2;
}

h2.campaign_erea_ttl_p {
	margin-bottom: 10px;
	padding: 4px 8px;
	background-color: #46A1DF;
	color: #FFFFFF;
	font-size:12px;
	_font-size: 75%;  /* WinIE */
	font-weight: bold;
	line-height: 1.5;
}

td.ttl_charge_list {
	padding: 4px 8px;
	border-left: 4px #CACDED solid;
	background-color: #E6EEF5;
}

h2.fs12 {
	color: #13007C;
	font-size: 12px;
	_font-size: 75%;  /* WinIE */
	font-weight: bold;
	line-height: 1.2;
}

h2.fs12_p {
	color: #284A94;
	font-size: 12px;
	_font-size: 75%;  /* WinIE */
	font-weight: bold;
	line-height: 1.2;
}

h3.ttl_m {
	margin-bottom: 10px;
	padding: 4px 8px;
	background-color: #E6EEF5;
	color: #284A94;
	font-size: 12px;
	_font-size: 75%;  /* WinIE */
	font-weight: bold;
	line-height: 1.2;
}

td.comment {
	color: #666666;
	padding-top: 5px;
	font-size: 10px;
	_font-size: 63%;  /* WinIE */
	font-weight: normal;
}

td.list {
	padding-top: 5px;
	font-size: 12px;
	_font-size: 75%;  /* WinIE */
	font-weight: normal;
	line-height: 1.5;
}

td.attention {
	color: #666666;
	font-size: 10px;
	_font-size: 63%;  /* WinIE */
}

/* --block-- */
.c_box {
	padding: 3px;
	border: 1px #B2BCBD solid;
	border-top: 4px #B2B6E6 solid;
	background-color: #E6EEF5;
}

.c_box_ttl {
	padding: 7px 7px 5px;
}

.c_box_inn {
	padding: 15px 10px;
	border-left: 1px #E1E1E1 solid;
	border-right: 1px #E1E1E1 solid;
	background-color: #FFFFFF;
}

.c_box_top {
	padding: 5px;
	border: 1px #B2BCBD solid;
	border-top: 4px #B2B6E6 solid;
	background-color: #E6EEF5;
}

.c_box_top_ttl {
	padding: 6px 5px 10px;
}

.c_box_top_inn {
	padding: 0px 7px;
	border-left: 1px #E1E1E1 solid;
	border-right: 1px #E1E1E1 solid;
	background-color: #FFFFFF;
}

.c_box_top_ttl_s {
	padding-left: 3px;
}

.c_frame {
	padding: 3px;
	border: 1px #B2BCBD solid;
	background-color: #E6EEF5;
}
.c_frame2 {
	padding: 8px;
	border: 1px #B2BCBD solid;
	background-color: #E6EEF5;
}

.c_frame_inn {
	padding: 15px 10px 20px;
	border-left: 1px #E1E1E1 solid;
	border-right: 1px #E1E1E1 solid;
	background-color: #FFFFFF;
}

.ttl_s_box {
	border: 1px #D5D5D5 solid;
}

.ttl_s_txt {
	padding: 4px 10px;
	border-bottom: 3px #CACDED solid;
	background-color: #E6EEF5;
	color: #284A94;
	font-size: 12px;
	_font-size: 75%;  /* WinIE */
	font-weight: bold;
	line-height: 1.2;
}

.img_box {
	padding: 0px 5px;
	border-left: 2px #6796DB solid;
	border-right: 2px #6796DB solid;
	background-color: #FFF9EA;
}

/* --table-- */
.tbl td {
	font-size: 12px;
	_font-size: 75%;  /* WinIE */
	/*line-height: 1.2;*/
}

.tbl td span.comment {
	color: #666666;
	font-size: 10px;
	_font-size: 84%;  /* WinIE */
}

.tbl td span.comment_red {
	color: #FF0000;
	font-size: 10px;
	_font-size: 84%;  /* WinIE */
}

.tbl td td.comment {
	color: #666666;
	padding-top: 5px;
	font-size: 10px;
	_font-size: 63%;  /* WinIE */
}

.tbl_ttl {
	background-color:#D7E8FF;
}

.tbl_cll1 {
	color: #0073CC;
	background-color:#D7F1FF;
}

.tbl_cll2 {
	background-color:#EBF8FF;
}

/* --opentab-- */
#applyPanel,
#applyPanel02 {
	display: none;
}

/* ------------------------------
 About
------------------------------ */
/* --link-- */

body#about .about_menu_txt {
	font-size: 12px;
	_font-size: 75%;  /* WinIE */
	line-height: 1.67;
}

body#about .about_menu_txt a:link ,
body#about table.menu td a:link {color: #555555; text-decoration: underline;}
body#about .about_menu_txt a:visited ,
body#about table.menu td a:visited {color: #555555; text-decoration: underline;}
body#about .about_menu_txt a:hover ,
body#about table.menu td a:hover {color: #555555; text-decoration: none;}
body#about .about_menu_txt a:active,
body#about table.menu td a:active	 {color: #555555; text-decoration: none;}

body#about img{
border:0;
}

body#about table.menu td{
	color:#333333;
	line-height:1.2;
	font-size:12px;
}


/* ------------------------------
Campaign_tekiyou
------------------------------ */
body#tekiyou h3.ttl_b {
	color: #466edf;
	font-size: 12px;
	_font-size: 75%;  /* WinIE */
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}

body#tekiyou h3.ttl_o {
	color: #df8a46;
	font-size: 12px;
	_font-size: 75%;  /* WinIE */
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}

body#tekiyou .orange a:link		{color: #cc7300; text-decoration: underline;}
body#tekiyou .orange a:visited	{color: #cc7300; text-decoration: underline;}
body#tekiyou .orange  a:hover		{text-decoration: none;}
body#tekiyou .orange a:active	{text-decoration: none;}