@charset "UTF-8";
/* CSS Document */

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

  |   CSS 目次
  | -----------------------------
  |
  | 0. Reset
  | 
  | 1. ClearFix
  | 
  | 2. Common
  |     - 2-1. Header
  |     - 2-2. Main nav
  |     - 2-3. Sub nav
  |     - 2-4. Footer
  | 
  | 3. Top page
  |     - 3-1. Visual
  |     - 3-2. contents area
  |     - 3-3. banner area
  | 
  | 4. Bread crumb Area
  | 
  | 5. Second page
  |     - 5-1. second main area
  |     - 5-2. menu area
  |     - 5-3. second banner area
  |     - 5-4. news list page
  | 
  | 100. Class List
  | 
  | 900. ie6対策

================================ last date : 2012.12.21 */


/* 0. Reset
/* -------------------- */
html, body { margin: 0; padding: 0;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, textarea, p, blockquote, th, td, img { margin: 0; padding: 0;}
table { border-collapse: collapse; border-spacing: 0;}
caption, th { text-align:left;}
address, caption, em, th { font-style: normal; font-weight: normal;}
ul { list-style: none;}
img { border: 0;}
a { text-decoration: none;}


/* 1. ClearFix
/* -------------------- */
ul:after, .Cl:after {
	content: "";
	clear: both;
	display: block;
	height: 0px;
	visibility: hidden;}
/* IE6 */ * html .Cl { height: 1%; }
/* IE7 */ *:first-child+html .Cl { min-height: 1%;}


/* 2. Common
/* -------------------- */
body {
	background: #ccc;
	color: #333;
	font-size: 11pt;
	line-height: 1.4;}




a { color: #333;}
a:hover { text-decoration: underline;}
#wrapper {
	background: #fff;
	width: 900px;
	margin: 0 auto; padding: 0 25px 100px;}
/* 2-1. Header */
#headerBody {
	background: #fff;
	width: 950px;
	margin: 0 auto;}
#navigationNotice {
	padding: 3px 5px;
	border-bottom: solid 2px #e8f2ef;}
#header { position: relative;}
#header a:hover { text-decoration: underline;}
#logo { position: absolute; top: 18px; left: 0;}
#fontSmall, #fontMiddle, #fontLarge, #themeBlack, #themeBlue, #themeWhite {
	display: block;
	text-indent: 9999px;
	overflow: hidden;}
#fontSmall, #fontMiddle, #fontLarge { width: 20px; height: 20px;}
#themeBlack, #themeBlue, #themeWhite { width: 23px; height: 23px;}
#fontSmall { background: url(/_common/themes/img/header/snav.png) 0 0 no-repeat; }
#fontSmall:hover { background: url(/_common/themes/img/header/snav.png) 0 -20px no-repeat; }
#fontMiddle { background: url(/_common/themes/img/header/snav.png) -20px 0 no-repeat; }
#fontMiddle:hover { background: url(/_common/themes/img/header/snav.png) -20px -20px no-repeat; }
#fontLarge { background: url(/_common/themes/img/header/snav.png) -40px 0 no-repeat; }
#fontLarge:hover { background: url(/_common/themes/img/header/snav.png) -40px -20px no-repeat; }
#themeWhite { background: url(/_common/themes/img/header/snav2.png) 0 -23px no-repeat; }
#themeWhite:hover { background: url(/_common/themes/img/header/snav2.png) 0 0 no-repeat; }
#themeBlue { background: url(/_common/themes/img/header/snav2.png) -23px 0 no-repeat; }
#themeBlue:hover { background: url(/_common/themes/img/header/snav2.png) -23px -23px no-repeat; }
#themeBlack { background: url(/_common/themes/img/header/snav2.png) -46px 0 no-repeat; }
#themeBlack:hover { background: url(/_common/themes/img/header/snav2.png) -46px -23px no-repeat; }
#niftyPlayer1 { position: absolute;}
/* 2-2. Main nav */
#mainNav { clear: both;}
#mainNav li {
	float: left;
	background: url(/_common/themes/img/header/nav_bg.png);
	height: 39px;
	padding: 7px 7px 0 0;}
