@charset   "UTF-8";
* {
 TEXT-ALIGN: left;
 PADDING-BOTTOM: 0px;
 MARGIN: 0px;
 PADDING-LEFT: 0px;
 PADDING-RIGHT: 0px;
 FONT-FAMILY: "ＭＳ Ｐゴシック", "メイリオ", Meiryo, "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
 COLOR: #333333;
 PADDING-TOP: 0px;

}
BODY {
	BACKGROUND-COLOR: #eaf4f4;
	FONT-SIZE: 13px
;

}
IMG {
	BORDER-BOTTOM: 0px;
 BORDER-LEFT: 0px;
 BORDER-TOP: 0px;
 BORDER-RIGHT: 0px
;

}
LI {
/*	LIST-STYLE-TYPE: none;
*/
}
INPUT {
	PADDING-BOTTOM: 1px;
 PADDING-LEFT: 1px;
 PADDING-RIGHT: 1px;
 PADDING-TOP: 1px
;

}

DIV#container {
	
}
H1 {
	PADDING-BOTTOM: 0px;
 MARGIN: 0px 0px 0px 10px;
 PADDING-LEFT: 0px;
 PADDING-RIGHT: 0px;
 PADDING-TOP: 15px
;

}
H2 {
	MARGIN: 0px
;

}
div#tHeader {
 MIN-WIDTH: 800px;
 background : blue;
 background-repeat : repeat-x;
 background-position : left top;
 HEIGHT: 93px;
 FONT-SIZE: 75%;
 top:0;
}

/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
/*icon-画面大外枠*/
/*--------------------------------------------------------*/
div#Main{
 HEIGHT: 72px;
 width: 100%;
 text-align:center;
}
/*--------------------------------------------------------*/
/*NaviHeader*/
/*--------------------------------------------------------*/
/*ロゴ*/
.index_logo_text{
  color:#0099cc;
  font-size:16pt;
  font-weight:bold;
  font-family:"M PLUS Rounded 1c";
  margin-top:-6px;
  margin-left:2px;
}
/*icon-ヘッダ大外枠*/
div#TopMenu1{
  top:0;
  position:fixed;/*スクロール固定*/
  width:100%;
  height:72px;/*要スクロール固定*/
  background : #fff;
  z-index:100;/*要スクロール固定*/
}
div#TopMenu2{
  position : relative;
  text-align:left;
  height:72px;/*同時に指定する.flexクラスに必要、#TopMenu1と同値*/
  padding-left:20px;
  padding-right:50px;
  padding-bottom:10px;
}
div#TopMenu2 ul{
  list-style: none;
  cursor:pointer;
}
div#TopMenu2 ul li{
  cursor:pointer;
  list-style-type: none;
  margin-left:4px;
  width:110px;
  text-align:center;
  color: #2e2e2e;
  font-size:12pt;
  font-weight: 500;
  border-bottom: solid 4px #efefef;
  transition: border-bottom 800ms;
  color: #000;
  padding-bottom:5px;
}
/* 1) li:hover時に、li下部境界線を変更 */
div#TopMenu2 li:hover {
  transition: border-bottom 800ms;
  border-bottom: solid 4px #0099cc;
}
/* 2) li:hover時に、li内子要素のaのテキストを変更 */
/* 疑似クラスmenu01～menu07を指定して連動させる */
div#TopMenu2 li:hover .a_menu_txt{
	transition: font-weight 800ms, color 800ms;
	font-weight: 800;
	color: #0099cc;
}

div#TopMenu2 a,div#TopMenu2 a:hover,div#TopMenu2 a:link,div#TopMenu2 a:visited {
  /* a の文字部分の余白でジャンプしなかったので下記修正 */
  display:inline-block;
  width:100%;

  cursor:pointer;
  text-decoration: none;
  outline: 0;
  text-align:center;
}

