/**************** ここから全体共通 ******************************/
/*  初期設定 */
html, body, div, span, applet, object, iframe,  
h1, h2, h3, h4, h5, h6, p, blockquote, pre,  
a, abbr, acronym, address, big, cite, code,  
del, dfn, em, font, img, ins, kbd, q, s, samp,  
small, strike, strong, sub, sup, tt, var,  
b, u, i, center,  
dl, dt, dd, ol, ul, li,  
fieldset, form, label, legend,  
table, caption, tbody, tfoot, thead, tr, th, td{  
    margin: 0;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    font-size: 100%;  
    vertical-align: baseline;  
    background: transparent;  
}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{  
    content:'';  
    content:none;  
}  
:focus{outline:0; }  
ins{text-decoration:none; }
del{text-decoration:line-through;}  

img {border: 0;}

body{
	margin:0; padding:0;
	text-align:center;
	font-weight:normal;
	background:#DAF5FD url(css_img/bk_top.gif) top left repeat-x;
	font: medium "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
	color:#404141;
	font-size: 12px;
}

h1{margin-bottom:20px;}

h2{
	font-size: 16px;
	margin-bottom:10px;
	letter-spacing:0.1em;
	color:#14A0C8;
	font-weight: bold;
}

p{margin:0 20px; padding-bottom:20px;}


td,th,p{letter-spacing:0.2em; line-height:1.6em;}

td{padding:8px 10px;}

#table01 th{
	text-align:center;
	background-color:#D9D9D6;
	width:150px;
	vertical-align:middle;
}
#table01 {width:710px;}
.test{float:right; /* border:#666666 1px solid;*/}
.test2{float:left; /* border:#666666 1px solid;*/}
img.img01{margin-bottom:20px;}
.att{color:#FF0000;}

#contact_form textarea{width:400px; height:200px;}
#contact_form input{width:200px;}
#contact_form td.button{text-align:center; padding-top:15px;}
#contact_form td.button input{width:100px; height:30px; font-weight:bold;}
	




li{letter-spacing:0.2em; line-height:1.4em;}

#clear{ clear:both; }
#left{ float:left; }
#right{ float:right; }
#center{ text-align:center; margin:0 auto; padding:0;}

#container{
	margin:0 auto;
	padding:0;
	width:900px;
	text-align:center;
	background:url(css_img/bk_body.gif) top center repeat-y;
}

#header{
	margin:0 auto;
	padding:0;
	background:url(css_img/header.gif) top left no-repeat;
	height:123px;
	width:900px;
}

#contents{
	width:720px;
	margin:20px auto;
	padding:0;
	text-align:left;
}


#footer{
	margin:0 auto;
	padding:0;
	background:url(css_img/footer.gif) top left no-repeat;
	height:180px;
	text-indent:-9999px;
}

#rogo{ float:left; }

#rogo a{
	display:block;
	margin:47px 0 0 85px;
	width:190px; height:62px;
}

#nav{
	margin:64px 0 0 69px; padding:0;
	width:467px;
	height:55px;
	float:left;
}

#nav li{text-indent:-9999px; float:left;}
#nav a{margin:0; padding:0; display:block;}

#service a{width:118px; height:55px;}
#overview a{width:116px; height:55px;}
#recruit a{width:116px; height:55px;}
#contact a{width:116px; height:55px;}

#service a:hover{background:url(css_img/nav_over.gif) no-repeat top left;}
#overview a:hover{background:url(css_img/nav_over.gif) no-repeat -118px 0;}
#recruit a:hover{background:url(css_img/nav_over.gif) no-repeat -234px 0;}
#contact a:hover{background:url(css_img/nav_over.gif) no-repeat -350px 0;}


/**************** ここまで全体共通 ******************************/

/**************** ここからトップページ **************************/

#info{
	width:720px;
	margin:20px 0 20px 2px;
	padding:0;
	font-size: 12px;
}
#title{
	background:url(css_img/info_title.gif) top left no-repeat;
	height:33px;
}

.date{float:left; padding:15px 10px 15px 30px;}

.news{ float:left; margin:15px 0; padding:0; width:550px;}

/**************** ここまでトップページ **************************/