/*--------------------------------------------------------------------
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:url(../commonimg/bg.jpg);
	background-repeat:repeat-x;
}

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

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: #063354;
}

a:hover {
	color:#A60035;
}

h1{
	float:left;
	margin:13px 0 19px;}

h2.h2top{
	margin:0 0 10px;}

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

p{
	margin:10px 0;}
	
p.plr10{
	margin:0px 10px;}


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

/*containerのスタイル*/

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

}


/*headerのスタイル*/

#header {
	padding: 8px 0px 0px;
	margin: 0px 0px 0px;}

#hright{
	width:360px;
	float:right;
	text-align:right;}

#hright ul{
	margin:0 0 15px;}

#hright li{
	background:url(../commonimg/list01.gif) no-repeat right 2px;
	display: inline;
	margin:0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:#999999;
	font-size:11px;
	padding:0px 15px 0 10px;}

#hright a{
	color:#063354;
	text-decoration:none;}

#hright a:hover {
	color:#A60035;
}

#navi{
width:960px;
margin-left:auto;
margin-right:auto;
padding:0 0 0 0;
}

#main{
	width:960px;
	margin:0 auto;}
	
.news li{
	background:url(../commonimg/list02.gif) no-repeat 15px 8px;
	padding:3px 5px 3px 30px;
	border-bottom:dotted 1px #999999;}

#fo01{
	background:url(../commonimg/fbg.jpg) repeat-x 0 0;
	padding:20px 0 0;
	font-size:12px;
	line-height:1.5em;
	border-bottom:4px solid #999999;
	margin:0 0 15px;}

.fo01l{
	width:445px;
	float:left;
	background:url(../commonimg/fline.gif) repeat-y right 0;margin:0 0 15px;}

.fo01r{
	width:449px;
	float:right;
	background:url(../commonimg/ftelbox.jpg) no-repeat 0 0;
	padding:23px 0;
	}

#fo02{
	margin:0 auto 15px;
	width:920px;}

#fo02 a{
	color:#000000;
	font-size:11px;
	text-decoration:none;}
#fo02 a:hover{
	color:#A60035;}

#fo02 li {
	display: inline;
	margin:0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color:#000000;
	padding-right: 6px;
	padding-left: 6px;
	font-size:12px;
	text-decoration:none;
	padding-top:0px;
	padding-bottom:0px;
	line-height:1.5em;
}

#fo02 ul {
	text-align:center;
	padding:0px 0px 0px;
	margin:0px 0 0px;}

#fo02 .noline {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#fo03{
	background:url(../commonimg/copyrightbg.jpg) repeat-x 0 0;
	padding:3px 0 0;
	margin:0 0 10px;}

.fo03l{
	width:570px;
	float:left;
	text-align:right;}

#fo03 a{
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;}

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

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

}

.txtred{
color:#FF0000;}

.txtredb{
font-weight:bold;
color:#CC0000;
}

.txtblueb{
font-weight:bold;
color:#0066CC;}

.txtblueb14{
font-weight:bold;
color:#085B96;
font-size:14px;}

.txtblue{
color:#8CCCCD;}

.txtorange{
	color:#FF6600;}

.borderpoint{
	border-collapse: collapse;
}
.pagetop{
	position:absolute;
	top:-17px;
	right:10px;}

.grayborder{
	border:#CCCCCC 1px solid;
	padding:15px 0;
	margin:0 0 10px;}

.grayborder-btm{
	border-bottom:#CCCCCC 1px solid;
	padding:15px 0;
	margin:0 0 40px;}

/*hxのスタイル*/
h3{
margin-top:30px;
margin-bottom:25px;
}

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

.fright{float:right;}

.fleft30{float:left;
margin:0 0 0 30px;
text-align:left;}

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

/*--- clearfix ---*/ 
.clearfix {
zoom:1;
overflow:hidden;
}

.clearfix:after {
content: '.';
clear: both;
display: block;
height: 0;
visibility: hidden;
}


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

.mu5{margin:0px 0px 5px;}
.mu7{margin:0px 0px 7px;}
.mu10{margin:0px 0px 10px;}
.mu11{margin:0px 0px 11px;}
.mu14{margin:0px 0px 14px;}
.mu15{margin:0px 0px 15px;}
.mu18{margin:0px 0px 18px;}
.mu20{
margin:0px 0px 20px;}
.mu25{margin:0px 0px 25px;}
.mu35{margin:0px 0px 35px;}
.mu30{margin:0px 0px 30px;}
.mu40{margin:0px 0px 40px;}
.mu50{margin:0px 0px 50px;}
.mu100{margin:0px 0px 100px;}
.mu500{margin:0px 0px 500px;}

.ml1{margin:0 0 0 1px;}
.ml20{margin:0 0 0 20px;}
.ml30{margin:0 0 0 30px;}

.mr30{margin:0 30px 0 0;}

/*widthのスタイル*/

.w250r{
	width:250px;
	float:right;}

.w275r{
	width:275px;
	float:right;}

.w305l{
	width:305px;
	float:left;
	margin:5px;
	}
.w310r{
	width:310px;
	float:right;
	}
.w310r p{
	margin: 0 0 15px;
	line-height:17px;
	}
.w350l{
	width:350px;
	float:left;
	}
.w390{
	width:390px;
	margin:0 auto;}
.w430r{
	width:430px;
	float:right;}
.w445{
	width:445px;
	margin:0 auto;}
	
.w475l{
	width:475px;
	float:left;}

.w475r{
	width:475px;
	float:right;}
.w500l{
	width:500px;
	float:left;}
	
.w580r{
	width:580px;
	float:right;}
.w700{
	width:700px;
	}
.w700r{
	width:650px;
	float:right;}
.w780r{
	width:780px;
	float:right;}
.w920{
	width:920px;
	margin:0 auto;}
.w460l{
	width:460px;
	float:left;
	margin:0 auto;
	text-align:left;}

.w460r{
	width:460px;
	float:right;
	margin:0 auto;
	text-align:left;}		
	
/*tableのスタイル*/
.hyou01{
margin:5px;
border-collapse:collapse;
}

.hyou02{
margin:5px;
border-collapse:collapse;
}

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

.hyou01 ul{

margin: 0 0 0 1.3em; 
}

.hyou01 li{
list-style-position: outside;
list-style-type:disc;

}


.hyou02 td{
padding:5px 10px;
border:1px solid #CCCCCC;
text-align:center;
}

.td-blue{
background-color:#DFEDF7;
text-align:center;
}
.td-blue2{
background-color:#DFEDF7;
}
.td-blue3{
background-color:#DFEDF7;
color:#286592;
vertical-align:top;
}
	
/*コンテンツのスタイル*/

ul.pankuzu{
text-align:left;
margin:15px 0;
}

ul.pankuzu li{
display:inline;
list-style:none;
}

.news-page{
width:960px;
text-align:left;
}

.prodact-menu{
height:172px;
padding:0 12px;
background:url(../product/img/product_bk.jpg) no-repeat top;
text-align:left;
}

.prodact-more{
margin:0;
padding:0 12px 15px 12px;
background:url(../product/img/more_bk.jpg) no-repeat top;
text-align:right;
}

.company-list li{
display:inline;
margin-right:15px;
padding-left:18px;
background:url(../company/img/arrow.gif) no-repeat left;
text-align:left;
}

table input{
padding:2px;
border:1px solid #CCCCCC;
background-color:#EEEEEE;
}

table textarea{
padding:2px;
border:1px solid #CCCCCC;
}

ul.sitemap li{
margin-bottom:15px;
padding-left:20px;
background:url(../sitemap/img/arrow.gif) no-repeat left;
}