@charset "Shift_JIS";/* エスケープ */


/*コンテンツ領域980px
----------------------------------------------------------------------*/


#ContentsArea{
	width:980px;
	margin:0px auto;
	font-size:80%;
}

	/*トップページレイアウト*/
	
	div.ServiceArea{
		width:980px;
	}
		div.ServiceArea div.ContentArea{
			width:705px;
			float:left;
		}
			div.ServiceArea div.ContentArea div.ServiceButtonArea{
				width:672px;
				margin:0 auto 0;
			}
				div.ServiceArea div.ContentArea div.ServiceButtonArea div.Left{
					width:214px;
					height:54px;
					background-image:url(../img/menu/bs_back.png);
					float:left;
					margin:10px 15px 10px 0;
				}
				div.ServiceArea div.ContentArea div.ServiceButtonArea div.Right{
					width:214px;
					height:54px;
					background-image:url(../img/menu/bs_back.png);
					float:right;
					margin:10px 0 10px 0;
				}
			div.ServiceArea div.ContentArea div.ServiceButtonArea2Line{
				width:672px;
				margin:0 auto 15px;
			}
				div.ServiceArea div.ContentArea div.ServiceButtonArea2Line div.Left{
					width:214px;
					height:54px;
					background-image:url(../img/menu/bs_back.png);
					float:left;
					margin:0 15px 15px 0;
				}
				div.ServiceArea div.ContentArea div.ServiceButtonArea2Line div.Right{
					width:214px;
					height:54px;
					background-image:url(../img/menu/bs_back.png);
					float:right;
					margin:0 0 15px 0;
				}
			div.ServiceArea div.ContentArea div.CategoryArea{
				width:645px;
				background-color:#e3f7cd;
				padding:15px 30px 15px 30px;
				margin:0 0 15px 0;
			}
				div.ServiceArea div.ContentArea div.CategoryArea div.Left{
						width:304px;
						height:152px;
						float:left;
				}
				div.ServiceArea div.ContentArea div.CategoryArea div.Right{
						width:304px;
						height:152px;
						float:right;
				}
				div.ServiceArea div.ContentArea div.CategoryArea div.Button{
					background:url(../img/menu/bc_back.png) left bottom no-repeat;
					white-space:304px;
					height:102px;
				}
				div.ServiceArea div.ContentArea div.CategoryArea p.Attention{
					font-weight:bold;
					font-size:110%;
					margin-left:0.5em;
					text-indent:-0.5em;
				}
				div.ServiceArea div.ContentArea div.CategoryArea div.CategryC{
					background-color:#FBE2E9;
					padding:8px;
					color:#FF0000;
					margin:8px 0 0 0;
					font-size:100%;
				}		
				ol.Support{
					list-style-type:none;
					margin:8px 0 0 0;
					font-size:100%;
				}
					ol.Support li{
						float:left;	
						margin:0 40px 0 0;
					}
					ol.Support li img{
						vertical-align:middle;
						margin:0 5px 0 0;
					}
		
		div.ServiceArea div.MenuArea{
			width:210px;
			background:#e6e6e6;
			float:right;
			text-align:center;
			padding:12px 15px 18px;
		}
			div.ServiceArea div.MenuArea div.MenuButton{
					background:url(../img/menu/bm_back.png) left bottom no-repeat;
					width:209;
					height:55px;
					margin:15px 0 0 0;
			}
		
		#InfoArea{
			margin:20px 0 15px 0;
			font-size:100%;
		}
		#InfoArea dt {
			clear:left;
			float:left;
		}
		#InfoArea dt span.date {
			margin-right:1em;
		}
			
		
	
	/*2階層目レイアウト*/
	
		div.ServiceArea div.SubMenuArea{
			width:185px;
			float:left;
		}
		div.ServiceArea div.MainContentArea{
			width:780px;
			float:right;
		}
		
	/*iFrameレイアウト*/
	
	div.iFrameMainContentArea{
		font-size:80%;
	}
	
	div.Width780{
		width:780px;
		padding:20px 0;
	}
		

/*タイトル・見出し
----------------------------------------------------------------------*/

