﻿/***baser****************************************************/
#CnWrapper{
	width:100%;
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-weight: 500;
	font-size:70%;
	line-height:1.7;
	color:#1a1a1a;
	min-width:320px;
}
#Contents{
	padding:0 !important;
}

#Footer_wrapper{
	padding:0 !important;
	margin:0 !important;
}

/***CnHeader****************************************************/
#CnHeader{
	margin:0 auto;
}
#CnHeaderInner{
	height:45px;
	background:#FFF;
}
#cnAsahiLogo{
	float:left;
	margin:10px 0 0 4px;
}
#cnAsahiLogo img{
	max-width:70px;
}

#CnHeader .adCn p{
	float:right;
	font-size:60%;
	line-height:1.4;
	margin:10px 4px 0 0;
	text-align:right;
}

#CnHeader .adCn img{
	max-width:220px;
}

#CnHeader #titleLogo img{
	max-width:192px;
	margin-bottom:12px;
	height: auto;
}

/***CnContent****************************************************/

#cn-main img {
	max-width:100%;
	height:auto;
}

#cn-main .intro h1 {
	border-top: 8px solid #b32424;
	border-bottom: 2px solid #b32424;
	padding: 15px;
	font-size: 20px;
	line-height:1.5;
}

#cn-main .intro h1 span {
	font-size: 14px;
}

#cn-main #sns {
	padding: 15px 0 10px 0;
	text-align:center;
}

#cn-main h2 {
	margin:0 auto 20px;
}

.intro {
	font-size: 14px;
}

.intro  h1 span {
	font-size:16px;
}

#mainv {
	margin-bottom:30px;
	text-align:center;
}

#mainv span {
	display:inline-block;
	padding-top:8px;
} 

.lead {
	padding:0 20px;
	font-size:14px;
	margin-bottom:20px;
}
	
.article {
    background: #fff;
/*    width: 100%;*/
    margin: 0 auto;
    padding: 0 10px;
}
.article_inner {
	border-bottom: 1px solid #ccc;
}
.article_title {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	color: #1a1a1a;
	border-left: solid 6px #b32424;
	padding-left: 10px;
	margin: 30px 0;
}
.article p {
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.6;
}
.article .img {
	max-width:450px;
	margin:0 auto;
	margin-bottom:20px;
	text-align:center;
}

.article .img .cap {
	text-align:left;
}

.article .img img {
	height:300px;
	border:1px solid #e6e6e6;
	box-sizing:border-box;
}

.article .cap {
	padding:8px 5px;
	font-size:12px;
	margin-bottom:0;
}

.article .link {
	text-align:center;
	margin-bottom:40px;
}

.article .link a {
	display: inline;
	text-decoration:underline;
}

.article .ques {
	color: #b32424;
	margin-bottom: 20px;
}

/*btn_page
--------------------*/

#btn_page {
	width: 300px;
	margin: 0 auto;
	padding:30px 0;
}
#btn_page li {
	float: left;
}
#btn_page li {
	width: 60px;
	height: 40px;
}
#btn_page a {
	display: block;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	background: url(../images/btn_page.gif) no-repeat;
	background-size:280px 80px;
}
#btn_page .btn01 a {
	background-position: 0 0;
}
#btn_page .btn02 a {
	background-position: -60px 0;
}
#btn_page .btn03 a {
	background-position: -120px 0;
}
#btn_page .btn04 a {
	background-position: -180px 0;
}
#btn_page .btn05 a {
	background-position: -240px 0;
}
#btn_page .btn01 a:hover, #btn_page .btn01.active a {
	background-position: 0 -40px;
}
#btn_page .btn02 a:hover, #btn_page .btn02.active a {
	background-position: -60px -40px;
}
#btn_page .btn03 a:hover, #btn_page .btn03.active a {
	background-position: -120px -40px;
}
#btn_page .btn04 a:hover, #btn_page .btn04.active a {
	background-position: -180px -40px;
}
#btn_page .btn05 a:hover, #btn_page .btn05.active a {
	background-position: -240px -40px;
}


#cn-side {
	width:90%;
	margin:0 auto;
	padding:20px 0;
}

#article_side {
	background-color: fff;
	border-top: 4px solid #b32424;
}
#article_side li {
	background-color: fff;
	padding: 15px 5px 15px 12px;
	border-bottom: 1px dotted #b32424;
	font-size: 14px;
}
#article_side #side_title {
	border-top: 4px solid #b32424;
	font-size: 18px;
}
#article_side .side_last {
	border-bottom: 1px solid #b32424;
}
#article_side li a {
	background: url(../../images/ico_link_01.png) no-repeat left center;
	padding-left: 20px;
	display: inline;
}

#cn-side p {
	margin-bottom:20px;
	text-align:center;
}

#cn-side p img {
	max-width:100%;
	height:auto;
}

.side_fixed {
	top: 20px;
	width:300px;
}


/*---module--------------------*/
.mb15{
	margin-bottom:20px;
}
.mb10{
    margin-bottom: 10px;
}

.clr{
	clear:both !important;
}
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
	






