/* --------------------------------
	common_header.css
--------------------------------

common_header.cssはホワイトレーベルブランド毎のスタイルを定義します。

-------------------------------- */

   
#logoArea {
	position: relative;
	top: 15px
}
#box_link {
	position: relative;
	text-align: right;
	font-size: 12px;
	padding: 10px 0 0;
}

a{
outline: none;
}
 
a:focus{
outline: none;
}


/* --------------------------------
■ヘッダー(#Header)
--------------------------------
ページ上部のヘッダーブロックです。
-------------------------------- */
#Header {
	padding-bottom: 16px;
	border-bottom:2px solid #82aaea;
	background-color: #fff;
 /*box-shadow*/ 
    box-shadow: 0px 0px 5px #333; 
    -webkit-box-shadow: 0px 0px 5px #333; 
    -moz-box-shadow: 0px 0px 5px #333; 
	margin-bottom: 20px;
}

.inner-box {
	width:960px;
	margin:0 auto;
	text-align:left;
}

#SiteNav {
	position:relative;
	margin-bottom:5px;

	*zoom:1;
}
#Header #SiteLogo {	/* 12/12/05 編集 */
	overflow:hidden;
	padding:10px 0 0 0;
	font-size:1.17em;
	font-weight:bold;
	_zoom:1;
}
#Header #SiteLogo,
#Header #SiteLogo a {
	color:#17557a;
	text-decoration:none;
}
#Header #SiteLogo a:hover {
	text-decoration:underline;
}
#Header #SiteLogo img {
	float:left;
	margin: -10px 20px 0 0;
}
#Header .catchcopy .label {
	position:absolute;
	right:80px;
	top:15px;
}
#Header .catchcopy .vis {	/* 12/12/05 編集 */
	position:absolute;
	right:0;
	top:15px;
	z-index:10;
}
#Header .add {
	min-height:17px;
	_height:17px;
	line-height:17px;
	margin:-3em 205px 25px 135px;
	padding-left:75px;
	background:url("../img/header/logo_header_pickup.gif") no-repeat left top;
	font-size:0.91em;
}
#Header .add a {
	color:#4d4d4d;
}

/* --------------------------------
■タグライン(#HeaderMENU)
--------------------------------
ページ最上部のメニューブロックです。
-------------------------------- */
#HeaderMENU {
	padding:0;
	background:#FFF;
	color:#4D4D4D;
	font-size:0.91em;
}
#HeaderMENU .inner-box {
	overflow:hidden;
	_zoom:1;
}
#HeaderMENU p {
	float:left;
}
#HeaderMENU strong {
	font-weight:normal;
}
#HeaderMENU ul {
	float:right;
	font-size:1em;
}
#HeaderMENU li {
	float:left;
	padding:7px 0 5px;
	border-left: dotted 1px #1E4775;
}

#HeaderMENU li a,
#HeaderMENU li strong {
	padding:10px;
	color:#4D4D4D;
	text-decoration:none;
}

#HeaderMENU li:last-child a {
	border-right: dotted 1px #1E4775;
	padding-bottom: 5px;
}

#HeaderMENU li a:hover {
	color:#999999;
}


/* --------------------------------
■ 告知エリアです
--------------------------------*/

/*Emergency*/
#Emergency {
	border: #ccc 1px solid;
	margin: 20px auto;
	font-size: 1em;
	line-height: 1.4;
	padding: 10px;
	width: 900px;
	color: #333333;
	text-align: left;
	border-radius: 10px;
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
}

/* --------------------------------
■ フッターです
--------------------------------*/
/* footerArea add */
#footerArea {
	border-top: 1px dotted;
	margin: 0 auto;
	text-align: center;
	height: 65px;
	padding: 20px 0px 20px 0px;
	margin-top: 30px;
	_margin-top: 0px; /* IE6 *//*	background: url(../support/images/) no-repeat;*/
}
#footerArea .footer_read {
	text-align: left;
	margin: 20px 0 20px 270px;
	color: #000;
	font-size: 10px;
}
/* IE7 */
*:first-child+html #footerArea {
	margin: 0 auto;
	text-align: center;
	width: 710px;
	height: 65px;
	padding: 14px 0px 20px 0px;/*	background: url(images/) no-repeat;*/
}
#footerArea p.siteLink {
	margin: 0px auto;
	font-size: 12px;
	line-height: 2;
}
#footerArea p.siteLink a:link, #footerArea p.siteLink a:visited, #footerArea p.siteLink a:active {
	color: #4d4d4d;
	text-decoration: underline;
}
#footerArea p.siteLink a:hover {
	color: #999999;
	text-decoration: none;
}
#footerArea div.bannerSpace {
	width: 416px;
	margin: 8px auto 5px auto;
}
.leftBSpace {
	float: left;
}
.rightBSpace {
	float: right;
}
.copyright {
	margin: 0px auto 5px 0px;
	font-size: 12px;
	color: #696969;
}
p.bread {
	font-size: 10px;
}
p.bread a:link, p.bread a:visited, p.bread a:active {
	color: #FF0000;
	text-decoration: underline;
}
p.bread a:hover {
	color: #003399;
	text-decoration: none;
}
/* clearFix */
.clearFix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
/* 上書き */

#CautionHeader {
	margin: 0px auto -10px!important;
}
#CautionHeader dd {
	text-align: left;
}

/* --------------------------------
■バナーエリア
-------------------------------- */
.banner_area {
	margin: 20px auto;
	overflow:hidden;
	width: 960px;
}

.banner_area_left {
	float: left;
	width: 620px;
}

.banner_area_right {
	float: left;
	width: 320px;
	margin-left: 20px;
}