@charset "utf-8";
@import url("sp_style.css");
/* CSS Document */
@media screen and (min-width: 800px) {
.clear{
	clear:both;}

#iwate {
	font-family: Meiryo UI,'¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','Hiragino Kaku Gothic Pro W3','£Í£Ó £Ð¥´¥·¥Ã¥¯',Helvetica,Arial,sans-serif;
	width: 800px;
	color: #333333;
	font-size: 14px;
	line-height:1.8em;
	letter-spacing:0.1em;}
	
#iwate img {
	border: none;}

#iwate h2 {
	margin-bottom: 15px;}
	
#iwate h3{
	width:558px;
	border-bottom:#333333 1px dashed;
	font-weight:bold;
	margin-bottom:5px;
	float:right;}	
	
/*--------top-------------*/

#iwate #top{
	background:url(images/bg_top.jpg) no-repeat;
	margin-bottom: 20px;
	width:800px;
	height:377px;}
	
#iwate #top #swf{
	width:540px;
	height:372px;
	float:right;
	padding:2px 2px 0 0;}
	
/*--------info-------------*/	

#iwate #info {
	background:#f5f4f4;
	width:790px;
	height:110px;
	border:5px solid #cfb228;
	margin-bottom:30px;
	margin-top:-20px;
    overflow:auto;}
	
#iwate #info dl{
	margin:5px 10px 10px 10px ;}		

#iwate #info dt{
	width:80px;
	padding-left:10px;
	float:left;}
	
#iwate #info dd{
	margin:0 0 0 10em;}	
		
#iwate #info a{
	color:#1d4dc9;
    text-decoration:underline;}
	  
#iwate #info a:link, #flame2 a:visited {
	color:#333333;
	text-decoration:underline;}

#iwate #info a:hover, #flame2 a:active {
	color:#1d4dc9;
	text-decoration:underline;}
		
		

/*--------°åÎÅ´Ä¶­------------*/

#iwate .box{
	width:770px;
	padding:0 15px;
	margin:0 0 30px 0;}
	
#iwate .box2{
	width:558px;
	float:right;
	margin:0 0 40px 0;}	
	
#iwate .right{
	float:right;
	padding:0 0 0 20px;}
	
#iwate .left{
	float:left;
	padding:0 20px 0 0;}
	
#iwate a.btn1:hover {
  background-repeat: no-repeat;
  background-position: 0px -38px;} 

#iwate .btn1{
  display:block;
  margin:20px 0 0 130px;
  padding:0;
  height:38px;
  width:340px;
  text-decoration:none;
  background:url(images/btn1.gif) left top;
  background-position:0px 0px;}
  
#iwate a.btn2:hover {
  background-repeat: no-repeat;
  background-position: 0px -28px;} 

#iwate .btn2{
  float:right;
  display:block;
  margin:5px 0 10px 0;
  padding:0;
  height:28px;
  width:201px;
  text-decoration:none;
  background:url(images/btn2.gif) left top;
  background-position:0px 0px;
}

#iwate a.btn3:hover {
  background-repeat: no-repeat;
  background-position: 0px -38px;} 

#iwate .btn3{
  display:block;
  margin:20px 0 20px 130px;
  padding:0;
  height:38px;
  width:340px;
  text-decoration:none;
  background:url(images/btn5.gif) left top;
  background-position:0px 0px;}


/*--------¥Ð¥Ê¡¼------------*/

#iwate li.bar{
	float:left;
	margin:0 30px 20px 0;}
	
#iwate li.barend{
	float:left;
	margin:0 0 20px 0;}	




/*----------map-----------------*/
#iwate #map {
}

#iwate #map a.list:hover {
  background-repeat: no-repeat;
  background-position: 0px -42px;} 

#iwate #map .list1{
  display:block;
  margin:0;
  padding:0;
  height:42px;
  width:256px;
  text-decoration:none;
  background:url(images/menu1.gif) left top;
  background-position:0px 0px;}
  
#iwate #map .list2{
  display:block;
  margin:0;
  padding:0;
  height:42px;
  width:256px;
  text-decoration:none;
  background:url(images/menu2.gif) left top;
  background-position:0px 0px;}
  
#iwate #map .list3{
  display:block;
  margin:0;
  padding:0;
  height:42px;
  width:256px;
  text-decoration:none;
  background:url(images/menu3.gif) left top;
  background-position:0px 0px;}
  
#iwate #map ul{
	margin:0 0 0 16px;}
	
#iwate #map li{
	list-style:none;
	float:left;}
  
#iwate #map #flame {
	clear: left;
	width: 783px;
	height: 2600px;
	border: solid 1px #cccccc;
	margin: 0 12px 30px 12px;
	padding:0;}

/*----------flame1----------*/

#iwate #flame1{
	background:url(images/map1.gif) no-repeat top #f3fef4;
	width:768px;
	height:820px;
	margin:0 0 0 15px;
	font-size:12px;
	line-height:1.6em;
	letter-spacing:0.05em;}
	
