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


/*img, div { behavior: url(./tools/iepngfix.htc)}IE6 png ΍*/

/* S̍\
---------------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}




#body {
	background:transparent url(../img/main-bg.jpg) no-repeat scroll center top;
	color: #0027a5;
	min-width:960px;
}

#wrapper{
	width:880px;
	margin:0 auto;
	min-width:500px;

}

img {
	border: 0px;
}
a:visited {
	color: #5007be;
	text-decoration: underline;
}
a:active {
	color: #0049ff;
	text-decoration: none;
}
a:link {
	color: #0049ff;
	text-decoration: underline;
}
a:hover {
	color: #5007be;
	text-decoration: none;
}


/* HEADER
---------------------------------------------------- */


#header {
	width: 880px;
	height: 85px;
}
#logo {
	float: left;
	background:transparent url(../img/logo.jpg) no-repeat scroll bottom;
	width:207px;
	height:65px;
	margin:1em 0 0 0;
	text-indent:-9999px;
}

#logo a{
	width:207px;
	height:65px;
	display:block;
}

#top-menu{
	float: right;
	width: 559px;
	height:57px;
	background:transparent url(../img/topmenu-bg.jpg) no-repeat scroll;
	margin:15px -22px 0 0;
	padding:0;

}
#header-menu{margin:0 0 0 28px;}

#header-menu li{
	list-style:none;
	float:left;
	height:39px;
	padding:9px 0 0 0;
/*	text-indent:-9999px;*/
}

#header-menu li a {
  text-decoration: none;		/* FirefoxŐ\Ȃ悤ɂ */
  display: block;
  height: 45px;
}


/* menue
---------------------------------------------------- */


#tmenu01{
	width:97px;
	margin:0 0.5em 0 0;
}

#tmenu02{

	width:93px;
}


#tmenu03{

	width:157px;
}
#tmenu04{

	width:122px;
}



/*

#tmenu01 a:hover{
	background: url(../img/tmenu-about-on.png);
	width:77px;
}


#tmenu02 a:hover{
	background: url(../img/tmenu-works-on.png);
	width:77px;
}

#tmenu03 a:hover{
	background: url(../img/tmenu-mc-on.png);
	width:139px;
}
#tmenu04 a:hover{
	background: url(../img/tmenu-amipro-on.png);
	width:111px;
}

*/

/* CONTENTS
---------------------------------------------------- */

#contents{
	width:880px;
	background:transparent url(../img/main-bg.png) repeat-x scroll;
}

#title{
	padding:3em 0 0 4em;

}

.mail{

	text-align:center;
	margin:2em

}

.sonota{
	padding:1em 10em 5em 0;
}


/* FOOTER
---------------------------------------------------- */

/*
#footer {
	clear:both;
	width: 880px;
	height: 20px;
	padding: 1em 0 0 0 ;
	background:pink;
	border-top: 1px solid #b2b2b2;
}
#footer-btn {
	clear: left;
	float: left;
	width: 500px;
}
#footer-btn li{
	list-style:none;
	float:left;
}
#footer-copyright {
	float:right;
	width: 268px;
}

*/

#to-pagetop{
	float: right;
	font-size: 0.8em;
	padding:1em;
}





/* SIDE MENU
---------------------------------------------------- */

.side {
	clear: right;
	float: right;
	width: 210px;
	padding-right: 30px;
}
.side-subtitle {
	width: 170px;
	padding-bottom: 5px;
}
ul.side-menu {
	float: left;
	width: 170px;
	font-size: 1.0em;
	padding-bottom: 20px;
}
ul.side-menu li{
	clear: left;
	float: left;
	list-style:none;
	width: 170px;
	line-height: 1.2em;
	padding-bottom: 5px;
}


/* SIDE MENU
---------------------------------------------------- */
.clear {clear: both;	float: none;}
.fl{float:left;}
.fr{float:right;}

.tac{text-align:center;}
.fwb{font-weight:bold;}