@charset "Shift_JIS";


/* -----全体の設定----- */
/* reset */
*{						
		padding: 0;
        margin: 0;
        font-weight: normal;
        font-family: Arial, sans-serif;
        font-style: normal;
}

ul{						
		list-style: none;
}


/* common */
body{						
		font-size: 85%;
        color: #333;
        background-color: #FFFFFF;
        line-height: 1.4;
        text-align: center;
}


a{						
		color: #0033cc;
        text-decoration: none;
}

a:hover{						
		color: #0066ff;
        text-decoration: underline;
}

img{						
		border: none;
}

.clear{						
		clear: both;
}

em.norm{						
		padding: 0 0.5em;
}

em.comname{						
		color: #ea5404;
}



/* -----Class 共通----- */

/* レイアウト padding */
.pleft10{		
		padding-left: 10px;
}

.pleft20{						
		padding-left: 20px;
}

.pleft30{						
		padding-left: 30px;
}

.pleft50{						
		padding-left: 50px;
}

.pleft70{						
		padding-left: 70px;
}

.pleft100{						
		padding-left: 100px;
}

.pleft150{						
		padding-left: 150px;
}

.pleft400{						
		padding-left: 400px;
}


.ptop5{						
		padding-top: 5px;
}

.ptop10{						
		padding-top: 10px;
}

.ptop15{						
		padding-top: 15px;
}

.ptop20{						
		padding-top: 20px;
}

.ptop30{						
		padding-top: 30px;
}

.ptop50{						
		padding-top: 50px;
}

.ptop150{						
		padding-top: 150px;
}

.ptop170{						
		padding-top: 170px;
}

.ptop200{						
		padding-top: 200px;
}

.ptop300{						
		padding-top: 300px;
}


.pbtm10{						
		padding-bottom: 10px;
}

.pbtm20{		
		padding-bottom: 20px;
}

.pbtm30{						
		padding-bottom: 30px;
}

.pbtm50{						
		padding-bottom: 50px;
}

.pbtm100{						
		padding-bottom: 100px;
}


/* レイアウト margin */
.mtop300{		
		margin-top: 300px;
}

.mleft20{						
		margin-left: 20px;
}


/* 色 color */
.red1{		
		color: #e50000;
}

.red2{						
		color: #ff4500;
}

.green1{						
		color: #008000;
}

.blue1{						
		color: #0000ff;
}

.orange1{					
		color: #ff8000;
}

.bld{						
		font-weight:bold;
}


/* 文字サイズほか */
.fs80{						
		font-size:80%;
}

.fs85{						
		font-size:85%;
}

.fs100{						
		font-size:100%;
}

.fs120{						
		font-size:120%;
}


/* -----ページレイアウト 共通----- */

/* layout */
#container{		
        width: 800px;
        margin-right: auto;
        margin-left: auto;
        background-color: #FFFFFF;
        text-align: left;
}


#main{						
        width: 750px;
        padding: 10px 20px 36px 25px;
        float: left;
        clear: both;
}


#top_area{
		clear: both;
		height: 200px;
		margin-right: auto;
		margin-left: auto;
		background-color: #95B3D7;
}

#top_image{
		width: 800px;
		margin-right: auto;
		margin-left: auto;
		background-color: #B3DBFF;
}


/* footer */
#footer{						
        height: 220px;
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 10px;
        clear: both;
        background-color: #D9D9D9;
        color: #606060;
}

#footercontainer{						
		width: 800px;
		margin-right: auto;
		margin-left: auto;
		/* background: #fff; */
}

/* footerの各頁へのリンク */
#footer li{		
		position: relative;		
		float: left;
		padding-top: 20px;
		padding-left: 25px;
		padding-bottom: 30px;
		font-size:85%;
}

#footer li a{						
		color: #606060;
		text-decoration: none;
}

#footer li a:hover{						
		color: #606060;
		text-decoration: underline;
}

/* footerの住所 */
.Address{		
		clear: both;				
		padding-left: 50px;
		padding-bottom: 30px;
		text-align: left;
		font-size:85%;
}


/* footer末尾のCopyright */
#footer address{		
        clear: both;
        text-align: center;
}


/* header */
#header{		
		clear: both;				
		height: 70px;
        position: relative;
        background: #e6e6e6 url(../img/header_bg.gif) left top repeat-x;
}

#headercontainer{						
		width: 800px;
		background: #e6e6e6 url(../img/header_bg.gif) left top repeat-x;
		margin-right: auto;
		margin-left: auto;
}


.headh1{								
		clear: both;
		float: left;	
		padding-top: 18px;
		padding-left: 14px;
}


#header p.copy{						
		padding-top: 30px;
        padding-bottom: 26px;
        padding-left: 353px;
}


#header p.copy2{						
		padding-top: 30px;
		padding-left: 475px;
}


#header #s1{						
		color:#606060;
}

#header #s2{						
		color:#e50000;
		font-size: 120%;
}


/* header2 */
#header2{		
        position: relative;
        margin-bottom: 50px;
}

