/*
	YASUMA EYE CLINIC - TREATMENT
*/

body#treatment-tr-cataract #side #side-nav li.cataract a,
body#treatment-tr-cataract-examination #side #side-nav li.cataract-examination a,
body#treatment-tr-cataract-monofocal #side #side-nav li.cataract-monofocal a,
body#treatment-tr-cataract-multifocal #side #side-nav li.cataract-multifocal a,
body#treatment-tr-cataract-surgery #side #side-nav li.cataract-surgery a,
body#treatment-tr-glaucoma #side #side-nav li.glaucoma a,
body#treatment-tr-armd #side #side-nav li.armd a,
body#treatment-tr-diabetic-retinopathy #side #side-nav li.diabetic-retinopathy a,
body#treatment-tr-dryeye #side #side-nav li.dryeye a,
body#treatment-tr-armd #side #side-nav li.armd a,
body#treatment-tr-retinal-detachment #side #side-nav li.retinal-detachment a,
body#treatment-tr-strabismus-amblyopia #side #side-nav li.strabismus-amblyopia a,
body#treatment-tr-contact-lens #side #side-nav li.contact-lens a,
body#treatment-tr-surgery #side #side-nav li.surgery a,
body#treatment-tr-inspection-equipment #side #side-nav li.inspection-equipment a,
body#treatment-tr-color #side #side-nav li.color > a,
body#treatment-tr-color-inspection #side #side-nav li.color-inspection > a,
body#treatment-tr-color-faq #side #side-nav li.color-faq > a {
	background-color: #e7ebf5;
}

body#treatment-tr-cataract #side #side-nav li.cataract li a {
	background-color: #FFF;
}


/* PC */

@media all and (min-width: 641px) {

body.treatment #navigation li.treatment a {
	background-position: 0 -74px;
}

body.treatment #title .container-inner {
	background: url(../images/treatment/image.jpg) top left no-repeat;
}

body.treatment #title .image {
	height: 180px;
	background: url(../images/treatment/image.png) top right no-repeat;
}

body#treatment-index #treatment-menu li {
	width: 316px;
	height: 100px;
	margin-bottom: 15px;
}

body#treatment-index #treatment-menu li.odd {
	float: left;
}

body#treatment-index #treatment-menu li.even {
	float: right;
}

body#treatment-cataract .box-column .layout2-1 .box-l {
	width: 400px;
}

body#treatment-cataract-surgery .box-column .layout2-1 .box-l {
	width: 400px;
}


/* COLOR COMMON */

body.treatment h4.pointer {
	font-size:19px;
	font-weight:bold;
	margin-bottom:15px;
}
body.treatment .pc-fl-l{
	float:left;
}
body.treatment .pc-fl-r{
	float:right;
}
body.treatment .ta-c{
	text-align:center;
}
body.treatment p a{
	word-wrap:break-word;
}
body.treatment .ds-ib-box{
	text-align:center;
}
body.treatment .ds-ib-box div{
	display:inline-block;
}
body.treatment p.desc{
	font-size:14px;
}
body.treatment ul.simple-disc li{
	margin-left:15px;
	list-style:disc;
}
body.treatment .ml20{
	margin-left:20px;
}


/* COLOR */

body#treatment-tr-color table.grid th.col-1{
	width:60px;
}
body#treatment-tr-color table.grid th.col-2{
	width:140px;
}
body#treatment-tr-color .ds-ib-box div{
	display:inline-block;
	margin-right:30px;
	vertical-align:top;
}
body#treatment-tr-color .ds-ib-box div:first-child p{
	margin-bottom:38px;
}
body#treatment-tr-color .ds-ib-box > div > p:last-child {
	margin-bottom:0;
}
body#treatment-tr-color .ds-ib-box div:last-child{
	margin-right:0;
}
body#treatment-tr-color .box-column .leftbox{
	float:left;
	width:400px;
}
body#treatment-tr-color .box-column .rightbox{
	float:right;
	width:200px;
}
body#treatment-tr-color .box-column p{
	margin-bottom:0;
}


