@charset "utf-8";
#localNav .proUse{background:url(/common/images/ptnPink.png); margin-bottom:10px;}
#localNav .homeUse,
#localNav .medUse{background:url(/common/images/ptnGray.png); margin-bottom:10px;}

#localNav .proUse li a:hover,
#localNav .proUse li a.active{background:url(/common/images/ptnPinkActive.png); color:#fff; font-weight:bold; box-shadow:0 0 5px rgba(0,0,0,0.2) inset; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.2) inset; -moz-box-shadow:0 0 5px rgba(0,0,0,0.2) inset;}

/* panel */
#mainBody .panel{padding: 0;}

#mainBody .panel header{clear:both; padding:20px 20px 0 20px; margin-bottom: 0; display:table; width:100%;}
#mainBody .panel header:after{content:''; clear:both; display:block;}
#mainBody .panel header h1{color: #FF99CC; font-size: 1.76em; font-weight: bold; line-height: 30px; margin-bottom: 15px;}
#mainBody .panel header p{padding:0 0 0 25px; font-size:0.9em; line-height:1.5; display:table-cell; vertical-align:middle;}
#mainBody .panel .panelBody{clear:both; margin:10px 0;}
#mainBody .panel .panelBody:after{content:''; clear:both; display:block;}
#mainBody .panel .panelBody .item{width:50%; float:left; padding:10px 20px; position:relative;}
#mainBody .panel .panelBody .item.single{width:100%; float:none;}
#mainBody .panel .panelBody .item:nth-child(even){border-left:2px #ddd dashed;}
#mainBody .panel .panelBody .item:nth-child(n+3){border-top:2px #ddd dashed;}
#mainBody .panel .panelBody .item:nth-child(even):before{content:''; display:block; width:40px; height:40px; background:#fff; position:absolute; left:-20px; top:-20px; z-index:1;}
#mainBody .panel .panelBody .item:nth-child(2):before{background: none;}
#mainBody .panel .panelBody .item h2{font-weight:bold; text-align:center; margin-bottom:0.5em; font-size:1.2em;}
#mainBody .panel .panelBody .item p{text-align:center; margin-bottom:0.25em;}
#mainBody .panel .panelBody .item p.image{text-align:center; position: relative; z-index: 1;}
#mainBody .panel .panelBody .item p.image img{ position: relative; z-index: -1; }

#mainBody .panel .item.new p.image:before { content:""; background: url("/common/images/icon_new.png") no-repeat; width: 80px; height: 45px; top: 10px; left: 10px; position: absolute; z-index: 10; }
#mainBody .panel .item.new.single p.image:before { left: 130px; }

.ie8 #mainBody .panel .panelBody .item:nth-child(3n+1):after,
.ie8 #mainBody .panel .panelBody .item:nth-child(3n+2):after{content:''; display:none;}
#mainBody .btnSpace a:after{content:''; display:block; width:18px; height:30px; background:url(/common/images/sprite.png) no-repeat -750px -100px; position:absolute; right:15px; top:50%; margin-top:-15px;}
.panel footer{text-align:right; padding:15px 0 0 0; font-size:0.9em; border-top:2px #ddd dashed;}
.panel footer .blank{padding-right:20px;}
.panel footer .blank:after{width:13px; height:13px; background-position:-800px -100px; margin-top:-7px;}

#mainBody p.note{text-align:right; font-size:0.9em;}
#mainBody .bnrSpace{background:#efedee; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:15px 20px; margin:40px 0; behavior: url("/PIE.htc");}
#mainBody .bnrSpace img{float:left; margin-right:20px;}
#mainBody .bnrSpace p{padding:5px; margin-bottom:0;}

#mainBody .btnSpace{padding:20px 0; text-align:center; clear:both;}
#mainBody .btnSpace a{display:inline-block; padding:8px 70px; border:1px #ddd solid; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; z-index:10; position:relative; text-decoration:none; box-shadow:0 0 6px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 6px rgba(0,0,0,0.2); -moz-box-shadow:0 0 6px rgba(0,0,0,0.2);
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );*/ /* IE6-9 */}
.ie8 #mainBody .btnSpace a{border:1px #ccc solid; -pie-background: linear-gradient(#ffffff, #f3f3f3); border-radius:5px; box-shadow:none; behavior: url("/PIE.htc");}
.spBtn{display:none;}