/*--------------------------------------------------------*/
/*Msg*/
/*--------------------------------------------------------*/
div.MsgAll{
	width:100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top:10px;
	padding-bottom:10px;
}
div.MsgArea{
	padding:30px;
	width:auto;
	/*paddingがwidthを広げぬ様設定*/
	box-sizing:border-box;
	
	background:#fff;
	margin-top:100px;
	margin-left: 20px;
	margin-right: 20px;
	align-items: center;
	justify-content: center;
	font-size:180%;
	line-height:1.5;
	text-align:center;
	color: #000;

	
}


/*--------------------------------------------------------*/
/*NewsList2*/
/*--------------------------------------------------------*/
div#NewsAll2{
	margin-top:50px;
	width:100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top:10px;
	padding-bottom:10px;
}
div#NewsArea2{
	width:95%;
	background:#fff;
	margin: 0;
}
/*お知らせタイトル*/
div#NewsTitleArea2{
	width:100%;
	margin: 0;
	text-align:center !important;
	color: #2e2e2e;
	font-size:18pt;
	font-weight:bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
div#NewsTitle2{
	/*フォントサイズをJSで変更するためのダミーdiv*/
	/*font-size:50%;等*/
}
/*お知らせリスト*/
div#NewsListArea2{
	width:100%;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align:center;
	font-size:12pt;
	
}
div#NewsList2{
	width:95%;
	/*フォントサイズをJSで変更するためのダミーdiv*/
	/*font-size:50%;等*/
}
div#NewsList2 ul{
	list-style: none;
	cursor:pointer;
	/*flex親コンテナ*/
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: center;

}
div#NewsList2 li{
	/*height:40px;*/
	/*文字中央揃えの為*/
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top:5px;
	padding-bottom:5px;
	border: solid 5px #999;
	border-radius: 10px;

	/*パネル*/
	width:200px;
	height:200px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:25px;
	/*padding値を与えるとパネル内でclickに反応しない箇所ができるので==0*/
	padding:0px;

	/* .flex_center(子)*/
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    text-align:center;



}

/*
ul li:nth-child(even){
	background-color: #efefef;
	border-bottom: solid 2px #d9d9d9;
}
*/
/* 1) li:hover時に、li境界線変更 */
div#NewsList2 li:hover {
	background:#fff;
	border: solid 5px #0099cc;
	transition: border 800ms;
}
/* 2) li;hover時に、子要素のaを変更 */
/*liの子供要素をhover連動*/
/*クラスを作る必要あり*/
div#NewsList2 li:hover .a_txt {
	color: #0099cc;/*#2e2e2e*/
	transition: color 800ms;
}
/* 3) li;hover時に、子要素のimgを変更 */
div#NewsList2 li:hover .a_img01 {background-image:url("../news/news_news_on.png");	transition: background-image 800ms;}
div#NewsList2 li:hover .a_img02 {background-image:url("../news/news_cpp_on.png");	transition: background-image 800ms;}
div#NewsList2 li:hover .a_img03 {background-image:url("../news/news_face_on.png");	transition: background-image 800ms;}
div#NewsList2 li:hover .a_img04 {background-image:url("../news/news_cash_on.png");	transition: background-image 800ms;}
div#NewsList2 li:hover .a_img05 {background-image:url("../news/news_time_on.png");	transition: background-image 800ms;}
div#NewsList2 li:hover .a_img06 {background-image:url("../news/news_layout_on.png");	transition: background-image 800ms;}
div#NewsList2 li:hover .a_img07 {background-image:url("../news/news_ethte_on.png");	transition: background-image 800ms;}
div#NewsList2 li:hover .a_img08 {background-image:url("../news/news_hair2_on.png");	transition: background-image 800ms;}
div#NewsList2 li:hover .a_img09 {background-image:url("../news/news_nail_on.png");	transition: background-image 800ms;}
div#NewsList2 li:hover .a_img10 {background-image:url("../news/news_corp2_on.png");	transition: background-image 800ms;}
div#NewsList2 li:hover .a_img11 {background-image:url("../news/news_hdd_on.png");	transition: background-image 800ms;}
div#NewsList2 li:hover .a_img12 {background-image:url("../news/news_danti2_on.png");	transition: background-image 800ms;}

