@charset "utf-8";
/*
information{
	ファイル名 : /common/css/layout.css;
	概要 : 基本レイアウトの設定を記述しています。;
}
index {
	1.全体構造
	2.ヘッダー
	3.グローバルナビゲーション
	4.メインコンテンツ部
	5.フッタ
	6.インデックスページ用レイアウト
	7.通常ページ用レイアウト
	8.サイトマップ用レイアウト
}
*/

/* -----------------------------*/
/* 1.全体構造 */
/* -----------------------------*/
body {
	width:100%;
	text-align:center;
}
.contentbox {
	margin:0 auto;
	width:94%;
	text-align:left;
}
/* アクセシビリティ関連の調整 */
#header a:hover,
#header a:active,
#globalnavi a,
#globalnavi a:visited,
#globalnavi a:hover,
#globalnavi a:active {
	color:#000000;
}



/* -----------------------------*/
/* 2.ヘッダー */
/* -----------------------------*/
/* #header */
#header {
	position: relative;
	padding-bottom:8px;
	background:#c5ecd9 url("../../common/img/header-bg.jpg") 0 0 repeat-y;
}
#header #logobox {
	float:left;
	margin-top:11px;
}
#header #logo {
	margin-right:10px;
	padding-left:102px;
	padding-top:25px;
	background:transparent url("../../common/img/logo-photo.jpg") 0 0 no-repeat;
}
#header #headernavi {
	float:right;
	width:570px;
}
* html>body #header #headernavi { /* #forMacIE5 */
	width:600px;
}
#header #accessibility {
	float:right;
	width:90px;
}
#header #sitelink ul {
	float:right;
	height:40px;
	margin-bottom:20px;
}
* html>body #header #sitelink ul { /* #forMacIE5 */
	margin-bottom:0px;
}
#header #sitelink ul li {
	float:left;
	margin-top:14px;
	text-indent:-9999px;
	list-style-type:none;
}
* html>body #header #sitelink ul li { /* #forMacIE5 */
	margin-top:2px;
}
#header #sitelink ul li#sitelink-rss a {
	display:block;
	background:transparent url("../../common/img/sitelink.gif") 0 0 no-repeat;	
	width:56px;
	height:15px;
	font-size:10% !important;
	line-height:1.1em !important;
}
#header #sitelink ul li#sitelink-kids a {
	display:block;
	background:transparent url("../../common/img/sitelink.gif") -56px 0 no-repeat;
	width:101px;
	height:15px;
	font-size:10% !important;
	line-height:1.1em !important;
}
#header #sitelink ul li#sitelink-english a {
	display:block;
	background:transparent url("../../common/img/sitelink.gif") -157px 0 no-repeat;	
	width:95px;
	height:15px;
	font-size:10% !important;
	line-height:1.1em !important;
}
#header #sitelink ul li#sitelink-mobile a {
	display:block;
	margin-right:7px;
	background:transparent url("../../common/img/sitelink.gif") -253px 0 no-repeat;
	width:60px;
	height:15px;
	font-size:10% !important;
	line-height:1.1em !important;
}
#header #font-change {
	float:right;
	width:153px;
	height:40px;
	background:transparent url("../../common/img/font-change.gif") 100% 0 no-repeat;
	text-indent:-9999px;
}
#header #font-change span {
	float:left;
	width:89px;
}
#header #font-change a {
	float:left;
	margin-top:12px;
	margin-right:3px;
	width:17px;
	height:17px;
	font-size:10% !important;
	line-height:1px !important;
}
#header #font-change a#font-s {
	background:transparent url("../../common/img/font-s-off.gif") 100% 0 no-repeat;
}
#header #font-change a#font-m {
	background:transparent url("../../common/img/font-m-off.gif") 100% 0 no-repeat;
}
#header #font-change a#font-l {
	background:transparent url("../../common/img/font-l-off.gif") 100% 0 no-repeat;
}
#header #utilitynavi {
	width:497px;
	margin-left:72px;
	clear:both;
}
#header #utilitynavi a {
	display:block;
	float:left;
	text-indent:-9999px;
}
#header #utilitynavi #SEEK li {
	display:inline;
}
#header #utilitynavi #SEEK a#k-nav {
	background:transparent url("../../common/img/utilitynavi.gif") 0 0 no-repeat;
	width:85px;
	height:25px;
}
#header #utilitynavi #SEEK a#sitemap {
	background:transparent url("../../common/img/utilitynavi.gif") -85px 0 no-repeat;
	width:87px;
	height:25px;
}
#header #utilitynavi #SEEK a#dictionary {
	background:transparent url("../../common/img/utilitynavi.gif") -172px 0 no-repeat;
	width:56px;
	height:25px;
}
#header #utilitynavi #SEEK a#faq {
	background:transparent url("../../common/img/utilitynavi.gif") -228px 0 no-repeat;
	width:92px;
	height:25px;
}
#header #utilitynavi #SEEK {
	height:25px;
	background:transparent url("../../common/img/search.gif") 100% 100% no-repeat;
	line-height:1.1em !important;
	font-size:80% !important;
}
#header #utilitynavi #SEEK #query {
	position:relative;
	top:3px;
	margin-left:23px;
	width:101px;
	height:14px;
	vertical-align:top;
}
html>/**/body #header #utilitynavi #SEEK #query {
	top:4px;
}
#header #utilitynavi #SEEK #searchbtn {
	position:relative;
	top:4px;
	margin-right:6px;
	vertical-align:top;
}
*:first-child+html #header #utilitynavi #SEEK #query { /* forIE7 */
	position:static;
	margin-top:3px;
}
* html #header #utilitynavi #SEEK #query,
* html #header #utilitynavi #SEEK #searchbtn { /* forIE6 */
	position:static;
}
* html #header #utilitynavi #SEEK #query { /* forIE6 */
	margin-top:3px;
}

