body { 
font-family:'PT Sans', Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
background-color:#f5f5f5;
margin:0;
padding:0;
}

td{font-family:'PT Sans', Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
p{font-family:'PT Sans', Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
H1{font-family:'PT Sans', Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
H2{font-family:'PT Sans', Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
H4{font-family:'PT Sans', Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
H5{font-family:'PT Sans', Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
a:link  { color: #01395A; font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
a:visited  { color: #01395A; font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
a:hover { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

input{
font-family:'PT Sans', Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
background-color:#f5f5f5;
}

textarea{
font-family:'PT Sans', Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
background-color:#f5f5f5;
}

table{
border-width:0;
border-spacing:0;
border-padding:0;
}


#bg_center{
width:1024px;
padding:0;
margin:0 auto;
background-color:#FFFFFF;
}

@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px){
	#bg_center{
	width:100%;
	}
}

/** 
Head
*/

#navig_sc{
width:100%;
padding:0;
margin:0;
background-color:#FFFFFF;
border-bottom:2px solid #939393;
}

#navig_sc div.lng_bx{
padding:2px 0 0 0;
margin:0;
width:1024px;
position:absolute;
text-align:right;
}

@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px){
	#navig_sc div.lng_bx{
	width:100%;
	}
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px){
	#navig_sc div.lng_bx{
	width:100%;
	position:static;
	}
}

#navig_sc a.lng:link, #navig_sc a.lng:visited{
padding:0;
margin:0 20px 0 0;
color:#64A744;
font-size:10px;
font-weight:normal;
text-decoration:none;
}

#navig_sc a.lng:hover{
color:#767676;
}

#navig_sc a.logo:link, #navig_sc a.logo:visited{
float:left;
display:block;
width:226px;
height:59px;
padding:0;
margin:7px 0 6px 70px;
background-image:url(logo.gif);
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px){
	#navig_sc a.logo:link, #navig_sc a.logo:visited{
	float:none;
	margin:0 auto;
	}
}

#navig_sc div.lnks{
padding:28px 10px 0 0;
margin:0 0 0 0;
text-align:right;
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px){
	#navig_sc div.lnks{
	padding:10px 15px;
	text-align:center;
	}
}

#navig_sc div.lnks a:link, #navig_sc div.lnks a:visited{
padding:0;
margin:0 10px 0 0;
color:#999B9F;
font-size:15px;
line-height:100%;
font-weight:normal;
text-decoration:none;
}

#navig_sc div.lnks a.sel:link, #navig_sc div.lnks a.sel:visited{
color:#56575A;
}

#navig_sc div.lnks a:hover{
color:#56575A;
}

/* 
Intro
*/

#intro_box{
width:100%;
height:116px;
margin:0;
padding:50px 0 0 0;
background-image:url(intro_box.jpg);
background-position:center top;
}

#intro_box H1{
color:#58585A;
font-size:24px;
line-height:100%;
padding:0 0 12px 0;
margin:0;
text-align:center;
font-weight:normal;
}

#intro_box H2{
color:#58585A;
font-size:16px;
line-height:100%;
padding:0 10px 50px 10px;
margin:0 auto;
text-align:center;
font-weight:normal;
max-width:450px;
}

/*
green txt
*/

#green_sct{
width:100%;
padding:0;
margin:0;
background-color:#64A744;
font-size:14px;
font-weight:normal;
color:#FFFFFF;
line-height:135%;
}

#green_sct div.marg_bx{
width:80%;
padding:40px 0 50px 0;
margin:0 auto;
background-color:#64A744;
}

#green_sct p{
width:100%;
padding:6px 0;
margin:0;
font-size:14px;
font-weight:normal;
color:#FFFFFF;
line-height:135%;
}


/*************************************************************************************************************************************************************************************************************************************************************/

/*
index Rotate
*/

#mainRotBx{
width:1024px;
height:483px;
padding:0;
margin:0;
background-image:url(index_bg_top.jpg);
background-repeat:no-repeat;
background-position:center top;
}

#mainRotOut{
position:absolute;
width:1024px;
height:483px;
padding:0;
margin:0;
background-position:center top;
}

