@charset "UTF-8";
/* CSS Document */


body {
	margin: 0;
	padding: 0;
	width: 100%;
	border-top: 3px solid #333;
	font-size: small;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

img {
	border-style: none;
}

* { margin : 0 ; padding : 0 ; }

/* 画像右よせ・左寄せ */
.img_r{float:right;
	margin:auto auto 10px 10px;}
.img_l{float:left;
	margin:auto 10px 10px auto;}
.img_c{text-align:center;
	margin:20px auto 10px auto;}
	
.img_r .ph_cap, .img_l .ph_cap, .img_c .ph_cap {
	font-size: xx-small;
}

* html .img_r .ph_cap, .img_l .ph_cap, .img_c .ph_cap {
	margin-top: 0;
}

*:first-child+html .img_r .ph_cap, .img_l .ph_cap, .img_c .ph_cap {
	margin-top: 0;
}


p { margin: 0.4em 0;}

a { text-decoration: none;}

/* --------------
基本レイアウト
--------------- */
#Container {
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 825px;
	text-align: center;
}


/* -----------------------
　　3列レイアウト　TOPページ
----------------------- */
#ContentsType3 {
	width: 100%;
	text-align: left;
	/*positon: relative;*/
}

/* --------------
ヘッダー
--------------- */
#HeadArea {
	margin: 0;
	padding: 0;
	width: 100%;
}

* html #HeadArea {
	height: 1%;
}

#HeadArea h1, #HeadArea #logo {
	float: left;
	width: 250px;
	margin: 0;
}

#HeadArea #SearchBox {
	margin: 20px 0 8px 0;
}

/* --------------
ナビゲーション
--------------- */
/* ヘッダ　ナビ */
#HeadNavi {
	float: right;
	margin: 0 0 8px 0;
	width: 412px;
	text-align: right;
}

* html #HeadNavi {
	margin-bottom: 0;
}

*:first-child+html #HeadNavi {
	margin-bottom: 0;
}

#HeadNavi  ul {
	margin: 0;
	padding: 0;
}

#HeadNavi  ul li{
	float: left;
}

/* グローバルナビ */
#GlobalNavi {
	clear: both;
	margin: 0;
	padding: 0;
	border-bottom: 3px solid #c0c0c0;
	background: url(/c_images/bg_globalnavi.gif) repeat-x 0 bottom #f1f1f1;
}

#GlobalNavi ul {
	margin: 0;
	padding: 0 0 0 2em;
	width: 100%;
	list-style: none;
	min-height:2.3em;
	line-height: 1.4;
}

#GlobalNavi ul li {
	float: left;
	white-space: nowrap;
	margin: 0;
	padding: 0;
	background: url(/c_images/bg_globalnavi.gif) repeat-x 0 100% #f1f1f1;
}

#GlobalNavi li a {
	margin: 0;
	padding: 8px 7px 4px 30px;
	display: block;
	text-decoration: none;
	line-height: 1.4;
	color: #000000;
	background: url(/c_images/bg_globalnavi_arr.gif) no-repeat 7px 55%;
	text-decoration: none;
	border-bottom: 1px solid #d5d5d5;
}

/* IE5.5 IE6 */
* html #GlobalNavi li a {
	display: inline-block;
}


#GlobalNavi li a:hover, #GlobalNavi li a:active {
	color:#fff;
	background-color: #454545;
	border-color: #373737;
}

/* -----------------------
　　パンくずナビ
----------------------- */
.BreadCrumb {
	margin: 0;
	padding: 1em 0 0.6em;
	width: 95%;
	line-height: 1.6;
	font-size: 90%;
	vertical-align: middle;
	color: #000;
	clear: both;
	text-align: left;
}

.BreadCrumb a {
	border-bottom: 1px dotted #000;
}

* html .breadcrumb img {
	vertical-align: middle;
	margin: 0.5em 0;
}

