@charset "utf-8";
/* CSS Document */
/**
 * common
 */
body, div, td, dt, dd, li, span, p {
	font-size:10pt;
}
body{
	color:#333333;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height:180%;
	text-align:center;
	margin:0px auto;
	background:#FFFFFF;
}

td{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height:180%;
}

img {
	border:0px;
}

a {
	text-decoration:none;
}

div.wrapper {
	width:100%;
}

div.spc img {
	width:10px;
	height:1px;
}

div.spc2 img {
	width:1px;
	height:30px;
}

div.table {
	display:table;
}

div.tr {
	display:table-row;
}

div.td {
	display:table-cell;
}


div.boxleft {
	float:left;
}

div.boxright {
	float:right;
}

.both {
	clear:both;
}

/**
 * header
 */
div.headerWrap {
	width:100%;
	text-align:center;
	/*background-color:#000033;*/
	background-color:#FFFFFF;
	padding-top:5px;
	padding-bottom:5px;
/*	box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.20);*/
	margin:0px;
	padding:0px;
}

div.headerWrap a.logo{
	display:block;
	/*width:156px;*/
	width:387px;
	height:44px;
}

div.headerWrap a.logo h1{
	display:block;
	/*width:156px;*/
	width:387px;
	height:44px;
	background-image:url('../images/logo.png');
	text-indent:-9999px;
	margin:0px;
	padding:0px;
	text-align:left;
}

div.headermenu {
	margin:0px;
	padding:0px;
	width:100%;
	/*background-color:#000033;*/
	background-color:#FFFFFF;
	height:135px;
	background-image:url(../images/bg_headerbar.png);
	background-repeat:repeat-x;
}

div.headermenu div.menuArea{
	width:990px;
	margin:0 auto 0 auto;
	padding-top:10px;
}

div.headermenu div.logo{
	width:990px;
	text-align:left;
	padding:0px;
	margin:0px;
	margin-bottom:9px;
}

div.headermenu div.menu{
	width:100%;
	margin:0 auto 0 auto;
	vertical-align:top;
	background-color:#FFFFFF;
	display:block;
}

div.headermenu div.menu ul.menubottom{
	display:table;
	width:auto;
	list-style:none;
	margin:0px;
	margin:0 auto 0 auto;
	padding:0px;
	background-color:#FFFFFF;
	border-left:1px solid #CCCCCC;
}

div.headermenu div.menu ul.menubottom li{
	border-right:1px solid #CCCCCC;
	display:table-cell;
	height:47px;
	padding:0 18px 0 17px;
}

div.headermenu div.menu ul.menubottom li a{
	display:block;
	height:47px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
}

div.headermenu div.menu ul.menubottom li a:hover{
	background-position:0 -47px;
}

div.headermenu ul li.menu_index a{
	width:69px;
	background-image:url('../images/menu_home.png');
	background-repeat:no-repeat;
}

div.headermenu ul li.menu_service a{
	width:129px;
	background-image:url('../images/menu_service.png');
	background-repeat:no-repeat;
}

div.headermenu ul li.menu_owner a{
	width:166px;
	background-image:url('../images/menu_owner.png');
	background-repeat:no-repeat;
}

div.headermenu ul li.menu_works a{
	width:80px;
	background-image:url('../images/menu_works.png');
	background-repeat:no-repeat;
}

div.headermenu ul li.menu_support a{
	width:104px;
	background-image:url('../images/menu_support.png');
	background-repeat:no-repeat;
}

div.headermenu ul li.menu_aboutus a{
	width:86px;
	background-image:url('../images/menu_aboutus.png');
	background-repeat:no-repeat;
}

div.headermenu ul li.menu_contact a{
	width:104px;
	background-image:url('../images/menu_contact.png');
	background-repeat:no-repeat;
}



/**
 * fotter
 */
.fotter {
	background-color:#E8E8E8;
	color:#FFFFFF;
	padding:0px;
	font-size:8pt;
}

.fotter div.bgimage{
	width:824px;
	height:153px;
	background-image:url(../images/bg_fotter.png);
	margin:0 auto 0 auto;
}

.fotter div.bgtext{
	color:#FFFFFF;
	font-size:8pt;
	background-color:#505052;
	padding:30px 0 30px 0;
}

/**
 * mainphoto
 */
div.mainphotosubarea {
	width:100%;
	text-align:center;
	background-image:url(../images/bg_mainphoto.png);
	padding-top:10px;
	padding-bottom:10px;
}

/**
 * contents
 */
div.contentsarea {
	width:980px;
	display:block;
	text-align:left;
	margin:0 auto 0 auto;
	margin-bottom:20px;
}

div.block {
	padding-bottom:30px;;
}

div.contentsarea2{
	background-color:#E8E8E8;
	width:100%;
	display:block;
	padding-bottom:20px;
	text-align:center;
	padding-top:30px;
}

/**
 * sidemenu
 */
div.sidemenu {
	width:280px;
	border:1px solid #FFFFFF;
	text-align:center;
}

h2.submenutitle {
	background-color:#999999;
	margin:1px;
	padding:10px;
	letter-spacing:0.3em;
	color:#FFFFFF;
	font-size:12pt;
	line-height:110%;
}

h2.submenutitle span{
	font-size:8pt;
	letter-spacing:0.1em;
}

div.sidemenu ul{
	display:block;
	background-color:#FFFFFF;
	margin:1px;
	padding:0px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	list-style:none;
}

div.sidemenu ul li{
	text-align:center;
	display:block;
}

div.sidemenu ul li div{
	margin:0 auto 0 auto;
	text-align:center;
	display:block;
	width:90%;
	margin-top:2px;
	margin-bottom:2px;
}

div.sidemenu ul li a{
	text-align:left;
	display:block;
	text-indent:20px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	background-repeat:no-repeat;
	background-image:url(../images/spacer.gif);
	background-position:left 15px;
	padding-top:5px;
	padding-bottom:5px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	color:#2F4FFF;
}

div.sidemenu ul li a:hover{
	background-image:url(../images/icon_arrow_blue.png);
	background-repeat:no-repeat;
	background-position:right 7px;
	color:#0078e1;
	border-top:1px solid #0078e1;
	border-bottom:1px solid #0078e1;
}