/* CSS Document */
	
	
/*次回層ページの背景*/
body {
	width: 850px;
	margin: 0 auto;
	background: url(../images/other/other_bg.gif) repeat-x;
}
	
#content .subtitle {
	margin-bottom: 15px;
}

#wrapper {
	background: #FFFFFF;
	width: 850px;
	margin: 0 auto;
}

/* ヘッダー（ロゴ等+グローバル） */
#header_contents {
	height: 156px;
	width: 850px;
	margin: 0 0 20px;
	padding: 0;
}

/* ヘッダー （ロゴ+ナビゲーション）*/
#header {
	height: 107px;
}
	
/* ヘッダーロゴ画像 */
#header #logo {
	float: left;
	width: 305px;
	margin: 0px;
	padding: 0px;
	height: 107px;
}

/* ヘッダー右側ナビゲーション */
#header_local_nav {
	float: right;
	height: 31px;
	width: 378px;
}	

#header_local_nav ul {
	width:378px;
	list-style-type:none;
	float: left;
	margin: 0px;
}
		
#header_local_nav li {
	background-position: 0px 0px;
	float: left;
}



/* ヘッダー右側ナビゲーション（英語サイト用） */
#header_local_nav2 {
	float: right;
	height: 31px;
	width: 116px;
}	

#header_local_nav2 ul {
	width:116px;
	list-style-type:none;
	float: left;
	margin: 0px;
}

#header_local_nav2 li {
	background-position: 0px 0px;
	float: left;
}



/*グローバルナビゲーション */	

#global_nav {
	height: 49px;
	width: 850px;
	float:left;
	padding: 0px;
	margin: 0px;
}
	
#global_nav ul {
	width:850px;
	list-style-type:none;
	float: left;
	margin: 0px;
}
		
#global_nav li {
	background-position: 0px 0px;
	float: left;
}



/*タイトルイメージ*/
#title_img {
	height:150px;
	width: 850px;
	padding-bottom: 30px;
}

/*メインコンテンツ*/
#wrapper #main contents {
	height: auto;
	width: 850px;
	padding: 0px;
}

#right_contents {
	width:227px;
	float: right;
}

#content {
	width: 600px;
	height: auto;
	margin-right: 20px;
	float: left;
}


/*-----------------------------------------------------------
	h2,h3,h4,h5,h6 タイトル設定
-----------------------------------------------------------*/

/*画像付h2*/
#content h2 {	padding-bottom: 15px;}

/*h3 サブタイトル*/
#content h3 {
	background: url(../images/other/h3_bar.gif) no-repeat;
	height: 30px;
	width: 580px;
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 20px;
	margin: 20px 0 5px 0;
}

/*h4 グレー下線あり　サブタイトル*/
#content h4 {
	border-bottom: 2px solid #CCCCCC;
	margin-bottom: 5px;
	padding-left: 5px;
	letter-spacing: 2px;
	padding-bottom: 3px;
}
	
/*h5 ドット下線　サブタイトル*/
#content h5 {
	border-bottom:1px dotted #CCCCCC;
	margin-bottom: 5px;
	padding-left: 5px;
	letter-spacing: 2px;
	padding-bottom: 3px;
}

/*h6 オレンジ大文字*/
#content h6 {
	font-weight: bold;
	color: #F69400;
	padding-left: 5px;
	letter-spacing: 2px;
	padding-bottom: 3px;
}

#content p {margin-bottom: 10px;}




/*-----------------------------------------------------------
	インデックスページ各ボタン制御
-----------------------------------------------------------*/

#ndex_box {
	height: auto;
	width: 600px;
	float:left;
	margin: 0px;
	padding: 0px;
}
	
#index_box ul {
	list-style-type:none;
	float: left;
	width: 600px;
	margin: 0px;
	padding: 0px;
}
	
#index_box li {
	background-position: 0px 0px;
	float: left;
	margin-bottom: 10px;
	width: 285px;
}
	
#index_box li.left{
	background-position: 0px 0px;
	margin-bottom: 50px;
	width: 285px;
	padding-right: 30px;
}
	
/*-----------------------------------------------------------
	ローカルナビゲーション
-----------------------------------------------------------*/

#local_nav {
	width: 227px;
	float:right;
	margin-bottom: 20px;
	background: #CCCCCC;
}
	
ul.local_nav{
	margin:10px;
	background:#FFF;
}
	
ul.local_nav li{
	list-style-type:none;
	border-bottom:1px dotted #CCC;
}
	
