@charset "utf-8";
/* CSS Document */

*{	margin:0px;
	padding:0px;
}


body{	line-height:150%;
		font-size:12px;
		color:#666;
		font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

img{border:0px;}

form{	padding:0px;
		margin:0px;
}

a:link { color: #006699;text-decoration:none;}
a:visited { color: #006699;text-decoration:none;}
a:hover {color: #006699;text-decoration:underline;}
a:active {color: #006699;text-decoration:none;}

/* common */
#h1body{	width:100%;
			background-color:#18397C;
			padding:3px 0px;
}

.float-l{	float:left;}

.float-r{	float:right;}


.mr-r10{	margin-right:10px;}

.mr-b10{	margin-bottom:10px;}

.mr-tb15{margin:15px 0px;}

.mr-b20{	margin-bottom:20px;}

.mr-b30{	margin-bottom:30px;}

.mr-t15{	margin-top:15px;}

.pad-b20{	padding-bottom:20px;}

.terb20{
margin-bottom:20px;
text-align:right;
}


.clear{	clear:both;
		font-size:1px;
		line-height:1em;
}

.color-blue{	color:#18397C;}

.color-red{	color:#990000;}

.tec,.tecb20,.tecb30,.tecb40{text-align:center;}

.tecb20{margin-bottom:20px;}
.tecb30{margin-bottom:30px;}
.tecb40{margin-bottom:40px;}

/* head */

h1{	font-size:9px;
	font-weight:normal;
	text-align:right;
	color:#FFFFFF;
	width:780px;
	margin:0px auto;
}

#headbody{	width:780px;
			margin:0px auto 5px;
}

#headbody-en{	width:780px;
				margin:15px auto 5px;
}

.logo{	width:354px;
		float:left;
		padding-top:15px;
}

.logo-en{	width:354px;
		float:left;
		padding-top:30px;
}


.topsub{	width:418px;
			float:right;
			padding-top:5px;
}

.word{	width:264px;
		height:18px;
		float:right;
		margin-bottom:6px;
}

.word p{	float:right;
			margin-left:10px;
}

.word2{	width:297px;
		height:18px;
		float:right;
		margin-bottom:7px;
}

.word2 p{	float:right;
			margin-left:10px;
}

.word2-en{	width:354px;
		height:18px;
		float:right;
		margin-bottom:7px;
}

.word2-en p{	float:right;
			margin-left:10px;
}

.word3-en{	width:354px;
			float:right;
}

.word3-en form{	text-align:right;}




.word3{	width:297px;
		float:right;
}

.word3 p{	float:right;}

.top-bu{	width:428px;
			float:right;
			height:13px;
			overflow:hidden;
			margin-top:17px;
}

.top-bu li{	float:right;
			margin-left:10px;
			list-style:none;
}



#navi-back{	width:100%;
			height:43px;
			background:url(gnavi-back.jpg) repeat-x left top;
}

.g-navi{	width:780px;
			margin:0px auto;
			height:38px;
			overflow:hidden;		
}

.g-navi li{	float:left;
			list-style:none;
}


/* main */

#allbody{	width:780px;
			border-left:1px solid #ccc;
			border-right:1px solid #ccc;
			padding:0px 15px;
			margin:0px auto;
}

#cont{	width:780px;
		margin:10px 0px 20px;
}


.l-v{	width:180px;
		padding-right:14px;
		background:url(l-back-color.gif) repeat-y left top;
		vertical-align:top;
}

.r-v{	vertical-align:top;}


.l-cont{	width:180px;}

.r-cont{	width:586px;}

.c-cont{	width:780px;}


.bu-line li{	width:180px;
				list-style:none;
				border-bottom:10px #FFFFFF solid;
				line-height:1em;
				margin:0px;
				padding:0px;
				font-size:1px;
}

.es-back{	width:160px;
			padding:10px 10px 0px;
}

.es-back p{	margin-bottom:10px;
			color:#333;}

.top-list{	width:780px;
			margin:0px 0px 0px;
			padding-bottom:0px;
			background:url(bg-top-list.gif) repeat-y;
}

.infobox{	width:239px;
			background:#;
			float:left;
			margin:0px 8px 8px 0px;
			padding:3px 3px 3px 12px;
}

.infobox-r{	width:239px;
			background:#;
			float:left;
			margin:0px 0px 8px 0px;
			padding:3px 3px 3px 12px;
}

.infobox-in{	width:229px;
				background:#fff;
				padding:5px;
}

.infobox-in ul{	width:220px;
				margin-top:10px;
				padding-left:5px;}

.infobox-in ul li{	background:url(icon-01.gif) no-repeat left 7px;
				padding:0px 0px 0px 12px;
				list-style:none;
}


.topic-top{	width:586px;
			margin:10px 0px 20px;
}


.ttp{	width:586px;
		border-bottom:1px dotted #ccc;
		margin-bottom:10px;
}

.ttp td{	padding-bottom:5px;}

.ttp-l{	color:#ff3300;}

.icon02{	background:url(icon02.gif) no-repeat left 7px;
			padding-left:12px;
			width:490px;
}


.topback{	text-align:right;
			margin-top:20px;
}


#foot{	width:780px;
		background:url(foot-back01.jpg) no-repeat left top;
		padding-top:11px;
		margin:0px;
}


.foot-first{	text-align:center;
				margin:0px auto 0px;
				width:507px;
				list-style:none;
				
}

#foot ul{	height:28px;
			overflow:hidden;}

#foot li{	float:left;
			font-size:1px;
			line-height:1em;
			padding:0px;
			margin:0px;
}