#header2 ul{		
        position: absolute;
        top: 200px;
        left: 0px;
}

#header2 li{		
		position: relative;		
		float: left;
}

#header2 li a, #header2 li a img{		
				
		display: block;
		float: left;
}



/* トピックス */
#topics{		
		width: 650px;		
        position: relative;
        margin-bottom: 50px;
}


/* トップページのロゴ他 */
#logo_area{						
		position: relative;
		margin-bottom: 50px;
}

#logo_area ul{		
		clear: both;		
		padding: 20px 20px;	/* 上下20px、左右20px */
		position: relative;
}
#logo_area li{		
		position: relative;		
		float: left;
		padding-left: 50px
}
#logo_area li a, logo_area li a img{		
				
		display: block;
		float: left;
}

/* 会社情報 */
#companyinfo{		
		width: 650px;		
        position: relative;
        margin-bottom: 50px;
}



/* menu */
#menu_area{
		clear: both;
		height: 50px;
		margin-right: auto;
		margin-left: auto;
		background-color: #CC0000;
}

#menu{		
		width: 800px;
		margin-right: auto;
		margin-left: auto;
		/* margin-bottom: 49px; */		
		/* background-color: #CC0000; */
}

#menu ul{		
        width: 780px;
        height: 34px;
        padding: 7px 10px 8px;
        background-color: #CC0000;
        position: absolute;
        top: 70px;
}

#menu li{		
		position: relative;		
		float: left;
		padding-left: 25px;
        top: 0px;
        left: 0px;
}
#menu li a, #menu li a img{		
				
		display: block;
		float: left;
}



/* -----各ページのレイアウト----- */

/* home */
#home #header p.topimage  {   						
		height: 200px;
}

#home #menu ul{						
		top: 270px;				
}


#home #main h2{						
		margin-top: 12px; margin-bottom: 12px;
}


#home #topics dt{		
				
		position: absolute;
}

#home #topics dd{		
				
		background: url(../img/topics_line.png) center bottom no-repeat;	
        padding-bottom: 3px;
        padding-left: 9em;
}


/* 以下6行追加 */
#home #main h4{				
		/*color: #e50000;*/
		/* font-size: 120%; */
		/* font-size: 100%; */
		margin: 0; /* スペースを削除 */
}


#home #main p.topics{		
		
		padding-left: 25em;
		padding-top: 5px;		
}

#home #companyinfo table{		
				
		width: 550px;
        border-collapse: collapse;
}

#home #companyinfo th, #home #companyinfo td{		
				
		border: 1px solid #ccc;
        padding: 5px;
}

#home #companyinfo th{						
		background-color: #e6e6d9;
        width: 10em;
        text-align: center;
}

#home #companyinfo ol{						
		padding-left: 2em;
}

#home #companyinfo ul{						
		padding-left: 2em;
        list-style: disc;
}

#home #main p.s1{		
		padding-top: 10px;
		padding-left:30px;
 		/* width:45em; */
 		width:640px;
 		text-indent:1em;
}
#home #main p.s2{		
		padding-left:30px;
 		/* width:45em; */
 		width:640px;
 		text-indent:1em;
}



/* access */
#access #main #map{		
				
		/* text-align: center; */
}

#access #main #add{		
				
		padding-top: 12px;
        padding-left: 24px;
        margin-bottom: 12px;
}

#access #main ul{		
				
		list-style: disc;
        margin-left: 30px;
        padding-left: 2em;
}


/* link */
#link #main ul li{		
				
		padding-left: 20px;
        background: url(../img/link.gif) left center no-repeat;
}



/* business */
#business #main table, #business #main th{		
				
		width: 510px;
        border-collapse: collapse;
        /* margin: 12px 0; */
        margin-left: 20px;
        color : #800000;
        border-width : 1px;
        border-style : solid;
        border-color : #800000;
}

#business #main th{						
		/* background-color: #e6e6d9; */
		background-color: #ffccbb;	
		text-align:left;
		padding: 5px;
}

#business #main td{					
		border: 1px solid #ccc;
        padding: 5px;
        color : #272727;
        background-color: #ffffff;
        border-width : 1px;
        border-style : solid;
        border-color : #800000;
}


#business #main ul{						
        padding: 10px 5px;	/* 上下10px、左右5px */
        position: absolute;
}

#business #main li{		
		position: relative;		
		float: left;
}

#business #main li a, #business #main li a img{		
				
		display: block;
		float: left;
}



/* service  (id=business2)*/
#business2 #main #vertical1{	
		/* vertical-align:middle; */
		vertical-align:-3px;
		/* vertical-align:baseline; */				
}



/* recruit */
#recruit #main h3{				
		width: 505px;		
		margin-top: 24px;
        padding: 1px 3px;
        background: #666;
        color: #fff;
        letter-spacing: 1px;
}

#recruit #main table{					
		width: 510px;
        border-collapse: collapse;
        margin: 6px 0 12px;
}

 #recruit #main th, #recruit #main td{						
		border: 1px solid #ccc;
        padding: 5px;
}