/*このcssから見て*/
.a_img01 {height:80px;	background-image:url("../news/news_news_off.png");	background-repeat:no-repeat;	background-position:center 10px;}
.a_img02 {height:80px;	background-image:url("../news/news_cpp_off.png");	background-repeat:no-repeat;	background-position:center 10px;}
.a_img03 {height:80px;	background-image:url("../news/news_face_off.png");	background-repeat:no-repeat;	background-position:center 10px;}
.a_img04 {height:80px;	background-image:url("../news/news_cash_off.png");	background-repeat:no-repeat;	background-position:center 10px;}
.a_img05 {height:80px;	background-image:url("../news/news_time_off.png");	background-repeat:no-repeat;	background-position:center 10px;}
.a_img06 {height:80px;	background-image:url("../news/news_layout_off.png");	background-repeat:no-repeat;	background-position:center 10px;}
.a_img07 {height:80px;	background-image:url("../news/news_ethte_off.png");	background-repeat:no-repeat;	background-position:center 10px;}
.a_img08 {height:80px;	background-image:url("../news/news_hair2_off.png");	background-repeat:no-repeat;	background-position:center 10px;}
.a_img09 {height:80px;	background-image:url("../news/news_nail_off.png");	background-repeat:no-repeat;	background-position:center 10px;}
.a_img10 {height:80px;	background-image:url("../news/news_corp2_off.png");	background-repeat:no-repeat;	background-position:center 10px;}
.a_img11 {height:80px;	background-image:url("../news/news_hdd_off.png");	background-repeat:no-repeat;	background-position:center 10px;}
.a_img12 {height:80px;	background-image:url("../news/news_danti2_off.png");	background-repeat:no-repeat;	background-position:center 10px;}


.a_txt {
	margin-top:125px;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	color:#666;
	text-align:center;
	line-height:30px;
}



div#NewsList2 a{
	display: block;
}

div#NewsList2 a
,div#NewsList2 a:active
,div#NewsList2 a:hover
,div#NewsList2 a:link
,div#NewsList2 a:visited{
	display:block;
	width:100%;
	color: #ccc;
	/*background:#ff0;*/
	text-decoration: none;
	cursor:pointer;
	outline: 0;
}
/*↓↓↓↓動作しないので親要素hoverに記述*/
,div#NewsList2 a:hover{
}

.img_news_news {
	background-image: url("../iclib/news/news_news_off.png");
	background-repeat: no-repeat;
	background-position: center top;
}

/*--------------------------------------------------------*/
/*NewsList*/
/*--------------------------------------------------------*/
div#NewsAll{
	margin-top:50px;
	width:100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top:10px;
	padding-bottom:10px;
}
div#NewsArea{
	width:1000px;
	background:#fff;
	margin: 0;
}
/*お知らせタイトル*/
div#NewsTitleArea{
	width:100%;
	margin: 0;
	text-align:center !important;
	color: #2e2e2e;
	font-size:16pt;
	font-weight:bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
div#NewsTitle{
	/*フォントサイズをJSで変更するためのダミーdiv*/
	/*font-size:50%;等*/
}
/*お知らせリスト*/
div#NewsListArea{
	width:100%;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align:center;
	font-size:12pt;
	
}
div#NewsList{
	width:800px;
	/*フォントサイズをJSで変更するためのダミーdiv*/
	/*font-size:50%;等*/
}
div#NewsList ul{
	list-style: none;
	cursor:pointer;
}
div#NewsList li{
	/*height:40px;*/
	/*文字中央揃えの為*/
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top:5px;
	padding-bottom:5px;

	border-bottom: solid 2px #d9d9d9;
}
/*
ul li:nth-child(even){
	background-color: #efefef;
	border-bottom: solid 2px #d9d9d9;
}
*/
div#NewsList li:hover {
	background:#ccc;
	border-bottom: solid 2px #0099cc;
	transition: border-bottom 800ms;
}