#mainRotIn{
position:absolute;
width:1024px;
height:483px;
padding:0;
margin:0;
background-position:center top;
}

#mainRotNxt{
margin:0;
padding:0;
background-position:-1000px -1000px;
}

@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px){
	#mainRotBx{
	width:100%;
	}

	#mainRotOut{
	width:100%;
	}

	#mainRotIn{
	width:100%;
	}
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px){
	#mainRotBx{
	height:165px;
	}

	#mainRotOut{
	position:inherit;
	display:none;
	width:0;
	height:0;
	}

	#mainRotIn{
	position:inherit;
	display:none;
	width:0;
	height:0;
	}

	#mainRotNxt{
	display:none;
	}
}

/*
index - rol
*/

#mainRotBx div.photo_1{
background-image:url(rotate/photo_1.png);
}

#mainRotBx div.photo_2{
background-image:url(rotate/photo_2.png);
}

#mainRotBx div.photo_3{
background-image:url(rotate/photo_3.png);
}

#mainRotBx div.photo_4{
background-image:url(rotate/photo_4.png);
}

#mainRotBx div.photo_5{
background-image:url(rotate/photo_5.png);
}

#mainRotBx div.photo_6{
background-image:url(rotate/photo_6.png);
}

#mainRotBx div.photo_7{
background-image:url(rotate/photo_7.png);
}

#mainRotBx div.photo_8{
background-image:url(rotate/photo_8.png);
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px){
	#mainRotBx div.photo_1{
	background-image:none;
	}

	#mainRotBx div.photo_2{
	background-image:none;
	}

	#mainRotBx div.photo_3{
	background-image:none;
	}

	#mainRotBx div.photo_4{
	background-image:none;
	}

	#mainRotBx div.photo_5{
	background-image:none;
	}

	#mainRotBx div.photo_6{
	background-image:none;
	}

	#mainRotBx div.photo_7{
	background-image:none;
	}

	#mainRotBx div.photo_8{
	background-image:none;
	}
}

/*
index - pre-rol
*/

#mainRotNxt.photo_1{
background-image:url(rotate/photo_1.png);
}

#mainRotNxt.photo_2{
background-image:url(rotate/photo_2.png);
}

#mainRotNxt.photo_3{
background-image:url(rotate/photo_3.png);
}

#mainRotNxt.photo_4{
background-image:url(rotate/photo_4.png);
}

#mainRotNxt.photo_5{
background-image:url(rotate/photo_5.png);
}

#mainRotNxt.photo_6{
background-image:url(rotate/photo_6.png);
}

#mainRotNxt.photo_7{
background-image:url(rotate/photo_7.png);
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px){
	#mainRotNxt.photo_1{
	background-image:none;
	}

	#mainRotNxt.photo_2{
	background-image:none;
	}

	#mainRotNxt.photo_3{
	background-image:none;
	}

	#mainRotNxt.photo_4{
	background-image:none;
	}

	#mainRotNxt.photo_5{
	background-image:none;
	}

	#mainRotNxt.photo_6{
	background-image:none;
	}

	#mainRotNxt.photo_7{
	background-image:none;
	}
}

/*
index green
*/

#index_green{
width:100%;
padding:44px 0 0 0;
margin:0;
background-color:#64A744;
}

#index_green_in{
width:900px;
padding:0;
margin:0 auto;
}

#index_green div.sct_box{
float:left;
width:250px;
padding:0;
margin:0 25px 28px 25px;
}

@media only screen and (max-width: 900px), only screen and (max-device-width: 900px){
	#index_green_in{
	width:600px;
	}
}

@media only screen and (max-width: 600px), only screen and (max-device-width: 600px){
	#index_green_in{
	width:250px;
	}

	#index_green div.sct_box{
	margin-left:0;
	margin-right:0;
	}
}

#index_green div.sct_box div.icon_reg{
height:70px;
width:70px;
padding:0;
margin:0 auto;
background-image:url(indgr_reg.png);
}

