@charset "utf-8";
@import "base_default.css";
@import "html5_default.css";


/*--------------------------
	body
--------------------------*/
body{
	font-size:10px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#333333;
	background:url(../img/base/header_bg.gif) top repeat-x;
}
a{
	color:#00578C;
}
a:hover{
	color:#007ECA;
}

.font_verdana{
	font-family:Verdana;
}
.icon{
	vertical-align:middle;
}

/*--------------------------
	main_area（内部共通）
--------------------------*/
#main_area{
	text-align:center;
	font-size: 0px;
	line-height: 0px;
	display: block;
	position: relative;
	height: 100px;
	width: 970px;
	margin-right: auto;
	margin-left: auto;
}

#main_area .main_area_a{
	position: absolute;
	top: 100px;
	height: 35px;
	width: 180px;
	left: 790px;
}


/*--------------------------
	（内部下共通）
--------------------------*/
#bottom_box {
	display: block;
	width: 670px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
}	

#bottom_box .bottom_logo{
	display: block;
	font-size: 0px;
	line-height: 0px;
	float: left;
	width: 172px;
}	
#bottom_box .bottom_bg{
	display: block;
	background-image: url(../img/base/bottom_img2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 129px;
	width: 498px;
}	
#bottom_box .bottom_text1{
	display: block;
	float: left;
	font-size: 0px;
	line-height: 0px;
	width: 204px;
	padding-top: 27px;
	padding-bottom: 10px;
	padding-left: 17px;
}	
#bottom_box .bottom_text2{
	display: block;
	float: left;
	font-size: 0px;
	line-height: 0px;
	width: 204px;
	padding-left: 17px;
}	
#bottom_box .bottom_text3{
	display: block;
	float: left;
	font-size: 0px;
	line-height: 0px;
	width: 188px;
}	
#bottom_box .bottom_btn1{
	display: block;
	float: left;
	font-size: 0px;
	line-height: 0px;
	width: 185px;
	padding-top: 29px;
	padding-left: 8px;
}	

/*----------------------*/
/*パンくず
------------------------*/
#pnkz{
	font-size:11px;
	line-height:18px;
	padding-top: 5px;
	width: 960px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 6px;
	color: #404040;
	background-color: #F0F0F0;
	background-image: url(../img/base/pan_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#pnkz li{
	display:inline;
	padding-left:8px;
	padding-top: 1px;
	background-image: url(../img/base/pan_icon.gif);
	background-repeat: no-repeat;
	background-position: left;
	}
#pnkz li.home{
	font-family:Verdana;
	padding-left:10px;
	padding-top: 1px;
	background-image: url(../img/icon/pan_1.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	display: inline;
	padding-right: 2px;
	 }
#pnkz a { color: #00578C; 
}
#pnkz a:hover { color: #008ADD; }


/*--------------------------
	header
--------------------------*/
#header{
	color:#666666;
	height:100%;
	margin-top: 0;
	margin-bottom: 0;
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(../img/base/header_top.gif);
}
#header .header_top{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#header .header_top2{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#header .header_menu{
	float:right;
	display: block;
	font-size: 11px;
	line-height: 120%;
	color: #5BB1E4;
	padding-top: 6px;
	text-align: right;
	width: 500px;
	height: 18px;
}
#header .header_menu a{
	color:#FFFFFF;
}
#header .header_menu a:hover{
	color:#68F9F5;
}
#header_in_logo{
	display: block;
	float:left;
	font-size: 0px;
	line-height: 0px;
	width: 150px;
}

#header_in_logo2{
	display: block;
	float:left;
	font-size: 0px;
	line-height: 0px;
	width: 810px;
}
/*--------------------------
	fc_bana
--------------------------*/
#fc_bana{
	display: block;
	position: absolute;
	left: 750px;
	top: 44px;
}

/*--------------------------
	wrapper
--------------------------*/
/*トップのみ---*/
#wrapper{
	width:1000px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
/*内部すべて---*/
#wrapper_in{
	width:960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}

/*--------------------------
	main_contents
--------------------------*/
/*トップのみ*/
#main_contents{
	width:750px;
	padding:0 0 30px;
	float:right;
}
/*内部*/
#main_contents2{
	width:730px;
	float:right;
	padding-top: 28px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}

