body {
	margin: 0px;
	padding: 0px;
	line-height: 180%;
	background-color: #CDCDCD;
	text-align: center;
	color: #666666;
	font-family: MS UI Gothic;
	font-size: 12px;
}

img {
	border: 0px;
}

a {
	text-decoration: none;
		}

a:link {
	color: #666666;
	}

a:visited {
	color: #666666;
	}

a:active {
	color: #666666;
	}

a:hover {
	color: #ff6600;
text-decoration: underline;

	}

#container {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	}

#flash {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background-image: url(img/back.jpg);
	background-repeat : repeat-x ;
	background-color: #ffffff;
	height: 390px;
	}

.ipng {
	width: 1000px;
	height: 191px;
behavior: expression(IEPNGFIX.fix(this));
	}

#center {
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding: 0px;
	background-color: #ffffff;
	}
	
#contents {
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding: 62px 0px 140px 0px;
	background-color: #ffffff;
	width: 1000px;
	}

#left {
	float: left;
	text-align: left;
	width: 135px;
	overflow: hidden;
	margin: 0px;
	padding: 0px 85px 0px 60px;
	background-color: ffffff;
	}

.logo {
	text-align: left;
	margin: 0px;
	padding: 0px 0px 110px 0px;
	}

.logo a:hover img{
	opacity:0.77;
	filter: alpha(opacity=66);
}

/* 左メニュー 始 */

ul#menu{
	text-align: left;
	margin: 0px;
	padding: 0px;
    list-style:none;
}
ul#menu li{
    list-style:none;
    float:left;
    width:135px;
	padding: 0px 0px 18px 0px;
}

ul#menu a{
    display:block;
    overflow:hidden;
}

a.blogm{
    background-image:url(img/btn_blog01.jpg);
	background-repeat : no-repeat;
	height: 13px;
	width: 42px;
}
a:hover.blogm {
    background-image:url(img/btn_blog02.jpg);
	background-repeat : no-repeat;
	height: 13px;
	width: 42px;
}

a.about {
    background-image:url(img/btn_about01.jpg);
	background-repeat : no-repeat;
	height: 13px;
	width: 135px;
}
a:hover.about {
    background-image:url(img/btn_about02.jpg);
	background-repeat : no-repeat;
	height: 13px;
	width: 135px;
}

a.works{
    background-image:url(img/btn_works01.jpg);
	background-repeat : no-repeat;
	height: 13px;
	width: 58px;
	}
	
a:hover.works {
    background-image:url(img/btn_works02.jpg);
	background-repeat : no-repeat;
	height: 13px;
	width: 58px;
	}

a.publication {
    background-image:url(img/btn_pubrication01.jpg);
	background-repeat : no-repeat;
	height: 14px;
	width: 113px;
	}
	
a:hover.publication {
    background-image:url(img/btn_pubrication02.jpg);
	background-repeat : no-repeat;
	height: 14px;
	width: 113px;
	}

a.award {
    background-image:url(img/btn_award01.jpg);
	background-repeat : no-repeat;
	height: 13px;
	}
	
a:hover.award {
    background-image:url(img/btn_award02.jpg);
	background-repeat : no-repeat;
	height: 13px;
	}	

a.story {
    background-image:url(img/btn_story01.jpg);
	background-repeat : no-repeat;
	height: 13px;
	width: 107px;
	}
	
a:hover.story {
    background-image:url(img/btn_story02.jpg);
	background-repeat : no-repeat;
	height: 13px;
	width: 107px;
	}

a.contact {
    background-image:url(img/btn_contact01.jpg);
	background-repeat : no-repeat;
	height: 13px;
	width: 78px;
	}
	
a:hover.contact {
    background-image:url(img/btn_contact02.jpg);
	background-repeat : no-repeat;
	height: 13px;
	width: 78px;
	}

/* 左メニュー 終 */

/* 右ボタン 始 */

#welcome{
	text-align: left;
	margin: 0px;
	padding: 0px;
	height: 268px;
    overflow:hidden;
}

#welcome-btn {
	text-align: left;
	margin: 0px;
	padding: 0px 0px 28px 0px;
    overflow:hidden;
}

#welcome-btn a{
    display:block;
    overflow:hidden;
}

a.about2 {
	float: left;
    background-image:url(img/m_about01.jpg);
	background-repeat : no-repeat;
	height: 20px;
    width: 80px;
	margin: 0px 8px 0px 0px;
}
a:hover.about2 {
    background-image:url(img/m_about02.jpg);
	background-repeat : no-repeat;
	height: 20px;
    width: 80px;
	margin: 0px 8px 0px 0px;
}

a.story2 {
	float: left;
    background-image:url(img/m_workstory01.jpg);
	background-repeat : no-repeat;
	height: 20px;
    width: 80px;
	margin: 0px 8px 0px 0px;
}
a:hover.story2 {
    background-image:url(img/m_workstory02.jpg);
	background-repeat : no-repeat;
	height: 20px;
    width: 80px;
	margin: 0px 8px 0px 0px;
}

#welcome-txt {
	text-align: left;
	margin: 0px;
	padding: 0px 12px 0px 0px;
}

#service {
	text-align: left;
	margin: 0px;
	padding: 0px;
	height: 368px;
}

#service-btn {
	text-align: left;
	margin: 0px;
	padding: 0px 0px 48px 0px;
}

#service-btn a{
    display:block;
    overflow:hidden;
}

