@charset "euc-jp";

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

 File name:      base.css
 Create:         2009-07-30
 Update:         2010-03-09
 Style Info:     モニター募集ページCSSファイル
--------------------------------------------------------------------- */

/* clearfix
--------------------------------------------------------------------- */
.clearfix {display: inline-block;}

/* Mac-IE,Dreamweaverでは適用しない */
* html body .clearfix {height:1px;}
.clearfix {display:block;}

.clearfix:after {
 content: ".";
 display: block;
 height: 0px;
 clear: both;
 visibility: hidden;
}
.clearer {
 clear:both;
 display:block;
 font-size:0px;
 height:1px;
 line-height:0em;
 margin:0pt;
 padding:0pt;
}

/* monitor common
--------------------------------------------------------------------- */
dl, dt, dd {
 margin: 0;
 padding: 0;
}

.strong {
 background-color: #E5F6E0;
}
.font-bold {
 font-weight: bold;
}
.top10 {
 margin-top: 10px;
}
.top20 {
 margin-top: 20px;
}

/* monitor
--------------------------------------------------------------------- */
#monitor {
 padding: 0 45px 0 25px;
 font-size: 13px;
 *font-size: small;
 *font:x-small;
 line-height: 1.4;
}
#monitor-main {
 width: 726px;
 margin-left: 4px;
 height: 405px;
 background: url(../../img/bg_main.jpg) no-repeat left top;
}
#monitor-title {
 padding: 16px 0 0 105px;
}
#monitor-liner, #monitor-main-present {
 padding-left: 82px;
}
#monitor-main-present {
 width: 571px;
}
.monitor-present-left {
 float: left;
 width: 273px;
 margin-top: 19px;
}
.monitor-present-right {
 float: right;
 width: 286px;
}

#monitor-wrap {
 margin: 20px 0 0 4px;
 padding-top: 20px;
 background: url(../../img/bg_wrap.gif) no-repeat left top;
 text-align: center;
}

#monitor-app {
 width: 560px;
 margin: 0 auto;
 /*margin-left: 83px;*/
 background: url(../../img/bg_app_middle.jpg) repeat-y left;
 text-align: left;
}
#monitor-app h3 {
 /*margin-top: 10px;*/
}
#monitor-app-bottom {
 width: 510px;
 padding: 20px 25px 25px;
 background: url(../../img/bg_app_bottom.jpg) no-repeat left bottom;
}

.monitor-title01 {
 margin: 40px 0 10px 0;
}
.monitor-title02 {
 margin: 25px 0 5px 0;
}
.monitor-title03 {
 margin-bottom: 10px;
 text-decoration: underline;
}
.monitor-inner {
 margin-left: 27px;
}
.qual {
 padding-top: 5px;
}
.qual-left {
 float: left;
 width: 250px;
}
.qual-right {
 float: right;
 width: 224px;
 text-align: center;
}
ul.qual-list {
}
ul.qual-list li {
 padding-left: 10px;
 background: url(../../img/ico_li.jpg) no-repeat left 6px;
}
.qual-right p {
 font-size: 93%;
}

.monitor-bt {
 margin: 10px 0;
 color: #00642A;
 text-align: center;
 font-size: 93%;
}
.monitor-area-green {
 margin-top: 10px;
 padding: 10px;
 background-color: #e0f1db;
}

.monitor-privacy-wrap {
 width: 556px;
 /*margin: 20px 0 0 83px;*/
 margin: 20px auto 0;
 padding: 1px;
 border: 1px solid #BFBFBF;
 text-align: left;
}
.monitor-privacy {
 padding: 10px;
 border: 1px solid #BFBFBF;
 background-color: #FCFCFC;
}