/* -----------------------
　　左ナビ
----------------------- */
#NaviListBg {
	/*幅23%*/
	width:190px;
	float: left;
	margin: 0;
	padding: 0;
	background: #ffffff;
	clear:right
}

* html #NaviListBg {
	width: 110px;
}

#NaviArea {
	/*幅23%*/
	width:180px;
	margin: 0;
	padding: 0;
}

* html #NaviArea {
	width: 100px;
	white-space: normal;
}


#NaviArea img {
	margin: 26px 0;
	border: none;
}

#NaviArea img a:hover, #NaviArea img a:active {
	border: 1px solid #999999;
}

#NaviArea ul {
	width: 100px;
	border-top: 1px solid #999999;
	display:block; 
}

/*　親メニュー */
#NaviArea li.li1 {
	display: inline-block;
	float: left;
	width: 180px;
	border-bottom: 1px solid #999999;
}

* html #NaviArea li.li1 {
	width: 110px;
}

* html #NaviArea ul.subtop li2 {
	width: 80px;
}

#NaviArea li.li1 a {
	margin: 0;
	text-decoration: none;
	line-height: 1.4;
	display: block;
	color: #000000;
	background: url(/c_images/Plain_wht_Right.gif) no-repeat 0 7px;
	padding: 0.6em 0 0.5em 22px;
}

* html #NaviArea li.li1 a {
	display: inline-block;
	width: 110px;
}

* html #NaviArea ul.subtop li2 a {
	width: 100px;
}

* html #NaviArea ul.subtop {
	width: 100px;
}



/*下階層メニュー用*/
#NaviArea ul.subtop { 
	border-top: 1px solid #999999;
	border-bottom: none;
	background: #ffffff;
}

* html #NaviArea ul.subtop {
	background-color: #ffffff;
	width: 170px;
	margin: 0;
}

#NaviArea ul.subtop li {/*下階層メニュー用*/
	width: 158px;
	margin-left: 22px;
}

* html #NaviArea ul.subtop li {
	width: 100px;
}

#NaviArea ul.subtop li a, ul.subtop .li2top, ul.subtop .li2top a, ul.subtop .li2top_select, ul.subtop .li2top_select a {
	background-image: none;
	display: block;
	padding-left: 0;
}

* html #NaviArea ul.subtop li a, * html ul.subtop .li2top, * html ul.subtop li.li2top a, * html ul.subtop li.li2top_select a {
	width: 80px;
}

#NaviArea ul.subtop .li2, #NaviArea .li2select {
	border-top: 1px solid #999999;
}

#NaviArea ul.subtop .li2top, ul.subtop .li2top a {
	border: none;
	width: 158px;
}

* html #NaviArea ul.subtop {
	width: 100px;
}

#NaviArea li a:hover, #NaviArea li a:active, #NaviArea li .select, #NaviArea .li2select, #NaviArea .li2top_select {
	background-color: #d1d1d1;
}

#NaviArea li.li2top_select, #NaviArea li.li2select  {
	background-color: #d1d1d1;
	line-height: 1.4;
	padding: 0.6em 0 0.5em 0;
}

* html #NaviArea li.li2top_select, * html #NaviArea li.li2select {
	width: 180px;
}

#NaviArea li.li2select a {
	background-color: #d1d1d1;
	line-height: 1.4;
	padding: 0;
}

#NaviArea li.li2top_select a {
	padding: 0;
}

*:first-child+html #NaviArea ul.subtop li.li2top_select a, #NaviArea ul.subtop li.li2top a {
	width: 158px;
}

*:first-child+html #NaviArea ul.subtop li.li2, #NaviArea ul.subtop li.li2select {
	vertical-align: bottom;
}

.GoPageTop {
	clear: both;
	display: none;
}

/* -----------------------
　　メインコンテンツ
----------------------- */
#ContentsType3_2 { /*左右分割タイプ*/
	width: 75%;
	float: left;
	margin: 0;
	padding: 0;
	clear:right
}

