@import url(base.css);
@import url(leftmenu_base.css);

/* =============================================================================
= 
= _index.css：暫定TOP用
=  表示確認：Windouws 
=  2007/10/12 MARS
=
============================================================================= */
a.h3:link{ color:#003399; }
a.h3:visited{ color:#003399; }
a.h3:hover{ color:#003399; }

#logo{ 
	padding-bottom:20px;
}

#menuinfo{
line-height:30px;
}

h2.category{
	background-color:#DDE9FB;
	border-color:#cccccc; border-bottom-style:solid; border-bottom-width:1px;
    margin:5px 0px 15px 0px; padding:3px;	
}

h2.category span{
	display:block;
	margin:0px 4px; padding:2px 10px;
    background-image:url(../images/b_formail.gif);
    background-position:left center;
    background-repeat:no-repeat;
}

a.h3{
	display:block;
	margin-top:0px; margin-left:5px; padding:3px 0px 3px 21px;
	background-image:url(../images/arrow_bo.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

#logo2{ 
    margin:0; padding:17px 0;
}
#header{ 
	font-size:70%;
    background:#FFFFFF url(../images/b_logo.gif) repeat-x left top;
    border-bottom:solid #999999 3px;
}


th{
    text-align:left;
}




h1{	font-size:120%;
	margin-bottom:15px; padding:5px 8px;
	background:#F5F5F5 none;
	border-left-color:#094188; border-left-style:solid; border-left-width:5px;
	border-bottom-color:#C6D3E6; border-bottom-style:solid; border-bottom-width:1px;
}
#main{
    border-top:#ffffff solid 1px;
}
#mainbox{
	background-color:#ffffff;
	float:right;
	width:550px;
	padding-left:20px; 
}


#mainbox li span{
    font-weight:bold;
}


/* --------------------------------------------------------------- 見出し --- */
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;
}



/* --------------------------------------------------------------- メイン --- */

#mainbox .unit{
padding:15px 0px 20px 0px;
}

table td{
margin:0px;
padding:0px;
}

table.company{
width:550px;
	font-size:90%;
	margin:2px 0px 20px 0px; padding:0;
	border-collapse:collapse;
}
table.company caption{
	margin:0; padding:0px;
	background:#ffffff url(../images/dot.gif) repeat-x left bottom;
}
table.company td,
table.company th{
	vertical-align:top;
	margin:0; padding:10px;
	background:#ffffff url(../images/dot.gif) repeat-x left bottom;
}
table.company td.col2,
table.company th.col2{
	vertical-align:top;
	margin:0; padding:10px;
	background:#F5F5F5 url(../images/dot.gif) repeat-x left bottom;
}
table.company th,
table.company th.col2{
	white-space:nowrap;
	vertical-align:top;
	text-align:left;
	border-right:solid 1px #CCCCCC;
}

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

dt{
background:#F5F5F5;
margin:5px 0px 10px 0px; padding:4px 3px;
border-color:#cccccc; border-bottom-style:solid; border-bottom-width:1px;
font-weight:bold;
}

dt span{
	display:block;
	margin:0px 4px; padding:0px 10px;
    background-image:url(../images/b_sheadline.gif);
    background-position:left center;
    background-repeat:no-repeat;
}

dd{
padding:0px;
margin:0px 0px 30px 0px;
}

ol{
	margin:10px 0px 20px 23px; padding:0;
}
ol li{
    color:#5079BB;
    font-weight:bold;
	line-height:1.6;
	vertical-align:middle;
}

#mainbox ol li span{
    color:#333333;
	font-weight:normal;
    position:relative; top:0; left:-8px;
}

ol li ul{
margin:5px 0 5px 0;
padding:0;
}

ol li ul li{
	list-style:none;
	display:block;
	background-image:url(../images/bludisc.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:0px 0px 5px 15px;
	margin:0 0 0 -10px;
	list-style:none;
	display:block;
	color:#333;
	font-weight:normal;
}

ul{
margin:10px 0px;
padding:0px 5px 0px 10px;
}

ul li{
	list-style:none;
	display:block;
	background-image:url(../images/bludisc.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:0px 0px 5px 15px;
	margin:0 0 0 -10px;
	list-style:none;
	display:block;
	color:#333;
	font-weight:normal;
}

#mainbox ul li span{
	font-weight:normal;
}



.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{
	margin:0; padding: 8px 11px;
	border-style:solid;
	border-width:1px;
	border-color:#EFEFEF #717171 #717171 #EFEFEF;
	background: url(../images/b_laguage01.gif) repeat-x 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-color:#ffffff; border-bottom-style:solid; border-bottom-width:3px;
}
#menuinfo span.subtitle{
	font-weight:normal;
	font-size:90%;
}
.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;
}