﻿@charset "UTF-8";

/*-----------
//BASE//
  #container
  #content
  #header
  #footer
  #gNavi

//Decorate//
  font
  a
  margin
  icon
-------------*/
body {
	margin:0;
	padding:0;
	font-family: "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
	position:relative;
	font-size:12px;
	letter-spacing:0;
	line-height:1.4;
	background-color:#fff;
	color: #333;
}

* html #container{
    height:100%;
}
#container {
	margin:0 auto;
	position:relative;
	height:auto !important;
	height:100%;
	min-height:100%;
}

body > #container {
        height: auto;
}

/*----------------------------------------
header
-----------------------------------------*/
#header{
	height:85px;
	margin:0 auto;
	padding:0;
	text-align:left;
}
.header_inner{
	width:980px;
	margin:0 auto;
	text-align:center;
}

h1#fmlogo{
/*	margin-top:7px;*/
	margin-top:15px;
	margin-left:10px;
	float:left;
}
.top_adbnr{
/*	margin-top:7px;*/
	width:468px;
}

/*--　2013.10～header request & Message button　--*/
.rqBtn a{
	display:block;
	text-indent:-9999px;
	width:344px;
	height:55px;
	background:url(../images/rq_btn.jpg) no-repeat;
}
.rqBtn a:hover{
	width:344px;
	height:55px;
	display:block;
	background-image:url(../images/rq_bg.jpg) no-repeat;
	background-position: 0 -55px;  
}

/*----------------------------------------
content
------------------------------------------*/
#content{
	text-align:center;
	margin:0 auto;
	padding-bottom:270px;
}
.content_inner{
	text-align:left;
	width:980px;
	margin:0 auto;
}

#content a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
/*----------------------------------------
Footer
-----------------------------------------*/
#footer{
	position: absolute;
	width:100%;
	height:270px;
	bottom: 0;
	margin:0 auto;
	padding:0;
	color:#fff;
	text-align:center;
	background:#444;
}

.footer_inner{
	width:980px;
	text-align:left;
	margin:10px auto;
}

ul.footer_link{
	padding:0 10px 10px;
}

ul.footer_link li{
	display:inline-block;
	border-right: 1px solid #eee;
	padding:0 6px;
	margin:4px 0;
}

ul.footer_link li a{
	color:#fff;
}

ul.footer_link li a:hover{
	text-decoration:underline;
	filter:alpha(opacity=80);
	opacity:0.8;
}
/*--IE6,7 inline-block--*/
* html ul.footer_link li{/* IE 6 */
display:inline;
zoom:1;
}
*:first-child+html ul.footer_link li{/* IE 7 */
display:inline;
zoom:1;
}

adress{
	font-size:0.90em;
}
p.copyright{
	margin-top:5px;
	text-align:center;
}

/*-------------------
 adwords mini banner
--------------------*/
.adbnr{
	width:980px;
	margin:10px auto 0 auto;
	padding:0px 0 10px;
	text-align:center;
	background:url(../images/line.gif) repeat-x bottom;
}
.adbnr ul{
	width:980px;
	margin:5px 0px;
	padding:0;
	text-align:left;
}

.adbnr ul li{
	display:inline-block;
	margin:3px 2px;
}
* html .adbnr ul li{/* IE 6 */
display:inline;
zoom:1;
}
*:first-child+html .adbnr ul li{/* IE 7 */
display:inline;
zoom:1;
}

/*----------------------------------------
globalNavigation
------------------------------------------*/
#gNavi{
	padding:0;
	height:68px;
	background:url(../images/navi-bg.gif) repeat-x;
}

#gNavi ul{
	list-style-type:none;  
	margin:0;  
	padding:0;
	width:980px;
	height:60px;
	text-align:center;
	margin:0 auto;
	background:url(../images/gNav.jpg);  
	background-repeat:no-repea;
}

#gNavi li{  
	text-indent:-9999px;  
	float:left;  
	width:122px;  
	margin:0;  
	padding:0;  
}

#gNavi a{  
	display: block;  
	height:60px;  
	background-image:url(../images/gNav.jpg);
	background-repeat: no-repeat;
}  

.menu1 a{background-position:0 0;}  
.menu2 a{background-position:-122px 0;}
.menu3 a{background-position:-244px 0;}
.menu4 a{background-position:-367px 0;}
.menu5 a{background-position:-489px 0;}
.menu6 a{background-position:-611px 0;}
.menu7 a{background-position:-733px 0;}
.menu8 a{background-position:-856px 0;}

.gNavi a:hover,
.gNavi a.active{ 
	background-image: url(../images/gNav.jpg);  
  	background-repeat:no-repeat;
	filter:alpha(opacity=1);
	-moz-opacity:1.0;
	opacity:1.0;
} 

.menu1 a:hover,.menu1 a.active{background-position: 0 -64px;}  
.menu2 a:hover,.menu2 a.active{background-position: -122px -64px;}  
.menu3 a:hover,.menu3 a.active{background-position: -244px -64px;}  
.menu4 a:hover,.menu4 a.active{background-position: -366px -64px;}  
.menu5 a:hover,.menu5 a.active{background-position: -489px -64px;}  
.menu6 a:hover,.menu6 a.active{background-position: -611px -64px;}  
.menu7 a:hover,.menu7 a.active{background-position: -734px -64px;}  
.menu8 a:hover,.menu8 a.active{background-position: -856px -64px;}  

/*----------------------------------------
Decorate Font
------------------------------------------*/
a{
	color:#444;
	text-decoration:none;
}

a:hover{
	color:#444;
	text-decoration:underline;
}

a.btn,
a.btn:hover,
.btn a,
.btn a:hover{
	text-decoration:none !important;
}

a.alpha:hover img{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

.font10{
	font-size:10px;
}
.font11{
	font-size:11px;
}
.font13{
	font-size:13px;
}
.font14{
	font-size:14px;
}
.font16 {
	font-size:16px;
}
.font22{
	font-size: 22px;
}

.bold{
	font-weight:bold
}
.center{
	text-align:center
}
.t-right{
	text-align:right;
}
.f-left{
	float:left
}
.f-right{
	float:right
}

.mb0{
	margin-bottom:0;
}
.mgb0{
	margin-bottom: 0 !important;
}
.mgb05{
	margin-bottom: 5px !important;
}
.mgb10{
	margin-bottom: 10px !important;
}
.mg10 {
	margin-bottom: 10px !important;
}
.mg20 {
	margin-bottom: 20px !important;
}
.mg30 {
	margin-bottom: 30px !important;
}
.mtg0{
	margin-top: 0 !important;
}
.mgt20{
	margin-top: 20px !important; 
}
.mgt10{
	margin-top: 10px !important; 
}

.pb0{
	padding-bottom: 0 !important;
}

.border0{
	border:0 !important;
}