.foot-second{	text-align:center;
				margin:9px auto 0px;
				width:569px;
				list-style:none;
}



/* ir */



.ir-box{	width:586px;
			margin-top:10px;}
			
.ir-box dl{	border-bottom:1px dotted #ccc;
			padding-bottom:7px;
			margin-bottom:20px;}


.ir-box dt{	background:url(icon02.gif) no-repeat left 7px;
			padding-left:12px;
			margin-bottom:5px;
}

.ir-box dd{	margin-left:12px;}

.ir-box table{	width:586px;
				border-top: 1px solid #ccc;
				border-left: 1px solid #ccc;
				margin-bottom:20px;
}

.ir-box table td{	padding:5px 10px;
					border-bottom: 1px solid #ccc;
					border-right: 1px solid #ccc;
					vertical-align:top;
}

.irpro-td01{	width:150px;
				background-color:#eee;
				vertical-align:top;
}

.tetsu{	width:586px;
		margin-bottom:20px;}


.step-b{	width:400px;
			margin-left:30px;
}

.step-b li{	background:url(icon03.gif) no-repeat left 7px;
			padding-left:12px;
			list-style:none;
			float:left;
			margin-right:20px;
			width:168px;
}



/* inq */

#inqbox{	width:780px;
			margin-top:10px;
}

#inqbox table{	width:780px;
				border-top:1px solid #ccc;
				border-left:1px solid #ccc;
}

#inqbox table td{	border-bottom:1px solid #ccc;
					border-right:1px solid #ccc;
					padding:10px;
}

#inqbox table td span{	color:#990000;}

.button{	text-align:center;
			margin-top:20px;
}

.inq1{
width:234px;
float:left;
line-height:200%;
}
.inq2{
width:284px;
float:right;
line-height:200%;
}


.inq3{
width:234px;
float:left;
line-height:200%;
}
.inq4{
width:284px;
float:right;
line-height:200%;
}





/* topic */

.topic-box{	width:586px;
			margin-top:10px;
}

.topic-box table{	background:url(icon02.gif) no-repeat left 7px;
					border-bottom:1px dotted #ccc;
					margin-bottom:20px;
}

.topic-box table td{	padding:0px 0px 10px 12px;}


.newsbox{	width:586px;
			margin-top:10px;
}

.newsbox table{		border-bottom:1px dotted #ccc;
					margin-bottom:20px;
}

.newsbox table td{	padding-bottom:10px;}

.newsbox-td1{	width:100px;
				color:#ff3300;}

.newsbox-td2{	background:url(icon02.gif) no-repeat left 7px;
				padding-left:12px;
}


/* pv */

#pv-box{	width:780px;
			margin-top:10px;
}

.pv-sub{	width:770px;
			height:22px;
			background:url(pv-back.gif) no-repeat left top;
			padding:3px 0px 0px 10px;
			font-weight:bold;
			color:#333;
}

.pv-txt{	width:720px;
			margin:10px 0px 30px 30px;
			padding-right:30px;
}

.pv-name{	text-align:right;}




/* profile */

.bba-te{
padding:0px 0px 20px 10px;
}

