@charset "Shift_JIS";

/*===================================
★　CSS インフォーメーション　★
☆　下位階層ヘッダー＆フッター部分関連　☆

■１．共通部分
　●１-１　初期設定のリセット
　●１-２　汎用CLASS
　●１-３　ページトップボタン
	
■２．ヘッダー部分
　●２-１　ヘッダーレイアウト
　●２-２　ヘッダーボタン部分
　●２-３　グローバルナビ部分

■３．カテゴリータイトル部分
　●３-１　タイトル名
　●３-２　本文
　●３-３　検索エリア
　●３-４　ぱんくずリスト
　●３-５　左メニュー

■４．フッター部分

■５．印刷設定

■６．文字サイズ設定

■７．リンク色設定

=========================================*/

/*=========================================

■１．共通部分

　●１-１　初期設定のリセット
　●１-２　汎用CLASS
	
===========================================

　●１-１　初期設定のリセット

=========================================*/
body {
	margin: 0;
	padding: 0;
	background: #f9f9f9 url(../images/bg_center.gif) repeat-y center top;
	color: #333;
	font-size: 75%; /* IEに適用 */
	text-align: center;
	letter-spacing: 0;
}
body, body td, body th {
/*	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}
table {
	font-size: 100%;
}
html>/**/body {
  font-size: 12px; /* IE以外のブラウザ */

}

.ie.win body {
	padding: 0 0 0 1px;
}

.mac body {
	font-size: 72%;
}

.webkit body {
	font-size: 65%;
	font-family: sans-serif;
}

img {
	margin: 0px;
	padding: 0px;
	border: 0;
}

br{
	letter-spacing: 0;
}
/*===========================================

　●１-２　汎用クラス

=========================================*/

/*clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	line-height: 1%;
	font-size: 0px;
	clear: both;
	background: none;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* except Mac IE5 \*/
*html .clearfix { height: 1%; }
.clearfix {display: block;}
/* end of Holly Hack */

/*通常のclear*/
.clear {
	clear: both;
}

/*clearfix　ハック未使用*/
.clearhidden {
	height: 0px;
	line-height: 0;
	font-size: 0;
	display: block;
	clear: both;
	visibility: hidden;
	background: none;
}

/*背景置換用*/
.pix {
	display: block;
	font-size: 5px;
	line-height: 1em;
	text-indent: -9999px;
}


.pageskip {
	visibility: hidden;
	display: none;
}

.displayskip {
	position: absolute;
	left: -2000px;
	width: 100px;
}




/*リンク別窓表示用*/
.outwindow {
	padding-right: 19px;
	background: url(../images/openwindow.gif) no-repeat right center;
}

/*リンク用PDF*/
.outpdf {
	padding-right: 16px;
	background: url(../images/openwindow_pdf.gif) no-repeat right center;
}

/*リンク用Word*/
.outword {
	padding-right: 17px;
	background: url(../images/openwindow_word.gif) no-repeat right center;
}

/*リンク用Excel*/
.outexcel {
	padding-right: 17px;
	background: url(../images/openwindow_excel.gif) no-repeat right center;
}

/*リンク用PowerPoint*/
.outpowerpoint {
	padding-right: 17px;
	background: url(../images/openwindow_ppt.gif) no-repeat right center;
}

/*リンク用別窓表示共通設定*/
.outwindow, .outpdf, .outword, .outexcel, .outpowerpoint {
	height: 100%;
	margin-right: 5px;
	line-height: 1.5;
}


/*汎用スタイル設定*/
.colorbasic {
	color: #c00;/*赤色*/
}

.underline {
	text-decoration: underline;
}

.italic {
	font-style: italic;
}

.textbold {
	font-weight: bold;
}


/*TABLE設定*/
.tablebasic {/*テーブルに黒い枠線を表示させる*/
	border-collapse: collapse;
}
.tablebasic, tablebasic td, .tablebasic th {
	border-collapse: collapse;
	border-spacing: 0;
}
.tablebasic td, .tablebasic th {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #333;
}
.table-none td, .table-none th {/*入れ子のテーブルから枠線を消す*/
	border: none;
}




/*===========================================

　●１-３　ページトップボタン

=========================================*/
#inner-content-area p.btn-pagetop-up {
	margin: 0;
	padding: 0;
}

#inner-content-area p.btn-pagetop-up {
	clear: both;
	margin: 25px auto 35px;
	border-top: 1px solid #CCCCCC;
	text-align: right;
}

