@charset "UTF-8";

/* ******************************************************

	- header & footerのみV3

****************************************************** */

body {
	_height: 100%;
	background: #fff url(../image/bg_body_01.gif) repeat-x;
	font-size: 12px;
	*font-size: 75%;
	font-family: sans-serif;
	*font-family: "ＭＳ Ｐゴシック";
	line-height: 1;
	color: #333;
}

a {
}
a[href] {
	text-decoration: none;
}
a:link,
a:visited,
a:link:active {
	text-decoration: none;
	cursor: pointer;
	_cursor: hand;
}
a:hover,
a:focus {
	_text-decoration: underline;
}
a[href]:hover,
a[href]:focus {
	text-decoration: underline;
}

/* ------------------------------------------------ */
/* reset                                            */
/* ------------------------------------------------ */
#headerArea ul,
#globalNavArea ul,
#footerArea ul{
	margin: 0;
}
#headerArea li,
#globalNavArea li,
#footerArea li {
	margin: 0;
	list-style-type: none;
}
#headerArea p img,
#footerArea p img {
	vertical-align: bottom !important;
}
#headerArea li img,
#footerArea li img {
	margin-right : 0;
	padding: 0 !important;
	*background: #f3f1e9; /* for IE */
	vertical-align: baseline !important;
}

.skipLink {
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:1px;
	height:1px;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

/* ------------------------------------------------ */
/* wrapper                                          */
/* ------------------------------------------------ */
#wrapper {
	min-width: 980px;
	padding: 0;
}

/* ------------------------------------------------ */
/* headerArea                                       */
/* ------------------------------------------------ */
#headerArea {
	position: relative;
	width: 950px;
	height: 56px;
	margin: 0 auto;
	z-index:600;
}
#headerArea p.ci {
	position: absolute;
	left: 0px;
	top: 23px;
}
#headerArea p.tagline {
	position: absolute;
	left: 116px;
	top: 23px;
}
#headerArea p.cn {
	position: absolute;
	right: 0;
	top: 13px;
}

/* utilityNav */
#headerArea ul.utilityNav {
	position: absolute;
	right: 214px;
	top: 33px;
	font-size: 84%;
}
#headerArea ul.utilityNav li {
	float: left;
	padding: 4px 10px 4px 10px;
	border-right: 1px solid #ccc;
}
#headerArea ul.utilityNav li a {
	padding: 0 0 0 8px;
	background: url(../image/bg_arrow_01.gif) left center no-repeat;
}

/* form */
#headerArea form.search {
	position: absolute;
	right: 20px;
	top: 33px;
}
#headerArea form.search input.query {
	float: left;
	width: 138px;
	border: 1px solid #b2b2b2;
	padding: 1px 0;
	background: #fff;
	font-size: 84%;
}
#headerArea form.search input.submit {
	float: left;
	margin: 0 0 0 2px;
}
#headerArea p.help {
	position: absolute;
	right: 0;
	top: 33px;
}

/* ------------------------------------------------ */
/* globalNavArea                                    */
/* ------------------------------------------------ */
#globalNavArea {
	margin: 0 auto;
}
/* globalNav */
#globalNavArea ul.globalNav {
	z-index: 100;
	width: 950px;
	height: 36px;
	margin: 0 auto;
}
#globalNavArea ul.globalNav li {
	float: left;
}

/* localNav */
#globalNavArea ul.localNav {
	width: 980px;
	margin: -9px auto 0;
	height: 31px;
	border-bottom: 1px solid #b3b3b3;
}
#globalNavArea ul.localNav li {
	float: left;
	position: relative;
	margin-bottom: -1px;
	z-index: 210;
}

/* ------------------------------------------------ */
/* contentBodyArea                                  */
/* ------------------------------------------------ */
#contentBodyArea {
	min-width: 848px;
}
#contentBodyInner {
	width: 842px;
	margin: 0 auto;
	padding-bottom: 30px;
}

/* brandIconArea */
#brandIconArea {
	position: relative;
}
#brandIconArea ul.brandIcon {
	position: absolute;
	right: 12px;
	top: -65px;
	line-height: 1;
}
#brandIconArea ul.brandIcon li {
	float: left;
	padding: 0 0 0 1px;
	background: url(../image/bg_brandicon_01.gif) left top no-repeat;
}

