@charset "utf-8";
/*--------------------------------------
基礎設定
---------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
}

/*-----------------------------------------------------
Yahoo UI Library FontSize Adjustment

Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.1
build: 47

10px = 77%	 11px = 85%	 12px = 93%	 13px = 100%
14px = 108%	15px = 116%	16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%	23px = 174%	24px = 182%	25px = 189%
26px = 197%
------------------------------------------------------*/

body{font:13px/1.231 "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;*FontSize:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{FontSize:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*FontSize:108%;line-height:100%;}


body {
	text-align: center;
	line-height: 1.5;
	color: #333333;
}

ul,ol,li {
	list-style-type: none;
}

img{
	vertical-align: bottom;
	border-style: none;
}

a:link , a:visited {
	color: #2a70a7;
	text-decoration: none;
}

a:hover {
	color: #FF6600;
	text-decoration: none;
}

.clearfix{ /zoom : 1; }
.clearfix:after{ content : ''; display : block; clear : both; }

#search iframe {
	width: 600px;
}

/*--------------------------------------
ヘッダー
---------------------------------------*/
#HeaderWrapper {
	background: #e4eaef url(../images/bg_header.gif) left bottom repeat-x;
	margin-bottom: 15px;
}

#Header {
	position: relative;
	text-align: left;
	width: 940px;
	margin: 0 auto;
	padding-top: 13px;
}

#Header #Catch {
	color: #666666;
	FontSize: 108%;
	margin-bottom: 13px;
}

#Logo {
	padding-bottom: 13px;
}


/*--------------------------------------
文字サイズ変更
---------------------------------------*/
#TxtSizeWrapper {
	width: 186px;
	position: absolute;
	top: 13px;
	right: 0px;
}

* html #TxtSizeWrapper {
	width: 198px;
}

#TxtSizeTitle {
	float: left;
	width: 84px;
	margin-right: 8px;
}

#TxtSizeWrapper ul li {
	float: left;
}

#TxtSizeWrapper a {
	height: 22px;
/*	width: 22px;*/
	display: block;
	float: left;
	text-indent: -99999px;
	margin-right: 4px;
}

#Header #TxtSizeWrapper #FontM a {
	height: 22px;
	width: 37px;
}


/*--------------------------------------
検索
---------------------------------------*/
#SearchWrapper {
	position: absolute;
	top: 47px;
	right: 0px;
}

#searchbox {
	width: 146px;
	margin-right: 8px;
}


/*--------------------------------------
グローバルナビ
---------------------------------------*/
#Gnavi ul {
	width: 940px;
	height: 56px;
	clear: both;
}

#Gnavi li {
	float: left;
	width: 188px;
}


/*--------------------------------------
パンくず
---------------------------------------*/
#Topicpath {
	clear: both;
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	text-align: left;
	line-height: 1.4;
}

/*--------------------------------------
お問い合わせバナー
---------------------------------------*/

#InfoArea {
	width: 660px;
	position: relative;
	margin-bottom: 15px;
	clear: both;
}


#InfoArea p {
	position: absolute;
	top: 43px;
	right: 20px;
}


/*--------------------------------------
コンテンツ
---------------------------------------*/
#MainImage {
	margin-bottom: 20px;
}

#Container {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

#Contents {
	float: right;
	width: 700px;
	text-align: left;
}


#ContentsBox{
    width: 690px;
	padding: 4px;
    background-color: #f4f4f4;
    border: 1px solid #cccccc;
}

#ContentsBox {
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	behavior: url(/common/css/ie-css3.htc);
}

#ContentsBox {
    >width: 692px;
}

#ContentsInner {
	width: 675px;
	padding: 15px 0 5px 15px;
	background-color: #FFFFFF;
}

#ContentsInner h2 {
	margin-bottom: 20px;
}


#TopNewsList {
	width: 660px;
}

.SubcatBox {
	position: relative;
	width: 610px;
	margin-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
}

.TextWrap {
	padding: 0px 10px;
}

.TextInner {
	width: 580px;
	margin-left: auto;
	margin-right: auto;
}
/*---------------------------
見出し
-----------------------------*/

#ContentsInner h3 {
	font-size: 123.1%;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 2px;
	padding-bottom: 8px;
	padding-left: 13px;
	background-image: url(../images/h3_back.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#ContentsInner h4 {
	background-color: #2a70a7;
	color: #FFFFFF;
	font-size: 123.1%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}

/*#ContentsInner h3 p {
	border-left: 6px solid #cc0000;
	padding-left: 7px;
}*/


/*--------------------------------------
ページの先頭へ
---------------------------------------*/
.pageup a {
	line-height: 1.2;
	background: url(../images/bullet_pagetop.gif) 0 0 no-repeat;
	padding-left: 15px;
}
.pageup {
	text-align: right;
	clear: both;
	margin-top: 10px;
	margin-bottom: 20px;
}


/*--------------------------------------
サイドナビ
---------------------------------------*/
#SideNavi {
	float: left;
	width: 225px;
	text-align: left;
}

#SearchHeat {
	height: 152px;
	margin-bottom: 15px;
	background: url(../images/bg_serarc_heat.gif) 0 35px no-repeat;
}

#SearchHeat ul {
	width: 200px;
	background-color: #FFFFFF;
	margin-left: 5px;
}

#SearchHeat ul li {
	float: left;
}

#SearchHeat #HeatCelectBox {
	background-color: #FFFFFF;
	margin-right: 9px;
	margin-left: 9px;
	text-align: center;
	width: 205px;
	overflow: hidden;
}

#SearchHeat #HeatCelectBox .HeatCelect {
	clear: both;
}



