@charset "utf-8";
/* CSS Document */

/*
display
visibility
overflow
position
top / right / bottom / left /
z-index
float
clear
width ( min-width / max-width )
height ( min-height / max-height )
margin ( margin-top / margin-right / margin-bottom / margin-left )
padding ( padding-top / padding-right / padding-bottom / padding-left )
border ( border-width / border-color / border-style )
background ( background-color / background-image / background-repeat / background-attachment / background-position )
list-style ( list-style-type / list-style-image / list-style-position )
color
font ( font-family / font-style / font-variant / font-weight / font-size )
line-height
text-indent
text-decoration
text-align
vertical-align
*/



/* Link
======================================*/
body.common a { color: #555; }
body.common a:link	{
	text-decoration: underline;
}
body.common a:active	{
	color: #528200;
	text-decoration: none;
}
body.common a:hover	{
	color: #528200;
	text-decoration: none;
}
body.common a:visited	{
	text-decoration: underline;
}


/* Wrap
======================================*/
body.common #wrap {
	display: block;
	position: relative;
	z-index: 0;
	width: 100%;
	margin: 0 auto;
	padding: 10px 0 0;
}

/* tHeader
======================================*/
#tHeader {
	position: relative;
	clear: both;
	width: 960px;
/*	height: 70px;*/
	height: 90px;
	margin: 0 auto;
	background: #fff;
}
#tHeader #logo {
	position: relative;
	z-index: 2;
	margin: 0;
	padding: 0;
	border: none;
	background: none !important;
}

/* gHeader
======================================*/
#gHeader {
	position: relative;
	clear: both;
	width: 960px;
/*	height: 70px;*/
	height: 90px;
	margin: 0 auto;
	background: #fff;
}
#gHeader #logo {
	position: relative;
	z-index: 2;
	margin: 0;
	padding: 0 0 0 13px !important;
	border: none;
	background: none !important;
}

/* eHeader
======================================*/
#eHeader {
	position: relative;
	clear: both;
	width: 960px;
/*	height: 70px;*/
	height: 90px;
	margin: 0 auto;
	background: #fff;
}
#eHeader #logo {
	position: relative;
	z-index: 2;
	margin: 0;
	padding: 0 0 0 13px !important;
	border: none;
	background: none !important;
}

/* ヘッダーナビゲーション */
#tHeader #hNavigation, #gHeader #hNavigation, #eHeader #hNavigation {
	position: absolute;
	z-index: 2;
/*	top: 20px !important;*/
	top: 25px !important;
	right: 0;
}
#tHeader #hNavigation li, #gHeader #hNavigation li, #eHeader #hNavigation li {
	float: left;
	border-right: solid 1px #ddd;
	font-size: 0.750em;
}
#tHeader #hNavigation li a, #gHeader #hNavigation li a, #eHeader #hNavigation li a {
	padding: 0 10px 0 20px !important;
	background: url(/common/img/mod/arrow.png) 5px center no-repeat;
}
#tHeader #hNavigation li:last-child, #gHeader #hNavigation li:last-child, #eHeader #hNavigation li:last-child {
	border-right: none;
}

#tHeader #hNavigation li a.meti, #gHeader #hNavigation li a.meti, #eHeader #hNavigation li a.meti {
	padding-left: 27px !important;
	padding-bottom: 3px !important;
}


/* Content
======================================*/
body.common #contents {
	width: 960px;
	margin: 0 auto 20px;
	font-size: 0.875em;
}
body.common #contents:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

/* メインコンテンツ */
body.common #main {
	float: left;
	width: 690px;
}
body.common #main2 {
	width: 960px;
}

/* サブコンテンツ */
body.common #sub {
	float: right;
	width: 240px;
	min-height: 600px;
}

/* gFooter
======================================*/
#gFooter, #eFooter {
	position: relative;
	clear: both;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	color: #fff;
	text-align: left;
}
#gFooter #fInner, #eFooter #fInner {
	height: 35px;
	padding: 10px;
	background: #508200;
}