/*=========================================

■２．ヘッダー部分
　●２-１　ヘッダーレイアウト
　●２-２　ヘッダーボタン部分
　●２-３　グローバルナビ部分

===========================================

　●２-１　ヘッダーレイアウト

=========================================*/

#header-area h1,#header-area h2,#header-area h3,#header-area p,
#header-area ul,#header-area ol,#header-area li,#header-area dl,#header-area dt,#header-area dd,
#header-area form,#header-area fieldset,
#header-area button,
#header-area noscript {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#header-area ul,#header-area ol,#header-area li {
	list-style: none;
}


#header-area {
	margin: 0 auto;
	padding: 0;
	width: 768px;
	height: 82px;
	background: url(../menu/ms_bg.gif) repeat-x top;
}


#out-wrapper {
	position: relative;
	margin: 0 auto;
	width: 768px;
}



#header-area div#header-content {
	margin: 0 auto;
	padding: 13px 0 3px;
	width: 738px;
}


#header-area div h1 {
	padding: 2px 0 2px 0;
}

#header-list {
	position: absolute;
	top: 13px;
	right: 15px;
	width: 346px;
}

/*=========================================

　●２-２　ヘッダーボタン(文字サイズ可変ボタン)

=========================================*/
#header-list p {
	padding: 0 0 5px;
	text-align: right;
}

#header-list li {
	display: inline;
	line-height: 0;
}

#header-list li img {
	margin: 0;
	padding: 0;
}

/*===========  文字サイズ可変ボタン  ===========*/

#header-list p#fontsize{
	position:absolute;
	top:-2px;
	width:110px;
	margin-left:-115px;
	padding:0;
	text-align:left;
}
.ie #header-list p#fontsize{/*IEハック*/
	margin-left:-287px;
}

#header-list p#fontsize img{
	margin-left:5px;
}



/*=========================================

　●２-３　グローバルナビ部分

=========================================*/
#gnav-area {
	margin: 0 auto;
	width: 768px;
/*	height: 32px;*/
	background: url(../images/mm_bg.gif) repeat-x;
}

#gnav-area ul {
	margin-left: 15px;
	padding: 0;
}

#gnav-area li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}

#gnav-area li a img {
	margin: 0;
	vertical-align: top;
}

/*=========================================

■３．カテゴリータイトル部分

　●３-１　タイトル名
　●３-２　本文
　●３-３　検索エリア
　●３-４　ぱんくずリスト
　●３-５　左メニュー

===========================================

　●３-１　タイトル名

=========================================*/
#categoryttlinner {
	margin: 0 auto;
	padding: 0;
	width: 768px;
	background: url(../images/head_fade.gif) repeat-x top;
	text-align: center;
}
.gecko #categoryttlinner, .mac #categoryttlinner {
	background: url(../images/head_fade.gif) repeat-x left 1px;
}
#categoryttlinner div {
	margin: 0 auto;
	width: 738px;
	height: 55px;
}

#categoryttlinner div h2 {
	float: left;
	margin: 0;
	padding: 17px 0 0;
	width: 50%;
	text-align: left;
}

/*===========================================

　●３-２　本文

=========================================*/
#inner-content-area {
	margin: 0 auto;
	padding: 28px 0 0 0;
	width: 737px;
	text-align: left;
}
#inner-content-area p {
	margin: 0;
	padding-bottom: 0.7em;
}


/*=========================================

　●３-３　検索エリア

=========================================*/
#header-area form {
		margin: 0;
		padding: 0;
}

#header-area form div#saerch-inner-area {
	position: absolute;
	top: 99px;
	right: 15px;
	width: 160px;
	text-align: left;
}

#categoryttlinner div div#saerch-inner-area p {
	margin: 0;
	padding: 15px 0 0;
	width: 160px;
	line-height: 13px;
}

input#searchText {
	margin: 0;
	padding: 0;
	width: 118px;
	height: 18px;
	border: 1px solid #999999;
	background-color: #efefef;
	color: #000000;
	font-size: 12px;
	vertical-align: top;
}

input#searchImg {
	padding: 0;
	margin: 0 0 0 2px;
	width: 40px;
	height: 18px;
	border: none;
	cursor: pointer;
	vertical-align: middle;
}

.ie.mac input#searchText {
	width: 117px;
	height: 18px;
	vertical-align: middle;
}