#mainNav li#navLeft, #mainNav li#navRight { background: none; height: 46px; padding: 0;}
#mainNav li#navLeft2 { padding: 7px 7px 0 9px;}
#mainNav li#navRight2 { padding: 7px 9px 0 0;}
/* 2-3. Sub nav */
#commonHeader {
	float: right;
	background: #e8f2ef url(/_common/themes/img/header/snav_left.png) bottom left no-repeat;
	margin: 0 0 23px;}
#commonHeader li { float: left;}
#commonHeader a {
	font-weight: bold;
	color: #333;}
#snavRight { background: url(/_common/themes/img/header/snav_right.png) bottom right no-repeat;}
#assist { padding: 5px 13px 2px 0;}
#assist li { margin: 0 0 0 10px;}
#assist em {
	font-weight: bold;
	margin: 0 5px 0 0;}
#assist li li { margin: 0 3px 0 0;}
#subNav {
	float: right;
	margin: 0 0 5px;}
#subNav li {
	float: left;
	margin: 0 14px 0 0;}
#subNav li#subNavLast { margin: 0 0 0 20px;}
#search-frame li {
	float: left;
	margin: 0;}
#search-button {
	width: 48px; height: 23px;}
#search-box {
	border: none;
	width: 225px; height: 17px;}
#search-box2 {
	width: 35px; height: 21px;
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #FFF;}
/* 2-4. Footer */
#footWrap {
	background: #d1def4;
	border-top: solid 3px #0069c3;}
#footer {
	position: relative;
	width: 900px;
	margin: 0 auto; padding: 40px 0 0;}
#footerList {
	background: url(/_common/themes/img/footer/line_h.png) left repeat-y;
	float: right;
	width: 523px;
	margin: -13px 0 0 23px; padding: 0 0 0 22px;}
#footerList a {
	background: url(/_common/themes/img/footer/link.png) 0 1px no-repeat;
	font-size: 10pt;
	padding: 0 0 0 10px;}
.flLeft {
	float: left;
	width: 120px;
	margin: 0 0 3px 0;}
.flCenter {
	float: left;
	width: 200px;
	margin: 0 0 3px 14px;}
.flRight {
	float: left;
	width: 160px;
	margin: 0 0 3px 14px;}
#pageUp {
	position: absolute;
	top: -31px; right: 0;}
#copyRight {
	background: url(/_common/themes/img/footer/line_w.png) top repeat-x;
	text-align: center;
	margin: 20px 0 0;
	padding: 15px 0;}


/* 3. Top page
/* -------------------- */
/* 3-1. Visual */
#visual {
	width: 950px; height: 245px;
	margin: 0 0 40px -25px;}
/* 3-2. contents area */
#topMain {
	float: left;
	width: 580px;}
#topMain dl.tmMT { margin: 70px 0 0 ;}
#topMain dt {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 20pt;
	font-weight: bold;
	color: #0069c3;
	border-bottom: solid 1px #0069c3;
	padding: 0 0 15px;}
#newsArea { position: relative;}
#newsAreaList {
	position: absolute;
	top: 15px; right: 5px;
	display: block;}
.tabs {
	border-bottom: solid 1px #0069c3;
	margin: 0 0 20px; padding: 15px 0;}
.tabs a { padding: 5px 10px; margin: 0 0 0 5px;}
#kanren { margin: 15px 0 0;}
#kanren li { float: left; margin: 0 9px 0 0;}
/* 3-3. banner area */
#topBnr {
	float: right;
	width: 280px;}
#topBnrArea li { margin: 0 0 5px;}
.content li {
	margin: 10px 0;
	border-bottom: dashed 1px #ccc;}
.allneas .more { display: none;}
#slideShow {
	position: relative;
	width: 950px; height: 200px;
	overflow: hidden;}
#slideShow li {
	display: none;
	position: absolute;
	top: 0; left: 0;
	width: 950px; height: 200px;}
#slideShow li#slide1 { display: block;}
/* 3-4. news */
#topMain .newsListArea { padding-bottom: 5px;}
#topMain .newsListArea dt {
	float: left;
	width: 140px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 11pt;
	font-weight: normal;
	color: #333;
	border-bottom: none;
	padding: 0;}
#topMain .newsListArea dd {
	float: left;
	width: 440px;}
