@charset "shift_jis";

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body{
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
}

@media only screen and (min-width: 641px), print {
.spOnly {
	display: none;
}

#contents {
	background: none !important;
}

/* contentsCenter */
.contentsCenter{
	background: #d5f6ff url(../images/character_bg001.jpg) no-repeat center top;
}

/* pageContainer */
#top_new #pageContainer {
	clear: both;
	background: none;
	width: 100%;
}

/* header */
#top_new #header {
	position: relative;
	clear: both;
	width: 950px;
	height: 144px;
	margin: 0 auto;
}
#top_new #header .headTx01 {
	position: absolute;
	left: 42px;
	top: 7px;
	z-index: 10;
} 
#top_new #header .headTitle {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -180px;
	z-index: 100;
}

#top_new #header .bt01 {
	position: absolute;
	top: 14px;
	right: 81px;
}

#top_new #header .bt01 img {
	width: 151px;
}

/* contents */
#top_new #contents {
	width: 1000px;
	margin: 0 auto 10px;
}
#top_new #contents .inner {
	padding-left: 20px;
}
#top_new #contents h2 {
	padding: 20px 0 15px;
	text-align: center;
}

/* characterContentsBox01 */
.characterContentsBox01 {
	position: relative;
	margin: 0 20px;
}

/* box01 */
.characterContentsBox01 ul li.box01 .box01Img {
	position: absolute;
	top: 10px;
	left: 33px;
	z-index: 10;
}
.characterContentsBox01 ul li.box01 .box01Img img {
	width: 233px !important;
	height: auto;
}
.characterContentsBox01 ul li.box01 .txCol {
	position: relative;
	float: right;
	width: 681px;
	height: 290px;
	margin-right: 30px;
	background: url(../images/character_bg003.png) no-repeat center top;
}
.characterContentsBox01 ul li.box01 .txCol dl dt {
	position: absolute;
	top: 50px;
	left: 103px;
}
.characterContentsBox01 ul li.box01 .txCol dl dd {
	position: absolute;
	top: 113px;
	left: 113px;
	font-size: 120%;
	line-height: 1.9;
	background:url(../images/character_bg018.png) repeat;	
}

/* box02 */
.characterContentsBox01 ul li.box02 {
	float: left;
	width: 431px;
	margin: 40px auto 0 30px;
	background: url(../images/character_bg006.png) no-repeat center 99%;
}
.characterContentsBox01 ul li.box02 .box01Img {
	width: 247px;
	margin: 0 auto;
	z-index: 10;
}
.characterContentsBox01 ul li.box02 .box01Img img {
	width: 225px !important;
	height: auto;
}
.characterContentsBox01 ul li.box02 .txCol {
	position: relative;
	width: 431px;
	height: 288px;
	background: url(../images/character_bg004.png) no-repeat center top;
}
.characterContentsBox01 ul li.box02 .txCol dl {
}
.characterContentsBox01 ul li.box02 .txCol dl dt {
	position: absolute;
	top: 50px;
	left: 37%;
}
.characterContentsBox01 ul li.box02 .txCol dl dd {
	position: absolute;
	top: 113px;
	left: 43px;
	width: 355px;
	font-size: 120%;
	line-height: 1.9;
	background:url(../images/character_bg018.png) repeat;
}

/* box03 */
.characterContentsBox01 ul li.box03 {
	float: left;
	width: 431px;
	margin: 0 auto 0 40px;
	background: url(../images/character_bg007.png) no-repeat center 99%;
}
.characterContentsBox01 ul li.box03 .box01Img {
	width: 247px;
	margin: 0 auto -10px;
	z-index: 10;
}
.characterContentsBox01 ul li.box03 .box01Img img {
	width: 225px !important;
	height: auto;
}
.characterContentsBox01 ul li.box03 .txCol {
	position: relative;
	width: 431px;
	height: 288px;
	margin-top: 10px;
	background: url(../images/character_bg005.png) no-repeat center top;
}
.characterContentsBox01 ul li.box03 .txCol dl {
}
.characterContentsBox01 ul li.box03 .txCol dl dt {
	position: absolute;
	top: 50px;
	left: 27%;
}
.characterContentsBox01 ul li.box03 .txCol dl dd {
	position: absolute;
	top: 113px;
	left: 43px;
	width: 355px;
	font-size: 120%;
	line-height: 1.9;
	background:url(../images/character_bg018.png) repeat;
}

