@charset "shift_jis";
/* CSS Document */
/*--------------------------------------------------------------------
common cssの初期化
--------------------------------------------------------------------*/
* {
	padding: 0;
	margin: 0;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:small;
}

html, body {
	font-size: 100%;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:small;
}
h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd {
	border: 0;
	font-size: 100%;
	font-style:normal;
	font-weight:normal;
}
table, caption, th, td {
	padding: 0;
	margin: 0;
	border: 0;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}
span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	border: 0;
	font-size: 100%;
	font-style: normal;
	font-weight: inherit;
}
p{
	line-height: 1.4;
}
a{
	color:#0099CC;
	text-decoration: underline;
}
a:hover{
	color:#77CEDD;
	text-decoration: none;
}
br {
	letter-spacing: normal;
}

/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/
body{
	background:url(images/bg01.jpg) repeat-x #D3F3F1;
	color:#575757;
	overflow-x:hidden;
	color:#666;
}
div#container{
	display:block;
	width:780px;
	margin:0 auto;
	padding:23px 0 30px 0;
	background:url(images/bg03.jpg) no-repeat bottom;
}
div#header{
	display:block;
	background:url(images/header.jpg) no-repeat;
	width:754px;
	height:74px;
	padding:38px 0 0 26px;
}
div#header ul.link{
	display:block;
	width:105px;
	height:13px;
	list-style-type:none;
	margin:7px 0 0 631px;
}
div#header ul.link li{
	display:block;
	height:13px;
	float:left;
}
div#header ul.link li.li01{
	width:58px;
	margin-right:6px;
}
div#header ul.link li.li02{
	width:41px;
}
div#mainimg{
	display:block;
	margin:0;
	width:780px;
	height:203px;
}
/*navi*/
div#navi{
	display:block;
	background:url(images/navi_r.jpg) no-repeat;
	width:760px;
	height:37px;
	padding:0 10px;
}
div#navi ul{
	display:block;
	width:508px;
	height:37px;
	list-style-type:none;
	_margin-bottom:-3px;
}
div#navi ul li{
	display:block;
	float:left;
	height:37px;
}
div#navi ul li a:hover img,
div#navi ul li span img{
	opacity:0;
	filter: alpha(opacity=0);
}
/*main*/
div#main{
	display:block;
	background:url(images/bg02.jpg) repeat-y;
	padding:20px 20px 30px 20px;
	width:740px;
}
/*footer*/
div#footer{
	display:block;
	background:url(images/bg02.jpg) repeat-y;
	padding:0 10px;
	clear:both;
}
div#footer address{
	display:block;
	background:#7CBFC8;
	padding:5px;
	text-align:center;
	color:#FFF;
	margin-bottom:10px;
}
div#footer div.footerTxt{
	display:block;
	width:760px;
	font-size:11px;
}
div#footer div.footerTxt div.left{
	display:block;
	width:400px;
	padding:0 0 0 10px;
	float:left;
}
div#footer div.footerTxt div.left b{
	display:block;
	font-weight:bold;
	margin-bottom:5px;
}
div#footer div.footerTxt div.right{
	display:block;
	width:300px;
	float:right;
	text-align:right;
	padding:0 20px 0 0;
}

/*--------------------------------*/
/*  index.html                    */
/*--------------------------------*/
div#index{
	display:block;
	width:730px;
}
div#index div.left{
	display:block;
	width:470px;
	float:left;
}
div#index div.right{
	display:block;
	width:240px;
	float:right;
}
div#index div.right ul{
	display:block;
	list-style-type:none;
}
div#index div.right ul li{
	display:block;
	width:240px;
	height:70px;
	margin-bottom:15px;
}

/*--------------------------------*/
/*  company.html                  */
/*--------------------------------*/
div#company{
	display:block;
	width:720px;
	margin:0 auto;
}
div#company h2{
	display:block;
	margin-bottom:30px;
}
div#company table{
	border-collapse:collapse;
	border:#CCC 1px solid;
	width:650px;
	margin:0 0 0 35px;
}
div#company table th{
	border:#CCC 1px solid;
	background:#EDEDED;
	padding:10px;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	width:20%;
}
div#company table td{
	border:#CCC 1px solid;
	padding:10px;
	line-height:1.4;
}
div#company table td ul{
	display:block;
	list-style-type:none;
}
div#company table td ul li{
	display:block;
	background:url(images/icn01.gif) no-repeat 0 5px;
	padding:0 0 0 10px;
	margin-bottom:10px;
}

/*--------------------------------*/
/*  works.html                    */
/*--------------------------------*/
div#works{
	display:block;
	width:720px;
	margin:0 auto;
}
div#works h2{
	display:block;
	margin-bottom:30px;
}
div#works div.box{
	display:block;
	margin:0 0 30px 10px;
}
div#works div.box h3{
	display:block;
	margin-bottom:15px;
}
div#works div.box ul{
	display:block;
	list-style-type:none;
	margin:0 0 0 10px;
}
div#works div.box ul li{
	display:block;
	background:url(images/icn01.gif) no-repeat 0 5px;
	padding:0 0 0 10px;
	margin-bottom:10px;
}





/*filter（画像アルファ）の設定*/
div#index div.right ul li a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}

/*clearfix*/
div#header ul.link:after,
div#navi ul:after,
div#index:after,
div#footer div.footerTxt:after{
	display:block;
	content:"";
	height:0;
	clear:both;
}