/* primaryArea */
#primaryArea {
	float: left;
	width: 635px;
	min-height: 200px;
	_height: 200px;
	margin: 0;
	padding-bottom: 20px;
	line-height: 1.5;
}
#primaryArea.self {
	width: 842px;
}
#primaryArea a:visited {
}

/* secondaryArea */
#secondaryArea {
	float: right;
	display: inline;
	width: 187px;
	margin: -5px 0 0 0;
	padding: 15px 0 45px 0;
	line-height: 1.5;
}
#secondaryArea div{
	position: relative;
	z-index: 200;
}
#secondaryArea.self {
	padding: 52px 0 45px 0;
}

/* localNavArea */
#secondaryArea #localNavArea {
	position: relative;
	z-index: 100;
	margin: 0 0 12px 0;
	line-height: 1.33;
}
#localNavArea ul.localNav {
	position: relative;
	z-index: 0;
	margin: -1px 0 0 0;
	border-bottom: 1px solid #aaa;
}
#localNavArea ul.localNav li {
	margin: 0;
	list-style-type: none;
	background: url(../image/bg_dotted_hor_01.gif) left top repeat-x;
}
#localNavArea ul.localNav li a {
	display: block;
	padding: 9px 8px 7px 8px;
	background: url(../image/bg_arrow_01.gif) left center no-repeat;
}
#localNavArea ul.localNav li.current a {
	font-weight:bold;
	background: url(../image/bg_arrow_02.gif) left center no-repeat;
}
#localNavArea ul.localNav li a:hover {
	color: #f78a0b;
	background: url(../image/bg_arrow_02.gif) left center no-repeat;
	text-decoration: none;
}
#localNavArea p a {
	display: block;
	padding: 8px 12px 8px 19px;
	background: #FFFFFF url(../image/bg_arrow_back_01.gif) 10px 13px no-repeat;
	font-size: 84%;
	border-bottom: 1px solid #cccccc;
}

/* pageNaviArea */
#pageNaviArea {
	clear: both;
	margin-bottom: 30px;
	padding-bottom: 6px;
	border-bottom: 1px solid #cccccc;
	line-height: 1.5;
}
#pageNaviArea p.pageNaviPrev {
	float: left;
	width: auto;
	padding-left: 23px;
	background: url(../image/bg_arrow_prev_01.gif) left center no-repeat;
}
#pageNaviArea p.pageNaviPrevWhiteSpace {
	float: left;
	width: auto;
	padding-left: 200px;
}
#pageNaviArea p.pageNaviNext {
	float: right;
	width: auto;
	padding-right: 23px;
	background: url(../image/bg_arrow_next_01.gif) right center no-repeat;
}
#pageNaviArea p.pageNaviNextWhiteSpace {
	float: right;
	width: auto;
	padding-right: 200px;
}
#pageNaviArea ul.pageNavi {
	text-align: center;
	margin:0;
}
#pageNaviArea ul.pageNavi li {
	display: inline;
	margin:0;
}
#pageNaviArea ul.pageNavi li a,
#pageNaviArea ul.pageNavi li strong {
	margin-right: -1px;
	padding: 2px 6px;
	border: 1px solid #d9d9d9;
}
#pageNaviArea ul.pageNavi li strong {
	background-color: #f76b1f;
	font-weight: bold;
	color: #ffffff;
}

/* topicPathArea */
#topicPathAreaTop,
#topicPathAreaBottom {
	clear: both;
	font-size: 84%;
	line-height: 1.33;
	color: #000;
	padding-top: 10px;
}
#topicPathAreaTop p,
#topicPathAreaBottom p {
	margin: 0 !important;
}
#topicPathAreaTop a,
#topicPathAreaBottom a {
}

