@charset "UTF-8";
.co_container_box_inner:after {
content: " ";
display: block;
clear: both;
}
.contents_right {
float: right;
width: 770px;
padding-bottom: 8px;
background: #fff;
text-align: left;
color: #333;
z-index: 1;
}
.contents_right ul {
list-style: none;
}
.pc_content a:hover{
text-decoration: none;
}
/* loginArea
----------------------------- */
.loginArea {
margin: 30px auto 0;
text-align: center;
}
.loginArea a {
display: inline-block;
width: 43%;
height: 48px;
margin: 0 auto;
border-radius: 7px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 50px;
font-size: 22px;
text-decoration: none;
}
.loginArea a.regist {
background: #fff;
border: 1px solid #f60;
color: #f60;
}
.loginArea a.login {
background: #f80;
border: 1px solid #f80;
color: #fff;
}
.loginArea a:hover {
opacity: .8;
}
.loginArea a + a {
margin-left: 2%;
}
/* pageTitle
------------------------------*/
.pageTitle{
padding: 5px 8px;
background: #fff;
border-top: 1px solid #808080;
border-bottom: 1px solid #ccc;
text-align:left;
}
.pageTitle h1{
height: 30px;
line-height: 30px;
font-size: 18px;
font-weight:bold;
color:#333;
}
/* secTitle
------------------------------*/
.secTitle{
padding: 5px 8px;
background: #fff;
border-top: 1px solid #808080;
border-bottom: 1px solid #ccc;
text-align:left;
}
.secTitle p{
height: 30px;
line-height: 30px;
font-size: 18px;
font-weight:bold;
color:#333;
}
/* bannerArea
------------------------------*/
.bannerArea {
margin: 3px auto;
background: #fff;
border-bottom: 1px dotted #ccc;
text-align: center;
}
#bottomArticle.bannerArea {
margin: 50px auto;
border-top: 1px solid #ccc;
}
.smallBannerText{
display:table;
width:100%;
}
.smallBannerText + .smallBannerText{
border-top: 1px dotted #ccc;
}
.smallBannerText .left_box{
display:table-cell;
width:225px;
padding:8px;
background: #fff;
vertical-align:top;
}
.smallBannerText .left_box a{
display: block;
}
.smallBannerText .left_box img{
width: 225px;
height: auto;
}
.smallBannerText .right_box{
display:table-cell;
padding:10px 8px 8px 5px;
background: #fff;
vertical-align:top;
line-height: 16px;
text-align:left;
}
.smallBannerText .right_box a{
display: block;
color:#333;
}
.smallBannerText .right_box .right_txt{
font-size: 14px;
font-weight: bold;
}
.smallBannerText .right_box .right_txt3{
text-align: right;
font-size: 10px;
}
.smallBannerText .right_box .right_txt2{
padding: 5px 0;
line-height: 20px;
text-align: left;
font-size: 14px;
font-weight: normal;
}
/* sns btn_areas
------------------------------*/
.btn_areas {
width: 730px;
margin: 10px auto 0;
}