body.indexpage{  
    margin: 0;  
    padding: 100px 0 50px 0;
}  
* html body{  
    overflow: hidden;
    font-family: Helvetica , "Meiryo UI" , "Yu Gothic" , sans-serif;
}   
div#headerArea {  
    position: fixed;  
    top: 0;  
    left: 0;  
    width: 100%;  
    text-align: right;
    font-size: 10.5px;
    /*padding: 5px 0px 1px 0px;  common.phpで設定*/
    background-color: #4E9ABE;  
    color: #ffffff;  
}  
div#footerArea {  
    position: fixed;  
    bottom: 0;  
    left: 0;  
    width: 100%;  
    height: 20px;  
    background-color: #4E9ABE;  
    color: #ffffff;  
}  
* html div#contentsArea{  
    height: 100%;  
    overflow: auto;  
}  

input[type="button"],input[type="submit"]{
    -webkit-appearance: none;
}

.syoki{
	 color: #333333;
     margin:0px;          /* ページ全体のmargin */
     padding:0px;         /* ページ全体のpadding */
     text-align:center;   /* 下記のautoに未対応用のセンタリング */
     background-color:#ffffff;
     font-family:sans-serif;
}
.syobo-title {
	 color: #333333;
	font-weight: bold;
	text-align: center;
	font-size: 26px;
	padding-top: 15px;
}

.syobo-button {
				font-size: 16px;
				width: 120px;
				height: 40px;
}

.syosai {
	font-size: 20px;
	font-weight: 600;
	width: 70%;
	border: solid 1px #ffffff;
}

rt {
	display			: table-header-group;
	font-size		: 0.625em;	/*	振り仮名のメインテキストに対する相対サイズ	*/
	line-height		: 1.1;
	white-space		: nowrap;
	border			: none;
	margin			: 0px;
	padding			: 0px;
}

form {
	display: inline;
}

