@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 5px;
}
#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;
}
.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         : left;
	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;
}