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

/*===============
base
=================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
form,input,p,blockquote,th,td {
margin:0;
padding:0;
}
img{
border:0;
vertical-align: top;
}

body{
font-size: 100%;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-feature-settings : "palt";
line-height:1.4;
color:#333;
background:#fff;
}


a:link,
a:visited,
a:active{
color:#333;
text-decoration:none;
}

a:hover{
color:#069;
text-decoration:none;
}

ul,ol{
list-style: none;
}

/*clearfix*/
.clearfix:after{
visibility:hidden;/*見えなくする*/
height:0;/*見えなくする*/
display: block;/*block要素にする*/
font-size: 0;
content: " ";
clear: both;

}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/*footerの背景指定*/
html{
background:#dedede;
}

.pc{
display:block;
}

/*==================
header
====================*/

#header{
width:100%;
}

#header_top{
padding:5px 0px 10px 0px;
width:980px;
margin:0 auto;
}

#header_top h1{
font-size:100%;
color:#00104a;
line-height:24px;
}

/*header左側の設定*/

#logogroup{
width:600px;
float:left;
}

/*header右側の設定*/

#header_right{
	width:350px;
	float:right;
}
#header_right2{
	display:none;
}

#subnav{
	margin-bottom:5px;
}

#subnav li{
float:right;
font-size:1.1em;
background:#001852 url(../images/icon01.png) 10px no-repeat;
height:20px;
line-height:20px;
border-radius: 5px;
margin-left:15px;
}
#subnav li a{
padding:0 20px 0 30px;
height:20px;
line-height:20px;
color:#fff;
}

#header_right p {text-align:right;}

/*グローバルナビゲーション*/

#nav_wrapper{
width:100%;
background-color:#ff1717;
margin-bottom:20px;
}

#nav{
width:980px;
margin:0 auto;
}

#nav li{
float:left;
}

#nav li a img:hover{
opacity: .6;
transition: .3s;
}
/*==================
main画像
====================*/
#main_wrapper {
	width:100%;
	margin-bottom:20px;
}
#main {
	width:980px;
	margin:0px auto;
}

/*==================
contents
====================*/
#contents{
width:980px;
margin:0 auto;
}


#contents_l{
width:700px;
float:left;
}

div#sidebar{
width:250px;
float:right;
}


/*引っ越し*/

.topbox01{
	width:49%;
	background-color:#eee;
	border:1px #bbbbbb solid;
	padding:5px 15px 15px 15px;
}
.topbox02{
	width:49%;
	background-color:#eee;
	border:1px #bbbbbb solid;
	padding:5px 15px 15px 15px;
}

.topbox03{
	width:310px;
	float:left;
	background-color:#eee;
	padding:15px;
}
.topbox04{
	width:310px;
	float:right;
	background-color:#eee;
	padding:15px;
}

#telbox{
	margin-bottom:20px;
}
.tel_txt{
	background:#ff1717;
	padding:10px;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	color:#FFFFFF;
}

/*更新情報*/
#news{
	margin-bottom:20px;
	padding:20px;
	height:200px;
	width:660px;
	overflow:auto;
}


/*==================
sidebar
====================*/

#sidebox01{
	background-color:#012253;
	padding:0px 10px 10px 10px;
}

#sidebox01 h2{
text-align:center;
color:#fff;
line-height:40px;
}
#sidebox01 p{margin-bottom:10px;}

#bnrarea{margin-top:20px;}
#bnrarea li{margin-bottom:10px;}

#sidebox02{
	padding:9px;
	border:1px solid #ddd;
	margin-bottom:20px;
}
.sidebox02_txt{margin-top:10px;}
.sidebox02_txt h3{font-size:120%; font-weight:bold; margin-bottom:5px;}
.sidebox02_txt p{font-size:90%; line-height:1.6em;}


/*==================
footer
====================*/

#footer{
	width:100%;
	margin:0 auto;
	margin-top:60px;
	text-align:right;
	background-color:#ff1717;
	color:#fff;
	font-size: 90%;
}

