/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/


* {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
color:#333333;
line-height:1.8em;
}

/*bodyのスタイル*/

body {
text-align: center;
margin: 0px;
padding: 0px;
background:#ECF8FB;
}

p {
margin-top: 10px;
margin-bottom: 10px;
padding: 0px;
margin-right: 0px;
margin-left: 0px;
text-align:left;
font-size:12px;
}

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

html, body {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
font-size: 100%;
}

h2, h3, h4, h5, h6, address, div, blockquote, p, pre, li, dl, dt, dd, hr {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: normal;
font-size: 100%;
}

table, caption, th, td {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: normal;
font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: inherit;
font-size: 100%;
}

a {color: #0066CC;}
	
a:hover {color:#CC0000;}

li{list-style:none;
text-align:left;}

td{text-align:left;}

p{
	margin:10px 5px;
	text-align:left;}



p.tcenter{
	text-align:center;}

h1{
	margin:10px 0 0;
	float:left;
	text-align:left;}

h2.h2top{
	margin:0px 0px 10px;
	text-align:left;}

h2.h2top2{
	margin:0px 0px 20px;
	text-align:left;}

h3.h3top{
	margin:0px 0px 10px;
	text-align:left;}	

h3.h3top2{
	margin:0px 0px 0px;
	text-align:left;}

h3.h3top3{
	margin:0px 0px 20px 0px;
	text-align:left;}

h3.h3top4{
	margin:20px 0px;
	text-align:left;}			

/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

/*containerのスタイル*/

#container{
text-align:center;
margin:0px auto;
width:908px;
background:url(../commonimg/mainbg.jpg) repeat-y 0 0;
font-size:12px;
padding:0px 0px 0px;
}

#wrapper{
	width:858px;
	margin:0 auto;}

/*headerのスタイル*/
#header {
padding: 0px;
margin:0px 0 10px;
font-size:11px;
background:url(../commonimg/h_bg.jpg) no-repeat 0 0;
height:76px;
}

#header p{
	font-size:11px;
	line-height:1.5em;
	margin:10px 0 0;}

#main{
	width:852px;
	margin:0 auto;}

#left{
	width:240px;
	float:left;
	margin:0 0 30px;}

#left p{
	line-height:1.5em;}
	
.leftbox{
	border:solid 1px #B9DAEE;
	background:url(../commonimg/l_boxm.jpg) repeat-x 0 0;
	padding:0 0 10px;
	margin:0 0 10px;}

#right{
	width:588px;
	float:right;
	margin:0 0 30px;}

.topproduct td{
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	padding:0 0 5px;}

.topproduct table{
	border:solid 1px #CCCCCC;}

.topproduct li{
	background:url(../commonimg/list01.gif) no-repeat 10px 7px;
	padding:0 0 0 20px;}

.topmenu ul{
	margin:10px 0;}

.news{
	width:287px;
	float:left;}
.news p{
line-height:1.5em;}

#footer{
	background:url(../commonimg/f_bg.jpg) no-repeat 0 0;
	padding:10px 0;}

#footer p{
	font-size:11px;
	line-height:1.5em;
	margin:5px 0;}

#footer a{
	font-size:10px;
	color:#006699;
	text-decoration:none;}

/*otherのスタイル*/

.borderpoint{
border-collapse: collapse;
}



#footer03l a{
	color:#5C9AD1;
	font-size:11px;
	text-decoration:none;}

#footer03l{
	text-align:right;
	width:680px;
	float:left;}

/*fontのスタイル*/
.txtb{
font-weight:bold;
}

