@charset "utf-8";
/*
	Site Name: stars' eye clinic
	Description: top setting
*/

/*
===== CONTENTS =====================================

		1: mainimg
		2: left content
		3: access map erea	
		4: guide erea	

====================================================
*/

.sideL {
	float: left;
}
.sideR {
	float: right;
}

/*--------------------------------------------------
		1: mainimg
--------------------------------------------------*/

#mainimg_top {
	width  : 920px;
	margin : 0 auto 10px;
	padding: 0;
	border : none;
}
#mainimg_top p {
	display: inline;
}
#mainimg_top .sideL {
	width: 460px;
}
#mainimg_top .sideR {
	width: 460px;
}
#mainimg_top img {
	display: block;
	margin : 0;
	padding: 0;
	border : none;
}


/*--------------------------------------------------
		2: left content
--------------------------------------------------*/

#sidemenu {
	background : url(../img/pct_sidemenu_top.gif) left top no-repeat;
	text-align : center;
	width      : 211px;
	margin     : 0;
	padding-top: 4px;
}
#sidemenu .endimg {
	background    : url(../img/pct_sidemenu_bottom.gif) left bottom no-repeat;
	padding-bottom: 5px;
}
#sidemenu ul {
	background    : url(../img/bg_sidemenu.gif) left top repeat-y;
	width         : 211px;
	padding-bottom: 5px;
}
#sidemenu li {
	display: inline;
}
#sidemenu li img {
	display: block;
	width  : 201px;
	margin : 0 5px 8px;
}
#sidemenu li.end img {
	margin: 0 5px 0;
}
#sidemenu ul {
	margin-bottom : 1px;
	padding-top   : 4px;
	padding-bottom: 0;
}
p.bottom {
	margin-top: -1px;
}


/*--------------------------------------------------
		3: access map erea
--------------------------------------------------*/
.access {
	background    : url(../../img/bg_accessmap_botttom.gif) no-repeat left bottom;
	float         : left;
	margin-right  : 5px;
	padding-bottom: 5px;
	width: 230px;
}
.access .box{
	width : 230px;
}
.access_wrap {
	background: url(../../img/bg_accessmap_middle.gif) repeat-y left top;
	padding-top: 7px;
	width: 228px;
	padding-left: 2px;
	margin-right: auto;
	margin-left: auto;
}
.access_inner {
	width: 223px;
	margin-right: auto;
	margin-left: auto;
}

.access_inner h3 {
	float: left;
	width: 124px;
}
.access_inner .access_btn {
	background : url(../../img/bg_to_detail_accessmap.gif) no-repeat left top;
	float      : left;
	width      : 99px;
	height     : 29px;
	padding-top: 7px;
}
.access_detail {
	background : url(../../img/bg_accessmap_detail_middle.gif) repeat-y left top;
	text-align : center;
	clear      : both;
	padding-top: 5px;
	width: 223px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 4px;
}
*html .access_detail {
	padding-bottom: 12px;
}


.access_detail p {
	text-align    : center;
	padding-top   : 14px;
	padding-bottom: 7px;
}
.access_akasaka {
	background    : url(../../img/bg_access_botttom.gif) no-repeat left bottom;
	float         : left;
	margin-right  : 5px;
	padding-bottom: 9px;
	width: 340px;
	line-height: normal;
}
.access_akasaka_wrap {
	background: url(../../img/bg_access_middle.gif) repeat-y left top;
	padding-top: 7px;
	width: 338px;
	padding-left: 2px;
	margin-right: auto;
	margin-left: auto;
}
.access_akasaka_inner {
	width: 332px;
	margin-right: auto;
	margin-left: auto;
}
.access_akasaka_inner h3 {
	float: left;
	width: 233px;
}
.access_akasaka_inner .access_btn {
	background : url(../../img/bg_to_detail_accessmap_akasaka.gif) no-repeat left top;
	float      : left;
	width      : 99px;
	height     : 29px;
	padding-top: 7px;
}
.access_akasaka_detail {
	background : url(../../img/bg_access_detail_middle.gif) repeat-y left top;
	text-align : center;
	clear      : both;
	padding-top: 5px;
	width: 314px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 4px;
	padding-right: 9px;
	padding-left: 9px;
}
*html .access_akasaka_detail {
	padding-bottom: 12px;
}
.access_akasaka_detail .maparea {
	float: left;
	width: 204px;
}
.access_akasaka_detail .addressarea {
	float: right;
	width: 102px;
	margin: 0px;
	line-height: normal;
}
.access_akasaka_detail .addressarea .address {
	line-height: 18px;
	font-size: 88%;
	font-style: normal;
}