/* characterContentsBox02 */
.characterContentsBox02 {
	position:relative;
	margin: 40px 50px 0;
	background: url(../images/character_bg023.png) no-repeat 0 100%;
}
.characterContentsBox02 ul {
	padding: 45px 45px;
	background: url(../images/character_bg024.png) no-repeat 0 0;
}
.characterContentsBox02 ul li {
	float: left;
	width: 258px;
	margin-left: 16px;
}

.characterContentsBox02 .boxImg04{
	position: absolute;
	right:0;
}

.characterContentsBox02 .boxImg05{
	position: absolute;
	left:0;
	bottom:0;
}

.characterContentsBox01 ul li .boxImg02 img {
	position: absolute;
	width:88px;
	top:27px;
}

.characterContentsBox01 ul li .boxImg03 img {
	position: absolute;
	width:91px;
	top:27px;
	right:20px;
}

.characterContentsBox02 ul li .imgCol img{
	width: auto;
	height:168px;

}


.characterContentsBox02 ul li.topBox {
	clear: both;
	float: left;
	margin-left: 0;
}
.characterContentsBox02 ul li:first-child {
	margin-left: 0;
}
.characterContentsBox02 ul li .colInner {
}
.characterContentsBox02 ul li .imgCol{
}
.characterContentsBox02 ul li .txCol{
}
.characterContentsBox02 ul li .txCol dl img {
}
.characterContentsBox02 ul li .imgCol img {
}
.characterContentsBox02 .txCol dl dt {
	padding: 20px 0 15px;
}
.characterContentsBox02 .txCol dl dd {
	font-size: 120%;
	padding:0 5px 30px;
}

/* footer */
#top_new #footer {
	position: relative;
	width: 100%;
	margin-top: 45px;
	height: auto !important;
	background: none;
}
#top_new #footer .footerImg {
}
#top_new #footer .copyRight {
	padding: 27px 0 22px;
	background: #afd85b;
	font-size: 12px;
	text-align: center;
}
#top_new #footer .footerWrap {
	position: relative;
	background: #afd85b;
	z-index: 1;
}
#top_new #footer .footerInner {
	width: 900px;
	margin: 0 auto;
}
#top_new #footer .linkBnCol li {
	float: left;
	padding-left: 30px;
}
#top_new #footer .linkBnCol {
	width: 670px;
	margin: 30px auto 0;
}
#top_new #footer .linkBnCol li:first-child {
	padding-left: 0;
}
#top_new #footer #copyRight {
	padding: 30px 0;
	text-align: center;
	font-size: 105%;
	font-weight: bold;
}
.pageTopBox {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 900px;
	height: 100px;
}
.pageTopBox .pageTop {
	text-align: right;
}
.pageTopBox .pageTop a {
	display: inline-block;
	margin-top: 3px;
}
.pageTopBox .pageTop a:hover {
	margin-top: 0;
}
.pageTopBox .pageTop img {
	width: 72px;
	height: auto;
}
.pageTopBox .pageTop img:hover {
	width: auto;
	height: auto;
}
}
/* ==================================
clear fix
================================== */
.characterContentsBox01 ul li.box01:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
.characterContentsBox01 ul li.box01:after {
	zoom: 1;
}


@media only screen and (max-width: 640px) {
.pcOnly {
	display: none !important;
}



	
/* contentsCenter */
.contentsCenter{
	background: #d5f6ff url(../images/character_bg001.jpg) no-repeat center top;

}

/* pageContainer */
#top_new #pageContainer {
	clear: both;
	background: none;
	width: 100%;
	
}

/* header */
#top_new #header {
	position: relative;
	width:100%;
}
#top_new #header .headImg img {
	width: 100%;
	height: auto;
}
#top_new #header .bt01 {
	position: absolute;
	width: 28.4%;
	right: 3%;
	bottom: 2%;
}
#top_new #header .bt01 img {
	width: 100%;
	height: auto;
}

/* contents */
#top_new #contents {
	margin: 0 10px;
}
#top_new #contents .inner {
	padding-left: 20px;
}
#top_new #contents h2 {
	margin-top: 15px;
}

#top_new #contents h2 img{
	width: 100%;
	margin: 0 auto;
}

/* characterContentsBox01 */
.characterContentsBox01 {
	margin-top: 15px;
	
}

/* box01 */
.characterContentsBox01 ul li.box01 {
	margin: 0 -10px;
	background: url(../images/character_bg019.png) no-repeat 0 0;
	-webkit-background-size: contain;
	background-size: contain;
}
.characterContentsBox01 ul li.box01 .box01Img {
	width: 44.6%;
	margin: auto;
}
.characterContentsBox01 ul li.box01 .box01Img img {
	width: 100%;
	height: auto;
}
.characterContentsBox01 ul li.box01 .txCol {
	margin: 0 10px;
	position: relative;
	background: url(../images/character_bg010.png) no-repeat left top;
	-webkit-background-size: cover;
	background-size: cover;
}

