@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      baseC.css
 Update:         2010.09.28
 Style Info:     maruho squareCSSファイル
----------------------------------------------------------- */

.med-square-newsarea {
 margin: 0 15px;
 width: 870px;
}
.med-square-newsarea-left, .med-square-newsarea-right {
 width: 425px;
}
.med-square-newsarea-left {
 float: left;
}
.med-square-newsarea-right {
 float: right;
}
.newsarea {
 position: relative;
 width: 419px;
 border-left: 3px solid #ed7600;
 border-right: 3px solid #ed7600;
 border-bottom: 3px solid #ed7600;
}
.aboutsquare {
 width: 419px;
 border-left: 3px solid #003a8e;
 border-right: 3px solid #003a8e;
 border-bottom: 3px solid #003a8e;
 background-color: #f5fdff;
}
.newsarea h3 {
 padding: 5px 3px 5px 5px;
 background-color: #ed7600;
 color: #FFF;
}
.newsarea h3 span {
 padding-left: 5px;
 border-left: 4px solid #FFF;
}
.newsarea img {
 position: absolute;
 top: 10px;
 left: 340px;
}
.new {
 display: -moz-inline-box;
 display: inline-block;
 /display: inline;
 /zoom: 1;
 margin-right: 5px;
 padding: 0 4px;
 background-color: #de001d;
 color: #FFF;
 vertical-align: middle;
 font-weight: bold;
}
.newsarea dl {
 margin: 10px;
}
.aboutsquare h3 {
 padding: 5px 3px 5px 5px;
 background-color: #003a8e;
 color: #FFF;
}
.aboutsquare h3 span {
 padding-left: 5px;
 border-left: 4px solid #FFF;
}
.aboutsquare p {
 margin: 10px 10px 20px;
}


.update {
 color: #888888;
 font-size: 85%;
}

.med-square-2col {
 margin: 0 15px;
 width: 870px;
}
.med-square-2col-left {
 float: left;
 width: 535px;
}
.med-square-2col-right {
 float: right;
 width: 315px;
}


.med-square-2colarea01-title {
 margin-top: 20px;
 padding: 0 10px 0 30px;
 width: 495px;
 height: 50px;
 background: url(../../img/bg_title_blue_h50.gif) no-repeat left top;
}
*html .med-square-2colarea01-title {
 height: 50px;
}
.med-square-2colarea01-title-left {
 float: left;
}
.med-square-2colarea01-title-left h4 {
 margin-top: 14px;
 padding-right: 5px;
 background-color: #d2f4fe;
 font-size: 110%;
}
.med-square-2colarea01-title-right {
 float: right;
 margin-top: 13px;
}


.med-square-2colarea-contents {
 padding: 10px 9px;
 border-left: 1px solid #CCC;
 border-right: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
}
.med-square-iconarea-2col {
 margin-top: 5px;
 width: 515px;
}
.med-square-iconarea-2col-left {
 float: left;
 width: 80px;
}
.med-square-iconarea-2col-right {
 float: right;
 width: 425px;
}
.med-square-iconarea-2col-right span {
 font-weight: bold;
}
.med-square-name {
 margin-top: 10px;
}
.med-square-comment {
 margin-top: 10px;
 padding-top: 15px;
 border-top: 1px dashed #CCC;
}
.bt-med-continue {
 margin-top: 5px;
 text-align: right;
}


.med-square-2colarea02-title {
 margin-top: 20px;
 padding: 0 10px 0 30px;
 width: 495px;
 height: 40px;
 background: url(../../img/bg_title_blue_h40.gif) no-repeat left top;
}
*html .med-square-2colarea02-title {
 height: 40px;
}
.med-square-2colarea02-title-left {
 float: left;
}
.med-square-2colarea02-title-left h4 {
 margin-top: 10px;
 padding-right: 5px;
 background-color: #d2f4fe;
 font-size: 110%;
}
.med-square-2colarea02-title-right {
 float: right;
 margin-top: 9px;
}


.med-square-backnumber-title-w315 {
 margin-top: 20px;
 padding: 11px 10px 0 25px;
 width: 280px;
 height: 29px;
 background: url(../../img/bg_title_blue_w315.gif) no-repeat left top;
}
*html .med-square-backnumber-title-w315 {
 height: 29px;
}
.med-square-backnumber-title-w315 h4 span {
 padding-right: 5px;
 background-color: #b3d4f2;
}
.bg-w315 {
 padding-bottom: 3px;
 background-color: #b3d4f2;
 font-size: 100%;
}
.med-square-backnumber-name {
 margin: 0 3px 10px 25px;
}

.med-square-article {
 margin: 0 3px 3px;
 padding: 5px;
 width: 299px;
 background-color: #FFF;
}
.med-square-article-left {
 float: left;
 width: 50px;
}
.med-square-article-right {
 float: right;
 width: 240px;
}
.med-square-article-right span {
 font-weight: bold;
}

.med-top {
 margin-top: 20px;
}


.med-square-pagetitle-wrap {
 position: relative;
 width: 900px;
 margin: 0 auto;
}
.med-square-topbn {
 position: absolute;
 top: 100px;
 right: 30px;
}