@charset "UTF-8";

*{
	font-family: "ＭＳ Ｐゴシック", "Osaka", "Helvetica", "sans-serif", "Verdana", "Arial";
	font-size: 11px;
}
.blue {
	font-size: 10px;
	color:#0000FF;
}
.blue_s {
	font-size: 9.5px;
	color:#0000FF;
}
.form_glay {
	background-color: #DDDDDD;
}
.form_white {
	background-color: #FFFFFF;
}

form {
	margin: 0px;
}
.formbutton {
	cursor:pointer;
	color:#FFFFFF;
	font-weight: bold;
	background-image: url(../images/button_1.gif);
	width: 122px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	height: 27px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.formbutton_reset {

	cursor:pointer;
	color:#333333;
	font-weight: bold;
	background-image: url(../images/button_2.gif);
	width: 83px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	height: 27px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.InputFrom1 { 
 border: 1px solid #CCCCCC; 
 padding: 2px; 
 color: #666666; 
 background-color: #F7F7F7; 
} 
.InputFrom2 { 
 border: 1px solid #CCCCCC; 
 padding: 2px; 
 color: #FF0000; 
 background-color: #FFEEEE; 
} 


.f_bt {
	width: 80px;
}

form {
	margin: 0px;
}
.f_bt {
	width: 80px;
}

.both {
	clear: both;
}
.font_01 {
	font-size: 12px;
	color: #FFFFFF;
}
.font_02 {
	color: #FF0000;
}
.font_03 {
	font-size: 8px;
	color: #FF0000;
}

A.nomal:link  {
	color: #666666;
	text-decoration: none
}
A.nomal:visited  {
	color: #CCCCCC;
	text-decoration: none
}
A.nomal:hover  {
	color: #0F1B3A;
	text-decoration: none
}
A.nomal:active  {
	color: #0F1B3A;
	text-decoration: none
}

A.dark:link  {
	color: #FFFFFF;
	text-decoration: none
}
A.dark:visited  {
	color: #FFFFFF;
	text-decoration: none
}
A.dark:hover  {
	color: #E6E6FA;
	text-decoration: underline
}
A.dark:active  {
	color: #E6E6FA;
	text-decoration: none;
}

.sk_cssdesign #container {
	width: 765px;
	margin: 0 auto;
}.
sk_cssdesign #login {
	text-align: center;
	padding: 30px;
}
#mp_tanto {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #0F1B3A;
	padding: 2px;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}

.table_01 {
	border: 1px solid #999999;
}
.table_02 {
	border: 1px solid #FF0000;
}
.td_head {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #111B3B;
	text-align: center;
}
.td_login_title {
	color: #FFFFFF;
	background-color: #666666;
	width: 120px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #111B3B;
	border-bottom-color: #111B3B;
	text-align: right;
}
.td_cr {
	background-color: #0F1B3A;
	width: 100px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #999999;
	text-align: right;
	padding-right: 10px;
	color: #FFFFFF;
}


.error_message {
	color: #FF0000;
	background-color: #FFE6E6;
	text-align: center;
	padding: 3px;
	width: 500px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border: 1px solid #FF0000;
}
.spacer {
	height: 20px;
}

#tant {
	width: 130px;
	text-align: center;
	float: left;
}
#tant_comment {
	width: 350px;
	float: left;
}
#left_area {
	float: left;
	width: 600px;
}
#right_area {
	float: right;
	width: 150px;
}
.title_bar {
	font-weight: bold;
	color: #0F1B3A;
	background-color: #B2B2B2;
	width: 574px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0F1B3A;
	background-image: url(../img/bat_back.gif);
	background-repeat: no-repeat;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
}
.title_bar_m {
	font-weight: bold;
	color: #0F1B3A;
	background-color: #99FF00;
	width: 574px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0F1B3A;
	background-image: url(../img/bat_back_m.gif);
	background-repeat: no-repeat;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
}
.title_bar_d {
	font-weight: bold;
	color: #0F1B3A;
	background-color: #00BFFF;
	width: 574px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0F1B3A;
	background-image: url(../img/bat_back_d.gif);
	background-repeat: no-repeat;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
}
.title_bar_o {
	font-weight: bold;
	color: #0F1B3A;
	background-color: #FFBF00;
	width: 574px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0F1B3A;
	background-image: url(../img/bat_back_o.gif);
	background-repeat: no-repeat;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
}
.title_bar_l {
	font-weight: bold;
	color: #0F1B3A;
	background-color: #B2B2B2;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0F1B3A;
	background-image: url(../img/bat_back.gif);
	background-repeat: no-repeat;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
}
.left_area_cont {
	float: left;
	width: 600px;
}
.left_area_cont #cr_base {
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.plan_area {
	width: 570px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.plan_td {
	color: #FFFFFF;
	background-color: #05173F;
	line-height: 120%;
	padding: 3px;
}
.plan_en {
	color: #666666;
}
.pplan_c_com {
	font-size:10px;
	color: #0F1B3A;
	text-align: left;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	width: 500px;
}
.app_td {
	width: 130px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	text-align: right;
	padding-right: 15px;
}
#app_back {
	width: 350px;
	margin-bottom: 20px;
}
#app_bt_area {
	width: 600px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	text-align: center;
}
.errror_message {
	color: #FF0000;
	background-color: #FFF7F4;
	width: 600px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border: 1px solid #FF3300;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
}
.tbar_left {
	float: left;
	width: 200px;
}
.tbar_right {
	float: right;
	width: 50px;
	text-align: center;
}
.tnk_mes {
	font-size: 1.2em;
	font-weight: bold;
	color: #0F1B3A;
	background-color: #C4D7FF;
	text-align: center;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #0F1B3A;
	border-right-color: #0F1B3A;
	width: 500px;
}
.top_bt_area {
	width: 400px;
	margin-left: 10px;
	margin-top: 10px;
}


/* --- トップページ　使いホーダイ　部分 --- */
/* --- Typography --- */

.grid p {
  line-height: 16px;
  font-size: 12px;
  font-family: Verdana, Geneva, sans-serif;
}

.grid h1 {
  line-height: 16px;
  font-size: 16px;
  font-family: Verdana, Geneva, sans-serif;
}

.grid h2 {
  line-height: 16px;
  font-size: 16px;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;
}

.grid h3 {
  line-height: 32px;
  font-size: 16px;
  font-family: Verdana, Geneva, sans-serif;
}

.grid h4 {
  line-height: 32px;
  font-size: 16px;
  font-family: Verdana, Geneva, sans-serif;
}

.grid h5 {
  line-height: 32px;
  font-size: 16px;
  font-family: Verdana, Geneva, sans-serif;
}

.grid h6 {
  line-height: 32px;
  font-size: 16px;
  font-family: Verdana, Geneva, sans-serif;
}

/* --- Grid --- */

.grid {
	width: 528px;
	margin: auto;
	height: 128px;
}

.grid a{
	background-image: url(../images/datacard_bg_usa.jpg);
	display: block;
		width: 528px;
	
	height: 128px;
}


.grid a:hover{
	background-image: url(../images/datacard_bg_usa_mo.jpg);
}



.grid-m1 {
  float: left;
  width: 10px;
  height: 1px;
}

.grid-c1 {
  float: left;
  width: 254px;
}

.grid-m2 {
  float: left;
  width: 0px;
  height: 1px;
}

.grid-c2 {
  float: left;
  width: 254px;
}


/*お客様のこえ*/

.datacard_voice{
	border: 2px dotted #999999;
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.datacard_voice_text{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 16px;
	color: #666666;
}

.datacard_voice strong{font-size: 14px;}