@charset "utf-8";

.social_button{margin-top:30px;}

#cont #c3_l h1 {
margin-bottom: 20px;
max-width: 500px;
}
#cont h1.header_h1{
color: #666;
margin-top: 3px;
margin-bottom: 10px;
font-size: 10px;
font-weight: normal;
}

.header_img img{
  width: 100%;
}

/* CSS Document */

#top_text {
width: 710px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
font-size: 14px;
line-height: 1.5em;
}

/*2011/7/19追加*/
.main_contents h1.title{
background-image:url(../../common/img/contents/title_bg_img.jpg);
background-repeat:no-repeat;
background-size: cover;
color:#ffffff;
font-size:28px;
line-height:125%;
padding-top:45px;
padding-left:25px;
padding-bottom:30px;
padding-right: 25px;
}

p.writerteam{
color:#004E67;
font-size:14px;
padding-bottom:15px;
margin-top:-15px;
font-weight: bold;
}

p.aaa{
padding-bottom:25px;
}


.main_contents  a{

}
#base #cont #c3_l #c3_lr p {
padding-bottom: 5px;
line-height: 2em;
}
h3 {
text-align: center;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
}
h4 {
text-align: center;
margin-bottom: 10px;
margin-top:30px;
font-size: 16px;
font-weight: bold;
color: #F23153;
padding-bottom: 6px;
padding-left: 5px;
}
.ReportText h4 {
margin-bottom: 25px;
font-size: 16px;
font-weight: bold;
color: #F23153;
background-image: url(../img/newcommer_flash/underline.jpg);
background-repeat: no-repeat;
background-position: left bottom;
padding-bottom: 6px;
padding-left: 5px;
}
/*レポート内のh5*/
.trend_title {
margin-bottom: 10px;
font-weight: bold;
color: #F6F5F3;
font-size: 14px;
margin-top: 30px;
margin-bottom:15px;
padding-top: 7px;
padding-bottom: 5px;
padding-left: 10px;
background-color: #FFF0FE;
color: #333333;
}
/*レポート外のh5*/
.solution_title {
margin-bottom: 10px;
font-weight: bold;
color: #F6F5F3;
font-size: 14px;
margin-top: 30px;
padding-top: 7px;
padding-bottom: 5px;
padding-left: 25px;
background-color: #FFEDE6;
color: #333333;
background-image: url(../images/icon_arrow-r_s_r.gif);
background-repeat: no-repeat;
background-position: 10px;
}
h6 {
margin-bottom: 15px;
font-size: 16px;
font-weight: bold;
color: #F23153;
}
.main_contents .main_box {
width: 500px;
margin-bottom: 30px;
}
.main_contents  .main_box p img {
width: 236px;
margin-top: 15px;
margin-bottom:5px;
}
.main_contents .main_box .graph {
font-size: 12px;
text-align: left;
margin-left: 320px;
line-height: 1.1em;
}


.main_contents .main_box p {
font-size: 14px;
line-height: 1.6em;
color: #333333;
margin-bottom:20px;
}
.main_contents .main_box_expla {
width: 490px;
margin-left: 10px;
margin-bottom: 20px;
}
.main_contents .main_box_expla p {
font-size: 14px;
line-height: 1.5em;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
}

/*レポートテキスト部分設定*/
.ReportTopBox {
background-image: url(../img/newcommer_flash/report_base_top.gif);
background-repeat: no-repeat;
background-position: center top;
width: 500px;
padding-top: 65px;
}
.ReportTopBox .ReportBottomBox {
background-image: url(../img/newcommer_flash/report_base_bottom.gif);
background-repeat: no-repeat;
background-position: center bottom;
padding-bottom:30px;
width: 500px;
}
.ReportTopBox .ReportBottomBox .ReportMBox {
background-image: url(../img/newcommer_flash/report_base_middle.gif);
background-repeat: repeat-y;
width: 500px;
padding-top: 10px;
background-position: center center;
}
.ReportTopBox .ReportBottomBox .ReportMBox .ReportText {
margin-right: 45px;
margin-left: 45px;
}

.ReportText p {
font-size: 15px;
line-height: 1.4em;
margin-bottom: 40px;
}
.ReportText p span {
font-size: 14px;
color: #F23153;
font-weight: bold;
}
#main .mainReportBox {
text-align: left;
width: 500px;
}
.ReportText .roundup {
width: 410px;
border: 1px dotted #FF3333;
margin-top: -30px;
line-height: 1.5em;
margin-bottom: 50px;
}
.ReportText .roundup p {
width: 390px;
margin-top: 12px;
margin-right: 10px;
margin-bottom: 12px;
margin-left: 12px;
font-size: 13px;
}