#index_green div.sct_box div.icon_not{
height:70px;
width:70px;
padding:0;
margin:0 auto;
background-image:url(indgr_not.png);
}

#index_green div.sct_box div.icon_srv{
height:70px;
width:70px;
padding:0;
margin:0 auto;
background-image:url(indgr_srv.png);
}

#index_green div.sct_box H3{
color:#FFFFFF;
font-size:16px;
line-height:100%;
padding:14px 0;
margin:0;
text-align:center;
font-weight:bold;
}

#index_green div.sct_box div.desc{
height:64px;
padding:0;
margin:0;
color:#FFFFFF;
font-size:12px;
line-height:135%;
padding:0;
margin:0;
text-align:center;
font-weight:normal;
}

#index_green div.sct_box a.but:link, #index_green div.sct_box a.but:visited{
display:block;
text-align:center;
font-size:13px;
font-weight:normal;
text-decoration:none;
margin:0 30px;
color:#FFFFFF;
padding:7px 0 6px 0;
color:#FFFFFF;
border:1px solid #FFFFFF;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}

#index_green div.sct_box a.but:hover{
cursor:pointer;
color:#56575A;
border:1px solid #56575A;
}

/*
index sub
*/

#index_sub{
width:100%;
margin:0;
padding:0 0 52px 0;
background-image:url(index_bg_bot.jpg);
background-position:center top;
background-color:#FFFFFF;
}

#index_sub H2{
color:#58585A;
font-size:24px;
line-height:100%;
padding:33px 0 19px 0;
margin:0;
text-align:center;
font-weight:normal;
}

#index_sub div.sub{
color:#58585A;
font-size:14px;
line-height:100%;
padding:0 10px 50px 10px;
margin:0 auto;
text-align:center;
font-weight:normal;
max-width:450px;
}

#index_sub div.ind_sub_tablewrapper{
position:relative;
}

#index_sub div.ind_sub_table{
display:table;
margin:0 auto;
}

#index_sub div.ind_sub_row{
display:table-row;
}

#index_sub div.ind_sub_cell{
display:table-cell;
max-width:250px;
min-width:318px;
padding:15px;
}

#index_sub div.ind_sub_cell.ind_sub_empty{
border:none;
max-width:318px;
padding:0;
}

#index_sub div.ind_sub_cell.ind_sub_rowspanned{
position:absolute;
top:0;
bottom:0;
min-width:318px;
max-width:318px;
background-image:url(ind_sub_photo.png);
background-position:center center;
background-repeat:no-repeat;
padding:0;
}

@media only screen and (max-width: 900px), only screen and (max-device-width: 900px){
	#index_sub div.ind_sub_cell.ind_sub_empty{
	display:none;
	}

	#index_sub div.ind_sub_cell.ind_sub_rowspanned{
	position:absolute;
	display:none;
	}
}

@media only screen and (max-width: 600px), only screen and (max-device-width: 600px){
	#index_sub div.ind_sub_table{
	display:block;
	}

	#index_sub div.ind_sub_row{
	display:block;
	}

	#index_sub div.ind_sub_cell{
	display:block;
	margin:0 auto;
	max-width:300px;
	}
}

#index_sub div.ind_sub_cell H3{
font-size:16px;
line-height:100%;
padding:0 0 5px 0;
margin:0;
text-align:left;
font-weight:bold;
}

#index_sub div.ind_sub_cell H3 a:link, #index_sub div.ind_sub_cell H3 a:visited{
color:#64A744;
font-size:16px;
padding:0;
margin:0;
font-weight:bold;
text-decoration:none;
}

#index_sub div.ind_sub_cell H3 a:hover{
color:#767676;
text-decoration:underline;
}

#index_sub div.ind_sub_cell  div.desc{
color:#56575A;
font-size:12px;
padding:0;
margin:0;
}



/*
A propos
*/

#apropos_green{
height:129px;
margin:0;
overflow:hidden;
background-color:#64A744;
}

#apropos_green ul#scroller{
height:100%;
margin:0;
padding:0;
line-height:129px;
position:relative;
}