a.works2 {
	float: left;
    background-image:url(img/m_works01.jpg);
	background-repeat : no-repeat;
	height: 20px;
    width: 80px;
	margin: 0px 8px 0px 0px;
}
a:hover.works2 {
    background-image:url(img/m_works02.jpg);
	background-repeat : no-repeat;
	height: 20px;
    width: 80px;
	margin: 0px 8px 0px 0px;
}

a.publication2 {
	float: left;
    background-image:url(img/m_pubrication01.jpg);
	background-repeat : no-repeat;
	height: 20px;
    width: 80px;
	margin: 0px 8px 0px 0px;
}
a:hover.publication2 {
    background-image:url(img/m_pubrication02.jpg);
	background-repeat : no-repeat;
	height: 20px;
    width: 80px;
	margin: 0px 8px 0px 0px;
}

a.award2 {
	float: left;
    background-image:url(img/m_award01.jpg);
	background-repeat : no-repeat;
	height: 20px;
    width: 80px;
	margin: 0px 8px 0px 0px;
}
a:hover.award2 {
    background-image:url(img/m_award02.jpg);
	background-repeat : no-repeat;
	height: 20px;
    width: 80px;
	margin: 0px 8px 0px 0px;
}

#service-txt {
	text-align: left;
	margin: 0px;
	padding: 0px 12px 100px 0px;
}

#area-txt {
	text-align: left;
	margin: 0px;
	padding: 0px 12px 0px 0px;
}

#blog-root {
	text-align: left;
	margin: 0px;
	padding: 0px;
	height: 268px;
}

#blog-root-btn {
	text-align: left;
	margin: 0px;
	padding: 0px 0px 48px 0px;
}

#blog-root-btn a{
    display:block;
    overflow:hidden;
}

a.blog2 {
	float: left;
    background-image:url(img/m_blog01.jpg);
	background-repeat : no-repeat;
	height: 20px;
    width: 80px;
	margin: 0px 8px 0px 0px;
}
a:hover.blog2 {
    background-image:url(img/m_blog02.jpg);
	background-repeat : no-repeat;
	height: 20px;
    width: 80px;
	margin: 0px 8px 0px 0px;
}

a.rss2 {
	float: left;
    background-image:url(img/rss01.jpg);
	background-repeat : no-repeat;
	height: 20px;
    width: 36px;
	margin: 0px 8px 0px 0px;
}
a:hover.rss2 {
    background-image:url(img/rss02.jpg);
	background-repeat : no-repeat;
	height: 20px;
    width: 36px;
	margin: 0px 8px 0px 0px;
}

#blog-root-txt {
	text-align: left;
	margin: 0px;
	padding: 0px 12px 0px 0px;
}

ul#blog-roots {
	text-align: left;
	margin: 0px;
	padding: 0px;
}

ul#blog-roots li{
    float:left;
    width: 270px;
    list-style:none;
    padding: 0px;
}

#blog-roots a {
	text-decoration: none;
}

#blog-roots a:hover {
	color: #ff6600;
	text-decoration: underline;
}

#access {
	text-align: left;
	margin: 0px;
	padding: 0px;
	height: 330px;
	overflow:hidden;
}

#access-btn {
	text-align: left;
	margin: 0px;
	padding: 0px 0px 48px 0px;
}

#access-btn a{
	display:block;
	overflow:hidden;
}

a.print2 {
	float: left;
    background-image:url(img/m_print01.jpg);
	background-repeat : no-repeat;
	height: 20px;
    width: 80px;
	margin: 0px 8px 0px 0px;
}
a:hover.print2 {
    background-image:url(img/m_print02.jpg);
	background-repeat : no-repeat;
	height: 20px;
    width: 80px;
	margin: 0px 8px 0px 0px;
}

a.mail2 {
	float: left;
    background-image:url(img/m_mail01.jpg);
	background-repeat : no-repeat;
	height: 20px;
    width: 80px;
	margin: 0px;
}
a:hover.mail2 {
    background-image:url(img/m_mail02.jpg);
	background-repeat : no-repeat;
	height: 20px;
    width: 80px;
	margin: 0px;
}

#access-txt {
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}

/* 右ボタン 終 */

#middle {
	float: left;
	text-align: left;
	width: 270px;
	overflow: hidden;
	margin: 0px;
	padding: 12px 0px 0px 60px;
	background-color: ffffff;
	}

#right {
	float: left;
	text-align: left;
	width: 270px;
	overflow: hidden;
	margin: 0px;
	padding: 12px 0px 0px 60px;
	background-color: #ffffff;
	}

#map {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

#map a:hover img{
	opacity:0.77;
	filter: alpha(opacity=66);
}

h1 {
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: normal;
}

h4 {
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: normal;
}

#foot {
	text-align: center;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	height: 91px;
	background-image: url(img/foot.jpg);
	background-repeat : repeat-x ;
	background-color: #CDCDCD;
	}

html>body #pageTop {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 500;
}
#pageTop {
	_position: absolute;
	_right: 0;
	_top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+(documentElement.clientHeight-this.clientHeight) - 0
	: document.body.scrollTop
	+(document.body.clientHeight-this.clientHeight) - 0);
	_z-index: 500;
	margin: 0;
}

/* add display:inline to floated elements */
#left,
ul#menu li,
a.about2,
a.story2,
a.works2,
a.publication2,
a.award2,
a.blog2,
a.rss2,
ul#blog-roots li,
a.print2,
a.mail2,
#middle,
#right {display:inline;}

/* add zoom:1 to overflow:hidden */
#center,
#welcome,
#welcome-btn,
#contents,
#left,
#access,
#middle,
#right,
#map,
#foot,
ul#menu a,#welcome-btn a,#service-btn a,#blog-root-btn a,#access-btn a {zoom:1;}