h1{
	margin:10px 0 10px 0;
}
h2.Widhth780{
	width:740px;
	height:43px;
	background-image:url(../img/h2_back780.png);
	font-size:113%;
	font-weight:bold;
	padding:8px 15px 5px 25px;
}
h3 {
	background:url(../img/h3_back.png) left top no-repeat;
	margin-top:20px;
	margin-bottom:20px;
	font-size:110%;
	font-weight:bold;
	zoom: 1; /* 【IE対策】印刷非表示バグ解決 */
}

h3 span {
display:block;
background: url(../img/h3_bottom.png) left bottom no-repeat;
padding:8px 10px 8px 20px;
zoom: 1;
}

h3 span.iFrame{
	color:#333333;
}

h4 {
	border-bottom:#50C935 solid 1px;
	margin-top:10px;
	margin-bottom:10px;
	padding:0 0 5px 5px;
	font-size:100%;
	font-weight:bold;
}

/*トップページお知らせ用*/
#InfoArea div.TitleLeft{
	width:775px;
	height:43px;
	background:url(../img/h2_back980.png) left top no-repeat;;
	font-size:115%;
	font-weight:bold;
	padding:8px 15px 5px 25px;
	float:left;
}
#InfoArea div.TitleRight{
	width:135px;
	height:43px;
	background:url(../img/h2_back980.png) right top no-repeat;;
	font-size:100%;
	padding:10px 15px 5px 15px;
	text-align:right;
	float:right;
}
	#InfoArea div.TitleRight a{
		background:url(../img/arrow1.gif) left 7px no-repeat;
		padding:0 0 0 15px;
		font-size:100%;
	}


/*左メニュー
----------------------------------------------------------------------*/

/* サイドメニュー全体 ----- */
div.SubMenuArea {
float:left;
width:185px;
background:url(../img/sidemenu/bg_top.gif) left top no-repeat;
font-size:108%;
}
div.SubMenuArea div.sidemenu_wrap1 {
margin:0 4px;
padding-bottom:10px;
background:#FFFFFF url(../img/sidemenu/bg_btm.gif) center bottom no-repeat;
}
div.SubMenuArea div.sidemenu_wrap2 {
border-left:#EFEFEF solid 1px;
border-right:#EFEFEF solid 1px;
}

/* タイトル部分 ----- */
div.SubMenuArea p {
margin:5px 5px 0 5px;
}

/* メニュー1階層目 ----- */
div.SubMenuArea ul {
margin:0 5px;
}
div.SubMenuArea ul li {
background:url(../img/sidemenu/arrow1.gif) 5px 15px no-repeat;
padding:10px 0px 10px 15px;
border-top:#CCCCCC solid 1px;
height:100%;/* 【IE対策】リスト入れ子3階層目表示時、不要な背景画像やボーダーが表示されてしまうのを防ぐ */
}
div.SubMenuArea ul li#sidemenu_first {
border-top:none;
}
div.SubMenuArea ul li.selected {/* 選択中メニュー */
background-color:#FFFFCC;/* 選択中メニューの背景色 */
}
div.SubMenuArea ul li.selected div {/* 選択中メニューの子メニューに、色がつかないようにする */
background-color:#ffffff;
margin-left:-15px;
padding-left:15px;
}

/* メニュー2階層目 ----- */
div.SubMenuArea ul ul {
margin:0;
margin-top:10px;
margin-bottom:-10px;/* 親liの下余白相殺 */
}
div.SubMenuArea ul ul li {
background:url(../img/sidemenu/arrow2.gif) 5px 12px no-repeat;
padding:7px 0 7px 15px;
border-top:#CCCCCC dashed 1px;
font-size:95%;
}

/* メニュー3階層目 ----- */
div.SubMenuArea ul ul ul {
margin-bottom:-7px;/* 親liの下余白相殺 */
}
div.SubMenuArea ul ul ul li {
background:url(../img/sidemenu/arrow2.gif) 5px 12px no-repeat;
padding:7px 0 7px 15px;
border-top:#CCCCCC dashed 1px;
font-size:95%;
}

/* 非アクティブメニューの子メニューを非表示 ----- */
div.SubMenuArea ul li.notselected div {
display:none;
}
/* アクティブメニューの親メニューを表示 ----- */
div.SubMenuArea ul li.parent {
background-color:#ffffff;
}

/*囲い
----------------------------------------------------------------------*/
.BoxLink {
	background: #FFFFFF url(../img/bg_gradation1.gif) left top repeat-x;
	border:#C0C0C0 solid 1px;
	padding:10px 12px;
	margin-bottom:5px;
}