/*=========================================

　●３-４　ぱんくずリスト

=========================================*/
#crumbsinner {
	position: absolute;
	top: 139px;
	left: 17px;
	margin: 0 auto;
	padding: 0;
	width: 734px;
	text-align: left;
	color: #666;
}

#crumbsinner ul {
	margin: 8px 0 0 0;
	padding: 0;
}

#crumbsinner li {
	display: inline;
	padding: 0 1em 0 0;
	line-height: 11px;
	font-size: 90%;
}

#crumbsinner li a {
	color: #003399;
	text-decoration: none;
}

#crumbsinner li a:hover {
	text-decoration: underline;
}


/*=========================================

　●３-５　左メニュー

=========================================*/
#inner-content-right {
	width: 538px;
	float: right;
}

#inner-content-menu {
	width: 184px;
	float: left;
}

.content-menu-item {
	margin: 0 0 15px 0;
	padding: 0 0 4px 0;
	border-top: 1px solid #dedede;
	background: url(../images/content_menu_end.gif) no-repeat left bottom;
	width: 184px;
}

.ie .content-menu-item {
	padding: 0 0 10px 0;
}
.content-menu-item dl {
	margin: 0;
	padding: 0;
	background: url(../images/content_menu_bg.gif) repeat-y;
}
.content-menu-item dt {
	margin: 0;
	padding: 0 0 0 1px;
}
.content-menu-item dd {
	margin: 5px 6px 6px 6px;
	padding: 0;
}
.content-menu-item ul {
	margin: 0 0 0 8px;
	padding: 0;
}
.content-menu-item li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.content-menu-item ul li ul {
	margin: 0 0 0 8px;
	padding: 0;
}
.content-menu-item li ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.content-menu-item dd a {/*リスト1つ目*/
	display: block;
	background-repeat: no-repeat;
	background-position: 3px 0.35em;
	margin: 0;
	padding: 2px 0 2px 16px;
	line-height: 1.3;
	letter-spacing: 0;
}
.content-menu-item dd a:hover, 
.content-menu-item dd a.activ-menu {
	color: #ffffff;
	text-decoration: none;
}

.content-menu-item ul li a {/*リスト2つ目*/
	display: block;
	margin: 0;
	padding: 4px 0 2px 15px;
	background-repeat: no-repeat;
	background-position: 3px 0.6em;
	line-height: 1.3;
	color: #666;
}
.ie .content-menu-item ul li a {
	padding: 2px 0 2px 15px;
}
.content-menu-item ul li a:hover {
	color: #fff;
}
.content-menu-item ul li a.activ-menu {
	color: #666;
}
.content-menu-item ul li ul {
	padding-bottom: 7px;
}
.content-menu-item ul li ul li a {/*リスト3つ目*/
	display: block;
	margin: 0;
	padding: 4px 0 2px 15px;
	background-image: url(../images/menu_icon_3rd.gif);
	background-repeat: no-repeat;
	background-position: 4px 0.6em;
	line-height: 1.2;
	font-size: 90%;
	color: #666;
}
.ie .content-menu-item ul li ul li a {
	padding: 2px 0 2px 15px;
}
.content-menu-item ul li ul li a:hover {
	background-image: url(../images/menu_icon_3rd_o.gif);
	color: #fff;
}
.content-menu-item ul li ul li a.activ-menu {
	background-image: url(../images/menu_icon_3rd.gif);
	color: #666;
}
.content-menu-item ul li ul li ul li a {/*リスト4つ目*/
	padding-left: 10px;
	background-image: url(../images/menu_icon_4th.gif);
	background-position: 4px 0.8em;
}
.content-menu-item ul li ul li ul li a.activ-menu {
	background-image: url(../images/menu_icon_4th.gif);
}
.content-menu-item ul li ul li ul li a:hover {
	background-image: url(../images/menu_icon_4th_o.gif);
}
.content-menu-item ul li ul {
	padding-bottom: 0;
}

/**リンクなし項目用**/
.content-menu-item ul li.item-menu {
	padding: 4px 0 2px 15px;
	background-repeat: no-repeat;
	background-position: 3px 6px;
	line-height: 1.3;
	color: #666;

}
.ie .content-menu-item ul li.item-menu {
	padding: 2px 0 3px 15px;
}

.content-menu-item ul li.item-menu ul {/*リスト3つ目*/
	margin-top: 2px;
	margin-left: -8px;
}

.content-menu-item ul li.item-menu ul ul {/*リスト4つ目*/
	margin-top: 2px;
	margin-left: 9px;
}