/* eFooter
======================================*/
#eFooter {
	position: relative;
	clear: both;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	color: #fff;
	text-align: left;
}
#eFooter #fInner {
	height: 70px;
	padding: 10px;
	background: #508200;
}
#eFooter #fInner .c_note {
 font-size: 90%;
}

/* ページ内リンク */
body.common #topLink {
	position: relative;
	left: 820px;
	width: 130px;
	height: 30px;
	margin: 0;
}
body.common #topLink a{
	display: inline-block;
	padding: 5px 20px;
	font-size: 0.875em;
	line-height: 1.5;
	color: #fff;
	background: #508200;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-ms-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	behavior:url(/common/js/PIE.htc);
}

/* フッターナビゲーション */
#gFooter #fNavigation, #eFooter #fNavigation {
	float: left;
	margin: 0;
	padding: 0;
}
#gFooter #fNavigation li, #eFooter #fNavigation li {
	float: left;
	border-right: solid 1px #ddd;
	font-size: 0.750em;
	line-height: 1.5;
}
#gFooter #fNavigation li a, #eFooter #fNavigation li a {
	padding: 0 5px !important;
	color: #fff;
}
#gFooter #fNavigation li:last-child, #eFooter #fNavigation li:last-child {
	border-right: none;
}

/* コピーライト */
#gFooter #copyright, #eFooter #copyright {
	float: right;
	margin: 0;
	padding: 0;
	font-size: 0.750em;
	line-height: 1.5;
}


/* Navigations
======================================*/

/* アクセシビリティナビゲーション */
#aNavigation {
	position: relative;
	top: 10px;
	right: 0;
	z-index: 1;
	width: 960px;
	height: 24px;
	margin: 0 auto;
}
#aNavigation:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
#aNavigation li {
	float: right;
	font-size: 0.750em;
	margin: 0 0 0 5px;
}
#aNavigation li a {
	line-height: 1.85em;
	padding: 1px 5px 1px 25px;
	background: url(/common/img/mod/skip.png) left center no-repeat;
}

/* グーグルカスタムサーチ */
#gSearch {
	position: relative;
	/top: -3px;
	width: 335px;
	padding-left: 25px;
	background: url(/common/img/mod/search.png) left top no-repeat;
}
#gSearch #searchBox {
	width: 198px;
	height: 22px;
	border: solid 1px #ccc;
	vertical-align: middle;
}
#gSearch #searchBtn {
	width: 52px;
	height: 24px;
	background: url(/common/img/btn/btn_gSearch.jpg) left top no-repeat;
	border: 0;
	cursor: pointer;
	vertical-align: middle;
}
#gSearch #searchBtnEnglish {
	width: 52px;
	height: 24px;
	background: url(/common/img/en/btn_gSearch.jpg) left top no-repeat;
	border: 0;
	cursor: pointer;
	vertical-align: middle;
}
#gSearch .search label {
	margin-right: 5px;
}

/* グローバルナビゲーション */
#gNavigation, #tNavigation, #eNavigation {
	position: relative;
	width: 100%;
	margin: 0 auto 10px;
	border-top: solid 1px #ccc;
}
#gNavigation ul, #tNavigation ul, #eNavigation ul {
	position: relative;
	top: -7px;
	width: 960px;
	height: 56px;
	margin: 0 auto;
}
#tNavigation li, #gNavigation li, #eNavigation li {
	position: relative;
	float: left;
	height: 56px;
	padding: 0 !important;
}

/* dropDown Menu*/
#tNavigation li ul{
	display: none;
	position: absolute;
	top: 57px;
	left: -20px;
	z-index: 2;
}
#tNavigation li ul li{
	float: none;
	width: 196px;
	height: 40px;
	border-bottom: dotted 1px #ccc;
	background: #fff;
}
#tNavigation li ul li a{
	display: block;
	padding: 10px 5px !important;
	text-align: center;
}

