@charset "UTF-8";

/*

Layout:Hiroshi Konnai
Title:www.well-yokohama.com SITE

*/

/*********************************
BASIC
**********************************/
/*All TAG*/
*{
	margin: 0px auto;
	padding: 0px ;
}
/*body TAG*/
body{
	margin: 0px auto;
	padding: 0px ;
	text-align: center ;
	font-size: 14px ;
	font-family: "Helvetica Neue","Helvetica","Verdana","MS PゴシチE��";
}
/*table TAG*/
table{
	border: none ;
	margin: 0px auto;
}
/*img TAG*/
img{
	border: none ;
	margin: 0px ;
}
.clear{
	clear: both ;
	height: 1px ;
	margin: 0px ;
}
.wh_1px{
	width: 1px ;
	height: 1px ;
}
a{
	cursor: pointer ;
	color: #333333 ;
}
.r_posi{
	float: right ;
}
.l_posi{
	float: left ;
}
.red{
	color: #FF3300 ;
}
/*********************************
INDEX.HTML
**********************************/
#TotalLayout{
	width: 790px ;
	height: auto ;
	margin: 0px auto ;
	background: url(../img/back.jpg) center center repeat-y ;
}
#header{
	width: 780px ;
	height: 73px ;
	margin: 0px auto ;
	background: url(../img/header_top.jpg) center top no-repeat ;
}
#header h1{
	font-size: 12px ;
	font-weight: normal ;
	color: #FFFFFF ;
	display: block ;
	width: 750px ;
	text-align: left ;
	margin: 0px auto ;
	padding: 2px 0px ;
}
#header h2{
	width: 313px ;
	margin: 0px 0px 0px 10px ;
	display: block ;
	padding: 0px ;
	float: left ;
}
#header_link{
	width: 200px ;
	margin: 30px 0px 0px auto ;
	float: right ;
}
#header_link img{
	margin: 2px 5px ;
}
#header_link a{
	color:#FFFFFF ;
}
#menu{
	width: 780px ;
	margin: 0px 5px ;
	padding: 0px ;
}
#menu ul{
	margin: 0px ;
	list-style: none ;
	padding: 0px ;
}
#menu ul li{
	float: left ;
	margin: 0px ;
	padding: 0px ;
	display: block ;
	height: 42px ;
	width: auto ;
}
#menu ul li a,#menu ul li a img{
	margin: 0px ;
	padding: 0px ;
}
#flash,#subheader{
	clear: both ;
	margin: 0px auto ;
	background: url(../img/flash_back.jpg) center center repeat-y ;
}
#flashunder,#headerunder{
	margin: 0px auto ;
	height: 38px ;
	background: url(../img/flashunder.jpg) center top no-repeat ;
}
#body{
	margin: 5px auto ;
	width: 780px ;
	background: url(../img/body_back.jpg) right center repeat-y ;
}
#left{
	float: left ;
	width: 585px ;
	height: auto ;
	margin: 0px 0px 0px 4px ;
}
#contaier1,#contaier2,#contaier3{
	width: 581px ;
	height: auto ;
	margin: 0px auto 5px auto ;
	background: url(../img/container_back.jpg) center center repeat-y ;
}
#contaier1 p{
	padding: 3px 8px ;
	text-align: left ;
	line-height: 20px ;
}
#cont1_bot,#cont2_bot{
	width: 581px ;
	height: 5px ;
	background: url(../img/cont1_bot.jpg) center bottom no-repeat ;
}
#contaier2 p{
	margin: 1px 10px ;
	padding: 2px 6px 2px 16px ;
	text-align: left ;
	line-height: 20px ;
	border-bottom: 1px solid #EDEDED ;
}
#contaier3 p{
	margin: 1px 10px ;
	padding: 2px 6px 2px 16px ;
	text-align: left ;
	line-height: 20px ;
	border-bottom: 1px solid #EDEDED ;
	background: url(../img/icon2.jpg) left top no-repeat ;
}
#right{
	float: left ;
	margin: 0px 0px 0px 6px ;
	width: 173px ;
	height: auto ;
}
#right a img{
	margin: 3px 0px 2px 0px ;
}
#footer_link{
	width: 770px ;
	height: 25px ;
	margin: 10px auto 5px auto ;
	text-align: left ;
	background: url(../img/link_back.jpg) center center no-repeat ;
}
#footer_link img{
	margin: 5px auto auto 10px ;
}
#footer_link a{
	margin: 5px auto auto 10px ;
	font-size: 12px ;
}
#footer{
	width: 790px ;
	height: 72px ;
	margin: 0px auto ;
	background: url(../img/footer.jpg) center bottom no-repeat ;
}

