@charset "UTF-8";

/*============================================
全般的なスタイル
============================================*/
* {
	margin:0; padding:0; 	/*全要素のマージン・パディングをリセット*/
	line-height:1.5;	/*全要素の行の高さを1.5倍にする*/
/*	color:#333333;	*/	/*文字色*/

} 
body {
	background-color:#999999;	/*ページ全体の背景色*/
	text-align:center;		/*IE6以下でセンタリングするための対策*/
	font-size: 60%;
}
div#pagebody {
	width:100%; margin:0 auto;	/*内容全体をセンタリング*/
	text-align:center;	/*テキストの配置を左揃えにする*/
	background-color:#ffffff;		/*内容全体の背景色*/
}

/*============================================
ヘッダ
============================================*/
div#header {
	height:80px;	/*背景画像のサイズに合わせてボックスの高さを指定*/
/*0525	background-color:#ffffff;	*/	/*ヘッダ部分の背景色*/
	background-color:#ffffff;		/*ヘッダ部分の背景色*/
}
#header01 {
  background-color:#ffffff;
  width: 38%;
  height: 80px;
  float: left;  /* 回り込み */
}
#header02 {
  background-color:#ffffff;
  width: 7%;
  height: 80px;
  float: left;  /* 回り込み */
}
#header03 {
  background-color:#ffffff;
  width: 20%;
  height: 80px;
  float: left;  /* 回り込み */
}
#header04 {
  background-color: #90ee90;
  width: 30%;
  height: 80px;
  float: left;  /* 回り込み */
}
#header03_01 {
  background-color:#ffffff;
  width: 100%;
  height: 10px;  /* 高さ */
}
#header03_02 {
  background-color:#ffffff;
  width: 100%;
  height: 15px;  /* 高さ */
  font-family: 'Segoe UI', /* Windowsの欧文 */
                 Meiryo,     /* メイリオ */
                 sans-serif;
  font-size: 14px;
  text-align:left;
  vertical-align:middle;
}
#header03_03 {
  background-color:#ffffff;
  width: 100%;
  height: 55px;  /* 高さ */
  font-family: 'Segoe UI', /* Windowsの欧文 */
                 Meiryo,     /* メイリオ */
                 sans-serif;
  font-size: 34px;
  font-weight: bolder;
  color: #6495ed;
  text-align:left;
  vertical-align:middle;
}


div#header50 {
	height:50px;	/*背景画像のサイズに合わせてボックスの高さを指定*/
	background-color:#ffffff;		/*ヘッダ部分の背景色*/
}

h1 {
	padding:20px 0px 0px 30px;		/*見出し内容の位置調整*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
}
h1 a {text-decoration:none;} 			/*リンクの下線を無くす*/


/*============================================
コンテンツ（中央と右の2カラム全体）
============================================*/
div#content {
	width:40%; margin:10px 20px 10px 0px;	/*幅の指定と位置調整*/
	float:right;				/*2カラム全体を右寄せにする*/
}

/*============================================
フッタ
============================================*/
div#footer {
	height:42px; text-align:center;
	clear:both;					/*回り込みを解除する*/
	background-color:#cccccc;			/*フッタ部分の背景色*/
}
address {
	font-style:normal;			 /*フォントスタイルを標準にする*/
	font-size:small;			 /*フォントサイズを小さくする*/
	padding:5px 0px 5px 0px;		 /*要素内容の位置調整*/
}

p.sample1 {
    color : red ;
	font-weight: bold;
    font-size: 24px; 
 background-color:#ff0000;
}


div.boxa{
width:65%; height:20px;
/*width:500px; height:20px;*/
 margin:5px; padding:10px; border:1px solid black;
 background-color:#ff0000;
 } 

/*ヘッダーのバアー*/
div.banner{
    background-color:#00AADB;
   
width:980px;
/* width:50%;*/
    height:20px;
}

/*ログインのボックス*/
div.box2{
    background-color:#87ceeb;
    width:650px;
    height:300px;
}
#box2contents { 
    position: relative; 
    width: 500px; /* 任意 */ 
    height: 200px; /* 任意 */ 
} 

