@charset "utf-8";
/* CSS Document */

* {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#wrapper {
	width:960px;
	margin:0 auto;
	padding:20px;
}



#header {
	margin-bottom:30px;
	border-bottom:solid 1px #28508d;
}

#headertable{
	width:100%;
	vertical-align:middle;
}

#logo{
	width:340px;
	
}

#name {
	width:400px;
	text-align:right;
	vertical-align:middle;
}

#tel {
	padding-left:20px;
	text-align:right;
	vertical-align:middle;
}



#navi {
	width:230px;
	margin-right:10px;
	float:left;
}

#navi li{
	display:block;
	width:220px;
	height:78px;
	background-color:#FFF;
	margin-bottom:20px;
}

#greeting {
	background-image:url(image/greeting.gif);
	background-repeat:no-repeat;
}

#greeting:hover {
	background-image:url(image/greeting_h.gif);
}

#works {
	background-image:url(image/works.gif);
	background-repeat:no-repeat;
}

#works:hover {
	background-image:url(image/works_h.gif);
}

#company {
	background-image:url(image/company.gif);
	background-repeat:no-repeat;
}

#company:hover {
	background-image:url(image/company_h.gif);
}

#access {
	background-image:url(image/access.gif);
	background-repeat:no-repeat;
}

#access:hover {
	background-image:url(image/access_h.gif);
}








#contents{
	float:left;
	width:720px;
	margin-bottom:30px;
}

h1 {
	font-size:24px;
		color:#28508d;
	margin-bottom:20px;
	border-bottom:solid 5px #bcceea;
}

.text {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:15px;
	line-height:25px;
}

.text_right {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align:right;
}


#greetingbox_l {
	width:390px;
	margin-right:20px;
	float:left;
}

#greetingbox_r {
	width:300px;
	float:right;
}




#company_table {
	font-size:16px;
	margin:0px 20px;
}

#company_table th {
	border-bottom:solid 1px #CCCCCC;
	width:100px;
	text-align:left;
}

#company_table td {
	border-bottom:solid 1px #CCCCCC;
	line-height:35px;
	padding:10px 10px;
}

.col2{
	width:580px;
}

.year {
	width:40px;
}



#adress {
	font-size:16px;
	margin:20px;
}

iframe {
	margin-left:20px;
}




/* works */

#workbox {
	width:700px;
	font-size:16px;
}

#workbox td {
	width:340px;
	padding-left:20px;
	padding-bottom:40px;
}


#kourakuen {
	width:340px;
	height:490px;
	background-image:url(image/kourakuen_d.jpg);
	background-repeat:no-repeat;
}

#kourakuen:hover {
	background-image:url(image/kourakuen_n.jpg);
}
	




/* ----------------------footer------------------------ */



#footer{
	clear:both;
	text-align:center;
	background-color:#28508d;
	color:#FFF;
}