/*ページトップ
----------------------------------------------------------------------*/
div.PageTop {
	width:982px;
	margin:20px auto 15px;
	text-align:right;
	font-size:90%;
}
div.PageTop a {
	background:url(../img/pagetop.gif) left 3px no-repeat;
	padding:0 0 0 20px;
}

/*フォント
----------------------------------------------------------------------*/

.FontRed{
	color:red;
}
.FontBold{
	font-weight:bold;
	font-size:100%;
}
div.ContentCenter{
	text-align:center;
}
div.Font95{
	font-size:95%;
}
p.Attention{
	margin-left:0.5em;
	text-indent:-0.5em;
}


/*サービスイメージ
----------------------------------------------------------------------*/

img.ServiceImage{
	margin:0 0 10px 0;	
}

/*番号イメージ
----------------------------------------------------------------------*/

img.num{
	vertical-align:middle;
	margin:0 10px 0 0;
}

/*リンクアイコン
----------------------------------------------------------------------*/
/*
a[href^="http://"]{
	padding: 5px 20px 5px 0px;
	margin-top:10px;
	margin-right:5px;
	background:transparent url(../img/i_blank.png) no-repeat center right;
}
*/

a.IconNone{
	padding: 5px 0px 5px 0px;
	margin-top:10px;
	background:none;
}

/*矢印*/

/* 他ページへのリンク（大きいアイコン右向き）
--------------------------*/
#ContentsArea p.Link,
#ContentsArea ul.Link li,
#ContentsArea ol.Link li,
#ContentsArea li.Link,
#ContentsArea a.Link {
background: url(../img/arrow1.gif) left 5px no-repeat;
padding-left:15px;
zoom: 1; /* 【IE対策】印刷非表示バグ解決 */
}

/* 他ページへのリンク（小さいアイコン右向き）
--------------------------*/
#ContentsArea p.Link2,
#ContentsArea ul.Link2 li,
#ContentsArea ol.Link2 li,
#ContentsArea li.Link2,
#ContentsArea a.Link2 {
background: url(../img/arrow2.gif) left 5px no-repeat;
padding-left:13px;
zoom: 1; /* 【IE対策】印刷非表示バグ解決 */
}

/*リスト
----------------------------------------------------------------------*/

/* 番号リスト1桁-----------------*/
#ContentsArea ol.default {
margin-left:2em;/*1桁まで対応*/
list-style-type:decimal;
}
/* 番号リスト2桁-----------------*/
#ContentsArea ol.default2 {
margin-left:2.5em;/*2桁まで対応*/
list-style-type:decimal;
}
/* 順不同リスト-----------------*/
#ContentsArea ul.default {
margin-left:1.5em;
list-style-type:disc;
}

/*テーブル
----------------------------------------------------------------------*/
table {
	border:#C0C0C0 solid 1px;
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
	margin-bottom:5px;
	font-size:95%;
}
	table.Width780{
		width:780px;
		font-size:95%;	
	}
th {
	background-color:#999999;
	border:#C0C0C0 solid 1px;
	padding:7px 7px;
	color:#FFFFFF;
	text-align:center;
}
th.Widht186{
	width:186px;
}
td {
	border:#C0C0C0 solid 1px;
	padding:7px 7px;
	background-color:#F4F4F4;
}
td.Widht184{
	width:184px;
}
td.th2 {/* 薄いグレーの背景色 */
	background-color:#F4F4F4;
}

/* ToolTips
----------------------------------------------------------------------*/

a.tooltip:hover {
     background: #ffffff;
     text-decoration: none;
}
a.tooltip span {
     display: none;
     padding: 8px;
     font-size: 12px;
     margin-left: 8px;
     line-height: 1.6;
}
a.tooltip:hover span{
     display: inline;
     position: absolute;
     background-color: #333333;
     border: 1px solid #333333;
     color: #fff;
     width: 350px;
}

/* Clear
----------------------------------------------------------------------*/

.Clear {
	clear: both;
}


.ClearFix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.ClearFix { display: inline-table; }

/* Hides from IE-mac \*/
* html .ClearFix { height: 1%; }
.ClearFix { display: block; }
/* End hide from IE-mac */