div#NewsList a{
	display: block;
}

div#NewsList a
,div#NewsList a:active
,div#NewsList a:hover
,div#NewsList a:link
,div#NewsList a:visited{
	color: #2e2e2e;
	text-decoration: none;
	cursor:pointer;
	outline: 0;
}

,div#NewsList a:hover{
}

/*--------------------------------------------------------*/
/*Footer*/
/*--------------------------------------------------------*/
/*icon-フッタ外枠*/
div#CopyrightArea{
	width : 100%;
	height:auto;
	margin-top:10px;
	margin-bottom:250px;

}
div#Copyright{
	width : 1000px;
	text-align:right;
}

/*--------------------------------------------------------*/
/*icon-ヘッダ大外枠-20221020未使用へ*/
div#Header0{
 background : black;
 HEIGHT: 72px;
 width: 100%;
 text-align:center;
}
/*icon-ヘッダ－会社ロゴ*/
div#Header1{
 /*background : blue;*/
 height : 50px;
 top : 10px;
 position : relative;
 width : 800px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
}

/*icon-ヘッダ－メニュー外枠*/
div#Header2{
 position : relative;
 width : 100%;
 HEIGHT: 22px;
 BACKGROUND: url(img/m_btn.gif) background-repeat : repeat-x;
 text-align:center;
}
/*icon-ヘッダ－メニュー内枠*/
div#Header3{
 /*background : green;*/
 height : 28px;
 position : relative;
 width : 800px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
}




/*--------------------------------------------------------*/
/*icon-トップ画像枠*/
/*高さはダミー、autoや100%だと下divがせりあがる*/
/*実際にはjsにて高さ設定する*/
/*margin-top=div#TopMenu1のheight値*/
/*
margin-leftでわずかに横隙間ができる為コメントアウト
 margin-right: calc(50% - 50vw);
 margin-left: calc(50% - 50vw);
*/
/*--------------------------------------------------------*/
div#TopImg1{
 width: 100%;
 height:800px;
 min-height:200px;
 position:relative;
 margin-top:72px;
}
/*--FadeIn/Out img----------------------------------------*/
div#TopImg1 > img{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height:auto;
 object-fit:cover;
/*
display: block;
width: 100%;
height: auto;
*/
}
/*--Animate div&img----------------------------------------*/
/*
上部メニュー（スクロール時固定）のz-index=100よりも背面
height=autoだと表示されない
margin-left、jquery::animate()で効いていない
top,leftはダミー座標js、animate()前にコード設定
*/
div#TopImg1 > div{
  position:absolute;
  top : 0;
  left: 0;
  width:auto;
  height:100px;
  margin-top:50px;
  margin-bottom:200px;
  margin-left:50px;
  opacity:0;
  z-index:99;
  white-space: nowrap;
}
.TopImg1TextShadow{
	/* テキストの影を指定（[左右][上下][ぼかし][影の色]） */
	text-shadow: 0px 0px 5px #000, 
	0px 0px 20px #000, 
	0px 0px 40px #000, 
	0px 0px 60px #000,
	0px 0px 80px #000; 
	0px 0px 100px #000; 
}

/*--------------------------------------------------------*/

/*icon-FLASH外枠*/
div#Win1{
 background : #eaf4f4;
 position : relative;
 width : 100%;
 text-align:center;
 height : 200px;
}
div#Win2{
 position : relative;
 top:20px;
 width : 500px;
 height : 174px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
}
/*icon-FLASH内枠*/
div#Win2a{
 position : relative;
 width : 25px;
 height : 174px;
 text-align:left;
 BACKGROUND: url(img/scr-l.gif);
 float:left;
}
div#Win2b{
 position : relative;
 width : 494px;/*FLASH幅=ピッタリにしないとセンタリングされない*/
 height : 174px;
 text-align:left;
 float:left;
}
div#Win2c{
 position : relative;
 width : 25px;
 height : 174px;
 text-align:left;
 BACKGROUND: url(img/scr-r.gif);
 float:left;
}