/*--------------------------
	bg_repeat
--------------------------*/
#bg_repeat{
	width: 730px;
	background-image: url(../img/base/bg_repeat.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

/*--------------------------
	sidebox
--------------------------*/
/*トップのみ*/
#sidebox{
	width:210px;
	float:left;
	padding-bottom: 20px;
}


/*--------------------------
	calender
--------------------------*/
.calendar_box{
	display: block;
	padding-top: 28px;
	padding-bottom: 20px;
}

.calender{
	font-family:Verdana;
	padding-bottom:20px;
}
.calender .title{
	height:30px;
	font-size:12px;
	font-weight:bold;
	line-height:30px;
	color:#FFFFFF;
	padding:0 10px;
	background:url(../img/sidebox/calender_title_bg.gif) top left no-repeat;
}
.calender_main{
	padding-top:35px;
	text-align:center;
	background-color: #FFFFFF;
	background-image: url(../img/sidebox/calendar_bg.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#calendar_flash{height: 160px;}

.calender_main .date{
	padding-bottom:10px;
	display: block;
	padding-top: 10px;
}

/*--------------------------
	side_menu
--------------------------*/
#side_menu{
	padding-bottom:20px;
	font-family: Verdana;
	display: block;
	font-size:12px;
	color: #404040;
}
#side_menu .menu_title{
	display: block;font-size: 0px;
	line-height: 0px;
}
#side_menu .menu_list{
	font-size:12px;
	line-height:20px;
	display: block;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 5px;
}
#side_menu .menu_list li{
}
#side_menu .menu_list li a{
	display:block;
	color:#4A4A4A;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 28px;
	background-image: url(../img/sidebox/housing_menu_icon.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	line-height: 100%;
	height:100%;
}
#side_menu .menu_list li a:hover{
	color:#919191;
}
#side_menu .menu_list li.li1 a{
	background-image: url(../img/sidebox/company_bg2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;line-height: 100%;
	height:100%;
}
#side_menu .menu_list li.li2 a{
	background-image: url(../img/sidebox/company_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;line-height: 100%;
	height:100%;
}


/*--------------------------
	side_menu2
--------------------------*/
#side_menu2{
	padding-bottom:20px;
	font-family: Verdana;
	display: block;
	font-size:12px;
	color: #404040;
}
#side_menu2 .menu_title{
	display: block;font-size: 0px;
	line-height: 0px;display: block;
}
#side_menu2 .menu_list{
	font-size:12px;
	line-height:100%;
	display: block;
}
#side_menu2 .menu_list li{
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#side_menu2 .menu_list li a{
	display:block;
	color:#2B5F9C;
	padding-top: 13px;
	padding-right: 10px;
	padding-bottom: 14px;
	padding-left: 25px;
	background-image: url(../img/sidebox/housing_menu_icon.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 12px;
	line-height: 100%;
}
#side_menu2 .menu_list li a:hover{
	color:#6B9BD6;
}
#side_menu2 .menu_list li.li1 a{
	background-image: url(../img/sidebox/site_bg_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	line-height: 100%;
	height: 100%;
}
#side_menu2 .menu_list li.li2 a{
	background-image: url(../img/sidebox/site_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	line-height: 100%;
	height: 100%;
}


/*--------------------------
	side_menu3
--------------------------*/
#side_menu3{
	padding-bottom:20px;
	display: block;
	line-height: 0px;
}
#side_menu3 .menu_title{
	display: block;font-size: 0px;
	line-height: 0px;display: block;
}
#side_menu3 .menu_list{
	line-height:0px;
	display: block;
}
#side_menu3 .menu_list .li1{
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 12px;
	line-height: 100%;
}
#side_menu3 .menu_list .li2{
	display: block;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/*--------------------------
	side_blog
--------------------------*/
#side_blog{
	padding-bottom:5px;
	display: block;
	font-size: 0px;
	line-height: 0px;
	width: 210px;
}
#side_blog li{
	padding-bottom:10px;
	display: block;
}

/*--------------------------
	side_facebook
--------------------------*/
#side_facebook{
	padding-bottom:15px;
}
.facebook_side_in{border:none; overflow:hidden; width:210px; height:427px; }

