@charset "shift_jis";
/* common.css */
/*------------------------------------------------------------------------------------------
  「メイブロ」サイト全ページ共通CSSファイル
------------------------------------------------------------------------------------------*/

/* タグスタイルの初期化
-------------------------------------------------------------------------------------------- */

html {
	overflow-y: scroll;
}
.hidden{
	display: none;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
img{
	border: none;
	vertical-align:bottom;
}
a{
	color: #974843;
	text-decoration: none;
}
a img { border:none;}
a:hover{
	text-decoration: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}
p {
	margin-bottom: 1em;
}


/* 基本スタイル設定
-------------------------------------------------------------------------------------------- */
/*ボディ全体*/
body{
	margin: 0;
	padding: 0;
	text-align: center;
	font-family:verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	background:url(../images/common/bg_body.gif) left top repeat-x;
}
* + html body {
	font-family: "メイリオ","Meiryo";
}
/*Firefoxでスクロールバーを常に表示させる*/
html{  
    overflow:-moz-scrollbars-vertical;  
}

#browser{
	margin: 0;
	padding: 0;
	background:url(../images/common/bg_browser.gif) left bottom repeat-x ;
}

/*ClearFix*/
div:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div{
	zoom: 1;
}

/*サイト枠*/
#container{
	width: 1010px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	font-size:75%;
}

/* ヘッダーの設定
-------------------------------------------------------------------------------------------- */
/* ヘッダーエリア */
div#header {
	margin: 0 auto;
	position: relative;
	height:86px;
}
p#sitetitle{
	position:absolute;
	top:0px;
	left:20px;
}
p#description{
	position:absolute;
	top:37px;
	left:264px;
}
ul#hnavi{
	position:absolute;
	bottom:0px;
	right:25px;
}
ul#hnavi li{
	float:left;
	width:134px;
	height:27px;
	margin-right:5px;
	display: block;
	position: relative;
	zoom:1;
}
ul#hnavi li#hnavi01{ background:url(../images/common/hnavi01_on.jpg) left bottom no-repeat;}
ul#hnavi li#hnavi02{ background:url(../images/common/hnavi02_on.jpg) left bottom no-repeat;}

ul#hnavi li a{
	display:block;
	width:134px;
	height:27px;
}

ul#hnavi li a:hover{
	background-color: transparent;
}
ul#hnavi li a:hover img{
	visibility:hidden;
}

/* グローバルナビゲーションの設定
-------------------------------------------------------------------------------------------- */
div#gnavi {
	height:51px;
	position:relative;
}

/*左寄りメニュー*/
div#gnavi ul#gnavileft{
	position:absolute;
	left:38px;
	top:30px;
}
ul#gnavileft li{
	background:url(../images/common/mrk_gnavi.gif) 0 2px no-repeat;
	padding-left:13px;
	line-height:1;
	float:left;
}
li#gnavi01,li#gnavi02,li#gnavi03{
	width:106px;
}
li#gnavi04{
	width:160px;
}
ul#gnavileft li a{
	color:#FFF;
}
ul#gnavileft li a:hover{
	color:#FF0000;
}

ul#gnavileft li#gnavi04,ul#gnavileft li#gnavi05{
	width:160px;
}

/*右寄りメニュー*/
div#gnavi ul#gnaviright{
	position:absolute;
	right:30px;
	top:28px;
}

/* コンテンツ(共通)の設定
-------------------------------------------------------------------------------------------- */
div#contents { 
	clear:both;
	margin: 0 auto;
	position: relative;
	padding:20px;
}

div#contents a{ 
	color:#ad322d;
}
div#contents a:hover{ 
	text-decoration:underline;
}

/* フッターの設定
-------------------------------------------------------------------------------------------- */

#footer{
	height:267px;
	clear:both;
}
#footernavi{
	padding:16px 23px;
	color:#FFF;
}
#footernavi dt{
 	font-weight:bold;
	padding-bottom:5px;
	background:url(../images/common/footer_dotline.gif) left bottom repeat-x;
	color:#FFFFFF;
	margin-bottom:10px;
}
#footernavi dd a{
	color:#FFF;
}
#footernavi dd a:hover{
	text-decoration:underline;
}

/*左寄りフッターナビ*/
#fnavileft{
	float:left;
	width:395px;
}
#fnavi1{
	float:left;
	width:175px;
	margin-right:20px;
}
#fnavi2{
	float:left;
	width:195px;
}

#fnavileft dd{
	padding:3px 0px 3px 15px;
	background:url(../images/common/mrk_fnavi.gif) left center no-repeat;
}


/*右寄りフッターナビ*/
#fnaviright{
	float:right;
	width:325px;
}
#fnavi3{
	position:relative;
}
#fnavi3 dd#fnavi301 dl{
	margin-left:10px;
}
#fnavi3 dd#fnavi301 dt{
	background:none!important;
}
#fnavi3 dd#fnavi301 dd{
	line-height:1.3;
}

#fnavi3 dd#fnavi302{
	position:absolute;
	right:0;
	bottom:0;
	padding-left:20px;
	background:url(../images/common/mrk_mail.gif) left center no-repeat;
}



address#copyright{
	position:absolute;
	right:0;
	bottom:15px;
	clear:both;
	font-size:80%;
	color:#666;
}

/* 共通クラス設定
-------------------------------------------------------------------------------------------- */
/*ClearFix*/
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{
	zoom: 1;
}

/*回り込み*/
.f-left{
	float:left;
}
.f-right{
	float:right;
}
.clear{
	clear:both;
}

/* IE6 で画像が消えることがあるバグを回避 */
.contents img {
  position: relative;
}

/* IE6/IE7 で垂直配置がずれるバグを回避 */
html[lang^="ja"] #side {
  margin-top: 0;
}