/*icon-コンテンツ外枠*/
div#cont1{
 background : #eaf4f4;
 position : relative;
 width : 100%;
 text-align:center;
 /*height : 180px;*/
}
div#cont2{
 top:20px;
 position : relative;
 top:20px;
 width : 870px;
 height : 350px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
}
div#cont2a{
 position : relative;
 width : 400px;
 height : 300px;
 text-align:left;
 float:left;
 /*background : white;*/
 background : #eaf4f4;
}
div#cont2b{
 position : relative;
 width : 50px;
 height : 300px;
 text-align:left;
 float:left;
 background : #eaf4f4;
}
div#cont2c{
 position : relative;
 width : 400px;
 height : 300px;
 text-align:left;
 float:left;
 background : #eaf4f4;
}
div#cont2c1{
 position : relative;
 width : 800px;
 height : 300px;
 text-align:center;
 margin:0 auto 0 auto;
/* clear:both;*/
}
div#cont2c0{
 position : relative;
 width : 200px;
 height : 300px;
 float:left;
}
div#cont2c2{
 position : relative;
 width : 400px;
 height : 300px;
 text-align:center;
 float:left;
 background : #eaf4f4;
}

/*icon-フッタ外枠*/
div#foot1{
 background : #eaf4f4;
 position : relative;
 width : 100%;
 height:20px;
 text-align:center;
 height : 180px;
}
div#foot2{
 top:5px;
 background : #eaf4f4;
 position : relative;
 width : 830px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
 color:#999999;
}

/*テーブル定義*/
.tbl1 {
 border-collapse: collapse;
 border-spacing: 0;
 width: 100%;
 height: 100%;
 margin-bottom: 30px;
/* border: 1px solid #1D5C79;*/
 border: 1px solid #dddddd;
 background : white;
}


.tbl1 td {
 padding: 10px 20px;
 color: #1D5C79;
 border-bottom: 1px dotted #1D5C79;
}

/*テーブル定義*/
.tbl2 {
 border-collapse: collapse;
 border-spacing: 0;
 width: 100%;
 height: 100%;
 margin-bottom: 0px;
 /*border: 1px solid #1D5C79;*/
}

.tbl2 td {
 color: #1D5C79;
 padding: 0px 0px;
 font-size : 10pt;
 font-family : "ＭＳ Ｐゴシック";
 color: #1D5C79;
}




/*icon-メニュー UL*/
#dNavi {
  width; 100%;
  overflow: hidden; 
}
/*icon-メニュー LI*/
/*icon-メニュー LI縦区切り*/
.tnavi2 {
  FONT-SIZE: 5pt;
  WIDTH: 1px;
  HEIGHT: 28px;
  BACKGROUND: url(img/m_btn_sepa.gif) background-repeat : repeat-x;
  float:left
}
/*icon-メニュー LI各メニュー項目*/
.tnavi1 {
  color:white!important;
  FONT-SIZE: 11pt;
  WIDTH: 19%;
  HEIGHT: 28px;
  BACKGROUND: url(img/m_btn.gif) background-repeat : repeat-x;
  float:left
}
.tnavi1 A {
  color:white!important;
  WIDTH: 100%;/*幅上記tnavi1一杯*/
  HEIGHT: 28px;/*指示しないとhover時に縦画像が切れます*/
  text-align:center;/*文字センタリング*/
  PADDING-TOP: 6px;/*文字縦開始位置*/
  text-decoration : none;/*下線等つけない*/
  cursor : pointer;/*マウス指カーソル*/
  BACKGROUND: url(img/m_btn.gif) background-repeat : repeat-x;
}
.tnavi1 A:visited {
  text-decoration : none;
  BACKGROUND: url(img/m_btn.gif) background-repeat : repeat-x;
}
.tnavi1 A:hover {
	color: black !important;
	text-decoration: none;
	background-image: url(img/m_btn_b.gif);
	background-repeat: repeat-x;
	font-weight: bold;
}
.tnavi1 A:active {
  text-decoration : none;
  BACKGROUND: url(img/m_btn_b.gif) background-repeat : repeat-x;

}


