@charset "utf-8";

/* *****************************************
/*+  リセット・基本セッティング  +**********
/***************************************** */

* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
	color: #222;
	background: url(../images/common/back.gif);
}
body,
input,
select,
textarea {
	font: 15px/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Godthic Pro W3", HiraKakuPro-W3, Osaka, "ＭＳ Ｐゴシック", sans-serif;
}
html {
	overflow-y: scroll;
}
img {
	border: none;
	vertical-align: bottom;
}
table {
	border-collapse:collapse;
}
th {
	text-align: left;
	vertical-align: top;
	font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 400;
	line-height:1.0;
}
ul, ol {
	list-style-type: none;/**/
}
em,
strong,
address {
	font-weight: 400;
	font-style: normal;
}
strong {
	color:#d10e74;
	font-weight: bold;
}
a {
	outline: none;
	color: #222;
	text-decoration: underline;
}
a:hover {
	color: #222;
	text-decoration: none;
}

/* CLEARFIX
-----------------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.clearfix { 
	display: inline-block;/*IE7・Mac版IE向け */
}
.clearfix { 
	display: block;/*Opera、Safari向け */
}
.clear {
	clear:both;
}

/* 透過用
----------------------------------------------------------*/
* html .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
}



/* *****************************************
/*+  共通  +********************************
/***************************************** */
/* 全体
----------------------------------------------------------*/
#wrapper {
	margin: 0 auto;
	border-left: 10px solid #efefef;
	border-right: 10px solid #efefef;
	position:relative;
	width: 980px;
}

/* h1
----------------------------------------------------------*/
h1 {
	padding: 5px;
	position:absolute;
	top: 0;
	left: 0px;
	z-index: 1;
	width: 970px;
	text-align: right;
	font-size: 10px;
}

/* #gNavi
----------------------------------------------------------*/
#gNavi {
	border-top: 5px solid #efefef;
	border-bottom: 5px solid #efefef;
}
#gNavi li {
	float: left;
	width: 140px;
}

/* #footer
----------------------------------------------------------*/
#footer {
	padding: 10px 0 0 0;
	background: #FFF;
}

/*フッターバナー*/
#footerBnr {
	padding: 0 25px 10px 20px;
	font-size:85%;
}
#footerBnr li {
	padding: 0 30px 0 0;
	float: left;
}
#footerBnr li.last {
	padding: 0;
	float: left;
}

/*#footerの事務所案内*/
.addressBox {
	float: left;
	background: #FF0000;
}
.addressBox:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.addressBox { 
	display: inline-block;/*IE7・Mac版IE向け */
}
.addressBox { 
	display: block;/*Opera、Safari向け */
}

.officeImg {
	padding: 0 0 0 30px;
	float: left;
}
.officeInfo {
	padding: 0 0 0 30px;
	float: left;
	text-align: left;
}
.officeInfo p {
	font-weight: bold;
}


/* コピーライト
----------------------------------------------------------*/
#copy {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	text-align: center;
	background: url(../images/common/footer_bg.gif);
}
#copy p {
	padding: 0 0 10px 0;
}


/* 画像リンクのhover
----------------------------------------------------------*/
.link a:hover img{
/*モダンブラウザ用*/
opacity:0.7;
/*IE7以下用*/
filter:alpha(opacity=70);
/*IE8用*/
-ms-filter:"alpha(opacity=85)";
}


/* テキストリンクのアイコン
----------------------------------------------------------*/
a.arrow {
	padding: 0 0 0 15px;
	background: url(../images/common/icon_arrow.png) no-repeat 0px 50%;
}

/* 「たちあがれ日本」推薦決定バナー
----------------------------------------------------------*/
.tachiagareBnr {
	margin: 0 auto;
	padding: 0 0 5px 0;
	width: 938px;
}
/* 注意文
----------------------------------------------------------*/
.pointText {
	padding: 0 0 10px 0;
	color: #FF0000;
	text-align: center;
}