* html #ContentsType3_2 {
	margin-left: 10px;
	
}

#ContentsType3 #MainAreaTop, #ContentsType3_2 #MainArea,#ContentsType3_2 #MainArea2 {
	width: 55%;
	float: left;
	clear:right;
	line-height: 1.5;
}

* html #ContentsType3 #MainAreaTop {
	width: 56%;
}

*:first-child+html #ContentsType3 #MainAreaTop {
	width: 70%;
}

/* 20110315 add nagano START↓ */
/* 最新情報、おすすめ情報＆更新情報H2（トップ） */
#ContentsType3_2 #MainAreaTop h2.top {
	font-size: 130%;
	display: table;
	clear: both;
	float: left;
	margin: 10px 20px 0 0;
	padding: 0 0 0 8px;
	line-height: 1.3em;
	border-left: 5px solid #333;
}
/* 最新情報、おすすめ情報＆更新情報一覧（トップ） */
#ContentsType3_2 #MainAreaTop ul.NewList {
	clear: both;
	margin: 0.8em 0;
	padding-left: 1em;
}
#ContentsType3_2 #MainAreaTop ul.NewList li {
	margin: 0;
	padding: 6px 0.5em 6px 0;
	border-bottom: dotted 1px #CCC;
	list-style: disc outside;
}
#ContentsType3_2 #MainAreaTop ul.NewList li span {
	font-weight: bold;
}
/* 20110315 add nagano END↑ */


#ContentsType3_2 #MainArea1 { /*サブエリアなし*/
	width: 100%;
	float: left;
	line-height: 1.5;
	clear:right;
}

#ContentsType3_2 #MainArea1 h1 {
	font-size: 120%;
	color: #333333;
	margin: 1em 0 0 0;
	border-bottom: 1px solid #333333;
}

#ContentsType3_2 #MainArea h2, #ContentsType3_2 #MainArea1 h3 {
	margin: 1em 0 0 0;
	padding-left: 14px;
	height: 1%;
	color: #333333;
	background: url(/c_images/h2_arr.gif) no-repeat 0 5px;
	font-size: 110%;
}

/*　トップページ、情報一覧ページ用 h2　*/

#ContentsType3 #MainAreaTop h2, #ContentsType3_2 #MainArea2 h2 {
	clear: both;
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	line-height: 0;
}

#ContentsType3_2 #MainArea1 h2 {
	clear: both;
	margin: 1em 0 0 0;
	padding: 2px 0 2px 14px;
	height: 1%;
	color: #333333;
	border-left: 4px solid #333333;
	font-size: 110%;
}

#ContentsType3 #MainAreaTop .ToList, #ContentsType3 #MainArea2 .ToList {
	float: left;
	margin:10px 0 0.5em 10px;
	width: 40px;
	line-height: 0;
}

#ContentsType3_2 #MainArea2 h2.top, #ContentsType3 #MainArea2 .ToList {
	margin-top: 10px;
	/*下記追加*/
	margin-bottom: 5px;
}

* html #ContentsType3_2 #MainArea2 h2.top, #ContentsType3 #MainArea2 .ToList {
	margin: 17px 0 0 0;
}

*:first-child+html #ContentsType3_2 #MainArea2 h2.top, #ContentsType3 #MainArea2 .ToList {
	margin: 17px 0 0 0;
}

#ContentsType3 dl.NewList {
	clear: left;
	margin: 1em 0;
}


#ContentsType3 dl.NewList dt {
  clear: both;
  font-weight: bold;
  background: url(/c_images/indent_bubble.gif) no-repeat 1em 50%;
  width: 6em;
  padding: 6px 0 6px 2em;
}

#ContentsType3 dl.NewList dd {
  margin: -2.5em 0 0 2em;
  padding: 6px 0.5em 6px 8em;
  border-bottom: dotted 1px #CCC;
}