.tabs .current, .tabs .current:hover { background: #0069c3; color: #fff; text-decoration: none;}


/* 4. Bread crumb Area
/* -------------------- */
#breadCrumbs { margin: 5px 0 0;}
#breadCrumbs a { font-size: 9pt;}


/* 5. Second page
/* -------------------- */
#sndCnts { margin: 25px 0 0;}
#sndCntsPic { margin: 25px 0 0;}
/* 5-1. second main area */
#sndArea {
	float: left;
	width: 660px;}
#cateTitle {
	display: block;
	background: url(/_common/themes/img/second/catetitle.png) right top no-repeat;
	font-size: 16pt;
	font-weight: normal;
	margin: -5px 0 15px -5px;
	padding: 0 15px 0 0;}
#cateRight {
	background: url(/_common/themes/img/second/catetitle.png) left top no-repeat;
	height: 53px;
	padding: 16px 0 0 15px;}
#pageTitle, .contentArticleDoc {
	float: right;
	width: 460px;
	margin: 0 10px 0 0;}
#sndCntsPic #pageTitle {
	float: right;
	width: 700px;
	margin: 0 10px 0 0;}
#sndMain {
	float: right;
	width: 460px;
	margin: 10px 10px 0 0;}
#sndCntsPic #sndMain { width: 700px;}
#pageTitle h1, .contentArticleDoc h1, #newsList h1, #newsList2 h1 {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 20pt;
	font-weight: bold;
	color: #0069c3;}
#sndCntsPic #pageTitle h1 {
	width: 700px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 20pt;
	font-weight: bold;
	color: #0069c3;}
#pageTitle h1 {
	width: 460px;
	border-bottom: solid 1px #0069c3;
	margin: 0 0 10px; 
	padding: 0 0 0px;}
#newsList2 h1 { width: 660px;}
#newsList2 #pageTitle {
	float: none;
	width: 660px;
	margin: 0 10px 0 0;}
/*#sndMain h2 {
	margin: 50px 0 10px;
	font-size: 16pt;}
*/	


	#sndMain h2 {
border-width:  1px 1px 1px 3px;
border-style: solid;
border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(204, 204, 204) rgb(0, 105, 195) ;
padding: 5px 8px;
background: url("/_common/themes/img/h_b.png") repeat-x scroll left bottom rgb(255, 255, 255);
margin: 15px 0px 10px 0px;
text-shadow: 0px 1px 0px rgb(255, 255, 255);
border-radius: 3px 3px 3px 3px;
font-size: 14pt;
	
	}


#sndMain h2:first-child { margin: -5px 0 10px;}
#sndMain.place h2:first-child { margin: -5px 0 0;}
/*#sndMain h3 {
	color: #0069c3;
	font-size: 13pt;
	font-weight: normal;
	margin: 10px 0 5px;}
*/
#sndMain h3 {
color:#0069c3;
font-size: 12pt;
border-bottom: 1px dotted #BBDDFF;
padding:2px 0px 0px 16px;
margin: 15px 0px 5px 5px;
background: url("/_common/themes/img/h3_b.png") no-repeat scroll 1px 1px transparent;
}


#sndMain li h3 {
 margin: 20px 0 5px;
 }




#sndMain li:first-child h3 { margin: 0 0 5px;}

#sndMain h4 { 
font-size: 11pt;
margin: 10px 0 3px 10px;
padding:0px 0px 0px 16px;
background: url("/_common/themes/img/arrow_blue.gif") no-repeat scroll 0px 1px transparent;
background-position: left center;
}




#sndMain.place h4 {
	display: block;
	background: #0069c3;
	color: #fff;
	margin: 20px 0 0;
	padding: 3px 10px;}

#sndMain.place table {
	font-size: 11pt;
	margin: 0 0 5px 10px;
	border-left: solid 2px #ccc;}
#sndMain.place td { width: 360px; vertical-align: top;}
#sndMain.place td:first-child { width: 90px; padding: 0 0 0 5px;}
#sndMain a {
	text-decoration: underline;
	padding: 0 5px 0 0;}
#sndMain li.mt10lsD {
	background: url(/_common/themes/img/second/mark.png) 0 8px no-repeat;
	padding: 0 0 0 12px;}
#sndMain li.mt10lsS {
	background: url(/_common/themes/img/second/mark2.png) 0 6px no-repeat;
	padding: 0 0 0 12px;}
