@charset "utf-8";

@import "reset.css";


/* ---------------------------------------------------
common.css
共通CSS
--------------------------------------------------- */

/* ---------------------------------------------------
common
--------------------------------------------------- */
/* For Win IE 7 */
/*:first-child + html body{font-family: "メイリオ", Meiryo;}*/
*:first-child + html body{font-family: "ＭＳ Ｐゴシック","MS PGothic";}
/* For Win IE 6 */
/* html body{font-family: "メイリオ", Meiryo;}*/
* html body{font-family: "ＭＳ Ｐゴシック","MS PGothic";}

body {
	background: #fff url(../images/common/base_bg.gif) repeat-y center top;
/*	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
	font-size: 75%; 
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック","MS PGothic", sans-serif;
	line-height: 180%;
	color: #000000;
	text-align: center;
}

a {
	color: #00438a;
	text-decoration: none;
}

a:hover {
	color: #0265bf;
}


/* ---------------------------------------------------
layout
--------------------------------------------------- */
#pagetop {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	font-size: 100%;
}



/* ---------------------------------------------------
header
--------------------------------------------------- */
#header {
	position: relative;
	width: 800px;
	height: 68px;
}

/*ロゴ*/
#header h1 {
	position: absolute;
	top: 20px;
	left: 0;
	width: 199px;
	height: 48px;
	margin: 0;
	padding: 0;
}

#header h1 img {
	display: block;
	margin: 0;
	padding: 0;
}

/*ヘッダーリンク*/
ul#headerlink {
	position: absolute;
	top: 39px;
	left: 199px;
	width: 216px;
	height: 15px;
	padding: 0;
	margin: 0;
}

ul#headerlink li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#headerlink li img {
	display: block;
	margin: 0;
	padding: 0;
}

/*検索＋フォント切り替えボックス*/
#headerBox {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 373px;
	height: 45px;
	border: 1px solid #dcdcdc;
	border-width: 1px 1px 0 1px;
	background: #d6d6d6 url(../images/common/header_src_bg.gif) repeat-x left top;
}

/*検索ボックス*/
#headersch {
	position: absolute;
	top: 12px;
	left: 12px;
	width: 218px;
}

#headersch form input.txt {
	display: block;
	float: left;
	width: 118px;
	height: 21px;
	border: none;
}

#headersch form input.btn {
	display: block;
	float: left;
	margin: 0 0 0 5px;
}


/*フォント切り替え*/
dl#headerfnt {
	position: absolute;
	top: 12px;
	right: 0;
	width: 145px;
	margin: 0;
	padding: 0;
}

dl#headerfnt dt {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

dl#headerfnt dd {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

dl#headerfnt dd.fntb {
	margin-right: 0;
}

dl#headerfnt dd img.off {
	display: block;
}

dl#headerfnt dd img.on {
	display: none;
}

/*中サイズ*/
dl#headerfnt dd.fntn img.off {
	display: none;
}
dl#headerfnt dd.fntn img.on {
	display: block;
}


/* ---------------------------------------------------
mainBox
--------------------------------------------------- */
#mainBox {
	clear: both;
	border-top: 3px solid #00438a;
}



/* ---------------------------------------------------
menuBox
--------------------------------------------------- */
#menuBox {
	width: 800px;
	height: 44px;
}

#menuBox ul {
	width: 800px;
	height: 44px;
	margin: 0;
	padding: 0;
}

#menuBox ul li {
	float: left;
	width: 200px;
	height: 44px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#menuBox ul li a {
	display: block;
	width: 200px;
	height: 44px;
	margin: 0;
	padding: 0;
}

/*マウスオーバー時*/
#menuBox ul li a:hover {
	text-indent: -9999px;
	overflow: hidden;
}

#menuBox ul li.menu1 a {
	background: url(../images/common/menu_btn1_on.gif) no-repeat left top;
}
#menuBox ul li.menu2 a {
	background: url(../images/common/menu_btn2_on.gif) no-repeat left top;
}
#menuBox ul li.menu3 a {
	background: url(../images/common/menu_btn3_on.gif) no-repeat left top;
}
#menuBox ul li.menu4 a {
	background: url(../images/common/menu_btn4_on.gif) no-repeat left top;
}



/* ---------------------------------------------------
catttlBox
--------------------------------------------------- */
#catttlBox {
	width: 800px;
	height: 88px;
}

#catttlBox h2 {
	margin: 0;
	padding: 0;
}

#catttlBox h2 img {
	display: block;
	margin: 0;
	padding: 0;
}




/* ---------------------------------------------------
contentsBox
--------------------------------------------------- */
#contentsBox {
	float: left;
	width: 800px;
}

#mainClm {
	float: right;
	width: 590px;
	padding-bottom: 20px;
}

#sideClm {
	float: left;
	width: 190px;
}

/*１カラム*/
.ful #mainClm {
	width: 800px;
}



/* ---------------------------------------------------
contentsBox（第二階層共通）subpagebox
--------------------------------------------------- */
/*h3ページタイトル*/
.subpagebox {
	margin: 0 0 20px 0;
}

.subpagebox h3 {
	margin: 0;
	padding: 0;
	line-height: 40px;
}

.subpagebox h3 img {
	display: block;
	margin: 0;
	padding: 0;
}

/*サブページリンクあり*/
.subpagebox .subpagelink {
	margin-top: 10px;
	padding: 7px;
	background: #f7f7f7;
	border: 1px solid #e7e7e7;
}

.subpagebox .subpagelink a {
}

.subpagebox .subpagelink .fontb {
	display: none;
}

/*パンくず*/
#topicpathBox {
	padding-top: 2px;
	padding-left: 3px;
	font-size: 90%;
}


/* ---------------------------------------------------
catMenuBox（第二階層サイドメニュー）共通
--------------------------------------------------- */
#catMenuBox {
	width: 190px;
	margin: 0 0 30px 0;
	padding: 0;
	border-top: 1px solid #c9c9c9;
}

#catMenuBox div {
	width: 190px;
	height: 39px;
	margin: 0;
	padding: 0;
}

#catMenuBox div a {
	display: block;
	width: 190px;
	height: 39px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#catMenuBox div a:hover {
	text-indent: -9999px;
}


/* ---------------------------------------------------
sideClm
--------------------------------------------------- */
/*バナー*/
ul#sidebnr {
	margin: 0 0 10px 0;
	padding: 0;
}

ul#sidebnr li {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}




/* ---------------------------------------------------
gotopagetop
--------------------------------------------------- */
#gotopagetop {
	clear: both;
	width: 800px;
	height: 20px;
	text-align: right;
}

.gotopagetop {
	clear: both;
	height: 20px;
	text-align: right;
}


/* ---------------------------------------------------
footer
--------------------------------------------------- */
#footer {
	clear: both;
	width: 800px;
	height: 50px;
	border-top: 3px solid #00438a;
}

/*コピーライト*/
#copyright {
	float: left;
	width: 472px;
	padding-top: 12px;
}

/*フッターリンク*/
#footerlink {
	float: right;
	width: 300px;
	text-align: right;
	color: #00438a;
	padding-top: 12px;
	font-size: 90%;
}


/* ---------------------------------------------------
ポップアップ
--------------------------------------------------- */
body.popup {
	background-image: none;
}

.popup #pagetop {
	width: 590px;
}

body.popup #header {
	display: none;
}

.popup #mainBox {
	border-top: none;
}

.popup #contentsBox {
	float: left;
	width: 590px;
	margin-top: 10px;
}

.popup  #mainClm {
	float: right;
	width: 590px;
	padding-bottom: 20px;
}