#footer #sumitomo-l{
    float:left;
    width: 395px ;
    margin:0;
    text-align: left ;
    font-size: 10px ;
}

#footer #sumitomo-l span{
    display: block;
    margin: 8px 0 0 25px;
}

#footer #sumitomo-l img{
   margin:0 0 0 25px;
   padding:0;
   vertical-align: bottom;
}

#footer #sumitomo-l ul{
    margin:1px 0 0 25px;
    padding:0;
    list-style-type: none; 
    font-size:12px;
}

#footer #sumitomo-l li{
      float: left;
      margin:0 10px 0 0;
}

#footer p{
	text-align: left ;
	width: 330px ;
	float: right ;
	font-size: 12px ;
	margin: 10px 10px 0px auto ;
}
/*********************************
INQUIRY.HTML
**********************************/
#inq_body,#situate_body,#article_body,#sitemap_body,#policy_body,#buy_body,#recruit_body,#flow_body,#faq_body,#results_body,#about_body{
	margin: 5px auto ;
	width: 780px ;
	background: url(../img/sub_back.jpg) left center repeat-y ;
}
#sub_left,#sub_left1{
	float: left ;
	margin: 0px 0px 0px 6px ;
	width: 175px ;
	height: auto ;
	text-align: center ;
}
#sub_left img,#sub_left1 img{
	margin: 3px auto ;
}
#sub_main{
	float: right ;
	margin: 0px 3px 0px 0px ;
	width: 582px ;
}
#inq_blk,#situat_blk,#situat_blk1,#sitemap_blk,#policy_blk,#faq_blk{
	margin: 0px auto ;
	padding: 10px 3px ;
	background: url(../img/inquiry_body.jpg) center top no-repeat ;
}
#form_blk{
	width: 550px ;
	margin: 0px auto ;
}
#form_blk td{
	padding: 3px 5px ;
	text-align: left ;
	font-size: 12px ;
}
#form_blk td.title{
	width: 150px ;
	background: #EFF1F3 ;
	vertical-align: top ;
}
/*********************************
SITUATE.HTML
**********************************/
#situat_blk p,#situat_blk1 p{
	text-align: left ;
	line-height: 18px ;
	padding: 2px 12px 10px 12px ;
	margin: 1px auto ;
}
#situat_blk1 ul{
	margin: 1px auto 10px 20px ;
	list-style: none ;
}
#situat_blk1 ul li{
	background: url(../img/situat_icon.jpg) left center no-repeat ;
	text-align: left ;
	padding: 0px 0px 0px 20px ;
	margin: 1px auto 15px 1px ;
}
#situat_blk1 ul li a,#sub_left1 ul li a,#sub_main .article1_blk td.article_link a,#sub_main .article1_blk td.subtitle1 a,#article_tbl td.a_d_remark a{
	color: #3399FF ;
	font-size: 12px ;
}
/*********************************
SITUATE_DETAIL.HTML
**********************************/
#sub_left1 ul{
	margin: 5px ;
	list-style: none ;
}
#sub_left1 ul li{
	background: url(../img/situat_icon1.jpg) left center no-repeat ;
	text-align: left ;
	padding: 0px 0px 0px 15px ;
	margin: 1px auto 5px 1px ;
}
#situate_title{
	background: url(../img/situat_dtitle.jpg) left center no-repeat ;
	text-align: left ;
	padding: 1px 1px 1px 80px ;
	font-weight: bold ;
	margin: 2px auto 10px 2px ;
}
#situateD_blk{
	margin: 5px auto ;
}
#situateD_blk .situate_block{
	width: 270px ;
	margin: 5px ;
	float: left ;
}
#situateD_blk .situate_block p{
	padding: 10px ;
	text-align: left ;
	line-height: 18px ;
}
#situateD_blk .situate_block .photo{
	text-align: center ;