.bcc{
margin-bottom:20px;
width:587px;
border-top:1px #ccc solid;
border-left:1px #ccc solid;
}

.bcc td{padding:5px 10px;}

.bcc1{
background:#eee;
vertical-align:top;
}

.bcc1,.bcc2,.bcc3{border-bottom:1px #ccc solid;}

.bcc2{border-right:1px #ccc solid;}

.pf-txt{	width:586px;
			padding-bottom:15px;
			border-bottom:1px solid #ddd;
			margin-bottom:30px;
}

.pf-in{	width:526px;
		padding:10px 30px;}
		
.pf-in-la{	width:526px;
		padding:10px 30px 30px;
}

#probox table{	width:586px;
				border-top:1px solid #ccc;
				border-left:1px solid #ccc;
				margin-top:10px;
}

#probox table td{	border-bottom:1px solid #ccc;
					border-right:1px solid #ccc;
					padding:5px 10px;
}

#probox table dl{	margin-bottom:20px;}

#probox table dt{	background:url(icon03.gif) no-repeat left 7px;
					padding-left:12px;
					color:#18397C;
					margin-bottom:5px;
}

#probox table dd{	padding-left:12px;}

.probox-span1{color:#18397c;}
.probox-span2{color:#666;}

.pt01{
margin:0px 0px 20px 30px;
}

/* group */

.group-sub{	width:576px;
			height:22px;
			background:url(group-back.gif) no-repeat left top;
			padding:3px 0px 0px 10px;
			font-weight:bold;
			
}

.group-tb{	width:586px;
			margin:10px 0px 30px;
}

.group-tb img{	float:right;
				margin:0px 0px 0px 20px;}
				
				
/* eco */

#ecobox{	width:586px;}

.eco-ul{	margin-left:30px;}
			
.eco-ul li{	list-style-position:outside;
			list-style-type:decimal;
			margin-bottom:20px;
}

.eco-in li{	background:url(icon03.gif) no-repeat left 7px;
			padding-left:12px;
			margin-bottom:10px;
			list-style:none;
}

.eco-ul li span{	color:#FF9900;
					padding-right:5px;
}


/* rinen */

.rinenbox{
margin-bottom:20px;
text-align:center;
width:586px;
}

/* pro-info */

.ip-box{	width:586px;
			margin-top:10px;
			border-bottom:1px dotted #ccc;
			margin-bottom:20px;
			padding-bottom:20px;
}

.ip-l{	width:170px;
		float:left;
		margin:0px 20px 0px 0px;
}

.ip-r{	width:396px;
		float:right;
}

.ip-l2{	width:180px;
		float:right;
		margin:0px 0px 0px 20px;
}

.ip-r2{	width:386px;
		float:left;
}


.orange-big{	color:#FF6600;
				font-size:16px;
				line-height:1.5em;
				font-weight:bold;
				margin-bottom:10px;
}

.blue-big{	color:#18397C;
			font-size:16px;
			line-height:1.5em;
			font-weight:bold;
			margin-bottom:10px;
}



.ip-in-box{	width:586px;
			border-bottom:1px dotted #ccc;
			margin-bottom:20px;
			padding-bottom:20px;
}

.ip-last-box{	width:586px;
				margin-bottom:40px;
}


.sy-in{	width:556px;
		background:url(sy-in.gif) repeat-y left top;
		padding:10px 15px;
}

.sy-in ul{	margin-top:5px;}

.sy-in ul li{	background:url(icon04.gif) no-repeat left 7px;
				list-style:none;
				float:left;
				margin-left:15px;
				padding-left:12px;
				width:100px;

}


/* intro */

#introbox{	width:586px;
			margin-top:20px;
}

#introbox span{	color:#FF9900;}

#introbox table{	width:586px;
					border-left:1px solid #ccc;
					border-top:1px solid #ccc;
					margin-bottom:40px;
}

#introbox table td{	border-bottom:1px solid #ccc;
					border-right:1px solid #ccc;
					padding:10px;
					vertical-align:top;
}

.intro-td01{	width:230px;
				background-color:#E0EBFC;
}

.intro-td02{	width:230px;
				background-color:#eee;
}

.int-mrl20{	margin:10px 0px 20px 10px;}




/* recruit */

#recruit-box{	width:586px;}

#recruit-box table{	width:586px;
					border-left:1px solid #ccc;
					border-top:1px solid #ccc;
					margin:10px 0px 40px;
}