#SideNaviBox{
    width: 214px;
	margin-bottom: 15px;
	padding: 4px;
    background-color: #f4f4f4;
    border: 1px solid #cccccc;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  	behavior: url(/common/css/ie-css3.htc);
}

#SideNaviBox {
    >width: 216px;
}

#SideNaviInner {
	width: 213px;
	padding: 1px;
	background-color: #FFFFFF;
}

#SideNaviInner ul {
	width: 213px;
}

#SideNaviInner ul li {
	border-bottom: 1px solid #cccccc;
	background-color: #FFFFFF;
	background-image: url(../images/bullet_sidenavi.gif);
	background-repeat: no-repeat;
	background-position: 10px 1.1em;
}

#SideNaviInner ul li a {
	display: block;
	padding: 12px 8px 12px 30px;
}

#SideNaviInner ul li.lastChild a {
	_padding-bottom: 0px;
}

#SideNaviInner ul li.lastChild {
	border-bottom: none;
}

#SideNaviInner ul li ul li {
	background-color: #FFFFFF;
	background-image: url(../images/bullet_sidenavi02.gif);
	background-repeat: no-repeat;
	background-position: 30px 1.4em;
}

#SideNaviInner ul li ul li a {
	display: block;
	padding: 12px 8px 12px 40px;
}

#SideNaviInner ul li ul li a:hover {
	background: #eff9fd url(../images/bullet_sidenavi02_on.gif) 30px 1.4em no-repeat;
}

#SideNaviInner ul li ul li.firstChild {
	border-top: 1px solid #cccccc;
}

#SideNaviInner ul li ul li.last-Child {
	border-top: 1px solid #cccccc;
}

#SideNaviInner ul li a:hover , #SideNaviInner ul li.now  {
	background: #eff9fd url(../images/bullet_sidenavi_on.gif) 10px 1.1em no-repeat;
}

#SideNaviInner ul li.now ul li {
	background: #eff9fd url(../images/bullet_sidenavi02_on.gif) 30px 1.4em no-repeat;
}

/*--------------------------------------
フッターリンク
---------------------------------------*/
#LinkFooterWrapper {
	width: 100%;
	background: #e4eaef url(../images/bg_footerlink.gif) top left repeat-x;
}

#LinkFooter {
	width: 940px;
	margin: 0 auto;
	padding: 18px 0;
	text-align: left;
}

#LinkFooterLeft {
	float: left;
	width: 220px;
	margin-right: 20px;
}

#LinkFooterCenter {
	float: left;
	width: 460px;
	margin-right: 20px;
}

#LinkFooterRight {
	float: left;
	width: 220px;
}

#LinkFooter h3 {
	border-bottom: 2px solid #6a6a6a;
	margin-bottom: 8px;
}

#LinkFooter ul {
	margin-bottom: 10px;
}

#LinkFooter ul li {
	float: left;
	width: 208px;
	padding: 3px 0 3px 12px;
	border-bottom: 1px dotted #999999;
	background: url(../images/bullet_red.gif) left center no-repeat;
}

#LinkFooter #LinkFooterCenter ul {
	width: 220px;
	float: left;
}


/*--------------------------------------
フッター
---------------------------------------*/
#FooterWrapper {
	color: #FFFFFF;
	width: 100%;
	padding: 15px 0 45px;
	background-color: #000055;
	border-top: 2px solid #cc0000;
}

#FooterWrapper a {
	color: #FFFFFF;
}

#Footer {
	text-align: left;
	width: 940px;
	margin: 0 auto;
}

#Footer h4 {
	margin-bottom: 12px;
}

#FooterLeft {
	float: left;
	width: 540px;
}

#FooterRight {
	float: right;
	width: 400px;
	text-align: right;
}


/*--------------------------------------
汎用class
---------------------------------------*/
.margin0 { margin: 0; }

.margin-t5 { margin-top: 5px; }
.margin-t10 { margin-top: 10px; }
.margin-t15 { margin-top: 15px; }
.margin-t20 { margin-top: 20px; }
.margin-t25 { margin-top: 25px; }
.margin-t30 { margin-top: 30px; }

.margin-b5 { margin-bottom: 5px; }
.margin-b10 { margin-bottom: 10px; }
.margin-b15 { margin-bottom: 15px; }
.margin-b20 { margin-bottom: 20px; }
.margin-b25 { margin-bottom: 25px; }
.margin-b30 { margin-bottom: 30px; }
.margin-b35 { margin-bottom: 35px; }
.margin-b40 { margin-bottom: 40px; }
.margin-b50 { margin-bottom: 50px; }

.margin-r5 { margin-right: 5px; }
.margin-r10 { margin-right: 10px; }
.margin-r15 { margin-right: 15px; }
.margin-r20 { margin-right: 20px; }
.margin-r25 { margin-right: 25px; }
.margin-r30 { margin-right: 30px; }

.margin-l5 { margin-left: 5px; }
.margin-l10 { margin-left: 10px; }
.margin-l15 { margin-left: 15px; }
.margin-l20 { margin-left: 20px; }
.margin-l25 { margin-left: 25px; }
.margin-l30 { margin-left: 30px; }

.txt-left { text-align: left }
.txt-right { text-align: right }
.txt-center { text-align: center }

.font-bold { font-weight: bold; }

.font-Red { color: #FF0000; }
.font-Blue { color: #3780d9; }
.font-Green { color: #2eac1d; }
.font-Orange { color: #f98c22; }

.float-l {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.float-r { float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.float_clear {
	clear: both;
}

.default_TBL {
	border-collapse:collapse;
	border-spacing:0;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}

.default_TBL td , .default_TBL th {
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.default_TBL th {
	font-weight: normal;
	text-align: left;
	background-color: #F3F3F3;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
}

ol li {
	list-style-type: decimal;
}
ol {
	margin-left: 25px;
}