#iwate #flame1 #nido{
	float:left;
	margin:93px 0 0 17px;
	width:240px;
	height:90px;
	clear:both;}
	
#iwate #flame1 #kuji{
	float:right;
	margin:-86px 7px 0 0;
	*margin:97px 7px 0 0;
	width:200px;
	height:60px;
	clear:both;}
	
#iwate #flame1 #miyako{
	float:right;
	margin:116px 36px 0 0;
	*margin:142px 36px 0 0;
	width:100px;
	height:60px;
	clear:both;}
	
#iwate #flame1 #kamaishi{
	float:right;
	margin:50px 6px 0 0;
	width:100px;
	height:90px;
	clear:both;}	
	
#iwate #flame1 #sennki{
	float:right;
	margin:37px 1px 0 0;
	width:254px;
	height:90px;
	clear:both;}
	
#iwate #flame1 #ryouiwa{
	float:right;
	margin:28px 80px 0 0;
	width:260px;
	height:100px;
	clear:both;}
	
#iwate #flame1 #kimoe{
	float:left;
	margin:-122px 0 0 196px;
	*margin:449px 0 0 200px;
	width:240px;
	height:90px;
	clear:both;}
	
#iwate #flame1 #tyubu{
	float:left;
	margin:-272px 0 0 13px;
	*margin:-240px 0 0 13px;
	width:255px;
	height:100px;
	clear:both;}				
	
#iwate #flame1 #motioka{
	float:left;
	margin:-518px 0 0 12px;
	*margin:-485px 0 0 14px;
	width:240px;
	height:90px;
	clear:both;}

#iwate #flame1 a{
	color:#24ac0d;
    text-decoration:underline;}
	  
#iwate #flame1 a:link, #flame1 a:visited {
	color:#333333;
	text-decoration:underline;}

#iwate #flame1 a:hover, #flame1 a:active {
	color:#24ac0d;
	text-decoration:underline;}
	
/*----------flame2----------*/
#iwate #flame2{
	background:#eef2fd url(images/map2.gif) no-repeat;
	width:768px;
	height:730px;
	margin:0 0 0 18px;
	font-size:12px;
	line-height:1.6em;
	letter-spacing:0.05em;
	clear:both;}
	
#iwate #flame2 #nido{
	float:left;
	margin:100px 0 0 30px;
	width:225px;
	height:60px;
	clear:both;}
	
#iwate #flame2 #kuji{
	float:right;
	margin:-119px 17px 0 0;
	*margin:43px 20px 0 0;
	width:195px;
	height:60px;
	clear:both;}
	
#iwate #flame2 #miyako{
	float:right;
	margin:23px 4px 0 0;
	*margin:81px 4px 0 0;
	width:200px;
	height:110px;
	clear:both;}

#iwate #flame2 #sennki{
	float:right;
	margin:258px -1px 0 0;
	width:230px;
	height:120px;
	clear:both;}
	
#iwate #flame2 #ryouiwa{
	float:right;
	margin:-12px 249px 0 0;
	width:230px;
	height:60px;
	clear:both;}
	
#iwate #flame2 #kimoe{
	float:left;
	margin:-186px 0 0 20px;
	*margin:374px 0 0 18px;
	width:240px;
	height:150px;
	clear:both;}
	
#iwate #flame2 #tyubu{
	float:left;
	margin:-360px 0 0 13px;
	*margin:-326px 0 0 13px;
	width:230px;
	height:100px;
	clear:both;}				
	
#iwate #flame2 #motioka{
	float:left;
	margin:-509px 0 0 11px;
	*margin:-473px 0 0 10px;
	width:240px;
	height:90px;
	clear:both;}
	
#iwate #flame2 a{
	color:#1d4dc9;
    text-decoration:underline;}
	  
#iwate #flame2 a:link, #flame2 a:visited {
	color:#333333;
	text-decoration:underline;}

#iwate #flame2 a:hover, #flame2 a:active {
	color:#1d4dc9;
	text-decoration:underline;}
	
			
/*----------flame3----------*/	
#iwate #flame3{
	background:#faf0fc url(images/map3.gif) no-repeat;
	width:768px;
	height:600px;
	margin:0 0 0 15px;
	font-size:12px;
	line-height:1.6em;
	letter-spacing:0.05em;}
	
#iwate #flame3 #nido{
	float:left;
	margin:78px 0 0 103px;
	width:150px;
	height:20px;
	clear:both;}
	
#iwate #flame3 #kuji{
	float:right;
	margin:20px 58px 0 0;
	*margin:118px 58px 0 0;
	width:120px;
	height:20px;
	clear:both;}

#iwate #flame3 #miyako{
	float:right;
	margin:137px 36px 0 0;
	*margin:137px 37px 0 0;
	width:120px;
	height:20px;
	clear:both;}
	
#iwate #flame3 #kamaishi{
	float:right;
	margin:113px 14px 0 0;
	width:120px;
	height:20px;
	clear:both;}

