@charset "utf-8";


/*---------------------------------
 (layout_single.css)上書き用
-----------------------------------*/


/*------(index.html)Lococomとは--------*/

#main.whatslococom {
	z-index:1;
	background:#FFFFFF url(../../img2/cm/loco090702/lococom_happyspiral.gif) no-repeat 56px 203px;
	width:910px;
	height:1064px;
	}
	
#main.whatslococom div.ttl {
	margin:2px 0 12px 0;
	width:910px;
	height:190px;
	}
	

#main.whatslococom h1{
	position:absolute;
	margin:29px 0 0 36px;
	}	


#main.whatslococom div.box1{
	float:left;
	background-image:url(../../img2/cm/loco090702/whatslococom1.gif);
	width:292px;
	height:182px;
	}


#main.whatslococom div.box2{
	float:left;
	width:617px;
	height:182px;
	}	



#main.whatslococom div.box2_img{
	float:left;
	background:url(../../img2/cm/loco090702/whatslococom2.gif) no-repeat;
	width:617px;
	height:183px;
	}


#main.whatslococom div.box2_navi{
	width:617px;
	height:60px;
	margin:123px 0 21px 0;
	}


#main.whatslococom div.box2_navi ul{
	height:36px;
	}


#main.whatslococom div.box2_navi li{
	height:38px;
	float:left;
	}


#main.whatslococom div.box2_navi li.border{
	border-bottom:1px solid #b7b7b7;
	width:95px;
	height:36px;
	}
			


#main.whatslococom p {
	font-size:15px;
	line-height: 1.7em;
	text-indent:inherit;
	}


#main.whatslococom p.about{
	margin:10px 0 0 51px;
	}
	
	

#main.whatslococom div.btn_regional {
	position:absolute;
	top: 578px;
	margin:0 0 0 407px;
	}
	

#main.whatslococom div.btn_wordofmouth {
	position:absolute;
	top: 874px;
	margin:0 0 0 310px;
	}
	

#main.whatslococom div.btn_myfriend {
	position:absolute;
	top: 872px;
	margin:0 0 0 500px;
	}
	

#main.whatslococom div.btn_spiral_join {
	position:absolute;
	top: 624px;
	margin:0 0 0 379px;
	}


#main.whatslococom div.other {
	position:absolute;
	top: 952px;
	margin:0 0 21px 175px;
	}


#main.whatslococom h2.other_head{
	float:left;
	width:101px;	
	}


#main.whatslococom div.btn {
	position:absolute;
	top: 1064px;
	margin:0 0 40px 241px;
	}
	
	

/*------(sr.html)SRとは--------*/


#main.sr {
	z-index:1;
	width:910px;
	}
	

#main.sr div.ttl {
	/*margin:2px 0 0 0;
	width:910px;
	height:184px;
	border:1px solid red;*/
	margin:2px 0 12px 0;
	width:910px;
	height:190px;
	}
	
	
#main.sr h1{
	position:absolute;
	margin:29px 0 0 36px;
	}	


#main.sr div.box1{
	float:left;
	background-image:url(../../img2/cm/loco090702/sr1.gif);
	width:292px;
	height:182px;
	}

#main.sr div.box2{
	float:left;
	width:617px;
	height:182px;
	}	


#main.sr div.box2_img{
	float:left;
	background:url(../../img2/cm/loco090702/sr2.gif) no-repeat;
	width:617px;
	height:183px;
	}
	
#main.sr div.box2_navi{
	width:617px;
	height:60px;
	margin:123px 0 21px 0;
	}

#main.sr div.box2_navi ul{
	height:36px;
	}

#main.sr div.box2_navi li{
	float:left;
	}

#main.sr div.box2_navi li.border{
	border-bottom:1px solid #b7b7b7;
	width:95px;
	height:36px;
	}		

#main.sr div.sr-up{
	border-bottom:1px dotted #b7b7b7;
	width:905px;
	height:678px;
	
	}

#main.sr div.sr-down{
	width:905px;
	height:380px;
	}


#main.sr div.get{
	float:left;
	margin:0 0 0 20px;
	width:578px;
	display:inline;
	}

#main.sr div.acquaintanceship{
	float:left;
	margin:124px 0 0 14px;
	width:270px;
	display:inline;
	}