ul.local_nav li a{
	color:#0A50A1;
	display:block;
	width:182px;
	padding:8px 0px 8px 25px;
	text-decoration:none;
	background:url(../images/arrow/arrow_orange.gif) no-repeat 6px 13px;
}
	
ul.local_nav li a:hover{
	color:#CC6600;
	background-color:#F8EFCE;
}



/*-----------------------------------------------------------
	ガイド（オススメ情報）
-----------------------------------------------------------*/
#osusume {
	width: 227px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	text-align: left;
	clear: both;
}


/*ガイド*/
#guide {
	width: 227px;
	height: auto;
	float: right;
}

#guide a { display:block;}

#guide h4 a{
	background: url(../images/other/bn_guide.gif) no-repeat;
	font-size: 8px;
	height: 97px;
	width: 227px;
	text-indent: -9999px;
	overflow:hidden;
	margin-bottom: 15px;
}

ul.guide {
	background:#FFF;
	margin-top: 10px;
	margin-bottom: 10px;
}


ul.guide li{ list-style:none;}


ul.guide li a {
	display:block;
	width:200px;
	text-decoration:none;
	background:url(../images/arrow/arrow_guide.gif) no-repeat 10px center;
	color: #0A50A1;
	padding: 3px 0px 3px 25px;
}

ul.guide li a:hover{color:#CC6600;}


/*ページナビゲーション設定*/

#pagenav {
	float:right;
	margin: 0 0 20px 0;
	width:850px;
	display:block;
}
	
ul.pagebtn {
	margin-left:360px;
}
	
ul.pagebtn li {
	display: inline;
	padding-left: 10px;
}
	
ul.pagebtn li:first-child,
ul.pagebtn li.firstChild {/* For Only IE */
	padding-left: 0;
}
	
/*-----------------------------------------------------------
	フッター
-----------------------------------------------------------*/
#footer {
	width: 850px;
	border-top: 2px solid #CCCCCC;
	height: 100px;
	padding-top: 15px;
}
#footer #copy {
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 11px;
	text-align:right;
	float: right;
}
	
#footer .left {
	float: left;
	margin-left: 5px;
	text-decoration: none;
	clear: both;
}

#footer .left a{color: #3868D6;	text-decoration: none;}
#footer .left a:hover{color: #CC6600;	text-decoration: none;}


/*制御系*/
.float_c {
	clear: both;
}


.float_r {
	float: right;
	margin-right: 5px;
	margin-left: 5px;
}
.mini { font-size: x-small; line-height: 140%; text-decoration: none; }


/*-----------------------------------------------------------
　　コンテント内のリスト表示
-----------------------------------------------------------*/

#content ul{list-style:none;}
#content li{list-style:none;}

/*-----------------------------------------------------------
　　コンテント内のリスト表示インデントなし
-----------------------------------------------------------*/
.li_line {
	font-weight: bold;
	border-bottom: 2px solid #CCC;
	padding-left: 30px;
}
	
.li_line_dot {
	font-weight: bold;
	border-bottom: 1px dotted #CCCCCC;
	padding-left: 30px;
	margin-bottom: 5px;
	padding-top: 5px;
}

.li_text { padding-left: 30px;}

#indent li .circle{ list-style: circle;}

#wrapper #main contents #content #indent01 li {
	height: 33px;
}


/*-----------------------------------------------------------
　　コンテント内のリスト表示-2インデントex) （1）が頭の場合
-----------------------------------------------------------*/
#content .indent ul {
	margin-left: 10px;
	padding-bottom:10px;
}

.indent li {
	text-indent: -1.8em;
	text-align: left;
	margin-left: 1.8em;
	padding-bottom: 2px;
}

/*-----------------------------------------------------------
　　コンテント内のリスト表示-2インデントex) （下層■あり）
-----------------------------------------------------------*/
.indent li ul.square li {
	list-style: square inside;/*--四角--*/
	text-indent: -1em;
	text-align: left;
	padding-bottom: 2px;
}

.indent li ul.circle li {
	list-style: circle inside;/*--白丸--*/
	text-indent: -1em;
	text-align: left;
	padding-bottom: 2px;
}
	
.indent li ul.disc li {
	list-style: disc inside;/*--黒丸--*/
	text-indent: -15px;
	text-align: left;
	margin-left: -0.5em;
	padding-bottom: 2px;
}


/*-----------------------------------------------------------
　　コンテント内のリスト表示-1.5インデントex) １．が頭の場合
-----------------------------------------------------------*/
	
#content #indent02 {
	width: 550px;
	margin-right: 10px;
	margin-left: 20px;
}
	