/* COLOR-FAQ */

body#treatment-tr-color-faq li.faq a {
	background-position: 0 -74px;
}

body#treatment-tr-color-faq #main .a {
	background: url(../images/faq/a.gif) 0 5px no-repeat;
	padding-left: 45px;
}


/* COLOR-INSPECTION */

body#treatment-tr-color-inspection .pointer{
	margin-bottom:15px;
}
body#treatment-tr-color-inspection .color-inspection-test .left{
	width:200px;
}
body#treatment-tr-color-inspection .color-inspection-test .right{
	width:390px;
}
body#treatment-tr-color-inspection .orange-area{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	padding:10px;
	background-color:#FDE2D2;
	border:1px solid #F79F7C;
}
body#treatment-tr-color-inspection .illust{
	font-weight:bold;
}
body#treatment-tr-color-inspection .illust .fl-l{
	margin-right:2px;
}
body#treatment-tr-color-inspection .color-uni h4.titles{
	color:#F79F7C;
	font-size:18px;
	font-weight:bold;
	padding-left:10px;
	border-left:3px solid #F79F7C;
}
body#treatment-tr-color-inspection .color-inspection-test .pc-fl-r{
	width:386px;
}
body#treatment-tr-color-inspection .color-inspection-anomalo .two-area{
	font-size:12px;
	font-weight:bold;
	margin:10px 0 15px 0;
}
body#treatment-tr-color-inspection .color-inspection-anomalo .two-area h4.pointer{
	font-size:14px;
}
body#treatment-tr-color-inspection .color-inspection-anomalo .two-area .pc-fl-l{
	margin-right:10px;
}
body#treatment-tr-color-inspection .color-inspection-anomalo .two-area .middle1{
	margin-top:70px;
}
body#treatment-tr-color-inspection .color-inspection-anomalo .two-area .middle2{
	margin-top:70px;
}
body#treatment-tr-color-inspection .color-inspection-anomalo .two-area > .clearfix:first-child > .pc-fl-l:first-child p{
	margin-bottom:0;
}
body#treatment-tr-color-inspection .color-uni h4{
	font-weight:bold;
	margin-bottom:0;
}
body#treatment-tr-color-inspection .color-uni .content10{
	margin-left:15px;
}
body#treatment-tr-color-inspection .color-uni ul{
	margin:10px 0;
}
body#treatment-tr-color-inspection .color-uni ul.fw-b{
	font-weight:bold;
}
body#treatment-tr-color-inspection .color-uni > .clearfix:first-child .fl-l{
	margin-top:50px;
}
body#treatment-tr-color-inspection .color-uni .white-image .ramp{
	width:120px;
	margin-left:15px;
}

body#treatment-tr-color-inspection span.color-grey{
	color:#616161;
	font-weight:bold;
}
body#treatment-tr-color-inspection span.color-red{
	color:#dc261b;
	font-weight:bold;
}
body#treatment-tr-color-inspection span.color-green{
	color:#509368;
	font-weight:bold;
}
body#treatment-tr-color-inspection img.color-icon{
	vertical-align:top;
}
body#treatment-tr-color-inspection img.color-icon-gray{
	margin:7px 4px 3px 3px;
}
body#treatment-tr-color-inspection img.color-icon-red{
	margin:7px 3px 3px 3px;
}
body#treatment-tr-color-inspection img.color-icon-green{
	margin:6px 3px 3px 3px;
}





}



/* SP */

@media only screen and (max-width: 640px) {

body.treatment #title .container-inner .title {
	background: url(../images/treatment/image.jpg) center left no-repeat;
	background-size: cover;
}

body.treatment #title .container-inner .title span {
	background: url(../images/treatment/image.png) center right no-repeat;
	background-size: 240px 100px;
}