.access_akasaka_detail .addressarea .tel{
	font-weight: bold;
	color: #DF546B;
	line-height: 24px;
}
.access_akasaka_detail .access_txt {
	text-align    : center;
	font-size: 85%;
	padding-top: 6px;
	padding-bottom: 6px;
}
*:first-child+html .access_akasaka_detail .access_txt {
	padding-top: 0px;
}
.access_nishiogi {
	background    : url(../../img/bg_access_botttom.gif) no-repeat left bottom;
	float         : right;
	margin-right  : 0px;
	padding-bottom: 9px;
	width: 340px;
	line-height: normal;
}
.access_nishiogi_wrap {
	background: url(../../img/bg_access_middle.gif) repeat-y left top;
	padding-top: 7px;
	width: 338px;
	padding-left: 2px;
	margin-right: auto;
	margin-left: auto;
}
.access_nishiogi_inner {
	width: 332px;
	margin-right: auto;
	margin-left: auto;
}
.access_nishiogi_inner h3 {
	float: left;
	width: 233px;
}
.access_nishiogi_inner .access_btn {
	background : url(../../img/bg_to_detail_accessmap_nishiogi.gif) no-repeat left top;
	float      : left;
	width      : 99px;
	height     : 29px;
	padding-top: 7px;
}
.access_nishiogi_detail {
	background : url(../../img/bg_access_detail_middle.gif) repeat-y left top;
	text-align : center;
	clear      : both;
	padding-top: 5px;
	width: 314px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 4px;
	padding-right: 9px;
	padding-left: 9px;
}
*html .access_nishiogi_detail {
	padding-bottom: 12px;
}
.access_nishiogi_detail .maparea {
	float: left;
	width: 204px;
}
.access_nishiogi_detail .addressarea {
	float: right;
	width: 102px;
	margin: 0px;
	line-height: normal;
}
.access_nishiogi_detail .addressarea .address {
	line-height: 13px;
	font-size: 86%;
	font-style: normal;
}

.access_nishiogi_detail .addressarea .tel {
	font-weight: bold;
	color: #1E8D72;
	line-height: 24px;
}
.access_nishiogi_detail .access_txt {
	text-align    : center;
	font-size: 85%;
	padding-top: 6px;
	padding-bottom: 6px;
}
*:first-child+html .access_nishiogi_detail .access_txt {
	padding-top: 0px;
}









.scheduleLink {
	width: 223px;
	margin-right: auto;
	margin-left: auto;
}

.scheduleLink h3 {
	float: left;
	width: 124px;
}
.scheduleLink p {
	background : url(../../img/bg_to_ductor_schedule.gif) no-repeat left top;
	text-align : left;
	float      : left;
	width      : 99px;
	height     : 25px;
	padding-top: 8px;
}
#mobile {
	background    : url(../../img/bg_mobile_bottom.gif) no-repeat left bottom;
	float         : right;
	width         : 219px;
	padding-bottom: 11px;
}
.mobileInner {
	background: url(../../img/bg_mobile_middle.gif) repeat-y left top;
	padding-bottom:4px;
}
*html .mobileInner {
	padding-bottom:12px;
}
*:first-child+html .mobileInner {
	padding-bottom:2px;
}
.mobileInner p.lead {
	width : 190px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
}
*html .mobileInner p.lead {
}
.mobileInner div {
	text-align    : center;
	width         : 180px;
	padding-top   : 7px;
	padding-bottom: 7px;
	border        : 1px solid #D2D2D2;
	margin-top    : 5px;
	margin-right  : auto;
	margin-bottom : 9px;
	margin-left   : auto;
}
.mobileInner #url {
	background-color: #F7F0DC;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
}







/*--------------------------------------------------
		4: guide erea
--------------------------------------------------*/

#guide {
	clear: both;
}
#guide_list {
	width      : 689px;
	padding-top: 10px;
}
#guide_list li {
	background    : url(../../img/bg_guidelist_bottom.jpg) repeat-x left bottom;
	float         : left;
	width         : 215px;
	margin-right  : 15px;
	margin-bottom : 8px;
	padding-bottom: 10px;
	padding-left  : 2px;
}
#guide_list li.lastChild{
	margin-right:0px;
}
#guide_list .thumb {
	display     : block;
	float       : left;
	width       : 67px;
	height      : 61px;
	margin-right: 3px;
}
#guide_list p {
	line-height: 1.2;
	width      : 140px;
	padding-top: 5px;
}
#guide #guide_list .bgImage {
	background: url(../../img/bg_box.gif) center center no-repeat;
	float     : right;
	width     : 140px;
}
#guide_list .guide_ttl {
	font-weight: bold;
	background : url(../../img/arw_guide.gif) left 5px no-repeat;
	display    : block;
	text-indent: 14px;
}
#guide_list span {
	display      : block;
	line-height  : 120%;
	width        : 134px;
	margin-bottom: 5px;
}
#guide_list p.guide_link {
	background : no-repeat left center;
	text-align : right;
	display    : block;
	padding-top: 0;
}
#guide_list .guide_link img {
	vertical-align: middle;
	margin-right  : 7px;
	top           : -1px;
}
#news {
	width: 439px;
	margin-bottom: 20px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}


#news #news_inner {
	padding-bottom: 2px;
}

#news #news_inner p {
	margin: 0px;
	padding: 0px;
	float: left;
}

#news #news_inner #btn_set {
	background-repeat: no-repeat;
	background-position: left center;
	height: 21px;
	width: 107px;
	padding-top: 7px;
	background-image: url(../../img/ttl_news_bg_btn.jpg);
}


#newsContent {
	width: 439px;
}

#newsContent .days {
	width: 439px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #535353;
	padding-bottom: 10px;
	padding-top: 10px;
}

#newsContent .days .date {
	float: left;
	width: 120px;
	padding-left: 10px;
	line-height: 140%;
}

#newsContent .days .headline {
	float: right;
	width: 309px;
	line-height: 140%;
}

#newsContent .days .headline img{
	position:relative;
	top:3px;
}
.image_pos {
	position: relative;
	top: 4px;
}

