@charset "utf-8";

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

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

.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;
}
.update {
 color: #CCC;
 font-size: 85%;
}
.bt-squaretop {
 margin-top: 20px;
 text-align: right;
}

.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-backnumber-title-w535 {
 padding: 14px 10px 0 30px;
 width: 495px;
 height: 36px;
 background: url(../../img/bg_title_blue_w535.gif) no-repeat left top;
}
*html .med-square-backnumber-title-w535 {
 height: 36px;
}
.med-square-backnumber-title-w535 h3 span {
 padding-right: 5px;
 background-color: #d2f4fe;
 font-size: 110%;
}
.med-square-backnumber {
 margin-top: 10px;
 padding: 10px;
 width: 508px;
 border-left: 4px solid #003a8e;
 border-top: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
 border-right: 1px solid #CCC;
}
.vol01 {
background: url(../../img/bg_vol01.gif) no-repeat right bottom;
}
.vol02 {
background: url(../../img/bg_vol02.gif) no-repeat right bottom;
}
.vol03 {
background: url(../../img/bg_vol03.gif) no-repeat right bottom;
}
.vol04 {
background: url(../../img/bg_vol04.gif) no-repeat right bottom;
}
.vol05 {
background: url(../../img/bg_vol05.gif) no-repeat right bottom;
}
.vol06 {
background: url(../../img/bg_vol06.gif) no-repeat right bottom;
}
.vol07 {
background: url(../../img/bg_vol07.gif) no-repeat right bottom;
}
.vol08 {
background: url(../../img/bg_vol08.gif) no-repeat right bottom;
}
.vol09 {
background: url(../../img/bg_vol09.gif) no-repeat right bottom;
}
.vol10 {
background: url(../../img/bg_vol10.gif) no-repeat right bottom;
}
.med-square-backnumber-left {
 float: left;
 width: 80px;
}
.med-square-backnumber-right {
 float: right;
 width: 418px;
}
.med-square-backnumber-right span {
 font-weight: bold;
}

.med-square-backnumber-title-w315 {
 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 {
 margin-bottom: 20px;
 padding-bottom: 3px;
 background-color: #b3d4f2;
 /*font-size: 90%;*/
}
.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;
}