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

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: #005287;}
	
a:hover {color:#CC0000;}

li{list-style:none;}

td{text-align:left;}

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



p.tcenter{
	text-align:center;}

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

h2.h2toppage{
	margin:15px 0 0;
	background:url(../commonimg/header.jpg) no-repeat 0 0;
	text-indent:-9999px;
	width:968px;
	height:331px;}

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

h2.h2sub{
	margin:0px 0px 20px;
	text-align:left;}
	
h3.h3top1{
	margin:0px 0px 0px;
	text-align:left;}

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

h3.h3privacy{
	margin:30px 5px 10px;
	font-size:14px;
	color:#005188;
	font-weight:bold;
	text-align:left;}
	
h3.h3news{
	margin:30px 5px 0px;
	font-size:14px;
	color:#005188;
	font-weight:bold;
	text-align:left;}

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

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

#topbg{
	background:url(../commonimg/bg.jpg) repeat-x 0 0;}

#subbg{
	background:url(../commonimg/subbg.jpg) repeat-x 0 0;}

/*containerのスタイル*/

#container{
text-align:center;
margin:0px auto;
width:968px;
font-size:12px;
padding:0px 0px 0px;
}


/*headerのスタイル*/
#header {
padding: 0px;
margin:0px 0 0px;
font-size:11px;
}

#header h1{
	margin:3px 0 10px;
	font-size:10px;
	font-weight:normal;
	color:#999999;}

#header p{
	margin:3px 0 10px;}

#logo {	
margin:0px;
	float:left;
	text-align:left;}


#hright1{
	padding:4px 0 0;
	width:400px;
	float:right;
	text-align:right;}


#hright1 li{
	background:url(../commonimg/t_line.gif) repeat-y right 0;
	padding:5px 5px 0 5px;
	font-size:11px;
	line-height:1.5em;	
	display:inline;}

#hright1 li.nobg{
	background:none;
	padding:5px 25px 0 5px;
	display:inline;}

#hright1 li.heng{
	background:url(../commonimg/list01.gif) no-repeat 0 4px;
	padding:5px 0 0 15px;
	display:inline;}

#hright1 a {color: #005287;
	text-decoration:none;}
	
#hright1 a:hover {color:#CC0000;
	text-decoration:none;}
	
	/* ▼個別の装飾（背景色） */

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

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

div#subMenu01 ul {
   width:160px;
}


div#subMenu01 {
   position:absolute; top:55px; left: 325px;
}

div#subMenu01 { visibility: hidden; }

div#subMenu01 li{
	display:block;
	width:160px;
	height:24px;
}


#main{
	margin:18px 0 30px;}

.boxm{
	background:url(../commonimg/boxm.jpg) repeat-y 0 0;
	padding:15px 0 0;}

.topnews{
	width:478px;
	float:left;}

.topmessage{
	width:478px;
	float:right;
	margin:0 0 20px;}

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

.topnews td{
	padding:0 5px;}

.service01{
	width:316px;
	float:left;
	background:url(../commonimg/t_line.gif) repeat-y right 0;
	margin:0 5px 20px 0;}
	
.service01 p{
	margin:5px 10px 5px 0;
	line-height:1.5em;}
	
.service02{
	width:320px;
	float:left;
	background:url(../commonimg/t_line.gif) repeat-y right 0;
	margin:0 0px 0 0;}
	
.service02 p{
	margin:5px 10px 5px 0;
	line-height:1.5em;}

.service03{
	width:320px;
	float:right;}

.service03 p{
	margin:5px 10px 5px 0;
	line-height:1.5em;}

ul.com li{
	float:left;
	padding:0;
	height:40px;}

ul.com{
	height:40px;}

.bluebgr{
	padding:10px 0;
	width:247px;
	float:right;}

.pagebg{
	background:url(../commonimg/pagebg.jpg) repeat-x 0 0px;
	height:8px;
	}
.pagebg2{
	width:960px;
	margin:0 auto;
	position:relative;}
.pagetop{
	text-align:right;
	position:absolute;
	top:-5px;right:0;
}
	
#footer01{
	margin:0px 0 0px;
	background:url(../commonimg/fbg1.jpg) repeat-x;
	padding:5px 0;}

#footer01 li {
	display: inline;
	margin: 0px;
	padding-right: 4px;
	padding-left: 5px;
	font-size:11px;
	padding-top:0px;
	padding-bottom:0px;
	line-height:1.5em;
	border-right: 1px solid #666666;
}

#footer01 a{
	font-size:11px;
	text-decoration:none;
	color:#333333;}

#footer01 a:hover{
	font-size:11px;
	text-decoration:none;
	color:#ff0000;}
	
#footer01 ul {
	margin:0px;
	padding:0px 0px 0px;
}

#footer01 li.noline{
	border:none;
}

#footer02{
	padding:20px 0;
	background:url(../commonimg/fbg2.jpg) repeat-x 0 0;}

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

#footer03{
	text-align:center;}

.herf_blue{
	background:url(../commonimg/herf_blue.jpg) repeat-y 0 0;}
	
	
/*productのスタイル*/

.hyoup{
	margin:0 0 30px}