#sndMain img { margin: 8px 8px 8px 0;}
#sndMain h4, #sndMain ul { clear: both;}
.contentArticleDoc .header {
	border-bottom: solid 1px #0069c3;
	margin: 0 0 15px; padding: 0 0 15px;}
.contentArticleDoc .back { margin: 30px 0 0;}
#question strong { display: block; margin: 10px 0 0; color: #0069c3;}
/* 5-2. menu area */
#sndMenu {
	float: left;
	width: 165px;}
#sndMenu a {
	background: #f2f2f2;
	display: block;
	padding: 10px;
	border-bottom: solid 3px #fff;}
#sndMenu a:hover, #sndMenu a.on {
	background: #999;
	color: #fff;
	text-decoration: none;}
#sndMenu a#smFist { background: url(/_common/themes/img/second/sndmenu.png) no-repeat;}
#sndMenu a#smFist:hover, #sndMenu a#smFist.on { background: url(/_common/themes/img/second/sndmenu.png) -165px 0 no-repeat;}
#sndMenu a#smLast { background: url(/_common/themes/img/second/sndmenu.png) bottom left no-repeat;}
#sndMenu a#smLast:hover, #sndMenu a#smLast.on  { background: url(/_common/themes/img/second/sndmenu.png) bottom right no-repeat;}
#sndMenu .under {
	background: #f2f2f2;
	border-bottom: solid 3px #fff;}
#sndMenu .under a { border-bottom: none;}
#sndMenu .under ul a {
	background: #ddd;
	margin: 0 0 0 12px;
	padding: 5px 10px;
	border-top: solid 1px #999;
	border-left: solid 1px #999;}
#sndMenu .under ul a:hover, #sndMenu .under ul a.on { background: #999;}
#sndMenu .underEnd {
	background: url(/_common/themes/img/second/sndmenu.png) bottom right no-repeat;
	border-bottom: none;}
#sndMenu .underEnd a#smLast { background: #f2f2f2;}
/* 5-3. second banner area */
#sndBnr {
	float: right;
	width: 200px;}
/* 5-4. news list page */
#newsList .contentArticleDoc {
	float: none;
	width: 650px;
	margin: 0;}
#newsList h2.date {
	font-size: 10pt;
	background: #0069c3;
	color: #fff;
	margin: 30px 0 5px; padding: 3px 10px;}
#newsList h2.date:first-child { margin: 10px 0 5px;}
#newsList2 .contentArticleDoc {
	float: none;
	width: 650px;
	margin: 0;}

/*#newsList2 h2 {
	margin: 50px 0 10px;
	font-size: 16pt;}
*/
	#newsList h2 {
border-width:  1px 1px 1px 3px;
border-style: solid;
border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(204, 204, 204) rgb(0, 105, 195) ;
padding: 5px 8px;
background: url("/_common/themes/img/h_b.png") repeat-x scroll left bottom rgb(255, 255, 255);
margin: 15px 0px 10px 0px;
text-shadow: 0px 1px 0px rgb(255, 255, 255);
border-radius: 3px 3px 3px 3px;
font-size: 14pt;
	
	}	


#newsList2 h2:first-child { margin: -5px 0 10px;}
#newsList2.place h2:first-child { margin: -5px 0 0;}
#newsList2 h3 {
	color: #0069c3;
	font-size: 13pt;
	font-weight: normal;
	margin: 10px 0 5px;}
#newsList2 li h3 { margin: 20px 0 5px;}
#newsList2 li:first-child h3 { margin: 0 0 5px;}
#newsList2 h4 { margin: 7px 0 0;}
#newsList2.place h4 {
	display: block;
	background: #0069c3;
	color: #fff;
	margin: 20px 0 0;
	padding: 3px 10px;}
/*#newsList h3 {
	color: #0069c3;
	font-size: 13pt;
	font-weight: normal;
	margin: 10px 0 5px;}
*/

#newsList h3 {
color:#0069c3;
font-size: 12pt;
border-bottom: 1px dotted #BBDDFF;
padding:2px 0px 0px 16px;
margin: 15px 0px 5px 5px;
background: url("/_common/themes/img/h3_b.png") no-repeat scroll 1px 1px transparent;
}
	