/*--------------------------------------------------------*/


/*ヘッダ内枠*/
DIV#tHeaderIn {
 background : yellow;
 POSITION: relative;
 MARGIN: 0px auto;
 WIDTH: 800px;
 height:150;

}
/*タイトルロゴ位置他*/
DIV#tHeaderIn UL#tLogo {

 POSITION: absolute;
 TOP: 15px;
 LEFT: 20px

 MARGIN: 0px;
 PADDING-TOP: 0px !important;
 PADDING-LEFT: 0px !important;
 PADDING-RIGHT: 0px !important;
 PADDING-BOTTOM: 0px !important;

 DISPLAY: inline;
 FLOAT: left;

}
/*タイトルロゴ内リスト*/
DIV#tHeaderIn UL#tLogo LI {
	PADDING-BOTTOM: 0px !important;
 MARGIN: 0px;
 PADDING-LEFT: 15px !important;
 PADDING-RIGHT: 0px !important;
 DISPLAY: inline;
 FLOAT: left;
 PADDING-TOP: 0px !important
;
}

/*タイトルリスト（未使用）*/
DIV#tHeaderIn LI {
	LIST-STYLE-TYPE: none
;
}



/*メニュー*/
DIV#tHeaderIn UL#tNavi {
	/*
 POSITION: absolute;
 LEFT: 10%
*/
 PADDING-BOTTOM: 0px;
 MARGIN: 0px;
 PADDING-LEFT: 0px;
 PADDING-RIGHT: 0px;
 TOP: 50px;
 PADDING-TOP: 0px;
   position:relative;
   float:left;
   left:50%;
}
DIV#tHeaderIn UL#tNavi LI {
	/*
	POSITION: relative;
 LEFT: 10px
*/
 PADDING-BOTTOM: 0px;
 MARGIN: 0px;
 PADDING-LEFT: 0px;
 PADDING-RIGHT: 0px;
 FLOAT: left;
 TOP: 2px;
 PADDING-TOP: 0px;
 display: inline;

   position:relative;
   float:left;
   right:50%;

 color:#ffffff;
}
/*ロゴ右側のサイトマップ*/
DIV.site {
 font-size : 10pt;
 font-family : "ＭＳ Ｐゴシック";
 color: #cccccc;
 text-decoration : underline;
  MARGIN: -10px,0,0,-100px/*下に沈むのでUP*/
}


DIV.site a:link {
 color: #cccccc;
}

DIV.site a:visited {
 color: #cccccc;
}
DIV.site a:hover {
 color: #cccccc;
}
DIV.site a:active {
 color: #cccccc;
}

H1 {
 PADDING-BOTTOM: 0px;
 MARGIN: 0px 0px 0px 0px;
 PADDING-LEFT: 0px;
 PADDING-RIGHT: 0px;
 PADDING-TOP: 0px;
 font-size : 10pt;
 font-family : "ＭＳ Ｐゴシック";
 color: blue;
 text-decoration : none;
 font-weight : normal;
}

