/*   main Block   */	

#p-contents  .main{
	background: white url("../service/image/service.jpg") no-repeat  right  top;
	margin-left: 0.3em;
	border: 1px  solid  gray;
	}


/*   Headings,  Summary  */		

#p-contents  h1{
	color: navy;
	margin: 0.5em;
	border-bottom: 2px  solid  teal;
	}
	
#p-contents  h2{
	clear: both;
	color: navy;
	margin: 0.5em;
	padding-left: 0.5em;
	border: 1px  solid  gray;
	border-left: thick  solid  navy;
	background: #ffc;
	}

.summary{
	border: 2px  outset  #ffc;
	background: #ffc;
	padding: 0.3em;
	}

.notice1{
	color: #009;
	font-weight: bold;
	line-height: 170%;
	}

.notice2{
	color: #c60;
	font-size: small;
	}

.notice3{
	color: teal;
	font-weight: bold;
	font-size: large;
	}

.up	{
	margin: 5em  2em  3em  1em;	
	font-size: small;
	text-align: right;
	}



	

/*   Server,  Note  */	

.server{
	margin: 0.8em  1em  0.5em  0.8em;
	}
	
.ser-summary{
	border: 2px  outset  #ffc;
	background: #ffc;
	padding: 0.3em;
	line-height: 180%;
	}

.ser-item1{
	clear: both;
	margin: 1em  0  0  0.8em;
	}
	
.ser-item2{
	color: teal;
	margin-bottom: 1em;
	}

.ser-item3{
	float: right;
	margin-left: 0.5em;
	margin-bottom: 5em;
	}
	
.ser-item4{
	margin-bottom: 3em;
	}

.ser-item5{
	clear: both;
	padding: 0.5em  0;
	}	

.ser-item6{
	margin-left: 1em;
	}
	
.list-kino,  .list-chuijiko{
	margin: 0  5em;
	}
	
.list-kino,  .list-chuijiko  li{
	padding-bottom: 0.3em;
	}

.dom-item1{
	color: #c60;
	}




	
	
/*   Web,  Note  */		
	
.web{
	float: right;
	margin-left: 0.5em;
	}
	
.note{
	text-indent: -1em;
	font-size: small;
	margin-left: 2em;
	}	
	
	

/*   Table  service  */		

table.service{
	border: 2px  solid  gray;
	border-collapse: collapse;
	width: 90%;
	margin: 0  auto  1em;
	border-spacing: 0;
	}
	
.service  caption{
	font-weight: bolder;
	color: teal;
	}
	
.service  th,  .service  td{
	border: 1px  solid  gray;
	padding: 0.1em;
	}
	
.service  th{
	background: #a8f0de;
	}	

.bg1{
	background: #EAE9FB;
	}
	
.bg2{
	background: #CCF1F0;
	}

.center{
	text-align: center;
	}
	


/*   Table  service  web  */	

table.service-web{
	border: 2px  solid  gray;
	border-collapse: collapse;
	width: 90%;
	margin: 0  auto  1em;
	border-spacing: 0;
	}
	
.service-web  caption{
	font-weight: bolder;
	color: teal;
	}
	
.service-web  th,  .service-web  td{
	border: 1px  solid  gray;
	padding: 0.3em;
	}
	
.service-web  th{
	background: #a8f0de;
	}	

.bg1{
	background: #EAE9FB;
	}
	
.bg2{
	background: #CCF1F0;
	}



/*   Table  service  domain  */	

table.service-domain{
	border: 2px  solid  gray;
	border-collapse: collapse;
	width: 90%;
	margin: 0  auto  1em;
	border-spacing: 0;
	}
	
.service-domain  caption{
	font-weight: bolder;
	color: teal;
	}
	
.service-domain  th,  .service-domain  td{
	border: 1px  solid  gray;
	padding: 0.3em;
	}
	
.service-domain  th{
	background: #a8f0de;
	}	

.bg1{
	background: #EAE9FB;
	}
	
.bg2{
	background: #CCF1F0;
	}

	
		

/*   sub  Block  */			
	
.sub  ul{
	margin: 0;
	padding: 0;
	font-size: small;
	list-style: none;
	}
	
.sub  li{
	border-bottom: 1px  solid  gray;
	border-left: thick  solid  teal;
	background: #dcf0eb;
	padding: 0  0  0  0.3em;
	line-height: 250%;
	}
	
.sub  li.current{
	border-left: thick  solid  #c60;
	background: white;
	font-weight: bolder;
	}	
	
.sub  a{	
	display: block;
	width: 100%;
	color: #00c;
	text-decoration: none;
	}

.sub  a:hover{	
	background: #F0F9F7;
	color: #66f;
	text-decoration: underline;
	}