#apropos_green ul#scroller li{
float:left;
height:129px;
padding:0 0 0 250px;
font-size:20px;
font-weight:bold;
color:#FFFFFF;
list-style:none;
}

#apropos_sub{
width:100%;
margin:0;
padding:60px 0 40px 0;
background-image:url(index_bg_bot.jpg);
background-position:center top;
background-color:#FFFFFF;
}

#apropos_sub div.sct_photo{
float:left;
width:395px;
height:263px;
padding:0;
margin:0 0 25px 0;
background-image:url(apropos.png);
background-position:center top;
}

#apropos_sub div.sct_box{
float:right;
width:325px;
padding:0;
margin:0 0 20px 0;
}

#apropos_sub div.lat_box{
clear:left;
max-width:745px;
padding:0;
margin:0 auto;
}

@media only screen and (max-width: 750px), only screen and (max-device-width: 750px){

	#apropos_sub div.sct_photo{
	display:none;
	}

	#apropos_sub div.sct_box{
	float:none;
	margin:0 auto 20px;
	}
}

#apropos_sub div.sct_box H3{
font-size:14px;
line-height:100%;
padding:0 0 10px 0;
margin:0;
text-align:left;
font-weight:bold;
}

#apropos_sub div.sct_box H3 a:link, #apropos_sub div.sct_box H3 a:visited{
color:#64A744;
font-size:14px;
padding:0;
margin:0;
font-weight:bold;
text-decoration:none;
}

#apropos_sub div.sct_box H3 a:hover{
color:#767676;
text-decoration:underline;
}

#apropos_sub div.sct_box div.desc{
color:#56575A;
font-size:12px;
padding:0;
margin:0;
}



/*
services
*/

#servs_lst{
width:100%;
margin:0;
padding:60px 0 20px 0;
background-image:url(index_bg_bot.jpg);
background-position:center top;
background-color:#FFFFFF;
}

#servs_lst div.sct_box{
float:left;
width:340px;
padding:0;
margin:0 40px 60px 40px;
}

#servs_lst div.lat_box{
clear:left;
width:840px;
padding:0;
margin:0 auto;
}

@media only screen and (max-width: 840px), only screen and (max-device-width: 840px){
	#servs_lst div.lat_box{
	width:340px;
	}

	#servs_lst div.sct_box{
	margin-left:0;
	margin-right:0;
	}
}

#servs_lst div.sct_box H3{
font-size:20px;
line-height:100%;
padding:0 0 15px 0;
margin:0;
text-align:center;
color:#64A744;
}

#servs_lst div.sct_box div.desc{
color:#56575A;
font-size:14px;
line-height:135%;
padding:0;
margin:0;
}

#servs_lst div.sct_box a.but:link, #servs_lst div.sct_box a.but:visited{
display:block;
text-align:center;
font-size:13px;
font-weight:normal;
text-decoration:none;
margin:20px auto 0 auto;
width:200px;
padding:7px 0 6px 0;
color:#56575A;
border:1px solid #56575A;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}

#servs_lst div.sct_box a.but:hover{
cursor:pointer;
color:#FFFFFF;
border:1px solid #56575A;
background-color:#407F3C;
}

/*
services
*/

#green_sct div.srv_box{
display:table;
padding:0;
border-left:0;
width:100%;
}

#green_sct div.srv_box div.srv_box_in{
display:table-row;
}

#green_sct div.srv_txt{
display:table-cell;
padding:0 20px 0 0;
}

#green_sct div.srv_lnks{
display:table-cell;
padding:10px 0 20px 0;
border-left:1px solid #FFFFFF;
width:200px;
height:100%;
line-height:110%;
}

#green_sct div.srv_lnks a:link, #green_sct div.srv_lnks a:visited{
display:block;
font-weight:normal;
text-decoration:none;
margin:0;
padding:3px 0 5px 40px;
color:#FFFFFF;
}

#green_sct div.srv_lnks a:hover{
color:#56575A;
text-decoration:underline;
}

#green_sct div.srv_lnks a.main:link, #green_sct div.srv_lnks a.main:visited{
font-size:14px;
padding-top:8px;
}