#base #cont #c3_l #c3_ll {
width: 200px;
background-repeat: repeat-y;
background-position: left top;
/*background-image: url(../img/contents/leftnav_bg.jpg);*/
}
#l_side a {
display: block;
}
#l_side ul {
padding-top: 190px;
background-image: url("../img/contents/leftnav_all_top.jpg");
background-repeat: no-repeat;
background-position: top;
list-style-type: none;
}

#l_side .vmButtonPre {
background-image: url("../img/contents/lab_button_preparing.jpg");
background-repeat: no-repeat;
background-position: left top;
height: 130px;
list-style-image: none;
list-style-type: disc;
color: #000000;
line-height: 1.5em;
text-decoration: none;
font-size: 12px;
padding-left: 20px;
margin-top: -50px;
padding-top: 15px;

}
#l_side .vmButton {
background-image: url("../img/contents/lab_button_off.jpg");
background-repeat: no-repeat;
background-position: left top;
height: 130px;
list-style-image: none;
list-style-type: disc;
text-transform: uppercase;
color: #000000;
padding-left: 20px;
line-height: 1.5em;
text-decoration: none;
font-size: 14px;
font-weight:bold;
margin-top: -50px;
padding-top: 20px;
cursor: pointer;
}



#l_side .vmtitle {
/*background-image: url(../img/contents/lab_button_off.jpg);
background-repeat: no-repeat;
background-position: left top;*/
height: 90px;
list-style-image: none;
list-style-type: disc;
text-transform: uppercase;
color: #000000;
padding-left: 37px;
line-height: 1.5em;
text-decoration: none;
font-size: 12px;
margin-top: -50px;
padding-top: 15px;
}

#l_side .vm_line1{
padding-top:32px;
font-size:16px;
}

#l_side .vm_all a:hover img{
background-color:#B2EDE9;
}


#l_side .vmButton:hover {
background-image: url(../img/contents/lab_button_on.jpg);
background-repeat: no-repeat;
background-position: left top;
}



.toTop {
margin-top: 10px;
margin-bottom: 25px;
}




.bookAmazon {
text-align: center;
margin-bottom:20px;
margin-bottom: 5px; 
padding-bottom: 10px;
}
.bookAmazon img {
margin-bottom: 5px;
}
#r_side #right .bookAmazon p {
font-size: 12px;
line-height: 1.2em;
margin-top: 10px;
margin-bottom: 5px;
}

.main_box img {
float: right;
width: 236px;
}
.main_box .introText{
float: left;
width: 250px;
}


.filelinktop a:hover{
background-image:url(../../common/img/contents/leftimg_file01-2_on.jpg);
background-repeat:no-repeat;
}

#base #cont #c3_l #c3_lr .main_contents .text {
font-size: 14px;
line-height: 2em;
}

#base #cont #c3_l #c3_lr .main_contents .boxText {
font-size: 14px;
line-height: 1.5em;
padding-left: 25px;
padding-top: 20px;
border: 1px solid #009999;
padding-right: 25px;
padding-bottom: 20px;
}
#c3_l #c3_lr .main_contents .boxText dl {
line-height: 1.5em;
}

#c3_l #c3_lr .main_contents .boxText dt {
margin-bottom: 15px;
padding-top: 20px;
}
#cont #c3_l #c3_lr .main_contents .boxText p {
padding-top: 10px;
text-indent:-16px;
padding-left:16px;
}

#base #cont #c3_l #c3_lr .main_contents .download {
text-align: right;
}

#base #cont #c3_l #c3_lr .main_contents .download img {
margin-top: 30px;
margin-bottom: 30px;


}
#base #cont #c3_l #c3_lr .main_contents .invite ul {
font-size: 14px;
margin-left: 10px;
}

.main_contents .text p{
margin-bottom: 5px;
}
h2 {
margin-bottom: 10px;
padding-top: 10px;
}

div.file {
/*background-image: url(../img/contents/img_file_sidebar.jpg);
background-repeat: repeat;*/
border: 3px double #86C0BC;
padding: 20px;
}
div.file + div.file {
  margin-top: 20px;
}
.file_main {
/*background-image: url(../img/contents/img_file_endbar.jpg);
background-repeat: no-repeat;
background-position: bottom;*/
width:100%;
}
.file_writer {
/*background-image: url(../img/contents/img_file_top.jpg);
background-repeat: no-repeat;*/
}

.file_writer dl {}

.file_writer dt {
font-size: 12px;
font-weight: bold;
color: #009999;
}
.file_writer dd {
font-size: 17px;
font-weight: bold;
color: #009999;
padding-top: 10px;
}
.file_writer p {
width: 100%;
}

.file_writer a {
margin-top:10px;
display: inline-block;
}

