@charset "shift_jis";
/*共通*/
body {
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	font-size: 80%;
	background-image: url(../images/bg.jpg);
	margin: 0px auto;
	color: #666666;
	height: 100%;
}

img{
margin:0;
padding:0;
vertical-align:bottom;
border:none;
}
	
#wrapper {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 760px;
	background-image: url(../images/bg_shadow.png);
	background-repeat: repeat-y;
	height: 100%;
}
#container {
	width: 740px;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/bg_header.gif);
	background-repeat: repeat-x;
	padding-top: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#header {
	clear: both;
	margin-right: 30px;
	margin-left: 30px;
	margin-bottom: 20px;
	width: 678px;
	line-height: 100%;
	margin-top: 0px;
	padding: 0px;
	height: 232px;
}
#header ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
	position: absolute;
}
#footer {
	clear: both;
	background-image: url(../images/bg_footer.jpg);
	background-repeat: repeat-x;
	height: 67px;
	padding-right: 10px;
	text-align: right;
}
.title {
	padding-left: 34px;
	padding-bottom: 8px;
	float: left;
}
h1 {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
}
#main {
	margin-right: 50px;
	margin-left: 50px;
	margin-bottom: 20px;
	padding: 0px;
	vertical-align: top;
}
/*メニュー*/
#menu {
	padding: 0px;
	margin: 0px auto;
	height: 37px;
	width: 641px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#menu a {
	text-decoration: none;
}
#menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
	position: absolute;
}
#menu ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	float: left;
}

a:link{
	color:#666666;
	text-decoration: none;
}
a:visited{
	color:#666666;
	text-decoration: none;
}
a:active{
color:#FF3300;
}
a:hover{
	color:#FF3300;
	text-decoration: underline;
}

/*サブメニュー*/
#navi {
	padding: 10px 0px;
	margin: 0px;
	height: 15px;
}
#navi ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#navi ul li {
	display: inline;
	padding: 0px;
	font-size: smaller;
}
#navi ul li a {
	padding-left: 10px;
}
#contact a {
	height: 18px;
	width: 98px;
	float: right;
	padding: 0px;
	margin-right: 32px;
}
#toppage a {
	width: 80px;
	height: 48px;
	float: right;
	margin-right: 10px;
}
#mitsumori a {
	float: right;
	margin: 0px;
	margin-top:-25px;
	margin-right: 32px;
	margin-bottom:5px;
	border:none;
}

#contact2 a {
	height: 18px;
	width: 98px;
	float: right;
	padding: 0px;
	margin-right: 32px;
}
#toppage2 a {
	width: 80px;
	height: 48px;
	float: right;
	margin-right: 20px;

}
#mitsumori2 a {
	float: right;
	margin: 0px;
	margin-top:-25px;
	margin-right: 132px;
	margin-bottom:5px;
	border:none;
}
#mitsumori3 a {
	float: right;
	margin: 0px;
	margin-top:-25px;
	margin-right: 190px;
	margin-bottom:5px;
	border:none;
}


* html div#mitsumori2 a {
	float: right;
	margin: 0px;
	margin-top:-25px;
	margin-right: 30px;
	margin-bottom:5px;
	border:none;
}

#eco a {
	width: 80px;
	height: 48px;
	float: right;
	margin-right: 20px;
}

#eco2 a {
	width: 80px;
	height: 48px;
	float: right;
	margin-right: 13px;
}
#eco3 a {
	width: 80px;
	height: 48px;
	float: right;
	margin-right: -5px;
}

.clear{
clear:both;}

#home {
}
#contact02 a {
	background-image: url(../images/menu07.jpg);
	height: 37px;
	width: 98px;
	text-indent: -10000em;
	display: block;
}
#contact02 a:hover {
	background-image: url(../images/menu07_f2.jpg);
}
#skill a {
	background-image: url(../images/menu01.jpg);
	height: 37px;
	width: 80px;
	display: block;
	text-indent: -10000em;
	text-decoration: none;
}
#skill a:hover {
	background-image: url(../images/menu01_f2.jpg);
}
#line a {
	background-image: url(../images/menu02.jpg);
	height: 37px;
	width: 84px;
	display: block;
	text-indent: -10000em;
	text-decoration: none;
}
#line a:hover {
	background-image: url(../images/menu02_f2.jpg);
}
#example a {
	background-image: url(../images/menu03.jpg);
	height: 37px;
	width: 83px;
	display: block;
	text-indent: -10000em;
	text-decoration: none;
}
#example a:hover {
	background-image: url(../images/menu03_f2.jpg);
}
#depend a {
	background-image: url(../images/menu04.jpg);
	height: 37px;
	width: 118px;
	display: block;
	text-indent: -10000em;
	text-decoration: none;
}
#depend a:hover {
	background-image: url(../images/menu04_f2.jpg);
}
#company a {
	background-image: url(../images/menu05.jpg);
	height: 37px;
	width: 83px;
	display: block;
	text-indent: -10000em;
	text-decoration: none;
}
#company a:hover {
	background-image: url(../images/menu05_f2.jpg);
}
#works a {
	background-image: url(../images/menu06.jpg);
	height: 37px;
	width: 95px;
	display: block;
	text-indent: -10000em;
	text-decoration: none;
}
#works a:hover {
	background-image: url(../images/menu06_f2.jpg);
}
/*トップページ新着情報*/
#new {
	width: 234px;
	float: left;
	vertical-align: top;
}
#new h2 {
	font-size: 100%;
	height: 27px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
}
#new p {
	padding: 0px 5px 5px;
	line-height: 130%;
	margin: 5px 0px 0px;
}
#new2 {
	width: 234px;
	height: 113px;
	float: left;
	overflow: auto;
             margin-top: 3px; 
	vertical-align: top;
}

/*ようこそホームページへ*/
#welcome {
	width: 389px;
	float: right;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#welcome h2 {
	height: 27px;
	padding-bottom: 0px;
	margin: 0px;
	font-size: 100%;
	line-height: 100%;
}
#welcome p {
	padding: 0px 5px 5px;
	line-height: 130%;
	margin: 5px 0px 0px;
}

/*トップページトピックス*/
#tbottom {
	clear: both;
	width: 639px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 0px;
}
#tbottom h2 {
	margin-bottom: 0px;
	margin-top: 0px;
}
#tbottom p {
	margin-bottom: 10px;
	margin-top: 5px;
	
}
#tbottom01 {
	float: left;
	width: 206px;
	margin-right: 10px;
}
#tbottom02 {
	float: right;
	width: 206px;
	margin-right: 10px;
}
#tbottom03 {
	float: right;
	width: 206px;
}
#tbottom04 {
	float: left;
	width: 206px;
	margin-right: 10px;
}
#tbottom05 {
	float: right;
	width: 206px;
	margin-right: 10px;
}
#tbottom06 {
	float: right;
	width: 206px;
}

#tbottom06  img{
margin-top:25px;
}

#tbottom06 a{
    color:#FF9900;
	text-decoration:underline;
}
#tbottom06 a:hover{
    color:#FF9900;
	text-decoration:none;
}