#green_sct div.srv_lnks a.sub:link, #green_sct div.srv_lnks a.sub:visited{
font-size:14px;
padding-left:50px;
}

#green_sct div.srv_lnks a.sel:link, #green_sct div.srv_lnks a.sel:visited{
background-image:url(arr35.png);
background-repeat:no-repeat;
background-position:0 10px;
}

#green_sct div.srv_lnks a.selSub:link, #green_sct div.srv_lnks a.selSub:visited{
background-image:url(arr45.png);
background-repeat:no-repeat;
background-position:0 5px;
}



@media only screen and (max-width: 600px), only screen and (max-device-width: 600px){
	#green_sct div.srv_box{
	display:block;
	}
	
	#green_sct div.srv_box div.srv_box_in{
	display:block;
	}
	
	#green_sct div.srv_txt{
	display:block;
	padding:10px 0;
	}
	
	#green_sct div.srv_lnks{
	display:block;
	padding:10px 0;
	border-left:none;
	border-top:1px solid #FFFFFF;
	width:auto;
	height:auto;
	}
	
	#green_sct div.srv_lnks a:link, #green_sct div.srv_lnks a:visited{
	padding-left:0;
	}
	
	#green_sct div.srv_lnks a.sub:link, #green_sct div.srv_lnks a.sub:visited{
	padding-left:20px;
	}
	
	#green_sct div.srv_lnks a.sel:link, #green_sct div.srv_lnks a.sel:visited{
	background-image:none;
	font-weight:bold;
	}
	
	#green_sct div.srv_lnks a.selSub:link, #green_sct div.srv_lnks a.selSub:visited{
	background-image:none;
	font-weight:bold;
	}
}

/*
Map
*/

#members_box{
width:100%;
padding:1px 0 0 0;
margin:0;
background-color:#64A744;
}

#members_box div.intro{
position:absolute;
padding:30px 20px 0 630px;
max-width:350px;
}

#members_box div.qc_map{
width:100%;
height:541px;
padding:0;
margin:0;
background-image:url(qc_map.png);
background-repeat:no-repeat;
background-position:left top;
}

@media only screen and (max-width: 840px), only screen and (max-device-width: 840px){

	#members_box div.intro{
	position:static;
	max-width:none;
	width:90%;
	padding:40px 0 50px 0;
	margin:0 auto;
	}

	#members_box div.qc_map{
	display:none;
	}
}

#members_box div.intro H2{
margin:0;
padding:0 0 10px 0;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
}

#members_box div.intro div.desc{
margin:0;
font-size:14px;
font-weight:normal;
color:#FFFFFF;
line-height:125%;
}

#members_box div.qc_map a.bureau, #members_box div.qc_map a.bureau:visited{
background-image:url(qcBul.png);
background-repeat:no-repeat;
font-size:0;
padding:0;
position:absolute;
width:12px;
height:16px;
margin:0;
display:block;
}

#members_box div.qc_map div.details{ 
display:none;
padding:7px;
border:1px solid #AAAAAA;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
background-color:#FFFFFF;
position:absolute;
margin:0 auto;
width:250px;
z-index:1;
}

#members_box div.qc_map div.details a.tlt, #members_box div.qc_map div.details a.tlt:visited{
padding:2px 0;
font-style:normal;
font-size:12px;
font-weight:bold;
color:#64A744;
margin:0;
display:block;
text-decoration:underline;
}

#members_box div.qc_map div.details a.tlt:hover{
color:#56575A;
text-decoration:none;
}

#members_box div.qc_map div.details div.add{ 
padding:3px 0 4px 0;
font-size:10px;
color:#444444;
}

#members_box div.qc_map div.details a.more, #members_box div.qc_map div.details a.more:visited{
padding:0;
font-style:normal;
text-decoration:underline;
font-size:10px;
font-weight:bold;
color:#64A744;
margin:10px auto 0 auto;
text-align:center;
display:block;
text-decoration:none;
}

#members_box div.qc_map div.details a.more:hover{
color:#56575A;
text-decoration:underline;
}