#recruit-box table td{	border-bottom:1px solid #ccc;
					border-right:1px solid #ccc;
					padding:10px;
					vertical-align:top;
}

.recruit-td01{	width:150px;
				background-color:#eee;
}

.dod-line{	margin-bottom:10px;
			padding-bottom:10px;
			border-bottom:1px dotted #ccc;
}

/* ex */

.ex-sub{	width:576px;
			height:22px;
			background:url(ex-back.gif) no-repeat left top;
			padding:3px 0px 0px 10px;
			font-weight:bold;
			margin-bottom:10px;
}

.ex-imgex{	width:586px;
			margin-bottom:20px;
}

.ex-txt{	width:586px;
			margin-bottom:30px;}
			
.ex-in{	width:556px;
		background:url(ex-in.gif) repeat-y center top;
		padding:10px 15px;
		text-align:center;
}


.ex-ta{
margin-bottom:20px;
width:500px;
background:#ccc;
}

.ex-ta td{
text-align:left;
padding:8px 10px;
}

.exta{
margin:0px auto 20px;
background:#ccc;
}
.exta td{
text-align:left;
padding:8px 10px;
}

.ex-ta td{
text-align:left;
padding:8px 10px;
}


/* info */
#info-box{	width:586px;}

.info-area{	width:586px;}

.i-area-l{	width:182px;
			float:left;
			margin-right:20px;
}

.i-area-r{	width:182px;
			float:right;
}

.info-area ul{	width:182px;
				margin-bottom:30px;
}

.info-area ul li{	list-style:none;
					background:url(icon05.gif) no-repeat left 6px;
					padding:0px 0px 10px 15px;
					border-bottom:1px dotted #ddd;
					margin-top:10px;
}


#seihin-box{width:586px;
color:#666;}

.seihin{
margin-bottom:20px;
width:100%;
background:#ccc;
}

.seihin td{padding:5px 10px;}