/*ログインボックスの文字表示位置*/
.block1 { 
    position: absolute; 
    top: 50px; /* #contents内の上から何pxか */ 
    left: 80px; /* #contents内の左から何pxか */ 
} 
.block1-1 { 
    position: absolute; 
    top: 50px; /* #contents内の上から何pxか */ 
    left: 160px; /* #contents内の左から何pxか */ 
} 
.block2 { 
    position: absolute; 
    top: 100px; /* #contents内の上から何pxか */ 
    left: 80px; /* #contents内の左から何pxか */ 
} 
.block2-1 { 
    position: absolute; 
    top: 100px; /* #contents内の上から何pxか */ 
    left: 160px; /* #contents内の左から何pxか */ 
} 
.block3 { 
    position: absolute; 
    top: 220px; /* #contents内の上から何pxか */ 
    left: 180px; /* #contents内の左から何pxか */ 
} 
.block4 { 
    position: absolute; 
    top: 300px; /* #contents内の上から何pxか */ 
    left: 380px; /* #contents内の左から何pxか */ 
	font-size: 12px;
} 

/*インプット項目のサイズ*/
input[type=text]{
 width:100px;
 height:25px;
 }
.block_bar {      position: absolute;      
                 top: 90px;    /* #contents内の上から何pxか */ 
                 left: 15%;    /* #contents内の左から何pxか */  
 }  
.block0 {      position: absolute;      
                 top: 55px;    /* #contents内の上から何pxか */ 
                 right: 20%;    /* #contents内の左から何pxか */  
 background-color:#ffff00;
 }  

input.w5 { width: 5px; } 
input.w10 { width: 10px; } 
input.w20 { width: 20px; } 
input.w30 { width: 30px; } 
input.w40 { width: 40px; } 
input.w50 { width: 50px; } 
input.w60 { width: 60px; } 
input.w70 { width: 70px; } 
input.w80 { width: 80px; } 
input.w90 { width: 90px; } 
input.w100 { width: 100px; } 
input.w120 { width: 120px; } 
input.w150 { width: 150px; } 
input.w200 { width: 200px; } 
input.w300 { width: 300px; } 
input.w400 { width: 400px; } 
input.w500 { width: 500px; } 
input.w600 { width: 600px; } 
input.w600red { 
	width: 500px;
	font-size: 130%; 
	color: #ff0000; } 
}

input[type=button].button_menu
 { 
 	width:300px;
 	height:80px;
    font-size: 200%; 		/* 文字サイズを1.0emに指定 */ 
    font-weight: bold; 		/* 文字の太さをboldに指定 */ 
    padding: 1px 6px; 	/* 縦方向に10px、* 横方向に30pxの余白を指定 */ 
    background-color: #F2A529; /* 背景色を濃い青色に指定 */ 
    color: #fff; 			/* 文字色を白色に指定 */ 
    border-style: none; 	/* ボーダーをなくす */ 
    
    box-shadow: 2px 2px 3px 1px #666; /* ボタンの影の指定 * 影の横幅を2px * 縦長を2px * ぼかしを3px * 広がりを1px * 色を#666（グレー）に指定 */ 
    -moz-box-shadow: 2px 2px 3px 1px #666; 
    -webkit-box-shadow: 2px 2px 3px 1px #666; 
    /* テキストの影の指定 
     * 影の横幅を1px 
     * 縦長を1px 
     * ぼかしを2px 
     * 色を#000（黒）に指定 */ 
    text-shadow: 1px 1px 2px #000; 
} 

input[type=button].button_menu:hover { 
    
    background-color: #24d; /* 背景色を明るい青色に指定 */ 
    color: #fff; 			/* 文字色を白色に指定 */ 
} 

input[type=button].button5
 { 
/* 	width:150px;
 	height:40px;*/
 	width:150px;
 	height:40px;
    font-size: 200%; 		/* 文字サイズを1.0emに指定 */ 
    font-weight: bold; 		/* 文字の太さをboldに指定 */ 
    padding: 1px 6px; 	/* 縦方向に10px、* 横方向に30pxの余白を指定 */ 
    background-color: #F2A529; /* 背景色を濃い青色に指定 */ 
    color: #fff; 			/* 文字色を白色に指定 */ 
    border-style: none; 	/* ボーダーをなくす */ 
    
    box-shadow: 2px 2px 3px 1px #666; /* ボタンの影の指定 * 影の横幅を2px * 縦長を2px * ぼかしを3px * 広がりを1px * 色を#666（グレー）に指定 */ 
    -moz-box-shadow: 2px 2px 3px 1px #666; 
    -webkit-box-shadow: 2px 2px 3px 1px #666; 
    /* テキストの影の指定 
     * 影の横幅を1px 
     * 縦長を1px 
     * ぼかしを2px 
     * 色を#000（黒）に指定 */ 
    text-shadow: 1px 1px 2px #000; 
} 