#members_box table{
margin:0 auto;
padding:10px 0 40px 0;
vertical-align:top;
width:80%;
}

#members_box tr:hover{
background-color:#71b84e;
}

#members_box td{
vertical-align:top;
font-size:12px;
font-weight:normal;
color:#FFFFFF;
padding:4px 10px;
}

#members_box td a, #members_box td a:visited{
font-style:normal;
text-decoration:none;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
margin:0;
}

#members_box td a.city, #members_box td a.city:visited{
font-weight:normal;
}

#members_box td a:hover{
color:#767676;
text-decoration:underline;
}

/*
Bureau
*/

#green_sct div.bur_adr{
width:300px;
font-style:normal;
font-size:14px;
text-align:center;
padding:30px 0 0 0;
margin:0 auto;
}

#green_sct div.bur_adr_box_1{
padding:10px 0 0 0;
}

#green_sct div.bur_adr_box_2{
display:table;
max-width:760px;
padding:10px 0 0 0;
margin:0 auto;
}

#green_sct div.bur_adr_box_2 div.bur_row{
display:table-row;
}

#green_sct div.bur_adr_box_2 div.bur_adr{
display:table-cell;
}

@media only screen and (max-width: 650px), only screen and (max-device-width: 650px){

	#green_sct div.bur_adr_box_2{
	display:block;
	}

	#green_sct div.bur_adr_box_2 div.bur_row{
	display:block;
	}

	#green_sct div.bur_adr_box_2 div.bur_adr{
	display:block;
	}
}


#green_sct div.bur_ws{
width:100%;
padding:40px 0 0 0;
margin:0;
text-align:center;
}

#green_sct div.bur_ws a:link, #green_sct div.bur_ws a:visited{
padding:2px 0;
font-style:normal;
font-size:20px;
font-weight:bold;
color:#FFFFFF;
margin:0;
text-decoration:none;
}

#green_sct div.bur_ws a:hover{
color:#56575A;
text-decoration:underline;
}

#green_sct a.bur_cntct:link, #green_sct a.bur_cntct:visited{
display:block;
width:250px;
text-align:center;
font-size:14px;
font-weight:normal;
text-decoration:none;
margin:40px auto 0 auto;
color:#FFFFFF;
padding:7px 0;
color:#FFFFFF;
border:1px solid #FFFFFF;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background-color:#64A744;
}

#green_sct a.bur_cntct:hover{
cursor:pointer;
color:#56575A;
border:1px solid #56575A;
background-color:transparent;
}

/*
notaire list 
*/

#not_list{
display:table;
width:90%;
margin:0 auto;
padding:40px 0 60px 0;
}

#not_list div.not_bx{
display:table-row;
margin:0;
font-size:10px;
font-size:12px;
line-height:135%;
color:#333333;
font-weight:normal;
width:100%;
}

#not_list div.not_bx div.img{
display:table-cell;
margin:0;
width:200px;
padding:15px 0 35px 0;
text-align:center;
vertical-align:top;
border-top:1px solid #64A744;
}

#not_list div.not_bx div.cnt{
display:table-cell;
vertical-align:top;
padding:15px 0 35px 15px;
border-top:1px solid #64A744;
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px){
	#not_list{
	display:block;
	}

	#not_list div.not_bx{
	display:block;
	}

	#not_list div.not_bx div.img{
	display:block;
	width:100%;
	padding-bottom:10px;
	}

	#not_list div.not_bx div.cnt{
	display:block;
	padding:15px 0 15px 15px;
	border-top:none;
	}
}


#not_list div.not_bx div.img img{
margin:0;
border:0;
padding:0 0 10px 0;
}

#not_list div.not_bx div.img H2{
color:#64A744;
font-size:20px;
line-height:100%;
font-weight:bold;
padding:0 0 5px 0;
margin:0;
}

#not_list div.not_bx div.img H3{
color:#64A744;
font-size:14px;
line-height:100%;
font-weight:normal;
padding:0;
margin:0;
}

#not_list div.not_bx div.mail_bx{
clear:both;
padding:20px 0 0 0;
}