.seihin1,.seihin3{
vertical-align:top;
background:#eee;
}
.seihin2{background:#fff;}
.seihin1{width:130px;}

.seihin4{
background:#fff;
vertical-align:top;
}

.seihin5{
background:#fff;
text-align:center;
}

.seihin6{
background:#eee;
}

.ti-seihin{	
color:#18397C;
font-size:14px;
line-height:150%;
font-weight:bold;
margin-bottom:10px;
}


.w587b20{
width:586px;
margin-bottom:20px;
}

.se1{
width:400px;
float:left;
}

.se2{
width:170px;
float:right;
}

.sei-box{
width:557px;
padding:10px 15px 5px;
background:url(bbb2.gif) repeat-y;
}

.ah{
width:557px;
margin-bottom:10px;
}

.ah p{
padding:0px 0px 0px 18px;
background:url(icon-02.gif) no-repeat left 3px;
}

.ah1{
width:179px;
float:left;
padding-right:10px;
}

.ah2{
width:179px;
float:right;
}


.do{
margin:0px auto 20px;
border-top:1px #ccc solid;
border-left:1px #ccc solid;
}

.do td{
padding:8px 10px;
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;
}




.ex{
margin-bottom:20px;
width:100%;
background:#ccc;
}

.ex td{padding:8px 10px;}

.ex1{
vertical-align:top;
background:#eee;
}
.ex2,.ex3{background:#fff;}
.ex4{width:130px;}

.ex4{
background:#fff;
vertical-align:top;
}

.ex5{
background:#fff;
text-align:center;
}


.dounyu-ul{
margin-bottom:20px;
width:500px;
padding-left:15px;
}

.dounyu-ul li{
list-style:none;
padding:0px 0px 0px 18px;
background:url(icon-02.gif) no-repeat left 3px;
}

/*sitemap*/

#sitemap li{
list-style:none;}


/*translation*/


.tran1{
width:330px;
float:left;
}
.tran2{
width:250px;
float:right;
}

.tran3{
width:380px;
float:left;
}
.tran4{
width:194px;
float:right;
}

.tran-text{
margin-bottom:15px;
padding:0px 0px 0px 15px;
background:url(icon05.gif) no-repeat left;
}

.ul-trant{margin-bottom:20px;
padding-left:10px;}
.ul-trant li{
padding:0px 0px 0px 15px;
background:url(icon03.gif) no-repeat left 7px;
list-style:none;
}

.ul-trant2{
margin-bottom:10px;
padding-left:30px;
}

.ul-trant2 li{
list-style:decimal;
}

.tranttd1{
background:#fff;}
.tranttd2{
background:#fff;}

.trant{
margin-bottom:20px;
width:586px;
background:#ccc;
}

.tranttd3{background:#eee;}

.trant td{
vertical-align:top;
padding:5px 10px;
}
.trant span{
color:#cc0000;}


.trantlist li{
padding:0px 0px 0px 18px;
background:url(icon-02.gif) no-repeat left 3px;
list-style:none;
}

.trantlist2{
padding:0px 0px 20px 220px;
}

.trantlist2 li{
padding:0px 0px 0px 18px;
background:url(icon-02.gif) no-repeat left 3px;
list-style:none;
}

.sekigai{
width:553px;
margin:0px auto 30px;
text-align:center;
}

.sekigai1{
width:243px;
float:left;
}
.sekigai2{
width:310px;
float:right;
}


.tranteg1,.tranteg2{width:288px;}
.tranteg1{float:left;}
.tranteg2{float:right;}

.tranteg-text{
font-size:12px;
text-align:center;
font-weight:bold;
line-height:150%;
}

.tranteg-text1{
font-size:14px;
text-align:right;
font-weight:bold;
line-height:150%;
}

.alf{
margin-bottom:10px;
width:566px;
padding:10px;
color:#0066cc;
font-weight:bold;
background:#e9fefb;
}

.bata{
margin-bottom:20px;
width:566px;
padding:10px;
color:#009933;
font-weight:bold;
background:#e2fdbd;
}

.cha{
background:#eee;
}

.ema{
margin-bottom:10px;
font-size:16px;
font-weight:bold;
line-height:150%;
}

.ena{
margin-bottom:20px;
padding-bottom:10px;
width:586px;
background:url(line01.gif) repeat-x bottom;
}








/* ****************************************************************** */

.secret{	width:180px;
			background:#fff;
			padding-bottom:10px;}

.sd-ct{	width:170px;
		height:25px;
		background:url(sd-back.gif) no-repeat left top;
		padding:5px 0px 0px 10px;
		margin-bottom:10px;
}



#sideNavi{
	width:198px;
	border:1px solid #CCCCCC;
	margin-bottom:10px;
	}
#sideNavi h3{
	margin:1px 1px 5px;
	}
	
	
.wink{line-height:0;
	margin-bottom:5px;
	background:url(side_navi.jpg) no-repeat 0 0;
	height:18px;
	margin-left:5px;
	padding:10px 0px 0px 20px;
}

.bug{	line-height:0;
	margin-bottom:5px;
	background:url(bu-3line.jpg) no-repeat 0 0;
	height:18px;
	margin-left:5px;
	padding:10px 0px 0px 20px;
}





/* **  english  ************************************************************* */

.top-roop{	width:780px;
			background:url(y-roop.gif) repeat-y left top;
			padding:3px 0px;
			margin-bottom:15px;
}
.top-roop-2{	width:780px;
				background:url(y-roop.gif) repeat-y left top;
				padding:3px 0px;
}

.top-roop2{	width:780px;
			background:url(y-roop2.gif) repeat-y left top;
			padding:3px 0px;
}

.t-cont-l{	width:380px;
			float:left;
}

.t-cont-r{	width:380px;
			float:right;
}

.white-area{	width:345px;
				background:#FFFFFF;
				margin:0px 3px 0px 12px;
				padding:5px 15px 5px 5px;
}

.white-area ul {	margin-top:5px;
					margin-left:10px;}


.white-area ul li{	list-style:none;
					background:url(icon-01.gif) no-repeat left 7px;
					padding-left:15px;
}


.es-back-en{	width:160px;
				padding:10px 10px 0px;
}

.es-en{	margin:15px 0px 10px;}

.foot-first-en{	text-align:center;
				margin:0px auto 0px;
				width:620px;
				list-style:none;
				
}



.foot-second-en{	text-align:center;
				margin:9px auto 0px;
				width:620px;
				list-style:none;
}



.sitemap dl{	width:586px;
				margin-bottom:30px;}

.sitemap dl dt{	margin-left:20px;
				background:url(icon-01.gif) no-repeat left 5px;
				padding-left:15px;
				font-weight:bold;
}

.sitemap dl dd{	margin-left:40px;
				background:url(icon03.gif) no-repeat left 5px;
				padding-left:15px;
}