input[type=button].button5:hover { 
    
    background-color: #24d; /* 背景色を明るい青色に指定 */ 
    color: #fff; 			/* 文字色を白色に指定 */ 
} 

/*******************************************************/
input[type=button].button4
 { 
 	width:80px;
 	height:30px;
    font-size: 0.8em; 			/* 文字サイズを1.0emに指定 */ 
    font-weight: bold; 			/* 文字の太さをboldに指定 */ 
    padding: 1px 6px; 			/* 縦方向に10px、* 横方向に30pxの余白を指定 */ 
    background-color: #F2A529; 	/* 背景色を濃い青色に指定 */ 
    color: #fff; 				/* 文字色を白色に指定 */ 
    border-style: none; 		/* ボーダーをなくす */ 
    
    box-shadow: 2px 2px 3px 1px #666; /* ボタンの影の指定 * 影の横幅を2px * 縦長を2px * ぼかしを3px * 広がりを1px * 色を#666（グレー）に指定 */ 
    -moz-box-shadow: 2px 2px 3px 1px #666; 
    -webkit-box-shadow: 2px 2px 3px 1px #666; 
    /* テキストの影の指定 
     * 影の横幅を1px 
     * 縦長を1px 
     * ぼかしを2px 
     * 色を#000（黒）に指定 */ 
    text-shadow: 1px 1px 2px #000; 
} 

input[type=button].button4:hover { 
    
    background-color:#B37A1E; /* 背景色を明るい青色に指定 */ 
    color: #fff; 			/* 文字色を白色に指定 */ 
} 
/***************************************************/
input[type=button].button6
 { 
 	width:100px;
 	height:30px;
    font-size: 0.8em; 		/* 文字サイズを1.0emに指定 */ 
    font-weight: bold; 		/* 文字の太さをboldに指定 */ 
    padding: 1px 6px; 	/* 縦方向に10px、* 横方向に30pxの余白を指定 */ 
    background-color: #00AADD; /* 背景色を濃い青色に指定 */ 
    color: #fff; 			/* 文字色を白色に指定 */ 
    border-style: none; 	/* ボーダーをなくす */ 
    
    box-shadow: 2px 2px 3px 1px #666; /* ボタンの影の指定 * 影の横幅を2px * 縦長を2px * ぼかしを3px * 広がりを1px * 色を#666（グレー）に指定 */ 
    -moz-box-shadow: 2px 2px 3px 1px #666; 
    -webkit-box-shadow: 2px 2px 3px 1px #666; 
    /* テキストの影の指定 
     * 影の横幅を1px 
     * 縦長を1px 
     * ぼかしを2px 
     * 色を#000（黒）に指定 */ 
    text-shadow: 1px 1px 2px #000; 
} 

input[type=button].button6:hover { 
    
    background-color: #24d; /* 背景色を明るい青色に指定 */ 
    color: #fff; 			/* 文字色を白色に指定 */ 
} 
/***************************************************/
input[type=button].button3
 { 
 	width:50px;
 	height:20px;
    font-size: 0.8em; 		/* 文字サイズを1.0emに指定 */ 
    font-weight: bold; 		/* 文字の太さをboldに指定 */ 
    padding: 1px 6px; 	/* 縦方向に10px、* 横方向に30pxの余白を指定 */ 
    background-color: #db7093; 
    color: #fff; 			/* 文字色を白色に指定 */ 
    border-style: none; 	/* ボーダーをなくす */ 
    
    box-shadow: 2px 2px 3px 1px #666; /* ボタンの影の指定 * 影の横幅を2px * 縦長を2px * ぼかしを3px * 広がりを1px * 色を#666（グレー）に指定 */ 
    -moz-box-shadow: 2px 2px 3px 1px #666; 
    -webkit-box-shadow: 2px 2px 3px 1px #666; 
    /* テキストの影の指定 
     * 影の横幅を1px 
     * 縦長を1px 
     * ぼかしを2px 
     * 色を#000（黒）に指定 */ 
    text-shadow: 1px 1px 2px #000; 
} 

input[type=button].button3:hover { 
    
    background-color: #ff1493; 
    color: #fff; 			/* 文字色を白色に指定 */ 
} 
/***************************************************/

