@import "reset.css";

/*--------------------------------------------------
font
--------------------------------------------------*/

*{
	font-size: 12px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Mayryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	line-height:140%;
	color:#303030;
}
.clear{
	clear: left;
	margin-bottom: 15px;
}


/*--------------------------------------------------
Margin
--------------------------------------------------*/

.mar03R{
margin-right:3px;
}
.mar03T{
margin-top:3px;
}
.mar03B{
margin-bottom:3px;
}
.mar03TB{
margin-top:3px;
margin-bottom:3px;
}

.mar05{
margin:5px;
}
.mar05T{
margin-top:5px;
}
.mar05B{
margin-bottom:5px;
}
.mar05TB{
margin-top:5px;
margin-bottom:5px;
}

.mar10T{
margin-top:10px;
}
.mar10B{
margin-bottom:10px;
}
.mar10TB{
margin-top:10px;
margin-bottom:10px;
}
.mar10L{
margin-left:10px;
}

.mar15T{
margin-top:15px;
}
.mar15B{
margin-bottom:15px;
}
.mar15TB{
margin-top:15px;
margin-bottom:15px;
}

.mar20T{
margin-top:20px;
}
.mar20B{
margin-bottom:20px;
}
.mar20TB{
margin-top:20px;
margin-bottom:20px;
}
.mar20R{
margin-right:20px;
}
.mar20L{
margin-left:20px;
}

.mar25T{
margin-top:25px;
}
.mar25B{
margin-bottom:25px;
}
.mar25TB{
margin-top:25px;
margin-bottom:25px;
}

/*--------------------------------------------------
Orig
--------------------------------------------------*/

body{
background:url(../img/bg_header.gif) top repeat-x;
position:relative;
}

/*---------------  ヘッダ ---------------*/

h1{
background:url(../img/txt_header_contact2.gif) top right no-repeat;
margin:0 auto;
width:837px;
height:54px;
font-size:10px;
line-height:40px;
}

#header{
margin-left:auto;
margin-right:auto;
width:837px;
height:96px;
overflow:hidden;
position:relative;
top:-21px;
}

#header h2{
	width:236px;
	height:41px;
	text-indent:-9999px;
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
}

#header h2 a{
display:block;
height:29px;
overflow:hidden;
}

#header .menu{
width:837px;
height:55px;
}

#header .menu ul{
overflow:hidden;
position:relative;
}

#header .menu li{
float:left;
}

/*--------------- // ヘッダ ---------------*/

#wrapper{
background:url(../img/bg_wrapper.gif) repeat-y;
margin-right:auto;
margin-left:auto;
margin-bottom:25px;
width:837px;
height:auto;
overflow:auto;
position:relative;
}

*:first-child+html #wrapper{
overflow:hidden;
}
#main{
float:left;
width:590px;
}


/*---------------  サイドメニュー ---------------*/


#subMenu{
float:right;
background:url(../img/bg_submenu_middle.gif) repeat-y;
width:222px;
position:relative;
}

#subMenu .subTop{
background:url(../img/bg_submenu_top.gif) no-repeat;
width:222px;
height:29px;
text-indent:-9999px;
}

#subMenu .subBottom{
width:222px;
height:5px;
position:absolute;
bottom:0;
}

#subMenu ul{
background:url(../img/bg_submenu_grad.gif) no-repeat;
padding-top:5px;
}

#subMenu li{
margin:5px auto;
width:200px;
}

#subMenu li.contact{
margin-top:15px;
}

#subMenu li.aiphone{
margin-top:15px;
}

/*---------------  フッタ ---------------*/


#footer{
background:url(../img/bg_footer.gif) top repeat-x;
padding-bottom:15px;
}

#footer .menu{
margin-right:auto;
margin-left:auto;
width:837px;
height:42px;
overflow:hidden;
position:relative;
}

#footer .menu li{
float:left;
background:url(../img/txt_footer_sep.gif) 0 50% no-repeat;
padding:0 8px;
line-height:42px;
}

#footer .menu li.first{
padding-left:0;
background:none;
}

#footer .menu li a{
color:#0068b7;
text-decoration:none;
}

#footer .menu li a:hover{
text-decoration:underline;
}


#footer address{
margin-right:auto;
margin-left:auto;
margin-top:15px;

width:837px;
overflow:hidden;
position:relative;
}

#footer .address{
width:400px;
float:left;
font-size:12px;
}

#footer .copyright{
width:400px;
float:right;
text-align:right;
font-size:12px;
}

/*--------------- その他 ---------------*/

.pan{
margin-right:auto;
margin-left:auto;
width:837px;
height:30px;
zoom:100%;
margin-top:-21px;
}

.pan:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

.pan li{
float:left;
height:30px;
line-height:30px;
}

.toTop{
background:url(../img/btn_totop.gif) no-repeat;
margin-right:0;
margin-left:auto;
margin-bottom:1px;
width:87px;
height:16px;
text-indent:-9999px;
}

.toTop a{
display:block;
width:87px;
height:16px;
overflow:hidden;
}

#fContact{
margin-top:13px;
margin-bottom:10px;
}

#fContact .title{
background:url(../img/h_contact.gif) no-repeat;
width:590px;
height:37px;
text-indent:-9999px;
}

#fContact .fConWay{
overflow:hidden;
position:relative;
}

#fContact .fConWay div.tel{
	float:left;
	width:292px;
	height:103px;
	text-indent:-9999px;
	background-repeat: no-repeat;
	background-image: url(../img/bg_contact_tel02.gif);
}

#fContact .fConWay div.form{
float:right;
background:url(../img/bg_contact_form.gif) no-repeat;
width:298px;
height:103px;
}

#fContact .fConWay div.form p{
margin-top:48px;
margin-left:120px;
}

/*　----- ページ内コンテンツボックス -----  */

.solid_box{
	width:547px;
	border-right:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:20px;
	padding-right: 20px;
	padding-left: 20px;
}

/*　----- リスト青丸 -----  */
.circle_b li{
	width:550px;
	padding-left:15px;
	font-size:10pt;
	font-weight:bold;
	padding-bottom:0px;
	background-image: url(../img/icon_circle_b.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	margin-bottom: 5px;
}

/*　----- 画像 -----  */
.nml_img {
	margin-bottom: 10px;
}