/*-------------------------------*/
/*各ページ用*/
/*-------------------------------*/
div#pageTitle{
	background:#000;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:50px;
	padding-right:50px;
}
h1#pageTitle{
	font-family : "ＭＳ Ｐゴシック";
	font-size : 18pt;
	font-weight : bold;
	color : #000000;
	text-align : center;
}
div#main1{
 background : transparent;
 position : relative;
 width : 100%;
 text-align:center;
 height : auto;
 margin-bottom:10px;
 margin-top:72px;
}
div#main2{
 background : transparent;
 position : relative;
 top:20px;
 width : 1000px;
 height : auto;

 margin-left:auto;
 margin-right:auto;

 font-size : 18pt;
 font-family : "ＭＳ Ｐゴシック";
 text-align : center;

}
div#main3 {
 font-size : 11pt;
 font-family : "ＭＳ Ｐゴシック";
 line-height : 14pt;
 color : gray;
 letter-spacing : 1pt;
 background:#fff; 
 margin-top:20px;
 padding-top:20px;
 padding-bottom:20px;
}
.clear1{
	clear : both;
}
.center100 {
	width:100%;
	text-align:center;
}
/*----sightmap用----*/
DIV.sitemap_a {
 BORDER-BOTTOM: #cccccc 1px solid;
 PADDING-BOTTOM: 10px;
 MARGIN: 0px;
 PADDING-LEFT: 0px;
 WIDTH: 100%;
 PADDING-RIGHT: 0px;
 DISPLAY: inline-block;
 BACKGROUND: url(../images/line_dot01.gif) repeat-y 260px 0px;
 HEIGHT: auto;
 PADDING-TOP: 18px
}
DIV.sitemap_a:after {
 DISPLAY: block;
 HEIGHT: 0px;
 VISIBILITY: hidden;
 CLEAR: both;
 CONTENT: "."
}
DIV.sitemap_a {
	DISPLAY: inline-table
}
* HTML DIV.sitemap_a {
	HEIGHT: 1px
}
DIV.sitemap_a {
	DISPLAY: block
}
DIV.sitemap_a DIV.sitemap_left {
 PADDING-BOTTOM: 0px;
 MARGIN: 0px 0px 0px 13px;
 PADDING-LEFT: 0px;
 WIDTH: 230px;
 PADDING-RIGHT: 0px;
 DISPLAY: inline;
 FLOAT: left;
 HEIGHT: auto;
 PADDING-TOP: 0px
}
DIV.sitemap_a DIV.sitemap_left H3 {
 PADDING-BOTTOM: 0px;
 PADDING-LEFT: 20px;
 PADDING-RIGHT: 0px;
 BACKGROUND: url(img/arr_blue.gif) no-repeat 0px 0.1em;
 PADDING-TOP: 0px
}
DIV.sitemap_a DIV.sitemap_right {
 PADDING-BOTTOM: 0px;
 MARGIN: 0px 0px 0px 50px;/*第4変数　文字左開始位置*/
 PADDING-LEFT: 0px;
 WIDTH: 610px;/*左右分割時の１列横幅*/
 PADDING-RIGHT: 0px;
 DISPLAY: inline;
 FLOAT: left;
 HEIGHT: auto;
 PADDING-TOP: 0px
}
DIV.sitemap_a DIV.sitemap_right UL LI {
 PADDING-BOTTOM: 0px;
 MARGIN: 0px 0px 8px;
 PADDING-LEFT: 20px;
 WIDTH: 300px;
 PADDING-RIGHT: 0px;
 DISPLAY: block;
 BACKGROUND: url(img/arr_blue.gif) no-repeat 0px 0.1em;
 FLOAT: left;
 PADDING-TOP: 0px
}
DIV.sitemap_b {
 BORDER-BOTTOM: #cccccc 1px solid;
 PADDING-BOTTOM: 18px;
 MARGIN: 0px;
 PADDING-LEFT: 0px;
 WIDTH: 100%;
 PADDING-RIGHT: 0px;
 HEIGHT: auto;
 PADDING-TOP: 18px
}
DIV.sitemap_b H3 {
 PADDING-BOTTOM: 0px;
 MARGIN: 0px 0px 0px 13px;
 PADDING-LEFT: 20px;
 PADDING-RIGHT: 0px;
 BACKGROUND: url(img/arr_blue.gif) no-repeat 0px 0.1em;
 PADDING-TOP: 0px
}