.indexButton {
	font-size: 17px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	background: -webkit-linear-gradient(top, #f8f8f8 0%, #d2d2d2 100%);   [1]
	/* border */
	border:1px solid #CCC;
	 
	color:#555555;
	padding:5px 18px 5px 18px;
	text-align:center;
	/*text-shadow:#999 1px 3px 2px;  文字の影 */
	/*-webkit-box-shadow:#aaaaaa 3px 3px 4px;     枠の影 */
	
	width: 150px;
}

.indexButton:hover {
	background: -webkit-linear-gradient(top, #e8e8e8 0%, #c2c2c2 100%); 
	cursor: pointer;
}

.Button1 {
	font-size: 12px;
	text-decoration: none;
	padding:1px 7px 1px 7px;
	text-align: center;
	color: #444444;
	background: #f8f8f8;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#d2d2d2));
	background: -moz-linear-gradient(top,  #f8f8f8,  #d2d2d2);
	background: -o-linear-gradient(top,  #f8f8f8,  #d2d2d2);
	background: -ms-linear-gradient(top,  #f8f8f8,  #d2d2d2);
	background: linear-gradient(top,  #f8f8f8,  #d2d2d2);
	border: 1px solid #cccccc;
	border-bottom: 1px solid #c1c1bd;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	height: 26px;
	width: 65px;
}

.Button1:hover {
	background: #d2d2d2;
	cursor: pointer;
}

.Button2 {
	text-decoration: none;
	line-height: 30px;
	text-align: center;
	color: #444444;
	font-weight: bold;
	background: #f8f8f8;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#d2d2d2));
	background: -moz-linear-gradient(top,  #f8f8f8,  #d2d2d2);
	background: -o-linear-gradient(top,  #f8f8f8,  #d2d2d2);
	background: -ms-linear-gradient(top,  #f8f8f8,  #d2d2d2);
	background: linear-gradient(top,  #f8f8f8,  #d2d2d2);
	border: 1px solid #dcd9d8;
	border-bottom: 1px solid #c1c1bd;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	width: 120px;
	font-size: 14px;
}

.Button2:hover {
	background: #d2d2d2;
	color: #444444;
	cursor: pointer;
}

.Button3 {
	text-decoration: none;
	text-align: center;
	color: #444444;
	background: #f8f8f8;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#d2d2d2));
	background: -moz-linear-gradient(top,  #f8f8f8,  #d2d2d2);
	background: -o-linear-gradient(top,  #f8f8f8,  #d2d2d2);
	background: -ms-linear-gradient(top,  #f8f8f8,  #d2d2d2);
	background: linear-gradient(top,  #f8f8f8,  #d2d2d2);
	border: 1px solid #cccccc;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	font-size: 12px;
}

.Button3:hover {
	background: #d2d2d2;
	cursor: pointer;
}

table.radius {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border:1px solid #888888;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #555555;
	padding: 0px;
	zoom: 1;
	height: 100%;
	width: 40px;
	/*background: -webkit-linear-gradient(top, #b0b0b0 0%, #989898 100%);   [1]*/
	background: -webkit-linear-gradient(top, #d9d9d9 0%, #a4a4a4 100%);   [1]
}

.rp {
	border-top:solid 0.05em #ababab;
	border-right:solid 0.05em #ababab;
	border-left:solid 0.05em #ababab;
	border-bottom:solid 0.00em #ababab;
    font-size: 20px;
}

.rp2 {
	border-top:solid 0.05em #ababab;
	border-right:solid 0.05em #ababab;
	border-left:solid 0.00em #ababab;
	border-bottom:solid 0.00em #ababab;
    font-size: 20px;
    padding-left: 15;
}

.back {
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	background: -webkit-linear-gradient(top, #f8f8f8 0%, #d2d2d2 100%);   [1]
	/* border */
	border:1px solid #CCC;
	 
	color:#555555;
	padding:5px 0;
	text-align:center;
	display:block;
	/*text-shadow:#999 1px 3px 2px; 文字の影 */
	-webkit-box-shadow:#aaaaaa 3px 3px 4px;    /* 枠の影 */
	 
	width: 120px;
	font-size: 15px;
}

.back:hover {
	background: -webkit-linear-gradient(top, #e8e8e8 0%, #c2c2c2 100%); 
	cursor: pointer;
}

iframe {
    border: 1px #ababab solid;
}

.gojuon {
	color: #00a0cc;
	font-size: 15px;
	font-weight: bold;
	vertical-align: top;
	/* ADD 2015.09.19 START */
	text-align: left;
	/* ADD 2015.09.19 START */
}

.jusyo {
	padding-top: 2px;
	padding-left: 2px;
	font-size: 12px;
}

.btnTopBack {
    background-color:#efefef;
    border: 2px solid #dddddd;
    padding-left: 10px;
    color: #666666;
    font-size: 14px;
    border-radius: 4px;
    font-weight: bold;
    width: 30px;
	height: 450px;
}

.dropShadow {
	text-shadow: 0.05em 0.05em 0.1em rgba(0, 0, 0, 0.6);
}


.syobou_area{
	cursor: pointer;
}

.rpButton {
	font-size: 10.5px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	background: -webkit-linear-gradient(top, #f8f8f8 0%, #d2d2d2 100%);   [1]
	/* border */
	border:1px solid #CCC;
	 
	color:#444444;
	padding:4px 6px 4px 6px;
	text-align:center;
	/*text-shadow:#999 1px 3px 2px;  文字の影 */
	/*-webkit-box-shadow:#aaaaaa 3px 3px 4px;     枠の影 */
	
	//width: 100px;
}

a.logout_link{/*リンクされた文字*/
    font-size:11px;
    color:#ffffff;
    font-style:normal;
    text-decoration:none;
    font-weight:bold;
}
a.logout_link:link {/*未訪問のリンク*/
    font-size:11px;
    color:#ffffff;
    font-style:normal;
    text-decoration:none;
    font-weight:bold;
}
a.logout_link:visited {/*訪問後のリンク*/
    font-size:11px;
    font-weight: bold;
    color:#ffffff;
    text-decoration:none;
    font-weight:bold;
}
a.logout_link:hover {/*マウスをのせたとき*/
    font-size:11px;
    color:#e3e3e3;
    font-style:normal;
    text-decoration:none;
    font-weight:bold;
}
a.logout_link:active {/*クリック中*/
    text-decoration:none;
    font-weight:bold;
}

.fieldclock{
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	background-color:#0099ff;
	border-width:0;
	font-size: 46px;
	font-family: 'Arial';
	text-align:center;
	color: #333333;
	padding-top:5px;
	padding-bottom:5px
}

a.dist_clear{/*リンクされた文字*/
    color:#4E9ABE;
    font-style:normal;
    text-decoration:none;
    font-weight:bold;
}
a.dist_clear:link {/*未訪問のリンク*/
    color:#4E9ABE;
    font-style:normal;
    text-decoration:none;
    font-weight:bold;
}
a.dist_clear:visited {/*訪問後のリンク*/
    font-weight: bold;
    color:#4E9ABE;
    text-decoration:none;
    font-weight:bold;
}
a.dist_clear:hover {/*マウスをのせたとき*/
    color:#c9171e;
    cursor: pointer;
    font-style:normal;
    text-decoration:underline;
    font-weight:bold;
}
a.dist_clear:active {/*クリック中*/
    text-decoration:none;
    font-weight:bold;
}

.btnRadarTime {
	position:absolute;
	font-size: 11px;
	text-decoration: none;
	padding:1px 2px 1px 2px;
	text-align: center;
	color: #444444;
	background: #f8f8f8;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#d2d2d2));
	background: -moz-linear-gradient(top,  #f8f8f8,  #d2d2d2);
	background: -o-linear-gradient(top,  #f8f8f8,  #d2d2d2);
	background: -ms-linear-gradient(top,  #f8f8f8,  #d2d2d2);
	background: linear-gradient(top,  #f8f8f8,  #d2d2d2);
	border: 1px solid #cccccc;
	border-bottom: 1px solid #c1c1bd;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	height: 26px;
	width: 40px;
	z-index:1000;
}

.btnRadarTime:hover {
	background: #d2d2d2;
	cursor: pointer;
}