body#treatment-index #side #side-nav h3 a {
	background-color: #e7ebf5;
}


/* COLOR COMMON */

body.treatment h4.pointer {
	font-size:19px;
	font-weight:bold;
	margin-bottom:15px;
}
body.treatment .ta-c,
body.treatment .sp-ta-c{
	text-align:center;
}
body.treatment p a{
	word-wrap:break-word;
}
body.treatment .sp-ds-ib-box{
	text-align:center;
}
body.treatment .sp-ds-ib-box div{
	display:inline-block;
	margin-right:15px;
}
body.treatment .sp-ds-ib-box div:last-child{
	amrgin-right:0;
}
body.treatment .fl-l,
body.treatment .sp-fl-l{
	float:left;
}
body.treatment .fl-r,
body.treatment .sp-fl-r{
	float:right;
}
body.treatment p.desc{
	font-size:12px;
}
body.treatment .sp-color-mb0{
	margin-bottom:0 !important;
}
body.treatment .mt20{
	margin-top:20px;
}
body.treatment ul.simple-disc li{
	margin-left:15px;
	list-style:disc;
}
body#treatment-tr-color-inspection .color-uni .content10{
	margin-left:15px;
}

/* COLOR */


body#treatment-tr-color #title .container-inner .title span {
	padding-top:14px;
}
body#treatment-tr-color h4.pointer {
	font-size:19px;
	font-weight:bold;
	margin-bottom:15px;
}
body#treatment-tr-color .ds-ib-box div{
	display:block;
	margin-bottom:30px;
	vertical-align:top;
}
body#treatment-tr-color .ds-ib-box div:first-child p{
}
body#treatment-tr-color .ds-ib-box > div > p:last-child {
	margin-bottom:0;
}
body#treatment-tr-color .ds-ib-box div:last-child{
	margin-bottom:0;
}
body#treatment-tr-color .sp-ta-c{
	text-align:center;
}
body#treatment-tr-color .ta-c{
	text-align:center;
}
body#treatment-tr-color .mb0{
	margin-bottom:0;
}
body#treatment-tr-color .mb30{
	margin-bottom:30px;
}

body#treatment-tr-color table.grid th{
	display:none;
	border:none;
}
body#treatment-tr-color table.grid td{
	display:block;
	border:none;
}
body#treatment-tr-color table.grid td.col-1{
	background-color:#E7EBF5;
}
body#treatment-tr-color table.grid td.col-3{
	/*
	border-bottom:1px solid #cfddef;
	*/
	margin-bottom:20px;
}
body#treatment-tr-color table.grid td.col-1:before{
	content:"\30BF\30A4\30D7\A";
	white-space: pre ;
	font-weight:bold;
}
body#treatment-tr-color table.grid td.col-2:before{
	content:"\539F\56E0\A";
	white-space: pre ;
	font-weight:bold;
}
body#treatment-tr-color table.grid td.col-3:before{
	content:"\983B\5EA6\30FB\7279\5FB4\A";
	white-space: pre ;
	font-weight:bold;
}
body#treatment-tr-color p a{
	word-wrap:break-word;
}
body#treatment-tr-color .box-column h2{
	background:url(../images/common/data-sp.png);
	height:64px;
}

/* COLOR-FAQ */

body#treatment-tr-color-faq #title .container-inner .title span {
	padding-top:10px;
	line-height:1.3;
}
body#treatment-tr-color-faq li.faq a {
	background-position: 0 -74px;
}

body#treatment-tr-color-faq #main .a {
	background: url(../images/faq/a.gif) 0 5px no-repeat;
	padding-left: 45px;
}
body#treatment-tr-color-faq p,
body#treatment-tr-color-faq p a {
	word-wrap:break-word;
}


/* COLOR-INSPECTION */