#main.sr h2.ttl1{
	margin:0 0 0 11px;
	}	

#main.sr p.ttl1{
	margin:0 0 0 11px;
	}
	
#main.sr h2.ttl2{
	margin:0 0 6px 29px;
	}

#main.sr p.ttl2-img{
	margin:0 0 19px 63px;
	}	
	
#main.sr p.ttl2-txt{
	margin:0 0 0 63px;
	}
	
#main.sr div.howto{
width:449px;
float:left;
}

#main.sr div.srconfirmed{
float:left;
}
	
#main.sr h2.ttl2{
	margin:10px 0 0 16px;
	}	
	
#main.sr div.ttl2box{
	margin:7px 0 0 44px;
	width:411px;
	height:79px;
	}	
	
#main.sr div.ttl2box_l{
	float:left;
	width:149px;
	}	
	
#main.sr div.ttl2box_r{
	float:left;
	width:230px;
	}	
	
	
#main.sr div h3.ttl2{
	margin:0 0 13px 0;
	}	
	
	
#main.sr div.btn_regional {
	position:absolute;
	top: 311px;
	margin:0 0 0 635px;
	}
	
#main.sr div.btn {
	/*position:absolute;
	top: 1420px;*/
	margin:40px 0 40px 241px;
	}
	
	
/*------(wordofmouth.html)口コミ投稿--------*/



#main.wordofmouth {
	z-index:1;
	width:910px;
	}
	

#main.wordofmouth div.ttl {
	margin:2px 0 12px 0;
	width:910px;
	height:190px;
	}
	
	
#main.wordofmouth h1{
	position:absolute;
	margin:29px 0 0 36px;
	}	


#main.wordofmouth div.box1{
	float:left;
	background-image:url(../../img2/cm/loco090702/wordofmouth1.gif);
	width:292px;
	height:182px;
	}

#main.wordofmouth div.box2{
	float:left;
	width:617px;
	height:182px;
	}	


#main.wordofmouth div.box2_img{
	float:left;
	background:url(../../img2/cm/loco090702/wordofmouth2.gif) no-repeat;
	width:617px;
	height:183px;
	}
	
#main.wordofmouth div.box2_navi{
	width:617px;
	height:60px;
	margin:123px 0 21px 0;
	}

#main.wordofmouth div.box2_navi ul{
	height:36px;
	}

#main.wordofmouth div.box2_navi li{
	float:left;
	}

#main.wordofmouth div.box2_navi li.border{
	border-bottom:1px solid #b7b7b7;
	width:95px;
	height:36px;
	}			

#main.wordofmouth div.wordofmouthimg{
width:910px;
height:512px;
margin:0 0 0 0;
}

#main.wordofmouth div.contribution1{
	float:left;
	margin:0 0 0 18px;
	width:564px;
	display:inline;
	}

#main.wordofmouth div.contribution2{
	float:left;
	margin:132px 0 0 0;
	width:250px;
	display:inline;
	}

#main.wordofmouth h2.ttl1{
	margin:0 0 0 11px;
	}	

#main.wordofmouth p.ttl1{
	margin:0 0 0 11px;
	}
	
	
#main.wordofmouth div.btn_regional {
	position:absolute;
	top: 311px;
	margin:0 0 0 635px;
	}
	
.wordofmouth div.btn {
	margin:47px 0 20px 241px;
	}
	
	
	
	/*------(locality.html)地域登録--------*/


#main.locality {
	z-index:1;
	width:910px;
	}
	

#main.locality div.ttl {
	margin:2px 0 12px 0;
	width:910px;
	height:190px;
	}
	
	
#main.locality h1{
	position:absolute;
	margin:29px 0 0 36px;
	}	


#main.locality div.box1{
	float:left;
	background-image:url(../../img2/cm/loco090702/local1.gif);
	width:292px;
	height:182px;
	}

#main.locality div.box2{
	float:left;
	width:617px;
	height:182px;
	}	


#main.locality div.box2_img{
	float:left;
	background:url(../../img2/cm/loco090702/local2.gif) no-repeat;
	width:617px;
	height:183px;
	}
	
#main.locality div.box2_navi{
	width:617px;
	height:60px;
	margin:123px 0 21px 0;
	}