* html #header #utilitynavi #SEEK #searchbtn { /* forIE6 */
	margin-top:4px;
}



/* -----------------------------*/
/* 3.グローバルナビゲーション */
/* -----------------------------*/
#globalnavi {
	clear:both;
	margin-bottom:15px;
	padding-top:4px;
	width:100%;
	height:39px;
	background:#5994dc url("../../common/img/globalnavi-bg.gif") 0 0 no-repeat;
	text-align:center;
}
#globalnavi ul {
	position: relative;
	margin:0 auto;
	width:840px;
	background:transparent url("../../common/img/globalnavi.gif") 50% 0 no-repeat;
	list-style-type:none;
}
#globalnavi li {
	position: absolute;
	top: 0;
	text-indent:-9999px;
}
#globalnavi li#gn-01 {
	left: 0;
	width: 140px;
}
#globalnavi li#gn-01 a {
	background:transparent url("../../common/img/globalnavi.gif") 0 0 no-repeat;
}
#globalnavi li#gn-01 a.on,
#globalnavi li#gn-01 a:hover {
	background:transparent url("../../common/img/globalnavi.gif") 0 -39px no-repeat;
}
#globalnavi li#gn-02 {
	left: 140px;
	width: 140px;
}
#globalnavi li#gn-02 a {
	background:transparent url("../../common/img/globalnavi.gif") -140px 0 no-repeat;
}
#globalnavi li#gn-02 a.on,
#globalnavi li#gn-02 a:hover {
	background:transparent url("../../common/img/globalnavi.gif") -140px -39px no-repeat;
}
#globalnavi li#gn-03 {
	left: 280px;
	width: 140px;
}
#globalnavi li#gn-03 a {
	background:transparent url("../../common/img/globalnavi.gif") -280px 0 no-repeat;
}
#globalnavi li#gn-03 a.on,
#globalnavi li#gn-03 a:hover {
	background:transparent url("../../common/img/globalnavi.gif") -280px -39px no-repeat;
}
#globalnavi li#gn-04 {
	left: 420px;
	width: 140px;
}
#globalnavi li#gn-04 a {
	background:transparent url("../../common/img/globalnavi.gif") -420px 0 no-repeat;
}
#globalnavi li#gn-04 a.on,
#globalnavi li#gn-04 a:hover {
	background:transparent url("../../common/img/globalnavi.gif") -420px -39px no-repeat;
}
#globalnavi li#gn-05 {
	left: 560px;
	width: 140px;
}
#globalnavi li#gn-05 a {
	background:transparent url("../../common/img/globalnavi.gif") -560px 0 no-repeat;
}
#globalnavi li#gn-05 a.on,
#globalnavi li#gn-05 a:hover {
	background:transparent url("../../common/img/globalnavi.gif") -560px -39px no-repeat;
}
#globalnavi li#gn-06 {
	left: 700px;
	width: 140px;
}
#globalnavi li#gn-06 a {
	background:transparent url("../../common/img/globalnavi.gif") -700px 0 no-repeat;
}
#globalnavi li#gn-06 a.on,
#globalnavi li#gn-06 a:hover {
	background:transparent url("../../common/img/globalnavi.gif") -700px -39px no-repeat;
}
#globalnavi li a {
	display:block;
	width: 140px;
	height:39px;
	text-decoration:none;
}



