@charset "utf-8";
/* import ud_menu style */
@import url("ud.css");
/*---------------------
第２階層以下の共通設定
-----------------------*/

/*基本*/
*{
	margin: 0;
	padding: 0;
}

body {margin: 0;
padding:0;
background-color:#FFF;
text-align:left;
font-size:95%;
min-width: 850px;
}

a:link{color:#0000cc;}
a:visited{color:#80080;}
a:hover{color:#ff3333;}
a:active{color:#ff3333;}

/*全体*/
#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 98%;
	max-width: 1200px;
	min-width: 700px;
	text-align: left;
	border-top: 15px solid #69c;
}


/*画像のボーダー*/
img{
	border:none;
}


/*レイアウトパターン・１カラム*/
#contentstype1{
	margin:0.5em 1% 0;
	width:98%;
}

#contentstype1 #main{
	width:100%
}
	
/*レイアウトパターン・２カラム*/
#contentstype2 #main{
	padding-left:5px;
	float:right;
	width:75%;
	float: left;
}
	
#contentstype2 #sub{
	float:left;
	clear:left;
	width:190px;
}

#contentstype2{
	margin:0.5em 1% 0;
	width:98%;
}
	
/*メインエリア*/
.clear{
	clear:both;
}

/*ヘッダー*/
#header{
	margin:5px 0;
	padding:0;
	background:url(/index.data/haikei.jpg) no-repeat 200px 0;
	border-bottom: 1px solid #69c;
	min-height:90px;
}
	
#header .img{
	border:none;
}
	
/*ヘッダー・ロゴマーク部分*/
#logoarea{
width:480px;
float:left;
padding:3px 0;
margin:0;
height:65px;
}

/*ヘッダー・メニュー部分*/
#topmenu{
	margin:0 0.1em 0;
	float:left;
	min-width:15%;
	white-space:nowrap;
}

*html #topmenu{
	width:auto;
}

#topmenu .wrap{
	margin:0.2em 0 0;
	padding:0;
	clear:left;
	list-style:none;
}
	
#topmenu .wrap li{
	padding:0 1em;
	border-left: 1px solid #666;
	float:left;
}	

#topmenu .wrap li.top{
	padding-left:0;
	border-left:0;
}	

#topmenu .wrap a{
	padding:0;
}	


/*google検索*/

#serch{
	margin:0;
	padding:0;
}

#serch form{
	margin:5px 0;
	padding:0;
	line-height:1.2;
}
	

/* --------------
ナビゲーション
--------------- */
/*ナビ*/
#topnavi{
	clear:both;
margin: 0;
padding: 0;
border top: 1px solid #999;
border-bottom: 1px solid #999;
background: url(/images/gray1.jpg) repeat-x 0 bottom #336699;
}

#topnavi ul{
margin: 0;
padding: 0;
width: 100%;
list-style:none;
min-height:2.3em;
line-height:1.4;
}

#topnavi li{
margin: 0;
padding: 0;	
border-right:1px solid #ccc;
border-left: 2px solid #fff;
float:left;
white-space:nowrap;
background: url(/images/gray1.jpg) repeat-x 0 100% #336699; 
}


#topnavi li a{
margin: 0;
padding: 0.8em 20px 0.5em 20px;	
text-decoration:none;
display:block;
line-height:1.4;
color: #000;
font-size:88%;
border-bottom: 2px solid #ccc;
} 
*html#topnavi li a {
	display:block;
}
 

/*パンくずナビ*/
.pankuzu {
	margin: 0 2%;
	padding: 0.5em 0 0 0.3em;
	width:95%;
	line-height: 1.2;
	color: #000;
	font-size: 90%;
	clear: both;
}



h1 {
font-size: 110%;
text-indent:10px;
color: #333333;
text-align: left;
width: 100%;
font-weight: bold;
background-repeat: repeat-x;
letter-spacing: 0.1em;
margin-top:1em;
padding: 2px 0;
margin-bottom: 0;
}


h2 {
font-size: 100%;
text-indent: 15px;
width: 98%;
margin-left:10px;
margin-top:10px;
border-bottom-width: 1px;
border-left-width: 10px;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #666666;
border-left-color: #666666;
padding-bottom: 5px;
padding-top: 5px;
}


h2.topic {
width:97%;
margin-left:0;
border:1px solid #FF6633;
border-left-width: 20px;
clear: both;
}





h3 {
margin: 0.2em 10px 0;
font-size: 100%;
padding-left:10px;
}



h4{
	margin: 0.2em 15px 0;
	font-size: 90%;
text-indent: 15px;
width: 100%;
margin-top:5px;
padding-bottom: 3px;
padding-top: 3px;
}

/*------------------
リスト　縦並び
-------------------*/

ul {
	margin:0;
	padding:0.2em 0.5em;
	width:100%;
	list-style:none;
}

ul.list01 li{
	margin:0 30px 0 20px;
	padding: 0.5em 0 0.5em 20px;
	border-bottom:dashed 1px #9CC;
	line-height:1.4;
}

/*リスト・黄色い三角マークでラインつき*/
ul.list01{
	margin:0;
	padding:0.2em 0.5em;
	width:100%;
	list-style:none;
}

ul.list01 li{
	margin:0 30px 0 20px;
	padding: 0.5em 0 0.5em 20px;
	border-bottom:dashed 1px #9CC;
	line-height:1.4;
	background:url(/images/sankaku.gif) no-repeat 0px 0.9em;
}

/*リスト・ピンク色の丸いマークでラインつき*/
	ul.list02{
	margin:0;
	padding:0.2em 0.5em;
	width:100%;
	list-style:none;
}