.content-menu-item dd.item-menu {
	display: block;
	background-repeat: no-repeat;
	background-position: 3px 11px;
	padding: 9px 0 2px 16px;
	line-height: 1.3;
	letter-spacing: 0;
}

.ie .content-menu-item dd.item-menu {
	margin-bottom: 0;
}

.content-menu-item dd.item-menu ul {
	margin-top: 2px;
	margin-left: -8px;
}

.content-menu-item dd.item-menu ul li ul {
	padding-left: 15px;
}

/**リンクの区切り線**/
.content-menu-item .menuborder {
	margin-top: 0.5em;
	padding-top: 0.6em;
	border-top: 1px dashed #ccc;
}

/**別窓等のアイコン表示**/
.content-menu-item img.icon {
	margin-left: 5px;
}

#inner-content-menu .content-menu-item-Title {
	margin: 0 0 15px 0;
}

#inner-content-menu .content-menu-item-Title p {
	border: 1px solid #dedede;
	margin: 0 0 4px 0;
	padding: 0;
}

#inner-content-menu .content-menu-item-Title2 {
	margin: 40px 0 15px 0;
}

#inner-content-menu .content-menu-item-Title2 p {
	margin: 0 0 4px 0;
	padding: 0;
}

/**他カテゴリ色の展開メニュ−（画像のみ）用**/
#inner-content-menu #menu-others dd a{
padding-left: 3px;
background-color: #fff;
}

#inner-content-menu #menu-others dd a:hover {
background-color: #fff;
}




/*#inner-content-menu .inner-content-menu2 {
	padding: 10px 0 10px 0;
	width: 184px;
}*/


/*=========================================

■４．フッター部分

=========================================*/
#footer-area {
	margin: 20px auto 0;
	width: 738px;
	background: url(../images/foot_fade.gif) repeat-x top;
}

#footer-area p#footer-copy {
	float: left;
	margin: 8px 0 3px;
	width: 45%;
}

#footer-area p#footer-logo {
	float: right;
	margin: 8px 0 3px;
	width: 45%;
	text-align: right;
}

#footer-area ul {
	clear: both;
	margin: 0 0 25px;
	padding: 0;
	text-align: left;
}

#footer-area li {
	display: inline;
	margin: 0;
	padding: 0;
}


/*=========================================

■５．印刷設定

=========================================*/
@media print {

#header-list {
	float: left;
	width: 365px;
}

.opera body {
	background-image: none;
}

.gecko body {
	background: none;
}

.gecko #out-wrapper {
	background-image: none;
}

#inner-content-area {
	background-image: none;
}

.outwindow, .outpdf, .outword, .outexcel, .outpowerpoint {
	height: 100%;
	margin-right: 0px;
	padding-right: 0px;
	line-height: 1.5;
	background-image: none;
}

.noprintdata {
	display: none;
}


}



/*=========================================

■６．文字サイズ設定


.baseText1(12px相当) と.baseText2(14px相当) は、
#inner-content-areaに設定する基本テキストサイズ

=========================================*/
.baseText1 {
	line-height: 1.55;
	font-size: 100%;
	letter-spacing: 0.1em;
}

.baseText2 {
	line-height: 1.4;
	font-size: 120%;
	letter-spacing: 0.1em;
}

.mac.gecko .baseText1 {
	font-size: 120%;
}

.mac.gecko .baseText2 {
	font-size: 140%;
}


table {
	line-height: 1.55;
	letter-spacing: 0.1em;
}

.baseText1 .smallText1 {
	line-height: 1.55;
	font-size: 84%;
}
.baseText1 .smallText2 {
	line-height: 1.55;
	font-size: 76%;
}

.baseText1 .tallText1 {
	line-height: 1.4;
	font-size: 128%;
}
.baseText1 .tallText2 {
	line-height: 1.4;
	font-size: 150%;
}

.baseText2 .smallText1 {
	line-height: 1.4;
	font-size: 84%;
}
.baseText2 .smallText2 {
	font-size: 76%;
}
.baseText2 .smallText2 {
	line-height: 1.4;
	font-size: 76%;
}

.baseText2 .tallText1 {
	line-height: 1.4;
	font-size: 123%;
}
.baseText2 .tallText2 {
	line-height: 1.4;
	font-size: 155%;
}

/*=========================================

■７．リンク色設定

=========================================*/
a {
	color: #36f;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}