.block_logo {position: absolute;      					
	top: 10px;    	/* #contents内の上から何pxか */ 					
    left: 15%;    /* #contents内の左から何pxか */  					
}  					
.block_daiji {position: absolute;      					
	top: 55px;    	/* #contents内の上から何pxか */ 					
    left: 15%;    /* #contents内の左から何pxか */  					
}  					

/***************************************************/
/* 外枠 */						
div.y-data-area {						
    width:90%;						
/*    width: 980px;	*/					
    border-right: 1px solid #CCC;						
    border-bottom: 1px solid #CCC;						
    border-left: 1px solid #CCC;						
}						
						
						
/* 見出し */						
table.y-data-ttl {						
    width: 85%;						
/*    width: 980px;	*/					
    table-layout: fixed;						
    border-collapse: separate;						
    border-spacing: 0;
font-size="20"	
}						


/* 見出し */									
table.y-data-ttl {									
    width: 85%;						
/*    width: 980px;	*/					
    table-layout: fixed;									
    border-collapse: separate;									
    border-spacing: 0;									
}									
									
									
table.y-data-ttl th {									
    border-top: 1px solid #CCC;									
    background: #ECECEC;									
}									
									
table.y-data-ttl th,									
table.y-data-ttl td {									
    padding: 2px;									
    border-right: 1px solid #CCC;									
    border-bottom: 1px solid #CCC;									
}									
									
table.y-data-ttl th.rb-none,									
table.y-data-ttl td.rb-none {									
    border-right: none;									
}									
									

div.y-hidden {
    overflow: hidden;
    padding-bottom: 15px;
}

table.y-data {
/*    width: 1060px;*/
    width: 85%;						
/*    width: 980px;	*/					
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
}

table.y-data th,
table.y-data td {
    padding: 2px;
    border-top: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}
/*
table.y-data th.rb-none,
table.y-data td.rb-none {
    border-right: none;
}
*/

table.y-data td {
    overflow: hidden;
    white-space: nowrap;
}

table.y-data td p {
    margin: 0;
}

input.hoge { 
font-size: 200%;
 	width:200px;
 	height:40px;
 }
input.hoge2 { width: 20%; }

/******************************************************** 0929
/* 外枠 */						
div.y-data-area2 {						
    width: 95%;						
/*    width: 1180px;	*/					
    border-right: 1px solid #CCC;						
    border-bottom: 1px solid #CCC;						
    border-left: 1px solid #CCC;						
}						

table.y-data2 {
    width: 95%;						
/*    width: 1180px;	*/					
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
}

table.y-data2 th,
table.y-data2 td {
    padding: 2px;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

table.y-data2 th.rb-none,
table.y-data2 td.rb-none {
    border-right: none;
}

table.y-data2 td {
    overflow: hidden;
    white-space: nowrap;
}

table.y-data2 td p {
    margin: 0;
}
						
						
/* 見出し */						
table.y-data-tt2 {						
    width: 95%;						
/*    width: 1180px;	*/					
    table-layout: fixed;						
    border-collapse: separate;						
    border-spacing: 0;
font-size="20"	
}						


/* 見出し */									
table.y-data-tt2 {									
    width: 95%;						
/*    width: 1180px;	*/					
    table-layout: fixed;									
    border-collapse: separate;									
    border-spacing: 0;									
}									
									
									
table.y-data-tt2 th {									
    border-top: 1px solid #CCC;									
    background: #ECECEC;									
}									
									
table.y-data-tt2 th,									
table.y-data-tt2 td {									
    padding: 2px;									
    border-right: 1px solid #CCC;									
    border-bottom: 1px solid #CCC;									
}									
									
table.y-data-tt2 th.rb-none,									
table.y-data-tt2 td.rb-none {									
    border-right: none;									
}									
									

div.y-hidden {
    overflow: hidden;
    padding-bottom: 15px;
}

/***********************************************************/
select{
    height: 20px;
    background: transparent;
    position: relative;
    border: 1px solid #ccc;
}
.selectWrap{
    position: relative;
    display: inline-block;
}
.selectWrap::before{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    background: #ccc;
    height: 100%;
    width: 30px;
}
.selectWrap::after{
    content: '';
    position: absolute;
    z-index: 0;
    right: 9px;
    width: 0;
    height: 0;
}
/***********************************************************/
<style>
.invisible {
 display: none;
}
</style>

#carendear-positon {
  position: relative;
}
.displaynone {
display:none;
}