#footer_inner{
	width:980px;
	margin:0px auto;
	padding:15px 20px;
}

#footer_inner address{
	width:40%;
	float:left;
	text-align:left;
}

#footer_navi{
	width:60%;
	float:right;
	margin-top:10px;
}
.fnavi li{
	background-image:url(../images/icon01.png);
	background-repeat:no-repeat;
	background-position:left;
	float:left;
	margin-right:20px;
	text-indent:15px;
}

.fnavi a{color:#fff;}
.fnavi a:hover{color:#001c53;}

.copy{
width:100%;
background-color:#001c53;
text-align:center;
color:#fff;
}


/*voice--------------------------------------------------*/
.voice_img{
	margin-bottom:20px;
	margin-right:20px;
	float:left;
}

/*company--------------------------------------------------*/
.company_box{margin-bottom:20px;}



/* --------------------------------------------- */

form#mail_form{
  width : 100%;
  margin : 50px auto;
  border-top : 1px solid #b0b0b0;
  border-right : 1px solid #b0b0b0;
  border-bottom : 1px solid #b0b0b0;
  border-left : 1px solid #cccccc;
  border-radius : 7px;
  text-shadow : 0px 1px 0px #ffffff;
}
form#mail_form dl{
  padding : 15px 25px;
  overflow : hidden;
}
form#mail_form dl dt{
  clear : both;
  width : 36%;
  float : left;
  text-align : right;
  /*border-top : 1px solid #cccccc;*/
	padding : 12px 0 10px;
}
form#mail_form dl dd{
  width : 50%;
  float : left;
  /*border-top : 1px solid #cccccc;*/
	padding : 16px 0 10px 30px;
}
form#mail_form dl dt:first-child,
form#mail_form dl dt:first-child+dd{
  border : none;
  background : none;
}
form#mail_form dl dt span{
  display : block;
  font-size : 85%;
	color : #3377ff;
}
form#mail_form dl dt span.essential{ /* JavaScriptによってdt内に挿入 */
  display : inline;
  color : #ff3030;
  font-weight : bold;
  margin-right : 1em;
}
form#mail_form dd div{ /* 入力エラーメッセージがJavaScriptによって出現 */
  color : #ff0000;
}

form#mail_form input{
  height : 1.6em;
  border : 1px solid #cccccc;
  border-radius : 3px;
  background : #fafafa;
}
form#mail_form input:focus,
form#mail_form textarea:focus{
  box-shadow : 0px 0px 5px #55ccff;
  border : 1px solid #55ccff;
  background : #ffffff;
}
form#mail_form input#name_1,
form#mail_form input#name_2{
  width : 45%;
}
form#mail_form input#read_1,
form#mail_form input#read_2{
  width : 45%;
}
form#mail_form input#mail_address,
form#mail_form input#mail_address_confirm{
  width : 100%;
}
form#mail_form ul li{
  list-style-type : none;
  margin-bottom : 0.5em;
}
form#mail_form ul li label:hover{
  cursor : pointer;
}
form#mail_form ul li input{
  height : auto;
  margin-right : 0.5em;
}
form#mail_form input#postal{
  width : 90%;
}
form#mail_form input#address_1,
form#mail_form input#address_2{
  width : 90%;
  display : block;
  margin-bottom : 7px;
}
form#mail_form input#phone{
  width : 90%;
}
form#mail_form textarea#mail_contents{
  width : 90%;
  height : 200px;
  resize : vertical;
  border : 1px solid #cccccc;
  border-radius : 3px;
  background : #fafafa;
}
form#mail_form input#mail_submit_button{
  width : auto;
  height : auto;
  padding : 4px 10px;
  vertical-align : middle;
  color : #444444;
  background : #eeeeee;
  border : 1px solid #cccccc;
  border-radius : 3px;
  font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Verdana,Arial,sans-serif;
  font-weight : bold;
}
form#mail_form input#mail_submit_button:hover{
  color : #106dff;
  background : #e0e0e0;
}

/* --JavaScript------------------------------------------- */