.txtblue{
color:#0078C2;}

.txtbblue{
color:#0078C2;
font-weight:bold;}

.txtred{
	color:#ff0000;
}

.txtbred{
color:#FF0000;
font-weight:bold;
}

.txt11{
	font-size:11px;
	margin:0;}

.txt14{
	font-size:14px;
	font-weight:bold;}

/*float alignのスタイル*/
.fleft{
float:left;
text-align:left;
}

.fright{float:right;}

.tcenter{text-align:center;}
.tleft{text-align:left;}
.tright{text-align:right;}
.tcenter{
	text-align:center;
	vertical-align: top;
}
.clear{clear:both;}
.vtop{vertical-align:top;}

.pagetop{
	text-align:right;
	margin:20px 0 0;}

/*margin paddingのスタイル*/
.m0{margin:0;}
.mt5{margin:5px 0px 0px;}
.mt10{margin:10px 0px 0px;}
.mt15{margin:15px 0px 0px;}
.mt20{margin:20px 0px 0px;}
.mt25{margin:25px 0px 0px;}
.mt30{margin:30px 0px 0px;}
.mt40{margin:40px 0px 0px;}

.mu3{margin:0px 0px 3px;}
.mu5{margin:0px 0px 5px;}
.mu7{margin:0px 0px 7px;}
.mu8{margin:0px 0px 8px;}
.mu10{margin:0px 0px 10px;}
.mu14{margin:0px 0px 14px;}
.mu15{margin:0px 0px 15px;}
.mu20{
margin:0px 0px 20px;
text-align: left;
}
.mu25{margin:0px 0px 25px;}
.mu30{margin:0px 0px 30px;}
.mu40{margin:0px 0px 40px;}
.mu41{margin:0px 0px 41px;}
.mu45{margin:0px 0px 45px;}
.mu50{margin:0px 0px 50px;}
.mu51{margin:0px 0px 51px;}
.mu60{margin:0px 0px 60px;}
.mu70{margin:0px 0px 70px;}
.mu100{margin:0px 0px 100px;}
.mu200{margin:0px 0px 200px;}
.mu500{margin:0px 0px 500px;}
.mu10r14{margin:0px 14px 10px 0px;}

.ml20{margin-left:20px;}
.mlr15{margin:0 15px 0 15px;}

.mtu10{
	margin:10px 0px;}

.mtu20{
	margin:20px 0;}

.mt10u20{
	margin:10px 0 20px 0;}

.mt10u30{
	margin:10px 0 30px 0;}			

.mt20u10{
	margin:20px 0 10px 0;}	
	
.mr5{
	margin:0 5px 0 0;
	}		

/*widthのスタイル*/
.w27l{
	width:27px;
	float:left;
	}

.w94l{
	width:94px;
	float:left;}

.w95r{
	width:95px;
	float:right;}
	
.w120{
	width:120px;
	}		

.w120l{
	width:120px;
	float:left;}

.w140l{
	width:140px;
	float:left;
	}	

.w144l{
	width:144px;
	float:left;
	}	

.w150r{
	width:150px;
	float:right;}

.w170{
	width:170px;
	}	
	
.w170l{
	width:170px;
	float:left;}		

.w170r{
	width:170px;
	float:right;}	

.w169r{
	width:169px;
	float:right;
	}	

.w190r{
	width:190px;
	float:right;}
	
.w210{
	width:210px;
	margin:0 auto;}
	
.w227r{
	width:227px;
	float:right;
	}

.w245l{
	width:245px;
	float:left;
	}	
	
.w254r{
	width:254px;
	float:right;
	}
	
.w273l{
	width:273px;
	float:left;
	}		
		
.w287l{
	width:287px;
	float:left;}	

.w287r{
	width:287px;
	float:right;}

.w290l{
	width:290px;
	float:left;}

.w290r{
	width:290px;
	float:right;}

.w294l{
	width:294px;
	float:left;
	}

.w295r{
	width:295px;
	float:right;
	}	

.w323r{
	width:323px;
	float:right;
	}		
	
.w341l{
	width:341px;
	float:left;
	}	
.w398l{
	width:398px;
	float:left;
	}

.w398r{
	width:398px;
	float:right;
	}

.w408r{
	width:408px;
	float:right;
	}	

.w424r{
	width:424px;
	float:right;
	}

.w548{
	width:548px;
	margin:0 auto;
	text-align:left;
	}

.w558{
	width:558px;
	margin:0 auto;
	text-align:left;
	}			

.w551r{
	width:551px;
	float:right;
	}					

.w810{
	width:810px;
	margin:0 auto;}

.w820{
	width:820px;
	margin:0 auto;}
	
.s_casebox{
width:273px;
padding:10px;
}

.foottxt{
text-align:center;
font-size:11px;
}

table.ttbox {
border:1px solid #CCCCCC;
border-collapse:collapse;
}

.ttbox th{
background-color:#DEF2F8;
border:1px solid #CCCCCC;
text-align:left;
padding:5px;
}

.ttbox td{
border:1px solid #CCCCCC;
padding:5px;
}

.answer{
width:558px;
height:75px;
padding:35px 15px 20px 15px;
margin:0 0 20px 0;
background:url(../faq/img/answer.jpg) no-repeat;
}

.answer_bg{
width:588px;
height:auto;
background-color:#DEEDF8;
padding:0 0 10px 0;
}

.case_in_bg{
width:588px;
height:auto;
background-color:#DEEDF8;
padding:5px 0;
}

.case_imgin{
margin-right:21px;
}

.case_blue{
text-align:left;
color:#0078C2;
font-weight:bold;
margin:0 10px 0 0;}

div#menubar {
   width: 100%;  /* 横幅：いっぱい */
   position:relative;
   margin:0px 0px 15px;
}
div#menubar table{
   margin:0px;
}
div#menubar img {
   vertical-align: top; /* 画像下に隙間ができるのを抑制 */
   border: 0px; /* 枠線をなくす */
}

div#subMenu01 {
position:absolute; top:49px; left: 368px;
text-align:left;


}

div#subMenu01 { visibility: hidden; }

div#subMenu01 ul {
width:118px;

}

div#subMenu01 li{
display:block;
width:118px;
height:25px;

}

textarea{
	width:380px;}

.newsbox p{
	margin:0px 0px 5px;}

