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

body{
	background-image: url(../img/common/bg.gif);
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img{
	border:0;
}

/*▼ヘッダーナビゲーション▼*/
ul#navigation{
    width:910px;
	height:45px;
    overflow:hidden;
	margin:0;
	padding:0;
}

ul#navigation li{
	height:45px;
    float:left; 
    display:block;
}

ul#navigation li a {
	background-image:url(../img/header/navi.jpg);
	height: 0px;
	padding-top:45px;
    overflow: hidden;
	display: block;
}

/* navigation normal
---------------------*/
    #navi1 a { width:182px; background-position:0       0;}
    #navi2 a { width:182px; background-position:-182px  0;}
    #navi3 a { width:182px; background-position:-364px  0;}
    #navi4 a { width:182px; background-position:-546px  0;}
	#navi5 a { width:182px; background-position:-728px  0;}

/* navigation rollover
----------------------*/
    #navi1 a:hover  { width:182px; background-position:0       -45px;}
    #navi2 a:hover  { width:182px; background-position:-182px  -45px;}
    #navi3 a:hover  { width:182px; background-position:-364px  -45px;}
    #navi4 a:hover  { width:182px; background-position:-546px  -45px;}
	#navi5 a:hover  { width:182px; background-position:-728px  -45px;}

/*▲ヘッダーナビゲーション▲*/

.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
	visibility:hidden;
}
.clearfix{
	display: inline-block;
} 
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}
/* End Hack */

#main-bg{
	width:990px;
	background-image:url(../img/common/bg_main.png);
	margin-left:auto;
	margin-right:auto;
}
#main{
	width:910px;
	margin-left:auto;
	margin-right:auto;
}
#header{
	width:910px;
	height:390px;
	background-image:url(../img/header/bg.jpg);
}
#header img{
	margin-left:45px;
}
#content{
	width:840px;
	background-color:#001643;
	background-image:url(../img/common/bg_content.gif);
	background-repeat:no-repeat;
	background-position: top left;
	font-size:13px;
	color:#FFF;
	line-height:1.5em;
	margin:0;
	padding:35px;
	position:relative;
}
#content table{
	width:840px;
}
#content td{
	vertical-align:top;
}
#content .box{
	width:430px;
	margin-top:20px;
}
#content .box h1{
	font-size:16px;
	font-weight:normal;
	margin-bottom:5px;
}
#content .box2{
	width:100%;
	margin-top:20px;
}
dl#box {
	border: 1px solid #FFF;
	border-top: none;
	width: 428px;
}
dl#box dt{
	border-top: 1px solid #FFF;
	width: 10em;
	font-weight:bold;
	padding:5px;
	float: left;
}
dl#box dd{
	border-left: 1px solid #FFF;
	border-top: 1px solid #FFF;
	_height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
	margin-left: 10em;
	padding:5px;
}
#services{
	width:379px;
	text-align:center;
}
#services img{
	margin-bottom:5px;
}
#services a,
#content .box a,
#content .box2 a{
	color:#FFF;
	text-decoration:none;
	display:block;
}
#services a:hover,
#content .box a:hover,
#content .box2 a:hover{
	color:#FFF;
	text-decoration:underline;
	filter: alpha(opacity=80);
 -moz-opacity:0.80;
opacity:0.80;
}
/* メールフォーム */
#mailform{
	width:430px;
}
#mailform ul{
	list-style:none;
	margin:0;
	padding:0;
}
#mailform li{
	list-style:none;
	margin:0;
	padding:6px;
	clear:both;
}
#mailform label{
	display:block;
	color:#FFF;
	font-weight:normal;
	font-size:13px;
}
#mailform li span{
	float:left;
	margin:0 5px 0 0; padding:0;
}
#mailform li span label{
	color:#FFF;
	font-weight:normal;
	font-size:12px;
}
#mailform input.field,
#mailform textarea{
	background:#FFF;
	border:1px solid #DDD;
	border-top-color:#CCC;
	border-left-color:#CCC;
	padding:3px;
}
#mailform textarea{
	width:100%;
}
#mailform input#email{
	width:200px;
}
#mailformbox{
	background-color:#FFF;
	margin-top:15px;
	margin-bottom:20px;
	padding:10px;
	border:dashed 1px #999;
}
/* メールフォーム */
#footer{
	width:860px;
	height:auto;
	background-image:url(../img/footer/bg.gif);
	margin:0;
	padding:25px;
	overflow:hidden;
}
#footer-content{
	width:660px;
	margin-left:auto;
	margin-right:auto;
}
#footer-content .left{
	width:124px;
	margin-right:20px;
	float:left;	
}
#footer-content .right{
	width:516px;
	font-size:13px;
	color:#FFF;
	line-height:1.3em;
	text-align:left;
	float:left;
}
#footer-content .right a{
	color:#FFF;
	text-decoration:none;
}
#footer-content .right a:hover{
	color:#FFF;
	text-decoration:underline;
}

#footer-content .add{
	font-size:12px;
	margin:10px 0;
}