.characterContentsBox01 ul li.box01 .txCol dl {
	padding: 10% 20px 0;
}

.characterContentsBox01 ul li.box01 .txCol dl dt {
	width: 33%;
	margin-left: 10.3%;
}
.characterContentsBox01 ul li.box01 .txCol dl dt img {
	width: 100%;
	height: auto;
}
.characterContentsBox01 ul li.box01 .txCol dl dd {
	margin-top: 7%;
	padding: 0 5px;
	font-size: 12px;
	line-height: 1.7;
	background:url(../images/character_bg018.png) repeat;
	background-size: 4px 20px;
}

.characterContentsBox01 ul li.box01 .bottomImg {
	margin: 0 10px;
}
.characterContentsBox01 ul li.box01 .bottomImg img {
	width: 100%;
	height: auto;
}

.characterContentsBox01 ul li.box01 .txCol:after{
	/*
	content:"";
	display: block;
	width: 100%;
	background: url(../images/character_bg011.png) no-repeat left top;
	background-size: cover;
	*/
}


/* box02 */
.characterContentsBox01 ul li.box02 {
	margin: 20px -10px 0;
	padding: 0 10px 20px;
	background: url(../images/character_bg020.png) no-repeat 0 0;
	-webkit-background-size: contain;
	background-size: contain;
}
.characterContentsBox01 ul li.box02 .box01Img {
	width: 35%;
	float: left;	
}
.characterContentsBox01 ul li.box02 .box01Img img {
	width: 115%;

}
.characterContentsBox01 ul li.box02 .txCol {
	position: relative;
	width: 65%;
	float: left;
	background: url(../images/character_bg012.png) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
	/*
	position: relative;
	width: 431px;
	height: 288px;
	background: url(../images/character_bg004.png) no-repeat center top;
	*/
}
.characterContentsBox01 ul li.box02 .txCol dl {
	padding: 20px 7% 0 18%;
}
.characterContentsBox01 ul li.box02 .txCol dl dt {
	width: 40%;
	margin: 0 auto;
}
.characterContentsBox01 ul li.box02 .txCol dl dt img {
	width: 100%;
	height: auto;
}
.characterContentsBox01 ul li.box02 .txCol dl dd {
	margin-top: 15px;
	padding: 0 5px;
	font-size: 12px;
	line-height: 1.7;
	background:url(../images/character_bg018.png) repeat;
	background-size: 4px 20px;
}


.characterContentsBox01 ul li.box02 img.spOnly{
	width: 100%;
}

.characterContentsBox01 ul li.box02 .boxImg02 {
	position: absolute;
	width: 21.7%;
	top: 10px;
	left: 33px;
}
.characterContentsBox01 ul li.box02 .boxImg02 img {
	width: 100%;
	height: auto;
}
.characterContentsBox01 ul li.box02 .boxImg03 {
	position: absolute;
	width: 22.5%;
	top: 10px;
	right: 0;
}
.characterContentsBox01 ul li.box02 .boxImg03 img {
	width: 100%;
	height: auto;
}
/* box03 */
.characterContentsBox01 ul li.box03 {
	margin: 0 -10px;
	padding: 0 10px;
	background: url(../images/character_bg021.png) no-repeat 100% 100%;
	-webkit-background-size: contain;
	background-size: contain;
}
.characterContentsBox01 ul li.box03 .box01Img {
	float: right;
	width: 35%;
}
.characterContentsBox01 ul li.box03 .box01Img img {
	width: 105%;
	height: auto;
}
.characterContentsBox01 ul li.box03 .txCol {
	position: relative;
	width: 65%;
	float: left;
	background: url(../images/character_bg014.png) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}
.characterContentsBox01 ul li.box03 .txCol dl {
	padding: 20px 18% 0 8%;
}
.characterContentsBox01 ul li.box03 .txCol dl dt {
	width: 70%;
	margin: 0 auto;
}
.characterContentsBox01 ul li.box03 .txCol dl dt img {
	width: 100%;
	height: auto;
}
.characterContentsBox01 ul li.box03 .txCol dl dd {
	margin-top: 15px;
	padding: 0 5px;
	font-size: 12px;
	line-height: 1.7;
	background:url(../images/character_bg018.png) repeat;
	background-size: 4px 20px;
}

