/* CSS Document */
/*************************************/
/****************tag******************/
/*************************************/
*{}
html{
	margin:0px;
	padding:0px;
	text-align:center;
}
body{
	text-align:left;
	margin:0px auto;
	padding:0px;
	width:860px;
	background:#fff url(/~patrol/image/body_bg.png) top center repeat-y;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3", serif;
}
a:hover{
	color:#d00;
}

/*
a:link{
	text-decoration:none;
	color:#003366;
}
a:hover{
	color:#FF0000;
}
a:visited{
	color:#00FF00;
}
a:active{
	color:#FF0;
}
*/

em{
	font-style:normal;
	font-size:1.1em;
	color:#660033;
	font-weight:bold;
	
}
h1{
	clear:both;
	border:#c3eced 1px solid;
	display:block;
	width:470px;
	height:40px;
	line-height:40px;
	margin:10px auto;
	padding:0px 0px 0px 20px;
	font-size:1.6em;
	background:url(/~patrol/image/h1_bg.png) top left repeat-x;
}
h2{
	display:block;
	margin:20px 30px 0px;
	padding:0px;
	font-size:1.4em;
	color:#3366CC;
}
h3{
	display:block;
	margin:20px 30px 0px;
	padding:0px;
	font-size:1.3em;
	color:#FF0000;
}


h4{
	display:block;
	margin:20px 30px 0px;
	padding:0px;
	font-size:1.2em;
	color:#006633;
}

/*************************************/
/****************i d******************/
/*************************************/

/****************heder******************/
#heder{
	width:860px;
	height:129px;
	background:url(/~patrol/image/title.png);
	float:left;
}
/****************menu******************/
		.menu{
	width:860px;
	height:50px;
	float:left;
	top:0px;
	left:0px;
}
.menu ul{
	list-style:none;
	margin:0px;
	padding:0px;
	}
			.menu ul li {
				border:#CCFFFF solid 1px;
	width:170px;
	height:48px;
	display:block;
	float:left;
	line-height:48px;
	text-align:center;
	text-indent:-2000em;
			}

				
			.menu ul li ul {
				visibility: hidden;
				overflow: hidden;
				position: absolute;
				display:block;
			}
				
			
			.menu ul li a {
				color: #0000ff;
				display: block;
				text-decoration: none;
				height: 50px;
				line-height: 30px;
			}
			
			.menu ul li a:hover {
				position: relative;
				z-index: 100;
			}
			
			.menu ul li:hover ul ,
			.menu ul li a:hover ul {
				visibility: visible;
				overflow: visible;
				z-index: 10;
			}


		.menu li.button1 { background: url(/~patrol/image/button_t.gif) left top no-repeat; }
		.menu li.button1:hover { background: url(/~patrol/image/button_tt.gif) left top no-repeat; }
		.menu li.button2 { background: url(/~patrol/image/button_10.gif) left top no-repeat; }
		.menu li.button2:hover { background:url(/~patrol/image/button_11.gif) left top no-repeat;}
		.menu li.button3 { background: url(/~patrol/image/button_13.gif) left top no-repeat; }
		.menu li.button3:hover { background: url(/~patrol/image/button_14.gif) left top no-repeat; }
		.menu li.button4 { background: url(/~patrol/image/button_4.gif) left top no-repeat; }
		.menu li.button4:hover { background: url(/~patrol/image/button_5.gif) left top no-repeat; }
		.menu li.button5 { background: url(/~patrol/image/button_16.gif) left top no-repeat; }
		.menu li.button5:hover { background: url(/~patrol/image/button_17.gif) left top no-repeat; }
		.menu li.submenu {
	display:block;
	border:#666 solid 1px;
	background:#CCFFFF;
	width:170px;
	line-height:1.4em;
	text-align:left;
	text-indent:6px;
	font-size:1em;
	height:35px;
	float:left;
		}
		.submenu a:hover{
	background:#99CCFF;
	color:#000033;
	height:35px;
	}