#main.locality div.box2_navi ul{
	height:36px;
	}

#main.locality div.box2_navi li{
	float:left;
	}

#main.locality div.box2_navi li.border{
	border-bottom:1px solid #b7b7b7;
	width:95px;
	height:36px;
	}		

#main.locality div.locality-up{
	border-bottom:1px dotted #b7b7b7;
	width:910px;
	height:678px;
	}

#main.locality div.locality-down{
	width:910px;
	height:520px;
	}


#main.locality div.localityimg1{
	float:left;
	margin:0 0 0 20px;
	width:624px;
	display:inline;
	}

#main.locality div.localityimg2{
	float:left;
	margin:0 0 0 0;
	width:175px;
	display:inline;
	}
	
#main.locality div.localityimg3{
	width:905px;
	height:186px
	}	
	
#main.locality div.school{
	float:left;
	margin:0 0 0 75px;
	width:320px;
	display:inline;
	}	
	
#main.locality div.town{
	float:left;
	margin:0 0 0 0;
	width:400px;
	display:inline;
	}	


#main.locality h2.ttl1{
	margin:0 0 4px 10px;
	}	
	
#main.locality h2.livein{
	margin:158px 0 0 0;
	width:191px;
	}		

#main.locality p.ttl1{
	margin:0 0 0 11px;
	}
	
#main.locality h2.ttl2{
	margin:0 0 6px 29px;
	}

#main.locality p.ttl2-img{
	margin:0 0 19px 63px;
	}	
	
#main.locality p.ttl2-txt{
	margin:0 0 0 63px;
	}
	
#main.locality div.howto{
	width:449px;
	float:left;
}

#main.locality h2.ttl2{
	margin:10px 0 0 16px;
	}	
	
#main.locality div.ttl2box{
	width:814px;
	height:408px;
	}	
	
#main.locality div.ttl2box_l{
	float:left;
	width:263px;
	margin:8px 0 0 30px;
	display:inline;
	}	
	
#main.locality div.ttl2box_r{
	float:left;
	width:440px;
	}	
		
	
#main.locality div.btn_regional {
	position:absolute;
	top: 311px;
	margin:0 0 0 635px;
	}
	
#main.locality div.btn {
	margin:0 0 40px 241px;
	}

/*------(myfriend.html)マイトモ登録--------*/


#main.myfriend {
	z-index:1;
	width:910px;
	}
	

#main.myfriend div.ttl {
	margin:2px 0 12px 0;
	width:910px;
	height:190px;
	}
	
	
#main.myfriend h1{
	position:absolute;
	margin:29px 0 0 36px;
	}	


#main.myfriend div.box1{
	float:left;
	background-image:url(../../img2/cm/loco090702/myfriend1.gif);
	width:292px;
	height:182px;
	}

#main.myfriend div.box2{
	float:left;
	width:617px;
	height:182px;
	}	


#main.myfriend div.box2_img{
	float:left;
	background:url(../../img2/cm/loco090702/myfriend2.gif) no-repeat;
	width:617px;
	height:183px;
	}
	
#main.myfriend div.box2_navi{
	width:617px;
	height:60px;
	margin:123px 0 21px 0;
	}

#main.myfriend div.box2_navi ul{
	height:36px;
	}

#main.myfriend div.box2_navi li{
	float:left;
	}

#main.myfriend div.box2_navi li.border{
	border-bottom:1px solid #b7b7b7;
	width:95px;
	height:36px;
	}		

#main.myfriend div.sr-up{
	border-bottom:1px dotted #b7b7b7;
	width:905px;
	height:549px;	
	}

#main.myfriend div.sr-down{
	width:905px;
	height:702px;
	}


#main.myfriend div.get{
	float:left;
	margin:0 0 0 20px;
	width:568px;
	display:inline;
	}

#main.myfriend h2.ttl1{
	margin:0 0 0 11px;
	}	

#main.myfriend p.ttl1{
	margin:0 0 0 0;
	}
	
#main.myfriend h2.ttl2{
	margin:0 0 6px 29px;
	}

#main.myfriend p.ttl2-img{
	margin:0 0 19px 63px;
	}	
	