ul.list02 li{
	margin:0 30px 0 20px;
	padding: 0.5em 0 0.5em 20px;
	border-bottom:dashed 1px #FCF;
	line-height:1.4;
	background:url(/images/pink_maru.gif) no-repeat 0px 0.9em;
	}
	
ol {
	margin:0;
	padding:0.2em 0.5em;
	width:100%;
	list-style:decimal;
}

ol li{
	margin:0 30px 0 20px;
}

ol.list01{
	margin:0;
	padding:0.2em 0.5em;
	width:100%;
	list-style:decimal;
}

ol.list01 li{
	margin:0 30px 0 20px;
	padding: 0.5em 0 0.5em 20px;
	border-bottom:dashed 1px #9CC;
	line-height:1.4;
}

/*リスト・ピンク色の丸いマークでラインつき*/
ol.list02{
	margin:0;
	padding:0.2em 0.5em;
	width:100%;
	list-style:decimal;
}

ol.list02 li{
	margin:0 30px 0 20px;
	padding: 0.5em 0 0.5em 20px;
	border-bottom:dashed 1px #FCF;
	line-height:1.4;
}

/*------------------
リスト　横並び
-------------------*/






/*段落*/
p {
	width:95%;
	padding:0.1em;
	margin-left:1.5em;
	line-height:1.5;
}

 .p1{
text-align:right;
margin-top:1px;
font-size:85%;
line-height:0.9;
width:98%;
}

p.kakomiiro{
	width:90%;
	margin:2em;
	padding:1em;
	border: 1px solid #999999;
	background-color:#def0a8;
}

p.migi{
	text-align:right;
	padding-right:0;
	margin:0;
}


/*問合先*/
#info{
	clear:both;
	width:100%;
	line-height:1.0;
}

#info p.info{
	text-align:left;
width: 80%;
margin: 0.5em;
padding:0.5em;
line-height:1.5;
border: 1px solid #999999;
}

#info p{
text-align:center;
margin: 0;
padding:1em;
font-size:95%;
}

#info p.p1{
text-align:right;
margin-top:1px;
font-size:85%;
line-height:0.9;
width:98%;
}

/*フッター*/
#footer{
clear:both;
margin:0;
padding:0;
width:100%;
border-top:2px solid #999;
font-size:90%;
line-height:1.0;
}

#footer p{
padding-top:5px;
text-align: center;
font-size:90%;
}



#footer p.copyright{
margin: 0;
padding: 0;
width:100%;
font-size:100%;
background-color:#69c;
color:#333;
}


#address{
	text-align:left;
font-style:normal;
margin:0;
padding:0;
font-size:100%;
}


/*追加*/

/*リスト*/

ul,li {
	margin: 0;
	padding: 0;
}

ul.side_list01{
	margin:0;
	list-style:none;
}

ul.side_list01 li{
	margin:0;
	padding: 0.5em 0 0.5em 15px;
	line-height:1;

	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 5px;
	
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	
	border-right-color: #E8E8E8;
	border-bottom-color: #CCCCCC;
	border-left-color: #6699CC;
	padding-bottom: 5px;
	padding-top: 5px;

}

/* --------------
ナビゲーションNEW
--------------- */
/*ナビ*/
#topnavi_new {
  display: block;
	margin: 0;
	padding: 0;
  overflow: auto;
}

#topnavi_new ul{
	margin: 0;
	padding: 0;
	list-style:none;
  display: block;
  width: 100%;
}

#topnavi_new li{
	margin: 0;
	padding: 0;	
	float:left;
	border-right: 1px solid #ccc;
}

#topnavi_new li a{
	margin: 0;
	padding: 10px 20px;	
	text-decoration:none;
	display:block;
	font-size:88%;
}

*html#topnavi_new li a {
	display:block;
}

#topnavi_new li a:hover {
	 background-color: #A8C5E2;
}


/*テーブルCSS追加*/
table {
/*	padding: 10px 10px 10px 10px; */
	margin: 20px 20px 20px 25px;
}

td p {
	width:95%;
	padding:0;
  margin:0;
}

th p {
	width:95%;
	padding:0;
  margin:0;
}
/*項目ありテーブル*/
.table01 th
{
font-size:90%;
font-weight:normal;
text-align:center;
padding: 0.3em 0.5em;
line-height: 1em;
background-color:#fff3cc;
}

/* UM追加分 */
table#table01 {
	width: 95%;
	border: 1px #acacac solid;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
　
}

table#table01 th {
    padding: 5px;
    border: #acacac solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#table01 td {
	padding: 5px;
	border: 1px #acacac solid;
	border-width: 0 0 1px 1px;
	text-align: left;
}
table#table01 tr.mds01 {
  background: #dce3ef;
}
table#table01 td.mds01 {
  background: #dce3ef;
}
.mitxt01 {
	font-size: 12px;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.txt01 {
	font-size: 14px;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-weight: bold;
}
table#table02 {
	width: 95%;
	border: 1px #acacac solid;
	border-spacing: 0;
	margin: 0px;
	padding: 0px;
}
.txtsp {
	font-size: 14px;
	line-height: 20px;
	margin: 15px;
	padding: 0px;
}
.redtxt {
	color: #900;
}

/* UM */
div.um_main_text {
	width: 95%;
	padding: 0.7em 0.1em;
	margin-left: 1.5em;
	line-height: 1.2;
}

div.um_main_text p {
	padding: 0;
	margin: 0;
}
.center {
    text-align: center;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}
