@import url(base.css);

/* =============================================================================
= 
= contact.css：メールフォーム用
=  表示確認：Windouws 
=  2007/09/12 MARS
=
============================================================================= */
#logo2{ 
    margin:0; padding:17px 0;
}
#logo{ 
    padding-bottom:17px;
}
#header{ 
    background:#FFFFFF url(../images/b_logo.gif) repeat-x left top;
    border-bottom:solid #999999 3px;
}
#header2{ 
	font-size:12px;
    background:#FFFFFF url(../images/b_logo.gif) repeat-x left top;
}

#main{
    border-top:#ffffff solid 1px;
    padding-top:20px;
}
#main2{
    background:#FFFFFF url(../images/b_main.gif) repeat-x left top;
    margin:0; padding-top:5px;
    overflow:hidden;
    border-bottom:#094188 solid 3px;
/*    border-top:#ffffff solid 1px;*/
}
#mainbox{
	background-color:#ffffff;
	float:right;
	width:550px;
	padding-left:20px; 
}

/* --------------------------------------------------------------- 見出し --- */
p.attention{
	color:#FF0000;
	font-weight:bold; font-size:90%;
	margin-top:30px;
}
span.attention{
	color:#FF0000;
	font-weight:normal; font-size:90%;
	margin:0; padding:0;
}



/* --------------------------------------------------------------- メイン --- */
.formdiscript .discript{
	float:left;
	width:330px;
}
.formdiscript .faqbox{
	float:right;
	width:190px;
}
.proform{
	float:left;
	width:258px;
	margin:0; padding:0;
}
.aboutform{
	float:right;
	width:258px;
	margin:0px 0px 0px 0px; padding:0;
}
.proform p,
.aboutform p{
	padding:14px 8px;
	background-color:#ffffff;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:0px 1px 1px 1px;
}
.formailbox h2{
	margin:0px 0px 10px 0px; padding:2px 2px 2px 11px;
}
.formailbox p.explane{
	margin:0px 0px 5px 0px;
}
.formailbox2{
	background:#DDE9FB none;
	margin-bottom:1px; padding:12px;
	border-bottom-style:solid; border-bottom-width:1px; border-color:#A5B9D3;
}
.formailbox2 h2{
	color:#134C95;
	font-size:90%;
	font-weight:bold;
	margin:0px 0px 10px 0px; padding:2px 2px 2px 11px;
	background-image:url(../images/b_formail.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

table.selectproduct{
	width:526px;
	font-size:90%;
	margin:2px 0px; padding:0;
	border-collapse:collapse;
}
table.selectproduct caption{
	color:#134C95;
	font-weight:bold;
	text-align:left;
	margin:0; padding:4px 10px;
	background-color:#A3C4ED;
	border-bottom:solid 1px #CCCCCC;
}
table.selectproduct caption .caption{
	display:block;
	margin:0; padding:2px 2px 2px 11px;
	background:#A3C4ED url(../images/b_formail.gif) no-repeat left center;
}
table.selectproduct td,
table.selectproduct th{
	margin:0; padding:10px;
	background:#ffffff url(../images/dot.gif) repeat-x left bottom;
}
table.selectproduct td.col2,
table.selectproduct th.col2{
	margin:0; padding:10px;
	background:#F5F5F5 url(../images/dot.gif) repeat-x left bottom;
}
table.selectproduct th,
table.selectproduct th.col2{
/*	white-space:nowrap;*/
	text-align:left;
	border-right:solid 1px #CCCCCC;
}

.example{
	font-size:80%;
}
table.layouttable{
	border-style:none;
	margin:0px; padding:0;
	border-collapse:collapse;
	background:none;
}
table.selectproduct .layouttable th,
table.selectproduct .layouttable td{
	vertical-align:top;
	border-style:none;
	margin:0px; padding:0;
	border-collapse:collapse;
	background:none;
}

.about{
	background-color:#F5F5F5;
	margin-bottom:1px; padding:12px;
}
.about h2{
	color:#666666;
	font-size:90%;
	font-weight:bold;
	margin:0px 0px 10px 0px; padding:2px 2px 2px 11px;
	background-image:url(../images/b_productbox.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

.policybox{
	text-align:center;
	width:400px;
	margin:12px auto;
}
.submitbox{
	margin:15px 0px 3px 0px;
	padding:11px 40px;
	background-color:#7F98B8;
}
input.submit{
    text-align:center;
    width:330px;
	margin:0; padding: 8px 11px;
	border-style:solid;
	border-width:1px;
	border-color:#EFEFEF #717171 #717171 #EFEFEF;
	background-image:url(../images/b_laguage01.gif);
	background-repeat:repeat-x; background-position:center center;
}
input.submit:hover{
	background:#ffffff url(../images/b_language01_2.gif) repeat-x left center;
}

/* ----------------------------------------------------------- 左メニュー --- */
#menuinfo{
	color:#ffffff;
	background:#1C5297 url(../images/b_productinfo.gif) no-repeat left top;
	font-weight:bold;
	margin:0; padding:7px 18px;
	border-bottom:solid 3px #ffffff;
}
#menuinfo span.subtitle{
	display:block;
	padding-top:2px;
	font-weight:normal;
	font-size:80%;
}
.nagare{
	font-size:80%;
	margin:0; padding:0;
	border-color:#7F98B8; border-top-style:solid; border-top-width:2px;
}
.nagare .titlebox{
	padding:5px;
	border-color:#ffffff; border-top-style:solid; border-top-width:1px;
}
.nagare .titlebox .title{
	color:#094188;
	font-weight:bold;
	letter-spacing:-1px;
	padding:5px 3px;
	background-color:#E0ECFB;
	border:solid 1px #094188;
}
.step{
	color:#666666;
	font-weight:bold;
	margin:0; padding:0;
	border:solid 1px #E5E5E5;
}
.step div{
	padding:10px;
}
.step span{
	color:#FF5C21;
	padding-right:10px;
}
.step .nowstep{
	background-color:#F5F9FF;
}
.step .arrow{
	text-align:center;
	padding:7px;
}
.nagare p{
	padding:10px;
}
.nagare p.nb{
	margin:10px; padding:0px 0px 0px 12px;
	background-image:url(../images/nb.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
ul#banner{
	width:190px;
	text-align:center;
	margin:0; padding:0;
	border-top:solid #ffffff 4px;
	list-style:none;
}
ul#banner li{
	display:block;
	width:150px;
	margin:0 auto; padding:20px 0px; 
}
ul#banner li p{
	font-size:80%;
	text-align:left;
	margin:0; padding:3px 0px;
}