/* -----------------------------*/
/* 4.メインコンテンツ部 */
/* -----------------------------*/
/* #leftcol */
#second #leftcol {
	position:relative;
	float:left;
	margin-right:20px;
	width:180px;
}
/* #rightcol */
#second #rightcol {
	margin-left:200px;
}



/* -----------------------------*/
/* 5.フッタ */
/* -----------------------------*/
#footer {
	clear:both;
	padding-top:25px;
	padding-bottom:25px;
	background:#e9e9e9 url("../../common/img/footer-bg.gif") 0 0 repeat-x;
	font-size:85%;
	text-align:center;
	border-bottom:1px solid #bbbbbb;
}
#footer #address {
	float:left;
	text-align:left;
}
#footer #footernavi {
	float:right;
}
#footer #footernavi ul,
#footer #footernavi li {
	display:inline;
}
#footer #copyright {
	text-align:right;
	padding-top:10px;
}



/* -----------------------------*/
/* 6.インデックスページ用レイアウト */
/* -----------------------------*/
div#categorytop h2 {
	padding-left:9px;
}
div#categorytop h2 a {
	padding-left:13px;
	background:transparent url("../../common/img/h2-mark.gif") 0 0.2em no-repeat;
}



/* -----------------------------*/
/* 7.通常ページ用レイアウト */
/* -----------------------------*/
/* #localnavi */
ul#localnavi {
	border-top:2px solid #9f9f9f;
	border-left:1px solid #9f9f9f;
	border-right:1px solid #9f9f9f;
	list-style-type:none;
}
ul#localnavi ul {
	list-style-type:none;
}
ul#localnavi li {
	background:transparent url("../../common/img/localnavi-bg.gif") 50% 0 no-repeat;
}
ul#localnavi li a {
	display:block;
	background:transparent url("../../common/img/localnavi-top.gif") 6px 1em no-repeat;
	padding:11px 5px 11px 25px;
	border-bottom:1px solid #b9b9b9;
}
ul#localnavi li li {
	background-image:none;
}
ul#localnavi li li a {
	padding:8px 5px 8px 25px;
	background:transparent url("../../common/img/localnavi-off.gif") 9px 0.9em no-repeat;
}
ul#localnavi li li li {
	padding:1px 1px 2px 1px;
	background:transparent url("../../common/img/localnavi-border.gif") 0 100% no-repeat;
}
ul#localnavi li li li.bottom {
	padding:1px 1px 1px 1px;
	background-image:none;
}
ul#localnavi li li li a {
	padding:7px 10px 7px 35px;
	border-bottom:0px solid #b9b9b9;
	background:transparent url("../../common/img/icon-link-small.gif") 26px 1.1em no-repeat;
}
ul#localnavi li li li.bottom a {
	background:transparent url("../../common/img/icon-link-small.gif") 26px 1.0em no-repeat;
	padding:6px 10px 8px 35px;
}
ul#localnavi li li ul {
	border-bottom:1px solid #b9b9b9;
}
ul#localnavi li li a.on {
	background:#f1faf6 url("../../common/img/localnavi-on.gif") 9px 0.9em no-repeat;
}
ul#localnavi li li li a.on {
	background:transparent url("../../common/img/icon-link-small.gif") 26px 1.0em no-repeat;
	background-color:#f1faf6;
}
*html ul#localnavi { /* forIE6 */
	width:178px;
}
* html>body ul#localnavi,
* html>body ul#localnavi ul { /* #forMacIE5 */
	margin-left:0px;
}
/* #btn-print */
#btn-print {
	float:right;
}
/* #breadcrumb */
#second #breadcrumb {
	font-size:85%;
	margin-bottom:10px;
}
#second #breadcrumb img {
	vertical-align:middle;
	margin:0 5px;
}
/* h1-h5 */
#second h1 {
	margin-bottom:10px;
	padding:4px 10px 4px 2px;
	border:1px solid #d0d0d0;
	background:#ffffff url("../../common/img/h1-bg.gif") 100% 100% no-repeat;
	font-size:145%;
	font-weight:bold;
}
#second h1 a {
	display:block;
	background:transparent url("../../common/img/h1-mark.gif") 0 50% no-repeat;
	padding:5px 18px;
	color:#000000;
}
#second h2 a,
#second h3 a,
#second h4 a,
#second h5 a {
	color:#000000;
}
#second h2 {
	margin-bottom:8px;
	padding:8px 0.8em 10px;
	background:#eaf7f3 url("../../common/img/h2-bg.gif") 0 100% repeat-x;
	font-weight:bold;
	font-size:100%;
}
#second h3 {
	margin-bottom:8px;
	padding-bottom:10px;
	background:#ffffff url("../../common/img/h3-bg.gif") 0 100% repeat-x;
	font-weight:bold;
	font-size:100%;
}
#second h3 span {
	display:block;
	border-left:5px solid #b8d4c7;
	padding:2px 6px;
}
#second h4 {
	margin-bottom:5px;
	padding-bottom:5px;
	background:#ffffff url("../../common/img/h4-bg.gif") 0 100% repeat-x;
	font-weight:bold;
	font-size:100%;
}
#second h4 span {
	padding-left:11px;
	background:#ffffff url("../../common/img/h4-mark.gif") 0 0.3em no-repeat;
}
#second h5 {
	margin-bottom:5px;
	padding-bottom:3px;
	border-bottom:1px solid #b4b4b4;
	padding-left:5px;
	font-weight:bold;
	font-size:100%;
}
/* .section */
div.section {
	margin-top:25px;
}
div.section div.section div.section {
	margin-top:15px;
}
/* pagetop */
.pagetop {
	margin:15px 0 15px;
	padding-right:10px;
	text-align:right;
	background:transparent url("../../common/img/icon-pagetop.gif") 100% 50% no-repeat;
}
/* print */
#btn-print2,
#btn-close {
	display:none;
}

/* -----------------------------*/
/* 8.サイトマップ用レイアウト */
/* -----------------------------*/

#sitemap-leftcol {
	float:left;
	width:48%;
}
#sitemap-rightcol {
	float:right;
	width:48%;
}
#sitemap-leftcol ul.linklist li ,
#sitemap-rightcol ul.linklist li {
	background:transparent url(../../common/img/icon-link.gif) 0 0.5em no-repeat;
}
#sitemap-leftcol ul.linklist li li,
#sitemap-rightcol ul.linklist li li {
	background:transparent url(../../common/img/icon-link-small.gif) 5px 0.5em no-repeat;
}