/* areaNavArea */
#areaNavArea {
	z-index: 100;
	position: relative;
	margin-top: 10px;
	padding: 2px 10px 0 90px;
	border: 1px solid #d9d9d9;
	min-height: 18px;
	_height: 18px !important;
	font-size: 84%;
}
#areaNavArea dl {
	margin: 0 !important;
}
#areaNavArea dl dt {
	position: absolute;
	top: 0px;
	left: 0px;
}
#areaNavArea dl dd {
	display: inline;
	margin-right: 20px;
	white-space: nowrap;
}
#areaNavArea dl dd a {
	background: url(../image/bg_arrow_01.gif) left center no-repeat;
	padding: 0 0 0 8px;
}

.brandingCopy {
	float: right;
	display: inline;
	position: relative;
	z-index: 100;
	width: 150px;
	margin: -38px 12px 0 0;
}

/* ------------------------------------------------ */
/* footerArea                                       */
/* ------------------------------------------------ */
#footerArea {
	position: relative;
	width: 956px;
	margin: 0 auto;
	padding: 0 0 28px 0;
	*padding: 0 0 30px 0;
	font-size: 84%;
}
#footerArea a {
}

/* firstBlock */
#footerArea .firstBlock {
	margin: 0 0 8px 94px;
}
.safari {
	font-size: 90%;
	letter-spacing: -0.1em;
	word-spacing: -0.2em;
}
#footerArea .firstBlock p.ci {
	position: absolute;
	left: 3px;
	top: 1px;
}
#footerArea .firstBlock ul.topCategoryNav {
	float: left;
}
#footerArea .firstBlock ul.topCategoryNav li {
	float: left;
	margin: 0 14px 0 0;
}
#footerArea .firstBlock ul.topCategoryNav li a {
	padding: 0 0 0 8px;
	background: url(../image/bg_arrow_01.gif) left center no-repeat;
}
#footerArea .firstBlock ul.categoryNav {
	float: right;
	display: inline;
	margin: 0 3px 0 0;
}
#footerArea .firstBlock ul.categoryNav li {
	float: left;
	display: inline;
	margin: 0 0 0 14px;
}
#footerArea .firstBlock ul.categoryNav li a {
	padding: 0 0 0 8px;
	background: url(../image/bg_arrow_01.gif) left center no-repeat;
}

/* lastBlock */
#footerArea .lastBlock {
	margin: 0 0 0 94px;
	padding: 8px 0 0 0;
	border-top: 1px solid #999;
}
#footerArea .lastBlock ul.utilityNav {
	float: left;
}
#footerArea .lastBlock ul.utilityNav li {
	float: left;
	margin: 0 14px 0 0;
}
#footerArea .lastBlock ul.utilityNav li a {
	padding: 0 0 0 8px;
	background: url(../image/bg_arrow_01.gif) left center no-repeat;
}
#footerArea .lastBlock p.copyright {
	float: right;
	margin: 0 0 10px -14px;
	text-align: right;
	text-transform: uppercase;
}
#footerArea .lastBlock p.okinawacopyright {
	float: right;
	margin: 0 0 10px -14px;
	text-align: right;
}

#footerArea.ocFooterArea .firstBlock,
#footerArea.ocFooterArea .lastBlock {
	margin-left: 175px;
}


/* pageTop */
html>body #pageTop {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 500;
}
#pageTop {
	_position: absolute;
	_right: 0;
	_top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+(documentElement.clientHeight-this.clientHeight) - 0
	: document.body.scrollTop
	+(document.body.clientHeight-this.clientHeight) - 0);
	_z-index: 500;
	margin: 0;
}

/* campaign */
body#campaign {
	background: #fff url(../image/bg_body_02.gif) repeat-x;
}
body#campaign #contentBodyInner {
	padding: 25px 0 10px 0;
}


/* clearfix */
#contentBodyArea,
#contentBodyInner,
#footerArea .firstBlock,
#footerArea .lastBlock {
	/*\*/
	_overflow: visible;
	_height: 1px;
	zoom: 1;
	/**/
	/*\*//*/
	display: inline-table;
	/**/
}
#contentBodyArea:after,
#contentBodyInner:after,
#footerArea .firstBlock:after,
#footerArea .lastBlock:after {
	content: ".";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	margin: -1px 0 0 0;
}
.external,
.pdf,
.ex,
.roll {}
.modID {
	font-size: 18px;
	margin: 15px 0 15px 0;
	padding: 4px;
	background: #eee;
	color: #0066CC;
}