@charset "utf-8";

body{
	background:#ffffff;
	color:#000000;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size:16px;
	line-height:150%;
	position:relative;
}

img{
	vertical-align:top;
}

/* リンクカラー
-------------------------------------------------- */
a{
	color:#003b8f;
	text-decoration:none;
}
a:visited{
	text-decoration:none;
}
a:active{
	text-decoration:none;
}
a:hover{
	color:#003b8f;
	text-decoration:underline;
}


/* 汎用クラス
-------------------------------------------------- */
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml90{margin-left:90px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr70{margin-right:70px;}
.mr80{margin-right:80px;}
.mr90{margin-right:90px;}


.bold{
	font-weight:bold;
}

.txt_right{text-align:right;}
.txt_center{text-align:center;}
.txt_left{text-align:left;}

.fl_right{float:right;}
.fl_left{float:left;}

.right0{
	margin-right:0;
}

.box960{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

/* clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

.clear{
	clear:both;
}


/* common
-------------------------------------------------- */
#header{
	width:100%;
	height:100px;
	background:#003b8f;
}

h1{
	float:left;
	width:252px;
	margin:24px 0;
}

#headasset{
	float:right;
	width:182px;
	height:14px;
	background:url(/common/img/bg_head_asset.gif) no-repeat center center;
	margin:32px 0;
	text-align:center;
	font-size:14px;
	color:#ffffff;
	padding:11px 0;
	line-height:100%;
}

#headasset a{
	color:#ffffff;
}

/* グローバルナビ */
#globalnavi{
	width:100%;
	height:80px;
	background:#f2f2f2;
}

#globalnavi ul{
	width:720px;
	margin:0 auto;
}

#globalnavi li{
	float:left;
}

#footer{
	width:100%;
	background:#333333;
	padding:30px 0;
	position:relative;
}

#footasset{
	position:absolute;
	bottom:0;
	right:0;
}

#footasset li{
	float:left;
	margin-left:30px;
}

#footasset li a{
	color:#ffffff;
}

#copyright{
	font-size:12px;
	color:#ffffff;
	margin-top:20px;
}

/* ページトップ */
p.pagetop{
    position: fixed;
    right: 5%;
    bottom: 0;
	height:50px;
}
p.pagetop a{
    width: 35px;
    height: 35px;
    display: block;
}


/* ここからレスポンシブ対応したヘッダー、フッター--- */

/* ヘッダー-------------*/
#rp-header{
	width: 100%;
	padding:15px 10px;
	background: #003b8f;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}


#rp-header a:hover,#foot-set li a:hover{
	color:#ffffff!important;
}

#rp-header h1{
	width: auto;
	height: auto;
	margin: 0 0 10px;
	float: none;
	text-align: left;
	float: left;
}

#rp-header h1 img{
	width: 170px;
	height: auto;
}

#rp-header #head-set p,#rp-header #head-set a{
	color: #fff;
	font-size: 12px;
}

#rp-header #head-set{
	float: right;
	background: url(/common/img/bg_head_asset.gif) no-repeat center center;
	text-align: center;
	color: #ffffff;
	padding: 11px;
	line-height: 100%;
}

/* フッター-------------*/
	/* 全ページ共通設定（デフォルト）モバイルファースト-------- */

#rp-footer{
	width:100%;
	background:#333333;
	padding:30px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;		
}

#rp-footer .mrh-logo{
	padding-bottom: 20px;
}

#rp-footer .mrh-logo img{
	width: 230px;
	height: auto;
}

#foot-set li{
	float: left;
	width: 33.3%;
	margin-bottom: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	text-align: center;
}

#foot-set li a{
	color:#ffffff;
	font-size: 14px;
}

#foot-set li:nth-child(2){
	padding: 0 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;		
}



/* ランドスケープ---------------------------------------- */
@media screen and (min-width:480px){

}

/* タブレット-------------------------------- */
@media screen and (min-width:768px){
	
	/* ヘッダー-------------*/
	
	#rp-header h1 img{
		width: auto;
		height: auto;
	}

	#rp-header #head-set{
		font-size: 14px;
	}
	
	
	/* フッター-------------*/
	#rp-footer {
		padding: 20px 20px;
	}
	
	#rp-footer .footer-contents{
		position: relative;
	}
	
	.mrh-logo{
		float: left;
		position: relative;
	}
	
	#rp-footer .mrh-logo{
		padding-bottom: 10px;
	}
	
	#rp-footer .mrh-logo img{
		width: auto;
	}
	
	#foot-set {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 50%;
	}	
	
}

/* PC-------------------------------- */
@media only screen and (min-width: 1024px) {
	/* ヘッダー-------------*/
	#rp-header{
		padding: 0;
	}	
	#rp-header h1 {
		padding: 0;
		float: left;
		width: 252px;
		margin: 24px 0;
	}
	
	.header-contents{
		width: 960px;
		margin: 0 auto;
	}
	
	#head-set{
		width: 182px;
		height: 14px;
		margin: 32px 0;
		padding: 11px 0;
		float: right;
	}
		
	/* フッター-------------*/
	.footer-contents,#copyright{
		width: 960px;
		margin: 0 auto;
	}
}