/*#newsList h3 { margin: 20px 0 5px;}
*/

#newsList li h3 {
 margin: 20px 0 5px;
 }
 
#newsList ul {
	margin-top: 10px;
	margin-bottom: 10px;
	}

#newsList ul li {
	list-style-type: square;
	margin-left: 10px;
	}

#newsList ol {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 25px;
	}

#newsList ol li {
	list-style-type: decimal;
	margin-left: 10px;
	}


#newsList li:first-child h3 { margin: 0 0 5px;}
/*#newsList h4 { margin: 7px 0 0;}*/

#newsList h4 { 
font-size: 11pt;
margin: 10px 0 3px 10px;
padding:0px 0px 0px 16px;
background: url("/_common/themes/img/arrow_blue.gif") no-repeat scroll 0px 1px transparent;
background-position: left center;
}


#newsList.place h4 {
	display: block;
	background: #0069c3;
	color: #fff;
	margin: 20px 0 0;
	padding: 3px 10px;}
.contentArticleDocs li { margin: 0 0 5px;}
.h2henkei h2 {
	padding: 0 0 0 8px;
	border-left: solid 7px #0069c3;}












/* 6. sitemap
/* -------------------- */
#sitemapLayout { margin: 20px 0 0;}
#sitemapLayout .fl { width: 320px;}
#sitemapLayout .fr {
	width: 320px;
	padding: 0 0 0 9px;
	border-left: solid 1px #ccc;}
#sitemapLayout div ul {
	border-bottom: solid 1px #ccc;
	padding: 10px 0;}
#sitemapLayout div ul:first-child { border-top: solid 1px #ccc;}
#sitemapLayout a {
	background: url(/_common/themes/img/second/mark.png) 0 8px no-repeat;
	padding: 0 0 0 12px;}
#sitemapLayout strong a { background: none; padding: 0;}


/* 7. google search
/* -------------------- */
#wrapper #gsc-iw-id1 { border: none;}
#wrapper .form.gsc-search-box { font-size: 9pt;}
#wrapper .gsc-input { padding: 0; vertical-align: top;}
#wrapper #gsc-iw-id1 { background: none; height: 20px;}
#wrapper #gs_tti0 { padding: 2px 0 0;}
#wrapper td.gsc-search-button { margin: 0; padding: 0; width: 49px; height: 20px;}
#wrapper input.gsc-search-button { margin: -1px 0 0; padding: 4px 18px; width: 13px; height: 13px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}


/* 20. google maps api version 3 */
#map_canvas { width: 100%; height: 400px;}


/* 100. Class List
/* -------------------- */
.fl { float: left;}
.fr { float: right;}
.cb { clear: both;}
.back a {
	text-align: center;
	text-decoration: none;
	display: block;
	width: 100px;
	border: solid 1px #ccc;}
.back a:hover {
	background: #ccc;
	display: block;
	width: 100px;
	border: solid 1px #ccc;}

.body p {
	margin-left: 10px;
}

.body ul {
	margin-left: 20px;
}

.body li {
	list-style-type: square;
	margin-left: 15px;
}

.body #subNav li {
	list-style-type: none;
	margin-left: 10px;
}


.body #sitemapLayout li {
	list-style-type: none;
	margin-left: 10px;
}

.body dl {
	margin-left: 15px;
}
.body dt {
	font-weight: bold;
	margin-top: 10px;

}

.body dd {
	margin-left: 10px;
}


.body a {
	text-decoration: underline;
	color: #0069C3;
}

.body a:link {
	text-decoration: underline;
	color: #0069C3;
}

.body a:visited {
	text-decoration: underline;
	color: #0069C3;
}

.body a:hover {
	text-decoration: underline;
	color: #333;
}

.body a:active {
	text-decoration: none;
	color: #333;
}

#sndMain .headerline {
	border-bottom: 1px solid #06C;
	border-left: 5px solid #06C;
	padding: 2px 5px;
	margin: 10px 0px 10px 10px;
	background-image: none;
}

.dotttedborder {
	border: 1px dotted #999999;
}

.body .clear_liststyle{
	margin-left: 5px;
}

.body .clear_liststyle li{
	list-style-type: none;
	margin-left: 0px;
}