#indent02 ul{
	width:550px;
}
	
#indent02 li{
	text-indent: -1.5em;
	list-style: none;
	margin-bottom: 10px;
}


/*AboutSiteのみの行インデント*/
	
#content #aboutsite_indent {
	list-style: none;
	width: 550px;
	margin-left: 40px;
}
	
#content #aboutsite_indent .li_line {
	padding-left: 5px;
}
	
#content #aboutsite_indent .li_line_dot {
	padding-left: 5px;
}

#content #aboutsite_indent .li_text {
	padding-left: 5px;
}



/*-----------------------------------------------
	アイコンリンク
-----------------------------------------------*/

/*オレンジ矢印*/
.arrow01 {
	background: url(../images/arrow/arrow_orange.gif) no-repeat 0px center;
	padding-left: 20px;
	margin-left: 20px;
}
	
.arrow01 a {text-decoration: none;	color: #0A50A1;	}
.arrow01 a:hover{text-decoration:underline;	color: #CC6600;}
	
	
/*-----------------------------------------------
	<ul>専用　矢印アイコン
-----------------------------------------------*/
.arrow_list{
	list-style: none;
	margin-left: 20px;
}
	
.arrow_list li{
	background: url(../images/arrow/arrow_orange.gif) no-repeat 0px center;
	padding-left: 20px;
	margin-bottom: 5px;
}

.arrow_list li.none {
	padding:5px 0 2px 0;
	margin-bottom:5px;
	border-bottom:dotted #999999 1px;
	background-image:none;
	font-weight:bold;
}
	
/*-----------------------------------------------------
　　リンク先のファイルタイプ別にアイコンを表示する
-----------------------------------------------------*/

	
/* 新規ウィンドウへのリンクの場合 */
#content a[target="_blank"]:after {
	content: url(../images/icon/ico_external.gif);
	vertical-align:middle;
	margin: 0 5px;
}
	
*:first-child+html #content a[target="_blank"] { /* For Only IE7 */
	padding-right: 15px;
	background: url(../images/icon/ico_external.gif) no-repeat center right;
}
	
*html #content a.ext { /* For Only IE6 */
	padding-right: 15px;
	background: url(../images/icon/ico_external.gif) no-repeat center right;
}
/* アイコン非表示 */
#content a.ico_none[target="_blank"]:after {
	background-image:none;
}
	
*:first-child+html #content a.ico_none[target="_blank"] {/* For Only IE7 */
	background-image:none;
}

*html #content a.ico_none {/* For Only IE6 */
	background-image:none;
}

/* PDFファイルへのリンクの場合 */
#content a[href$=".pdf"]:after {
	content: url(../images/icon/pdf.gif);
	vertical-align:middle;
	margin: 0 5px;
}
	
*:first-child+html #content a[href$=".pdf"] {/* For Only IE7 */
	padding-right: 20px;
	background: url(../images/icon/pdf.gif) no-repeat center right;
}
	
*html #content a.pdf {/* For Only IE6 */
	padding-right: 20px;
	background: url(../images/icon/pdf.gif) no-repeat center right;
} 

/* アイコン非表示 */
	#content a.ico_none[href$=".pdf"]:after {
	background-image:none;
}
	
*:first-child+html #content a.ico_none[href$=".pdf"] {/* For Only IE7 */
	background-image:none;
}
	
*html #content a.ico_none {/* For Only IE6 */
	background-image:none;
}

/* ZIPファイルへのリンクの場合 */
#content a[href$=".zip"]:after {
	content: url(../images/icon/ico_zip.gif);
	vertical-align:middle;
	margin: 0 5px;
}
	
*:first-child+html #content a[href$=".zip"] {/* For Only IE7 */
	padding-right: 20px;
	background: url(../images/icon/ico_zip.gif) no-repeat center right;
}
	
*html #content a.zip {/* For Only IE6 */
	padding-right: 20px;
	background: url(../images/icon/ico_zip.gif) no-repeat center right;
} 

/* アイコン非表示 */
	#content a.ico_none[href$=".zip"]:after {
	background-image:none;
}
	
*:first-child+html #content a.ico_none[href$=".zip"] {/* For Only IE7 */
	background-image:none;
}
	
*html #content a.ico_none {/* For Only IE6 */
	background-image:none;
}

/* BESTファイルへのリンクの場合 */
#content a[href$=".best"]:after {
	content: url(../images/icon/ico_best.gif);
	vertical-align:middle;
	margin: 0 5px;
}
	