/*--------------------------
	pagetop
--------------------------*/
/*トップのみ*/
#pagetop{
	width:985px;
	font-size:12px;
	line-height:120%;
	text-align:right;
	display: block;
	background-repeat: no-repeat;
	background-position: right 12px;
	background-image: url(../img/base/page_top_icon.gif);
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 17px;
	padding-left: 0;
}
#pagetop a{
	color:#2F62A0;
}
#pagetop a:hover{
	color:#4782C9;
}

/*内部*/
#pagetop2{
	width:945px;
	font-size:12px;
	line-height:120%;
	text-align:right;
	display: block;
	background-repeat: no-repeat;
	background-position: right 12px;
	background-image: url(../img/base/page_top_icon.gif);
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 17px;
	padding-left: 0;
}
#pagetop2 a{
	color:#2F62A0;
}
#pagetop2 a:hover{
	color:#4782C9;
}


/*--------------------------
	footer_menu
--------------------------*/
/*-トップのみ--*/
#footer_menu_wrapper{
	font-size:12px;
	font-family:Verdana,"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
	line-height:20px;
	background:url(../img/base/footer_menu_bg.gif) top repeat-x;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 18px;
	padding-left: 0;
	display: block;
	float: right;
	width: 670px;
}
/*-内部--*/
#footer_menu_wrapper2{
	font-size:12px;
	font-family:Verdana,"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
	line-height:20px;
	background:url(../img/base/footer_menu_bg.gif) top repeat-x;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 18px;
	padding-left: 0;
	display: block;
	float: right;
	width: 630px;
}
/*---*/
#footer_menu{
	margin-bottom: 0;
	display: block;
	padding-left: 30px;
}
#footer_menu a{
	color:#5E5E5E;
}
#footer_menu a:hover{
	color:#959595;
}
#footer_menu .menu{
	white-space:nowrap;
}
#footer_menu .menu li{
	display:inline;
	padding-left:20px;
	background:url(../img/base/footer_menu_line.gif) 10px center no-repeat;
}
#footer_menu .menu li.li1{
	padding-left:0;
	background:none;
}

#footer_menu a{
	color:#2E619F;
}
#footer_menu a:hover{
	color:#4E86CB;
}

/*--------------------------
	footer
--------------------------*/
#footer_wrapper{
	background-color: #EFEFEF;
	background-image: url(../img/base/footer_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
/*-トップのみ--*/
#footer{
	width:1000px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
/*-内部--*/
#footer2{
	width:960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
/*---*/
#footer_wrapper .footer_btn{
	display: block;
	font-size: 0px;
	line-height: 0px;
}


#footer_wrapper .footer_line{
	font-size: 0px;
	line-height: 0px;
	display: block;
	padding-left: 30px;
	padding-bottom: 2px;
}

#footer_wrapper .menu{
	font-size:12px;
	line-height:24px;
	height:100%;
	display: block;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 30px;
	color: #2E619F;
}
#footer_wrapper .menu li{
	display:inline;
	padding-left:6px;
	background-image: url(../img/base/footer_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-right: 13px;
}
#footer_menu a{
	color:#2E619F;
}
#footer_menu a:hover{
	color:#4E86CB;
}


#footer_wrapper .menu2{
	font-size:11px;
	line-height:20px;
	display: block;
	width: 174px;
	padding-top: 12px;
	padding-right: 0;
	padding-bottom: 13px;
	padding-left: 0;
	float: left;
}
#footer_wrapper .menu2 li{
	display:block;
	padding-left:7px;
	background-image: url(../img/base/footer_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-bottom: 2px;
	font-family:"ＭＳ Ｐゴシック";
	color: #999999;
}
#footer_menu2 a{
	color:#2E619F;
}
#footer_menu2 a:hover{
	color:#4E86CB;
}


#footer_wrapper .footer_logo{
	display: block;
	font-size: 0px;
	line-height: 0px;
}
#footer_wrapper .footer_address{
	display:block;
	font-size:11px;
	line-height:16px;
	color:#505050;
	padding-top: 1px;
	padding-bottom: 13px;
}


#footer_wrapper #footer_left{
	float: left;
	display: block;
	width: 330px;
}
/*--------------------------
	copyright
--------------------------*/
#footer_wrapper #copyright{
	color:#FFFFFF;
	font-size:10px;
	font-family:Verdana;
	text-align:center;
	line-height:120%;
	padding-top: 13px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#footer_wrapper #copyright span{
	font-size:10px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#footer_wrapper #copyright a{
	color:#FFFFFF;
}