#recruit #main th{						
		background-color: #e6e6d9;
        width: 6em;
        text-align: right;
        vertical-align: top;
}

#recruit #main .button{						
		/* margin-top: 6px; */
        /* text-align: center; */
        margin-top: 25px;
        margin-left: 200px;
        margin-bottom: 30px;
     
}

#recruit #main .button a{						
		border: 3px solid #c00;
        background-color: #ccc;
        padding: 5px 24px;
        color: #000;
}

#recruit #main em{						
		font-weight: bold;
}



/* sitemap */
#sitemap #main ul{						
		margin: 24px 12px;
		width: 500px;
}

#sitemap #main ul li{						
		background: url(../img/sitemap_li.gif) left center no-repeat;
        padding-left: 12px;
        margin-bottom: 12px;
        border-bottom: 1px dashed #ccc;
}




/* topics一覧 */

#topics_list #main dt{						
		position: absolute;
}

#topics_list #main dd{						
		/* background: url(../img/line_news.gif) center bottom no-repeat; */
		background: url(../img/topics_line.png) center bottom no-repeat;
        padding-bottom: 3px;
        padding-left: 9em;
}


/* jireilist */
#jireilist #main table, #jireilist #main th{		
				
		width: 510px;
        border-collapse: collapse;
        margin: 12px 0;
        color : #800000;
        border-width : 1px;
        border-style : solid;
        border-color : #800000;
}

#jireilist #main th{		
				
		background-color: #e6e6d9;
}

#jireilist #main td{		
				
		border: 1px solid #ccc;
        padding: 5px;
        color : #272727;
        background-color: #ffffff;
        border-width : 1px;
        border-style : solid;
        border-color : #800000;
}


/* jireishoukai */
#jireishoukai #main table, #jireishoukai #main th{		
				
		width: 450px;
        border-collapse: collapse;
        margin: 12px 0;
        color : #800000;
        border-width : 1px;
        border-style : solid;
        border-color : #800000;

}

#jireishoukai #main th{		
				
		background-color: #e6e6d9;
}

#jireishoukai #main td{		
				
		border: 1px solid #ccc;
        padding: 5px;
        color : #272727;
        background-color: #ffffff;
        border-width : 1px;
        border-style : solid;
        border-color : #800000;
        vertical-align: middle;
        height : 50px;
}



/* kaisekijirei */

#kaisekijirei1 #main table{		
				
		width: 600px;
        border-collapse: collapse;
        margin: 5px 0px 20px 0px;
        color : #800000;
        border-width : 1px;
        border-style : solid;
        border-color : #800000;
}

#kaisekijirei1 #main th{		
				
		background-color: #ffccbb;
        color : #800000;
        border-width : 1px;
        border-style : solid;
        border-color : #800000;
        text-align : left;
}

#kaisekijirei1 #main th a{		
	
        text-decoration:none;
}

#kaisekijirei1 #main td{		
				
		border: 1px solid #ccc;
        padding: 5px;
        color : #272727;
        background-color: #ffffff;
        border-width : 1px;
        border-style : solid;
        border-color : #800000;
}


#kaisekijirei2 #main table{		
				
		width: 600px;
        border-collapse: collapse;
        margin: 5px 0px 20px 0px;
        color : #800000;
        border-width : 1px;
        border-style : solid;
        border-color : #800000;
}

#kaisekijirei2 #main th{		
				
		background-color: #ccffcc;
        color : #800000;
        border-width : 1px;
        border-style : solid;
        border-color : #800000;
        text-align : left;
}

#kaisekijirei2 #main th a{		
	
        text-decoration:none;
}

#kaisekijirei2 #main td{		
				
		border: 1px solid #ccc;
        padding: 5px;
        color : #272727;
        background-color: #ffffff;
        border-width : 1px;
        border-style : solid;
        border-color : #800000;
}


#kaisekijirei3 #main table{		
				
		width: 600px;
        border-collapse: collapse;
        margin: 5px 0px 20px 0px;
        color : #800000;
        border-width : 1px;
        border-style : solid;
        border-color : #800000;
}

#kaisekijirei3 #main th{		
				
		background-color: #ffccbb;
        color : #800000;
        border-width : 1px;
        border-style : solid;
        border-color : #800000;
        text-align : left;
}

#kaisekijirei3 #main th a{		
	
        text-decoration:none;
}

#kaisekijirei3 #main td{		
				
		border: 1px solid #ccc;
        padding: 5px;
        color : #272727;
        background-color: #ffffff;
        border-width : 1px;
        border-style : solid;
        border-color : #800000;
}




/* privacy-policy */
#privacy-policy  #main p {		
					
	width: 600px;

}

#privacy-policy  #main dl {		
					
	width: 590px;
	padding-left: 10px;

}

#privacy-policy  #main dt {		
					
	padding-top: 10px;

}


#privacy-policy2  #main p {		
					
	width: 600px;
}

#privacy-policy2  #main ul {		
					
	width: 570px;
	padding-left: 30px;
	list-style-type : disc;
	list-style-position : outside;
}