#main.myfriend p.ttl2-txt{
	margin:0 0 0 63px;
	}
	
#main.myfriend div.howto{
	width:449px;
	float:left;
}

	
#main.myfriend h2.ttl2{
	margin:10px 0 0 16px;
	}	
	
#main.myfriend div.ttl2box{
	margin:7px 0 0 44px;
	width:700px;
	height:552px;
	}	
	
#main.myfriend div.ttl2box_l{
	float:left;
	width:310px;
	}	
	
#main.myfriend div.ttl2box_r{
	float:left;
	width:230px;
	}	
	
	
#main.myfriend div h3.ttl2{
	margin:0 0 9px 0;
	}	
	
#main.myfriend div h3.ttl3{
	margin:100px 0 9px 0;
	}	
	
	
#main.myfriend div h3.ttl4{
	margin:80px 0 9px 0;
	}	
	
	
#main.myfriend div.btn_regional {
	position:absolute;
	top: 311px;
	margin:0 0 0 635px;
	}
	
#main.myfriend div.btn {
	margin: 0 0 40px 239px;
	}
	
/*------(premium.html)プレミアムサービス--------*/



#main.premium {
	z-index:1;
	width:910px;
	height:1126px;
	}
	

#main.premium div.ttl {
	margin:2px 0 12px 0;
	width:910px;
	height:190px;
	}
	
	
#main.premium h1{
	position:absolute;
	margin:29px 0 0 36px;
	}	


#main.premium div.box1{
	float:left;
	background-image:url(../../img2/cm/loco090702/premium_1.gif);
	width:292px;
	height:182px;
	}

#main.premium div.box2{
	float:left;
	width:617px;
	height:182px;
	}	


#main.premium div.box2_img{
	float:left;
	background:url(../../img2/cm/loco090702/premium_2.gif) no-repeat;
	width:617px;
	height:183px;
	}
	
#main.premium div.box2_navi{
	width:617px;
	height:60px;
	margin:123px 0 21px 0;
	}

#main.premium div.box2_navi ul{
	height:36px;
	}

#main.premium div.box2_navi li{
	float:left;
	}

#main.premium div.box2_navi li.border{
	border-bottom:1px solid #b7b7b7;
	width:95px;
	height:36px;
	}			

#main.premium div.premiumimg1{
	width:850px;
	height:524px;
	margin:0 0 0 20px;
	}
	
#main.premium div.premiumimg2{
	width:850px;
	height:253px;
	margin:0 0 0 20px;
	}

#main.premium div.contribution1{
	float:left;
	margin:0 0 0 0;
	width:478px;
	display:inline;
	}
	
#main.premium div.contribution1 p.img2{
	margin:0 0 0 157px;
	width:323px;
	}
	

#main.premium div.contribution2{
	float:left;
	margin:143px 0 0 0;
	width:123px;
	display:inline;
	}

#main.premium div.contribution3{
	float:left;
	margin:143px 0 0 0;
	width:240px;
	display:inline;
	}


#main.premium div.premiumother{
	width:499px;
	height:100px;
	margin:49px 0 0 157px;
}

#main.premium div.premiumimg2 p.img1{
	float:left;
	margin:0 0 0 0;
	width:124px;
	display:inline;
	}
	
#main.premium div.premiumimg2 p.img2{
	float:left;
	margin:0 0 0 0;
	width:192px;
	display:inline;
	}
	
#main.premium div.premiumimg2 p.img3{
	float:left;
	margin:0 0 0 0;
	width:175px;
	display:inline;
	}
	
	
#main.premium h2.ttl1{
	margin:0 0 0 11px;
	}	

#main.premium p.ttl1{
	margin:0 0 0 11px;
	}
	
	
#main.premium div.btn_regional {
	position:absolute;
	top: 311px;
	margin:0 0 0 635px;
	_margin:0 0 0 615px;
	}
	
*:first-child+html #main.premium div.btn_regional {
	position:absolute;
	top: 311px;
	margin:0 0 0 615px;
}


#main.premium div.btn_detail {
	position:absolute;
	top: 878px;
	margin:0 0 0 610px;
	}
	
	
#main.premium div.btn {
	/*position:absolute;
	top:1097px;*/
	margin:42px 0 10px 241px;
	}