/*	height: 260px ;*/
	vertical-align: top ;
}
/*********************************
ARTICLE.HTML
**********************************/
#article_bar{
	width: 578px ;
	text-align: left ;
	background: url(../img/article_bar.jpg) center bottom no-repeat ;
}
#article_bar h2{
	color: #FFFFFF ;
	font-size: 14px ;
	padding: 9px 2px 10px 25px ;
	margin: 0px ;
}
#sub_main .article1_blk{
	margin: 10px auto ;
	width: 555px ;
	border: 1px solid #CCCCCC ;
}
#sub_main .article1_blk td{
	padding: 5px 8px ;
	font-size: 12px ;
}
#sub_main .article1_blk td.title{
	background: #0068C3 ;
	color: #FFFFFF ;
	text-align: left ;
}
#sub_main .article1_blk td.subtitle{
	background: #EEF0F1 ;
	width: 85px ;
	text-align: left ;
	vertical-align: top ;
}
#sub_main .article1_blk td.subtitle1{
	background: #EEF0F1 ;
	text-align: left ;
	vertical-align: top ;
}
#sub_main .article1_blk td.photo1{
	text-align: center ;
	vertical-align: top ;
}
#sub_main .article1_blk td.article_link{
	text-align: right ;
}
.article_pagelink{
	margin: 5px auto ;
	width: 550px ;
}
.article_pagelink .left_link{
	float: left ;
	margin: 2px ;
	font-size: 12px ;
}
.article_pagelink .left_link a{
	color: #3399FF ;
	font-weight: bold ;
}
.article_pagelink .right_link{
	float: right ;
	margin: 2px ;
	font-size: 12px ;
}
.article_pagelink .right_link a{
	color: #3399FF ;
}
.article_pagetop{
	margin: 5px auto ;
	text-align: right ;
	width: 550px ;
} 

a.yotei { font-size:12px; }