/****************side******************/
#side{
	width:290px;
	float:right;
	display:block;
}
/*side1*/
#side1{
	width:290px;
	
	text-indent:-2000em;
}
#side1 ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
#side1 li{
	margin:0px;
	padding:0px;
}
#side1 li a{
	height:60px;
	display:block;
}

.page_m1{
	background:url(/~patrol/image/menu_pp.gif);
	width:290px;
	height:85px;
	display:block;
	margin:0px;
	padding:0px;
	text-indent:-2000em;
}

.page_m2 a{background:url(/~patrol/image/menu_p20.gif) top left no-repeat;}
.page_m3 a{background:url(/~patrol/image/menu_p30.gif) top left no-repeat;}
.page_m4 a{background:url(/~patrol/image/menu_p40.gif) top left no-repeat;}
.page_m5 a{background:url(/~patrol/image/menu_p50.gif) top left no-repeat;}
.page_m6 a{background:url(/~patrol/image/menu_p60.gif) top left no-repeat;}
.page_m2 a:hover{background:url(/~patrol/image/menu_p2b.gif) top left no-repeat;}
.page_m3 a:hover{background:url(/~patrol/image/menu_p3b.gif) top left no-repeat;}
.page_m4 a:hover{background:url(/~patrol/image/menu_p4b.gif) top left no-repeat;}
.page_m5 a:hover{background:url(/~patrol/image/menu_p5b.gif) top left no-repeat;}
.page_m6 a:hover{background:url(/~patrol/image/menu_p6b.gif) top left no-repeat;}

/*side2*/
#side2{
	width:290px;
	height:200px;
	text-indent:-2000em;
}

#side_2{
	display:inline-table;
	
}

#side_2 ul{
	margin:10px;
	padding:20px;
	height:40px;
	line-height:3em;
	display:block;
}

#side_2 a{
	text-decoration:none;
}
#side_2 a:hover{
	color:#CC0000;
    border-width:0px 1px 1px 0px;
    border-style:solid;
    border-color:#990000;
    position:relative;
    top:-2px;
    left:-2px;
}

#side_2 a:active{/*クリック中の色*/
    color:#CC0000;
    border-width:1px 0px 0px 1px;
    border-style:solid;
    border-color:#990000;
    position:relative;
    top:2px;
    left:2px;
    padding-left:3px;
}

/****************main******************/

#main{
	width:550px;
	background:url(/~patrol/image/main_bg.png) top left repeat-y;
	float:left;
	padding:0px 10px;
	margin:0px;
}

/****************main_t******************/

.baset_text{
	margin:10px 30px 20px;
	padding:0px;
	text-indent:1.1em;
	line-height:1.2em;
	letter-spacing:0.1em;
}
.reserve{
	margin:auto;
	width:410px;
	height:190px;
	font-size:1.1em;
 	background-color:#CCCCCC;
	letter-spacing:0.1em;
	line-height:1.4em;
	padding:15px;
}

img.img_right{
	text-indent:0;
	display:block;
	margin:0px 0px 0px 10px;
	padding:0px;
	float:right;
}
img.img_left{
	text-indent:0;
	display:block;
	margin:5px 20px 10px 0px;
	padding:0px;
	float:left;
}
img.img_center{
	clear:both;
	text-indent:0;
	text-align:center;
	display:block;
	margin:10px auto;
	padding:0px;
}
.emphasis_1{
	max-width:23em;
	padding:14px 5px 0px;
	background-color:#ffa;
	border:dotted #F96;
	display:block;
	margin:10px auto;
}
	

/****************footer******************/
#footer{
	clear:both;
	width:860px;
	height:90px;
	margin:0pix;
	padding:0px;
	background:url(/~patrol/image/footer.png);
}
.top_1{
	right:-290px;
	margin:0px;
	padding:0px;
	text-align:right;
}
.hiden{display:none;}
.clear{clear:both;}
.detaile{
	font-size:0.8em;
	color:#0033CC;
	background-color:#FFFF66;
	letter-spacing:0;
}