/*　本文引用 */
#ContentsType3_2 #MainArea blockquote, #ContentsType3_2 #MainArea1 blockquote {
	clear: both;
	border-left: 2px solid #b5b5b5;
	margin: 1em 0;
	padding-left: 1em;
}

/*　本文カコミ（作成部署） */
#ContentsType3_2 #MainArea .kakomi, #ContentsType3_2 #MainArea1 .kakomi {
	border: 1px solid #b5b5b5;
	background: #e5e5e5;
	margin: 1em 0;
	padding: 0.8em;
}

#ContentsType3_2 #MainArea .kakomi p.contact, #ContentsType3_2 #MainArea1 .kakomi p.contact {
	text-decoration: underline;
	background: url(/c_images/icon_mail.gif) no-repeat 0 50%;
	padding: 0.6em 0 0.5em 22px;
	line-height: 1.0;
}

#ContentsType3_2 #MainArea .kakomi h2, #ContentsType3_2 #MainArea1 .kakomi h2 {
	margin: 0;
	padding: 0.6em 0 0.5em 22px;
	line-height: 1.0;
	color: #333333;
	background: url(/c_images/icon_note.gif) no-repeat 0 50%;
	border-left: none;
	font-size: 110%;
}

#ContentsType3_2 #MainArea1 .kakomi h2.ttl {
	background-image: none;
	font-weight: bold;
	padding: 0.6em 0;
	margin: 0;
}

#ContentsType3_2 #MainArea1 .kakomi h2.ttl a {
	border-bottom: 1px dotted #333333;
	padding: 0 0 1px 0;
	}

#ContentsType3_2 #MainArea .kakomi address, #ContentsType3_2 #MainArea1 .kakomi address {
	font-style: normal;
	margin: 0.4em 0;
}

#ContentsType3_2 #MainArea1 .kakomi h2.ttl img {
	vertical-align: middle;
	margin-left: 5px;
}

/*　注釈 */
#ContentsType3_2 #MainArea .note, #ContentsType3_2 #MainArea1 .note {
	color: #666666;
	border-top:1px solid #333333;
	padding-top: 1em;
}


/* サブエリア */
#ContentsType3_2 #SubArea {
	width: 27%;
	margin: 10px 0 0 10px;
	float: left;
	clear:right;
}

#SubArea #Members {
	width: 190px;
	background: #c7ccdf;
	margin: 0 0 0.6em 0;
}

#SubArea #Members .text {
	padding: 8px 2px;
	font-size: 90%;
}

#SubArea #Members .text li {
	background: url(/c_images/DoubleArr.gif) no-repeat 0 3px;
	padding-left: 10px;
}


#SubArea #Members .labelText {
	clear: both;
	float: left;
	padding-top: 2px;
	width: 5.5em
}

#SubArea #Members .BtnImg {
	margin: 4px;
	text-align: center;
}

#SubArea #InfoArea {
	margin: 4px 0;
	width: 189px;
}

#SubArea #InfoArea div {
	text-align: center;
	padding: 0.5em 1em;
	border: 1px solid #6b81a6;
	margin-bottom: 3px;
	background-color:#ced9ea;
}

#ContentsType3_2 #SubArea #banners img {
	clear: both;
	margin: 0;
	padding: 0;
}

#ContentsType3_2 #SubArea ul.circle li {
	background: url(/c_images/list_1.gif) no-repeat 0 3px;
	padding-left: 18px;
	margin-bottom: 0.5em;
}

#ContentsType3_2 #SubArea ul.circle li a {
	border-bottom: 1px dotted #333333;
}


/*========================
　フッター
========================*/
#FootArea {
	clear: both;
	margin: 1em 0;
	padding: 0;
}



ul.subnavi {
	display:none;
}

#FootArea #FootNavi {
	display:none;
}


#FootArea #CopyRight {
	clear: both;
	border-top: 1px solid #333333;
	text-align: left;
}