/*********************************
ARTICLE_DETAIL.HTML
**********************************/
#articled_bar{
	width: 570px ;
	text-align: left ;
	background: url(../img/article_icon1.jpg) left center no-repeat ;
}
#articled_bar h2{
	padding: 3px 2px 2px 25px ;
	font-size: 17px ;
}
.a_disp{
	text-align: left ;
	padding: 3px 5px ;
}
.a_disp p{
	text-align: left ;
	padding: 3px 5px ;
}
#article_tbl{
	width: 565px ;
	margin: 10px auto ;
}
#article_tbl td{
	padding: 2px ;
	font-size: 12px ;
}
#article_tbl td.a_detail_title{
	background: #F6F1D9 ;
	padding: 4px ;
	text-align:left ;
	width: 85px ;
	vertical-align: top ;
}
#article_tbl td.a_detail_txt{
	padding: 4px ;
	text-align:left ;
	border-bottom: 1px solid #CECECE ;
}
#article_tbl td.a_d_photo{
	text-align: center ;
	background: #F6F1D9 ;
}
#article_tbl td.a_d_remark{
	text-align: left ;
	background: #F6F1D9 ;
	line-height: 18px ;
	vertical-align: top ;
	padding: 4px ;
}
#article_tbl td.a_d_remark a img{
	margin: 30px auto 0px auto ;
}
#article_under{
	margin: 10px auto ;
	width: 550px ;
}
.article_block{
	float: left ;
	width : 255px ;
	margin: 5px ;
}
.article_block .photo{
	text-align: center ;
	padding: 5px 0px ;
}
.article_block p{
	text-align: left ;
	line-height: 16px ;
	padding: 5px ;
	font-size: 12px ;
}
#article_inq{
	width: 550px ;
	margin: 10px auto ;
	text-align: left ;
}
/*********************************
SITEMAP.HTML
**********************************/
#sitemap_blk1{
	margin: 5px 15px ;
	text-align: left ;
	line-height: 20px ;
}
#sitemap_blk1 a{
	color: #3399FF ;
	font-size: 14px ;
}
#sitemap_blk1 a img{
	margin: auto 5px auto 1px ;
}
#sitemap_blk1 ul{
	list-style: none ;
	margin: 2px auto 30px 10px ;
}
#sitemap_blk1 ul li{
	text-align: left ;
	margin: 1px auto 1px 10px ;
	padding: 0px 0px 0px 10px ;
	background: url(../img/sitemap_icon2.jpg) left center no-repeat ;
}
/*********************************
POLICY.HTML
**********************************/
#policy_blk p{
	text-align: left ;
	line-height: 18px ;
	padding: 0px 13px ;
	font-size: 12px ;
}
/*********************************
BUY.HTML
**********************************/
#sub_main1{
	float: right ;
	margin: 0px 3px 0px 0px ;
	width: 583px ;
}
#buy_txt,#recruit_txt,#results_txt{
	margin: 5px auto 10px auto ;
	text-align: left ;
}
#buy_txt p,#recruit_txt p,#results_txt p{
	padding: 5px 10px ;
	line-height: 18px ;
}
#buy_txt1,#buy_txt2{
	margin: 5px auto 10px auto ;
	width: 533px ;
	text-align: left ;
}
#buy_txt1 p,#buy_txt2 p{
	padding: 5px 10px 5px 25px ;
	line-height: 18px ;
}
#buy_inq{
	margin: 10px auto ;
	width: 533px ;
	height: auto ;
	text-align: right ;
}
/*********************************
RECRUIT.HTML
**********************************/
#recruit1_blk,#recruit2_blk,#recruit3_blk{
	margin: 10px auto 10px auto ;
	width: 553px ;
	height: auto ;
	background: url(../img/line_recruit.jpg) center bottom no-repeat ;
}
#recruit1_blk p,#recruit2_blk p,#recruit3_blk p{
	text-align: left ;
	line-height: 18px ;
	padding: 15px 10px 20px 15px ;
}
#recruit4_blk{
	margin: 10px auto ;
	width: 550px ;
	height: auto ;
	background: url(../img/recruit_31.jpg) center center repeat-y ;
}
#recruit4_blk #up{
	margin: 0px auto ;
	height: 6px ;
}
#recruit4_blk #down{
	margin: 0px auto ;
	height: 7px ;
}
#recruit4_blk p{
	padding: 10px 15px ;
	text-align: left ;
	line-height: 18px ;
}
#recruit4_blk p a img{
	float: right ;
	margin: 5px auto ;
}
/*********************************
FLOW.HTML
**********************************/
.flow_arrow{
	margin: 10px auto ;
	padding: 0px 0px 60px 0px ;
	background: url(../img/arrow_flow.jpg) center bottom no-repeat ;
}
.flow_arrow1{
	margin: 10px auto ;
	padding: 0px 0px 30px 0px ;
}
/*********************************
FAQ.HTML
**********************************/
#q_blk{
	margin: 1px auto 10px auto ;
	padding: 2px 10px ;
	text-align: left ;
	height: auto ;
}
#q_blk ul{
	list-style: none ;
	margin: 2px ;
}
#q_blk ul li{
	margin: 1px ;
	padding: 1px 1px 1px 19px ;
	background: url(../img/q_icon.jpg) left top no-repeat ;
}
#q_blk ul li a{
	color: #3399FF ;
	margin: 1px ;
}
.qa_blk{
	margin: 5px 1px ;
	padding: 5px ;
	width: 560px ;
	text-align: left ;
	border: 1px solid #CCCCCC ;
}
.qa_blk img{
	margin: 1px 8px 5px 1px ;
}
.qa_blk a{
	color: #3399FF ;
}
.qa_blk p{
	text-align: left ;
	padding: 5px 0px 5px 25px ;
	line-height: 18px ;
	background: url(../img/a_icon.jpg) left top no-repeat ;
}
/*********************************
RESULTS.HTML
**********************************/
#results_blk,#results1_blk,#about_blk,#about2_blk{
	margin: 0px auto ;
	padding: 10px 3px ;
	background: url(../img/inquiry_body.jpg) center top no-repeat ;
}
#results_blk p,#results1_blk p,#about_blk p{
	text-align: left ;
	line-height: 18px ;
	padding: 5px 13px ;
}
#results_blk p img,#results1_blk p img{
	float: right ;
	margin: 1px 3px ;
}
#results2_blk{
	margin: 5px auto ;
	
}
.bukken{
	margin: 5px 9px ;
	float: left ;
	width: 170px ;
}
.bukken p{
	text-align: center ;
	padding: 5px 1px ;
}
/*********************************
ABOUT.HTML
**********************************/
#about1_blk{
	margin: 0px auto ;
	padding: 10px 3px ;
}
#about_tbl,#about1_tbl{
	width: 560px ;
	margin: 0px auto 10px auto ;
	border: 1px solid #49A5EA ;
}
#about_tbl td{
	padding: 3px ;
	text-align: left ;
	background: #F5EECF ;
	font-size: 12px ;
	vertical-align: top ;
}
#about_tbl td.title{
	width: 130px ;
}
#about_tbl td a{
	color: #3399FF ;
}
.txt_right{
	text-align: right ;
	width: 550px ;
	margin: 10px auto ;
}
#about1_tbl td{
	padding: 2px ;
	text-align: left ;
	font-size: 12px ;
	line-height: 16px ;
	vertical-align: top ;
}
#about1_tbl td.title{
	background: #DFF9FF ;
	width: 130px ;
}
#map_blk{
	width: 560px ;
	margin: 0px auto ;
	text-align: left ;
	font-size: 12px ;
}
#map_blk img{
	float: left ;
}
#map_blk a{
	color: #3399FF ;
	float: right ;
}