*:first-child+html #content a[href$=".best"] {/* For Only IE7 */
	padding-right: 20px;
	background: url(../images/icon/ico_best.gif) no-repeat center right;
}
	
*html #content a.best {/* For Only IE6 */
	padding-right: 20px;
	background: url(../images/icon/ico_best.gif) no-repeat center right;
} 

/* アイコン非表示 */
	#content a.ico_none[href$=".best"]:after {
	background-image:none;
}
	
*:first-child+html #content a.ico_none[href$=".best"] {/* For Only IE7 */
	background-image:none;
}
	
*html #content a.ico_none {/* For Only IE6 */
	background-image:none;
}

/* movieファイルへのリンクの場合 */
#content a[href^="http://www.youtube.com"]:after {
	content: url(../images/icon/ico_movie.gif);
	vertical-align:middle;
	margin: 0 5px;
}
	
*:first-child+html #content a[href^="http://www.youtube.com"] {/* For Only IE7 */
	padding-right: 20px;
	background: url(../images/icon/ico_movie.gif) no-repeat center right;
}
	
*html #content a.movie {/* For Only IE6 */
	padding-right: 20px;
	background: url(../images/icon/ico_movie.gif) no-repeat center right;
} 

/* アイコン非表示 */
	#content a.ico_none[href^="http://www.youtube.com"]:after {
	background-image:none;
}
	
*:first-child+html #content a.ico_none[href^="http://www.youtube.com"] {/* For Only IE7 */
	background-image:none;
}
	
*html #content a.ico_none {/* For Only IE6 */
	background-image:none;
}


/*-----------------------------------------------
	ページ部品設定
-----------------------------------------------*/

/*写真画像のキャプション設定*/
.caption {
	text-align:center;
	color:#222222;
	font-size:11px;
}
	



/*------------------------------------------------
	ページタイトル (通常はh1)
--------------------------------------------------*/
#pagetitle{
	margin:0 0 16px 0;
	padding:9px 0 0 0;
	border:solid 1px #d5d5d5;
	background-color:#f7f7f7;
}
#pagetitle h2{
	font-size: 140%;
}
		
#pagetitle h2{
	margin:0;
	padding:0 11px 9px 20px;
	color:#222222;
	background:  url(../images/other/bk_h2.gif) 0 100% no-repeat;
	border-top: none #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}
#pagetitle div {
	background:  url(../images/other/bk_h2_top.gif) no-repeat left top;
}

/*------------------------------------------------
	テーブル関連
--------------------------------------------------*/

/*基本パターン*/
#set-tbl table {
	width: 100%;
	border-right: 1px solid #C8C796;
	border-bottom: 1px solid #C8C796;
}
	
#set-tbl table {
	margin-bottom:20px;
}
	
#set-tbl table tr th {
	font-weight: normal;
	border-top: 1px solid #C8C796;
	border-left: 1px solid #C8C796;
	padding: 3px 5px;
	background: #F3F4DB url(../images/other/bk_table.gif) repeat-x left top;
}
	
/* --- 改行禁止 --- */
	table tr td.long,
	table tr th.long {
	white-space: nowrap;
}

/* --- 英単語等も強制改行 --- */
table tr td.short,
	table tr th.short {
	word-break: break-all;
}
	
/* --- 背景・ボーダーなし --- */
tr th.none {
	border: none;
	background-color: #FFFFFF;
	background-image: none;
}

#set-tbl table tr td {
	border-top: 1px solid #C8C796;
	border-left: 1px solid #C8C796;
	padding: 3px 5px;
}

#set-tbl table td.tbl_gray {
	background-color: #F8F8F8;
}
	
/*tbl_gray パターン*/
#set-tbl table.tbl_gray {
	width: 100%;
	border-right: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
}
	
#set-tbl table.tbl_gray {
	margin-bottom:20px;
}
	
#set-tbl table.tbl_gray tr th {
	font-weight: normal;
	border-top: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5;
	padding: 3px 5px;
	background: #F8F8F8 url(../images/other/bk_table2.gif) repeat-x left top;
}

#set-tbl table.tbl_gray tr td {
	border-top: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5;
	padding: 3px 5px;
}



/* ---- リスト、画像設定 ---- */


#set-tbl table ul {
	margin: 0;
}

#set-tbl table ul li {
	display: inline;
	padding-right: 10px;
}

#set-tbl table tr th img {
	margin-left: 5px;
	vertical-align: middle;
}
	
#set-tbl table tr td img {
	margin-right: 2px;
	vertical-align: middle;
}