#iwate #flame3 #oofunawata{
	float:right;
	margin:21px 53px 0 0;
	width:120px;
	height:20px;
	clear:both;}
	
#iwate #flame3 #iseki{
	float:left;
	margin:42px 0 0 139px;
	*margin:413px 0 0 137px;
	width:120px;
	height:20px;
	clear:both;}

#iwate #flame3 #okusyu{
	float:left;
	margin:-80px 0 0 58px;
	width:120px;
	height:20px;
	clear:both;}
	
#iwate #flame3 #kitaue{
	float:left;
	margin:-144px 0 0 32px;
	width:120px;
	height:50px;
	clear:both;}
	
#iwate #flame3 #motioka{
	float:left;
	margin:-301px 0 0 65px;
	width:240px;
	height:100px;
	clear:both;}	
	
#iwate #flame3 a{
	color:#9517b4;
    text-decoration:underline;}
	  
#iwate #flame3 a:link, #flame3 a:visited {
	color:#333333;
	text-decoration:underline;}

#iwate #flame3 a:hover, #flame3 a:active {
	color:#9517b4;
	text-decoration:underline;}	
		
/*----------list----------*/
 

#iwate #list {
	width: 766px;
	border: solid 1px #cccccc;
	margin:0 0 30px 16px;
	font-siz:12px;
	line-height:1.5em;
	letter-spacing:0.05em;}	
	
#iwate #list td.area_name1 {
	background-color:#29631f;
	color:#FFFFFF;
	font-weight: bold;
	font-size:16px;
    padding: 5px;}	
	
#iwate #list td.area_name2 {
	background-color:#143384;
	color:#FFFFFF;
	font-weight: bold;
	font-size:16px;}	
	
#iwate #list td.area_name3 {
	background-color:#6a1180;
	color:#FFFFFF;
	font-weight: bold;
	font-size:16px;}
	
#iwate #list td.center{
	text-align:center;}

div#content div#main #iwate #list table {
	border-collapse: separate;
	border-spacing: 2px;
	border-color: gray;
}

div#content div#main #iwate #list table th{
	border-bottom: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	padding: 4px 4px 4px 5px;
	font-weight:bold;
	font-size:14px;}

div#content div#main #iwate #list table td{
	border-bottom: solid 1px #cccccc;
	padding: 5px;}
	
#iwate #list a.btn:hover {
  background-repeat: no-repeat;
  background-position: 0px -34px;} 

#iwate #list .hp{
  display:block;
  margin:0 0 0 0;
  padding:0;
  height:34px;
  width:86px;
  text-decoration:none;
  background: url(images/hp.gif) left top;
  background-position:0px 0px;}
  
#iwate #list .hp_v{
  display:block;
  margin:0 0 0 20px;
  padding:0;
  height:34px;
  width:86px;
  text-decoration:none;
  background: url(images/hp_v.gif) left top;
  background-position:0px 0px;}  

#iwate #list .recruit{
  display:block;
  margin:0 0 0 0;
  padding:0;
  height:34px;
  width:86px;
  text-decoration:none;
  background:url(images/recruit.gif) left top;
  background-position:0px 0px;}
  
#iwate #list .recruit_reji{
  display:block;
  margin:0 0 0 20px;
  padding:0;
  height:34px;
  width:86px;
  text-decoration:none;
  background:url(images/recruit_reji.gif) left top;
  background-position:0px 0px;}  
  
#iwate a.btn2:hover {
  background-repeat: no-repeat;
  background-position: 0px -28px;} 




/*----------form-------------*/
div#content div#main #iwate #form table {
	width: 800px;
	border: solid 5px #cfb228;
	border-collapse: collapse;
	line-height: 1.6em;
}
div#content div#main #iwate #form table th {
	width: 130px;
	background-color: #f7f7f7;
	border: solid 1px #cccccc;
	text-align: right;
	padding: 5px;
}
div#content div#main #iwate #form table td {
	padding: 5px;
	border: solid 1px #cccccc;
}




.demo-show {
	width: 615px;
    font-size:13px;
}
.demo-show span.f_red {
	color: #EB623C;
	font-weight: bold;
}
.demo-show p {
	line-height: 30px;
	border-bottom: 1px dotted #cccccc;
	background: url(images/yaji.jpg) no-repeat left center;
	padding-left: 10px;
	color:#EB623C;
	font-weight:bold;
}
.demo-show div {
	line-height: 20px;
	padding: 10px 0 0 30px;
}
.demo_tab{
	width:560px !important;
	border:none !important;
}
.demo_td{
	border:none !important;
	padding:0 !important;
}



	
.tel{
	background:#999999;
	color:#FFFFFF;
	padding:1px 6px 1px 4px;
	margin-right:5px;;} 	
	
.fax{
	background:#999999;
	color:#FFFFFF;
	padding:1px 4px;
	margin-right:5px;} 	

.pc_none{
	display:none;
}

 
}