body#treatment-tr-color-inspection .orange-area{
	font-size:14px;
	font-weight:bold;
	padding:15px;
	background-color:#FDE2D2;
	border:1px solid #F79F7C;
}
body#treatment-tr-color-inspection .box-column h2{
	background:url(../images/common/data-sp.png);
	height:64px;
}
body#treatment-tr-color-inspection .color-inspection-anomalo .two-area > .clearfix > .pc-fl-l{
	margin-bottom:40px;
}
body#treatment-tr-color-inspection .color-inspection-anomalo .two-area{
	margin:20px 0 15px 0;
}
body#treatment-tr-color-inspection .color-inspection-anomalo .two-area > .clearfix > .pc-fl-r > .clearfix > .pc-fl-l{
	margin-bottom:20px;
}
body#treatment-tr-color-inspection .color-inspection-anomalo .two-area .pc-fl-l p,
body#treatment-tr-color-inspection .color-inspection-anomalo .two-area .pc-fl-r p{
	margin-bottom:0;
	font-weight:bold;
}
body#treatment-tr-color-inspection .color-inspection-anomalo .two-area h4.pointer{
	text-decoration:underline;
}
body#treatment-tr-color-inspection .color-uni h4.titles{
	color:#F79F7C;
	font-size:16px;
	font-weight:bold;
	padding-left:10px;
	border-left:3px solid #F79F7C;
}
body#treatment-tr-color-inspection .color-uni dl dd ul{
	margin-bottom:10px;
}
body#treatment-tr-color-inspection .color-uni dl dd ul.fw-b{
	font-weight:bold;
}
body#treatment-tr-color-inspection .color-uni > .clearfix:first-child .fl-l{
	margin-top:50px;
}
body#treatment-tr-color-inspection .illust{
	font-weight:bold;
}
body#treatment-tr-color-inspection .illust .one-box .fl-l{
	width:30%;
	margin-right:5%;
}
body#treatment-tr-color-inspection .illust .one-box .fl-r{
	width:30%;
	margin:0;
	float:left;
}
body#treatment-tr-color-inspection .illust .two-box .pc-fl-l:first-child p{
	margin-bottom:0;
}
body#treatment-tr-color-inspection .illust .two-box .fl-l{
	width:30%;
	margin-right:5%;
}
body#treatment-tr-color-inspection .illust .two-box .fl-r{
	width:30%;
	margin:0;
}
body#treatment-tr-color-inspection .illust .three-box .fl-l{
	width:30%;
	margin-right:5%;
}
body#treatment-tr-color-inspection .illust .three-box .fl-r{
	width:30%;
	margin:0;
	float:left;
}
body#treatment-tr-color-inspection .illust .four-box .fl-l{
	width:30%;
	margin-right:5%;
}
body#treatment-tr-color-inspection .illust .four-box .fl-r{
	width:30%;
	margin:0;
	float:left;
}
body#treatment-tr-color-inspection .illust .one-box,
body#treatment-tr-color-inspection .illust .two-box,
body#treatment-tr-color-inspection .illust .three-box{
	margin-bottom:30px;
}
body#treatment-tr-color-inspection .color-uni h4{
	font-weight:bold;
	margin-top:30px;
}
body#treatment-tr-color-inspection .color-uni ul{
	margin:10px 0;
}

body#treatment-tr-color-inspection span.color-grey{
	color:#616161;
	font-weight:bold;
}
body#treatment-tr-color-inspection span.color-red{
	color:#dc261b;
	font-weight:bold;
}
body#treatment-tr-color-inspection span.color-green{
	color:#509368;
	font-weight:bold;
}
body#treatment-tr-color-inspection img.color-icon{
	vertical-align:top;
}
body#treatment-tr-color-inspection img.color-icon-gray{
	margin:3px 4px 3px 4px;
}
body#treatment-tr-color-inspection img.color-icon-red{
	margin:3px 3px 3px 4px;
}
body#treatment-tr-color-inspection img.color-icon-green{
	margin:3px 4px 3px 4px;
}



}