/* パンくずナビゲーション */
#gBreadcrumb {
	width: 960px;
	min-height: 15px;
	padding: 5px 0;
	margin: 0 auto 20px;
	border-top: dotted 1px #ccc;
	border-bottom: dotted 1px #ccc;
}
#gBreadcrumb ul{}
#gBreadcrumb li{
	display: inline;
	margin-right: 5px;
	line-height: 1.5;
	font-size: 0.750em;
}
#gBreadcrumb li:first-child {}
#gBreadcrumb li a{
	margin-right: 5px;
}

/* パンくずナビゲーション 手動設置用デザインのみ */
#gBreadcrumb2 {
	width: 960px;
	min-height: 15px;
	padding: 5px 0;
	margin: 0 auto 20px;
	border-top: dotted 1px #ccc;
	border-bottom: dotted 1px #ccc;
}
#gBreadcrumb2 ul{}
#gBreadcrumb2 li{
	display: inline;
	margin-right: 5px;
	line-height: 1.5;
	font-size: 0.750em;
}
#gBreadcrumb2 li:first-child {}
#gBreadcrumb2 li a{
	margin-right: 5px;
}


/* カテゴリナビゲーション */
body.common #cNavigation {
	width: 688px;
	margin-bottom: 15px;
	border-right: dotted 1px #ccc;
}
body.common #cNavigation:after, body.common #cNavigationEn:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
body.common #cNavigation li, body.common #cNavigationEn li {
	float: left;
}
body.common #cNavigation li a {
	display: block;
	padding: 7px 26px 7px 26px;
	color: #555;
	background: #fff;
	border-left: dotted 1px #ccc;
	border-bottom: solid 2px #528200;
	text-decoration: none;
}
body.common #cNavigation li a:hover, body.common #cNavigationEn li a:hover {
	background: #f5f5f5;
	color: #000;
}
/* English */
body.common #cNavigationEn {
	width: 690px;
	margin-bottom: 15px;
	border-right: dotted 1px #ccc;
}
body.common #cNavigationEn li a {
	display: block;
	padding: 7px 28px;
	color: #555;
	background: #fff;
	border-left: dotted 1px #ccc;
	border-bottom: solid 2px #528200;
	text-decoration: none;
}


/* サイドナビゲーション */
body.common #sNavigation {}

body.common #sNavigation p {
	position: relative;
	margin: 0;
	padding: 0;
}
body.common #sNavigation p a{
	display: block;
	margin: 0;
	padding: 10px 0 8px 25px;
	background: url(/common/img/mod/h3.png) 5px 15px no-repeat;
}



/*Provisional*/
body.common #update { color: #00f; }
body.common #links {
	margin-bottom: 10px;
}
body.common .hover {
	line-height: 1em;
	width: 270px;
	margin: 2px 0px;
	border-bottom: solid 1px #0197d1;
}
body.common .hover a:hover { text-decoration: none; }
body.common .active {
	line-height: 1em;
	width: 270px;
	margin: 5px 0px 2px;
	border-bottom: solid 1px #0197d1;
}
body.common .active a:hover { text-decoration: none; }

body.common .p10 {
	display: block;
	padding: 10px;
}
body.common .eee {
	color: #bbb;
	font-weight: bold;
	background: #eee;
}




/* WhatsNew新着情報系 スクロールボックス */
body.common .scrollBox {
	position: relative;
	z-index: 2;
	top: -22px;
	height: 200px;
	overflow: auto !important;
	margin-bottom: -10px !important;
	padding: 10px 0 10px 10px;
	border: solid 1px #6ba900;
	background: #fff;
}
body.common .scrollBox dl {
	width: 650px !important;
	overflow:hidden !important;
	clear:both;
	margin-bottom:5px !important;
}
body.common .scrollBox  dt{
	font-weight: bold;
	width: 130px !important;
	padding:0 10px 0 0 !important;
	float: left !important;
}
body.common .scrollBox  dd{
	width: 510px !important;
	margin-left: 140px;
}
/* english */
body.english .scrollBox  dt{
	width: 250px !important;
}
body.english .scrollBox  dd{
	width: 670px !important;
}