/* seibun */
#mainBody .panel {padding: 15px;}
#mainBody .panel .seibun h2 {font-weight:bold; font-size:1.2em; width: 530px; float: right; padding:15px 0 10px;}
#mainBody .panel .seibun p {display: block; width: 530px; line-height:1.5; float: right; border-top: 2px #ddd dashed; padding:10px 0; margin-bottom: 0;}
#mainBody .panel .seibun p.image {width: 190px; float: left; border: none;}

@media (min-width:768px) and (max-width:990px){
#mainBody .panel .panelBody .item{padding:10px;}
#mainBody .panel .panelBody .item:nth-child(2):before{background: none;}
.spBtn{display:none;}

/* seibun */
#mainBody .panel .seibun h2 {width: 100%; font-weight: bold; font-size: 1.2em; padding:15px 0 10px;}
#mainBody .panel .seibun p {width: 100%; display: block; line-height:1.5; border-top: 2px #ddd dashed; padding:10px 0; margin-bottom: 0;}
#mainBody .panel .seibun p.image {width: 100%; text-align: center; border: none;}

}

@media (max-width:767px){
#globalAside {display: none;}
#mainBody .panel header{clear:both; padding:0; margin-bottom:15px; padding-bottom:15px; display:block;}
#mainBody .panel header h1{font-size:1.3em; padding:0; border-right:none; display:block; white-space:normal; margin-bottom:0.5em;}
#mainBody .panel header p{padding:0; display:block;}
#mainBody .panel .panelBody .item{width:100%; float:none; padding:5px 20px 20px; position:relative; border-bottom:2px #ddd dashed;}
#mainBody .panel .panelBody .item h2{text-align: left;}
#mainBody .panel .panelBody .item:nth-child(even){border-left:none;}
#mainBody .panel .panelBody .item:nth-child(n+3){border-top:none;}
#mainBody .panel .panelBody .item:nth-child(even):before{content:''; display:none;}
#mainBody .panel .panelBody .item.sp-display-non { display: none; }
#mainBody .panel .panelBody .item.last{border-bottom:none; padding-bottom:0;}
#mainBody .panel .panelBody .item p{text-align:left;}
#mainBody .panel .panelBody .item p.image{text-align:center;}
#mainBody .panel .panelBody .item p.image img{max-width:100%; height:auto;}
#mainBody .panel .item.new p.image:before { left: -20px; position: absolute; z-index: 99; }
#mainBody .panel .item.new.single p.image:before { left: 0; }
#mainBody .btnSpace{padding:20px 0;}
#mainBody .panelBody .btnSpace a{padding:8px 30px; font-size:0.9em;}
#mainBody .panelBody .btnSpace a:after{width:9px; height:15px; background:url(/common/images/sprite.png) no-repeat -375px -50px; background-size:500px auto; right:8px; margin-top:-7px;}
.panel footer{font-size:0.7em;}

#mainBody .bnrSpace{margin:20px 0;}
#mainBody .bnrSpace img{float:none; display:block; margin:0 auto 10px;}
#mainBody .bnrSpace p{padding:0; text-align:center;}

.spBtn{display:block;}

/* seibun */
#mainBody .panel .seibun h2 {width: 100%; font-weight: bold; font-size: 1.2em; padding:15px 0 10px;}
#mainBody .panel .seibun p {width: 100%; display: block; line-height:1.5; border-top: 2px #ddd dashed; padding:10px 0; margin-bottom: 0;}
#mainBody .panel .seibun p.image {width: 100%; text-align: center; border: none;}
}