.hyoup .tdl01{
	background:url(../product/img/n01.gif) no-repeat 5px 13px;
	padding:10px 10px;}

.hyoup .tdl02{
	background:url(../product/img/n02.gif) no-repeat 5px 13px;
	padding:10px 10px;}
	
.hyoup .tdl03{
	background:url(../product/img/n03.gif) no-repeat 5px 13px;
	padding:10px 10px;}
	
.hyoup .tdl04{
	background:url(../product/img/n04.gif) no-repeat 5px 13px;
	padding:10px 10px;}
	
.hyoup .tdl05{
	background:url(../product/img/n05.gif) no-repeat 5px 13px;
	padding:10px 10px 0;}
	
.hyoup .tdl06{
	background:url(../product/img/n06.gif) no-repeat 5px 13px;
	padding:10px 10px 0;}
		
.hyoup .tdline{
	background:url(../commonimg/tddot.gif) repeat-x 0 bottom;
	padding:10px 5px;}
	
.blueboxbg{
	background:url(../product/img/blueboxm.gif) repeat-y 0 0;}

.blueboxbg p{
	margin:0px;}
	
.productsl{
	float:left;
	width:190px;
	margin:0 20px 0 0;
	text-align:center;}
	
.contacttel{
	background:#E5ECF5;
	padding:15px 0px;
	margin:0 0 20px;}

.contacttel li.li01{
	background:url(../sitemap/img/list01.jpg) no-repeat 0 3px;
	text-align:left;
	padding:0 0 5px 23px;}

.contacttel li.li02{
	background:url(../sitemap/img/list01.jpg) no-repeat 20px 3px;
	text-align:left;
	padding:0 0 5px 43px;}

.contacttel li.li03{
	background:url(../sitemap/img/list02.gif) no-repeat 43px 8px;
	text-align:left;
	padding:0 0 5px 56px;}

.contactbox{
	background:#CCCCCC;
	padding:20px 0;
	margin:0 0 20px;}
	.input1{
	border:solid 1px #999999;
	background:#FFF7F7;
	line-height:1.5em;}
	
.input2{
	border:solid 1px #999999;
	line-height:1.5em;}

.input3{
	border:solid 1px #999999;
	line-height:1.5em;
	width:430px;}

.txtsize{
		border:solid 1px #999999;
	line-height:1.5em;
	width:430px;
	height:150px}
	
/*otherのスタイル*/

.borderpoint{
border-collapse: collapse;
}

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

.hyou{
	margin:0 0 0 5px;
	border-bottom:solid 1px #CCCCCC;}

.hyou .tdl{
	background:url(../commonimg/tdline.gif) repeat-x 0 0;
	background-color:#E5ECF5;
	padding:7px 10px 5px;
}

.hyou .tdline{
	background:url(../commonimg/tddot.gif) repeat-x 0 0;
	background-color:#ffffff;
	padding:7px 10px 5px;
}

.hyou .tdline2{
	background:url(../commonimg/tddot.gif) repeat-x 0 0;
	background-color:#ffffff;
	padding:7px 10px 40px;
}


.hyou .tdnoline{
	background:none;
	padding:7px 10px 5px;
	background-color:#ffffff;
}

.hyou2 td{
	border-left:solid 1px #B4B4B4;
	border-bottom:solid 1px #B4B4B4;
	padding:5px 10px;}
	
.hyou2{margin:0 0 10px 5px;
	border:solid 1px #B4B4B4;}
	

.hyou2 .tdt{
	background:#C1D0E8;
	color:#005188;
	font-weight:bold;}

.hyou2 .tdl{
	background:#E5ECF5;}

.tcenter td{
	text-align:center;}

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

.txt10{
	font-size:10px;}

.txtblue{
color:#163594;}

.txtred{
	color:#ff0000;
}

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

.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;}

/*margin paddingのスタイル*/
.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;}
.mu9{margin:0px 0px 9px;}
.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;}

/*widthのスタイル*/

.w160l{
	width:160px;
	float:left;}

.w190l{
	width:190px;
	float:left;}

.w190r{
	width:190px;
	float:right;}

.w195r{
	width:195px;
	float:right;}

.w200l{
	width:200px;
	float:left;}

.w200r{
	width:200px;
	float:right;}

.w325r{
	width:325px;
	float:right;}

.w365r{
	width:365px;
	float:right;}

.w370r{
	width:370px;
	float:right;}

.w580l{
	width:580px;
	float:left;}

.w620{
	width:620px;
	margin:0 auto;}

.w645l{
	width:645px;
	float:left;}

.w680l{
	width:680px;
	float:left;}

.w694r{
	width:694px;
	float:right;}

.w730r{
	width:730px;
	float:right;}
.w740r{
	width:740px;
	float:right;}

.w845{
	width:845px;
	margin:0 auto;}
	
	
.w924{
	width:924px;
	margin:0 auto;}

.w920{
	width:920px;
	margin:0 auto;}

.w930{
	width:930px;
	margin:0 auto;}

.w960{
	width:960px;
	margin:0 auto;}

.w968{
	width:968px;
	margin:0 auto;}