.file_writer img {
margin-right: 35px;
}



h5{
color: #009999;
padding-top:5px;
padding-bottom:6px;
}
.main_contents #recommendPage img {
margin-bottom: 15px;
}
.main_contents #recommendPage a:hover {
text-decoration: underline;
}


.main_contents #recommendPage {
color: #000000;
}
.main_contents #recommendPage li {
background-image: url(../img/contents/vml_icon_arrow.jpg);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
margin-bottom: 10px;
}

/* 2012/07/30 タブ切替 */

ul.bottom_nav {
border-collapse: collapse;
list-style-type: none;
margin: 10px 0;
padding: 0;
width: 500px;
}

ul.bottom_nav li {
display: inline;
margin: 0;
padding-right:5px;
font-size:14px;

}

ul.bottom_nav li img{
margin-right:5px;
}


/* 新トップ各見出し */
/*h2{
background-image:url("../img/contents/intro_base_sekura.gif");
background-repeat:no-repeat;
background-position:center center;
height:100px;
padding-top: 50px;
padding-left: 115px;
margin: 10px 0 30px;
}*/

h2{
margin: 10px 0 20px;
}

/* 130514　左ナビ改修 */

#cont #c3_ll dl.cc11 table tr td.line_l{background-color:#009999;}
#cont #c3_ll dl.cc11 table tr td.line_r{background-color:#8cd1d1;}
#cont #c3_ll dl.cc11-2    {border-color:#009999;}
#cont #c3_ll dl.cc11 dt b img,
#cont #c3_ll dl.cc11-2 dt b img{background:#009999;}
#cont #c3_ll dl.cc00 table tr td.line_l {background-color:#009999;}
#cont #c3_ll dl.cc00 table tr td.line_r {background-color:#8cd1d1;}

#c3_lrr{
width:730px;
overflow:hidden;
}

#cont #c3_ll .linkage_c_top{
background-image:url("../img/lnav_con_base_top.gif");
background-repeat:no-repeat;
background-position:top center;
}

#cont #c3_ll .linkage_c_middle{
background-image:url("../img/lnav_con_base_middle.gif");
background-repeat:repeat-y;
margin:10px 0;
_padding-bottom:20px;
}

#cont #c3_ll .linkage_c_bottom{
background-image:url("../img/lnav_con_base_bottom.gif");
background-repeat:no-repeat;
background-position:bottom center;
}

#cont #c3_ll .lc_contents{
margin:0 15px;
padding:45px 0 35px;
}

#cont #c3_ll .lc_contents dt{
background-color:#EEE;
padding:5px;
font-weight:bold;
/*text-indent:-28px;
padding-left:28px;*/
}

#cont #c3_ll .lc_contents dt span.fr{
width:130px;
}

#cont #c3_ll .lc_contents p{
text-align:center;
font-size:14px;
font-weight:bold;
color:#333;
}

#cont #c3_ll .lc_contents dl dd{
background:url("../images/line_dott_999999.gif") repeat-x bottom;
}
#cont #c3_ll .lc_contents dl dt{
margin-top:15px;
}

#cont #c3_ll .lc_contents dt img {
background-color: #009999;
}

/*#cont #c3_ll .lc_contents dl dd a{
background:url("../images/icon_arrow-r_box-s_CCCCCC.gif") no-repeat 0px 7px;
padding-left:13px;
}*/

/* 2014/03/31 著者別ページ送り */
.pagelink{margin-top:30px;}
.pagelink .pageUp{float:left;}
.pagelink .nextPage{float:right;}

/* 記事下の読み物回遊　上書き */

#base #cont #c3_l #c3_lr .m_sameCatContentsList__ttl {
  padding-bottom: 0;
  line-height: 1.6;
  margin-bottom: 10px;
  font-size: 20px !important;
}
#base #cont #c3_l #c3_lr .m_sameCatContents__date{
  padding-bottom: 0;
  line-height: 1.6;
}
#base #cont #c3_l #c3_lr .m_sameCatContents__date + .m_sameCatContents__ttl,
#base #cont #c3_l #c3_lr .m_sameCatContents__info + .m_sameCatContents__ttl {
  margin-top: 5px;
}
#base #cont #c3_l #c3_lr .m_sameCatContents__ttl {
  line-height: 1.4;
}
#base #cont #c3_l #c3_lr .m_sameCatContents__ttl + .m_sameCatContents__descr {
  margin-top: 5px;
}
#base #cont #c3_l #c3_lr .m_sameCatContents__descr {
  padding-bottom: 0;
  line-height: 1.4;
}

/* 右ナビ */
@media screen and (max-width: 768px) {
  .submenu {
    display: none;
  }
}