.characterContentsBox01 ul li.box03 .txCol img.spOnly{
	width: 100%;
}
.characterContentsBox01 ul li.box03 .boxImg02 {
	position: absolute;
	width: 20%;
	top: 5px;
	left: -1.5%;
}
.characterContentsBox01 ul li.box03 .boxImg02 img {
	width: 100%;
	height: auto;
}
.characterContentsBox01 ul li.box03 .boxImg03 {
	position: absolute;
	width: 21%;
	top: 5px;
	right: 4%;
}
.characterContentsBox01 ul li.box03 .boxImg03 img {
	width: 100%;
	height: auto;
}


/* ---------------------------------------------*/

/* characterContentsBox02 */
.characterContentsBox02 {
	margin-top: 15px;
	position:relative;
	background: url(../images/character_bg009.png) repeat-y 0 0;
	background-size: contain;
}
.characterContentsBox02 ul {
	background-image: url(../images/character_bg008.png),url(../images/character_bg017.png);
	background-position: 0 top,0 bottom;
	background-repeat: no-repeat,no-repeat;
	background-size: contain,contain;
	padding: 4% 4% 10%;
}
.characterContentsBox02 ul li {
	float: left;
	width: 48.5%;
}
.characterContentsBox02 ul li:nth-child(2n) {
	float: right;
}

.characterContentsBox02 .boxImg04{
	/*position: absolute;
	right:0;*/
}

.characterContentsBox02 .boxImg05 {
	position: absolute;
	bottom: -2px;
	left: -3px;
	width: 11.6%;
}
.characterContentsBox02 .boxImg05 img {
	width: 100%;
	height: auto;
}
.characterContentsBox02 .boxImg06 {
	position: absolute;
	top: 0;
	right: 1px;
	width: 12.1%;
}
.characterContentsBox02 .boxImg06 img {
	width: 100%;
	height: auto;
}

.characterContentsBox02 ul li .imgCol img{

}


.characterContentsBox02 ul li:first-child {
	margin-left: 0;
}
.characterContentsBox02 ul li .colInner {
}
.characterContentsBox02 ul li .imgCol{
}
.characterContentsBox02 ul li .txCol{
}
.characterContentsBox02 ul li .txCol dl img {
}
.characterContentsBox02 ul li .imgCol img {
	width: 100%;
}
.characterContentsBox02 .txCol dl dt {
	padding: 10px 0;
}

.characterContentsBox02 .txCol dl dt img {
	width: 100%;
}

.characterContentsBox02 .txCol dl dd {
	font-size: 12px;
	padding:0 0 15px 0;
	min-height: 6.5em;
}

/* footer */
#top_new #footer {
	margin-top: 10px;
}
#top_new #footer .footerImg {
	padding-top: 19.5%;
	background: url(../images/character_bg022.png) no-repeat 0 0;
	-webkit-background-size: cover;
	background-size: cover;
}
#top_new #footer .copyRight {
	padding: 10px 0 15px;
	background: #afd85b;
	font-size: 10px;
	text-align: center;
}
#top_new #footer .footerWrap {
	position: relative;
	background: #afd85b;
	z-index: 1;
}
#top_new #footer .footerInner {
	width: 100%;
	margin: 0 auto;
}
#top_new #footer .linkBnCol li {
	float: left;
	padding-left: 30px;
}
#top_new #footer .linkBnCol {

	margin: 30px auto 0;
}
#top_new #footer .linkBnCol li:first-child {
	padding-left: 0;
}
#top_new #footer #copyRight {
	padding: 30px 0;
	text-align: center;
	font-size: 105%;
	font-weight: bold;
}
.pageTopBox {
	position: fixed;
	width: 100%;
	bottom: 54px;
	right: 15px;
	margin: 0 auto;
}
.pageTopBox .pageTop {
	text-align: right;
}
.pageTopBox .pageTop a {
	display: inline-block;
	margin-top: 3px;
}
.pageTopBox .pageTop a:hover {
}
.pageTopBox .pageTop img {
	width: 72px;
	height: auto;
}
.pageTopBox .pageTop img:hover {
}

/* 	Clearfix 
---------------------------------------------------------- */
.characterContentsBox01 ul li.box02:after,
.characterContentsBox01 ul li.box03:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0; 
	visibility: hidden;
}

}




/* 	Clearfix 
---------------------------------------------------------- */
.characterContentsBox01 ul:after,
.characterContentsBox02 ul:after,
.characterContentsBox02 ul li .colInner a:after,
.topContentsBox03 ul:after,
.topContentsBox03 ul li .colInner a:after,
#footer:after,
#top_new #footer .linkBnCol:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0; 
	visibility: hidden;
}