#not_list div.not_bx a.mail:link, #not_list div.not_bx a.mail:visited{
font-size:10px;
font-weight:bold;
color:#64A744;
text-decoration:underline;
padding:0;
margin:0; 
}

#not_list div.not_bx a.mail:hover{
text-decoration:none;
color:#000000;
}

#not_list div.not_bx div.cnt H3{
color:#64A744;
font-size:14px;
font-weight:bold;
padding:0;
margin:5px 0 0 0;
line-height:125%;
}

#not_list div.not_bx div.cnt p{
padding:0;
margin:0 0 10px 0;
font-size:14px;
line-height:135%;
color:#666666;
font-weight:normal;
}

#not_list div.not_bx div.cnt ul{
margin:0 0 7px 0;
}

#not_list div.not_bx div.mo_det{
text-align:center;
margin:0;
padding:0;
}

#not_list div.not_bx div.mo_det a:link, #not_list div.not_bx div.mo_det a:visited{
font-size:9px;
font-weight:bold;
color:#01395A;
text-decoration:underline;
}

#not_list div.not_bx div.mo_det a:hover{
text-decoration:none;
color:#000000;
}




/*************************************************************************************************************************************************************************************************************************************************************/
/* 
foot
*/

#pre_foot{
width:100%;
height:50px;
margin:0;
padding:0;
background-image:url(index_bg_bot.jpg);
background-position:center top;
background-color:#FFFFFF;
}

#foot_green{
width:100%;
height:74px;
margin:0;
padding:44px 0 0 0;
background-color:#64A744;
background-image:url(foot_green.png);
background-position:center top;
}

#foot_green a.but:link, #foot_green a.but:visited{
display:block;
width:300px;
text-align:center;
font-size:12px;
font-weight:normal;
text-decoration:none;
margin:0 auto;
color:#FFFFFF;
padding:7px 0 6px 0;
color:#FFFFFF;
border:1px solid #FFFFFF;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background-color:#64A744;
}

#foot_green a.but:hover{
cursor:pointer;
color:#56575A;
border:1px solid #56575A;
background-color:transparent;
}


#foot_city{
width:80%;
margin:0 auto;
padding:20px 0 0 0;
text-align:center;
font-size:10px;
line-height:135%;
color:#56575A;
}

#foot_city a.city:link, #foot_city a.city:visited{
padding:0;
margin:0 4px;
color:#64A744;
font-size:10px;
font-weight:normal;
text-decoration:none;
}

#foot_city a.city:hover{
color:#56575A;
text-decoration:underline;
}

#foot_copy{
color:#777677;
width:80%;
margin:0 auto;
padding:15px 0 20px 0;
text-align:center;
font-size:10px;
}

#foot_copy a:link, #foot_copy a.lock:visited{
padding:0 0 0 26px;
margin:0 0 0 10px;
color:#777677;
font-size:10px;
font-weight:normal;
text-decoration:none;
border-left:1px solid #777677;
background-image:url(lock.png);
background-repeat:no-repeat;
background-position:12px 0;
}

#foot_copy a.lock:hover{
color:#56575A;
text-decoration:underline;
}




/*
mes 
*/

#mes_bx{
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
border:1px solid #787678;
margin:60px 40px;
color:#64A744;
font-weight:bold;
font-size:14px;
line-height:135%;
text-align:center;
padding:20px;
background-color:#F7F7F7;
background-image:url(bg_F7_FF.png);
background-repeat:repeat-x;
background-position:bottom;
}

#mes_bx H2{
color:#333333;
font-weight:bold;
font-size:16px;
line-height:135%;
text-align:center;
padding:10px;
}

#mes_bx p{
margin:7px 0px 7px 0px;
font-weight:bold;
font-size:14px;
}

#mes_bx a:link, #mes_bx a:visited{
color:#999999;
font-size:14px;
font-weight:bold;
text-decoration:underline;
}

#mes_bx a:hover{
color:#000000;
}



/* 
other
*/

#spacer{
clear:both;
width:100%;
height:0;
font-size:0;
}