@charset "utf-8";

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

	Site: 
	Type: top styles
	URL: 
	Last Up Date: 
	Version: 1.0
	Author: 
	
	----------------------------------------------
	
	Contents

		1.

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


/* --- 1.common --- */
body {
}



/* --- header --- */
header {
}

/* --- CautionBox --- */
#CautionBox {
	background-color: #dc143c;
	padding: 15px;
}
#CautionBox .inner {
	width: 90%;
	margin: 0px auto;
	text-align: center;
}
#CautionBox h2 {
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 13px 0px;
	color: #fff;
}
.CautionSlider li {
	font-size: 18px;
	letter-spacing: 0.1em;
	margin: 10px 0px 0px 0px;
}
.CautionSlider li a {
	color: #fff;
}

@media screen and (max-width: 960px) {
#CautionBox .inner {
	width: 96%;
}
#CautionBox h2 {
	margin: 0px;
}
.CautionSlider li {
	font-size: 16px;
	line-height: 1.6;
}
}


/* --- InfoBox --- */
#InfoBox {
    max-width: 1180px;
    margin: 50px auto 0px auto;
    padding: 0px 20px;
}
#InfoBox h2 {
    width: 300px;
    margin: 0px 0px 20px 0px;
}
.InfoTab li {
    float: left;
    width: 14%;
    text-align: center;
    font-size: 14px;
    letter-spacing: 0.1em;
    color: #0055A3;
    padding: 20px 5px;
    border: solid 1px #fff;
    background-color: #f2f2f2;
    cursor: pointer;
}
.InfoTab li.active {
    color: #fff;
    background-color: #0055A3;
}
.InfoTab li:first-child, .InfoTab li:last-child {
    width: 14%
}
.InfoCnt {
    display: none;
}
.InfoCnt.active {
    display: block;
}
.InfoCnt dl dt {
    float: left;
    font-size: 14px;
	font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1.6;
    color: #0055A3;
    padding: 15px 0px 13px 3em;
}
.InfoCnt dl dt span {
    display: inline-block;
    width: 10em;
    text-align: center;
    font-size: 13px;
	font-weight: 400;
    background-color: #f2f2f2;
    padding: 5px;
    margin: 0 0 0 3em;
}
.InfoCnt dl dd {
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: 1.6;
    padding: 18px 0px 18px 24em;
    border-bottom: solid 1px #f2f2f2;
}
.InfoCnt .More {
    text-align: right;
}
.InfoCnt .More a {
    display: inline-block;
    padding: 10px 0px; 
}
.InfoCnt .More img {
    max-width: 14px;
	margin: -2px 0px 0px 5px;
}

@media screen and (min-width:601px) and ( max-width:900px) {
	#InfoBox {
		width: 100%;
		padding: 0px;
	}
	#InfoBox h2 {
		width: 300px;
		margin: 0px 10px 20px 10px;
	}
}

@media screen and (max-width: 600px) {
	#InfoBox {
		width: 100%;
		padding: 0px;
	}
	#InfoBox h2 {
		width: 300px;
		margin: 0px 10px 20px 10px;
	}
	.InfoTab li {
		width: 25%;
		font-size: 12px;
	}
	.InfoTab li:first-child, .InfoTab li:last-child {
		width: 25%
	}
	.InfoCnt dl dt {
		float: none;
		padding: 15px 0px 13px 1em;
	}
	.InfoCnt dl dd {
		padding: 0px 0px 10px 1em;
	}
	.InfoCnt .More {
		text-align: right;
		margin: 0px 10px 0px 0px;
	}
}



/* --- BnrBox --- */
#BnrBox {
    max-width: 1180px;
    margin: 80px auto;
    padding: 0px 20px;
}
#BnrBox ul li {
    float: left;
    width: 23.2%;
    margin: 0px 2.4% 0px 0px;
}
#BnrBox ul li:last-child {
    margin: 0px;
}

@media screen and (max-width: 600px) {
	#BnrBox {
		max-width: 96%;
		margin: 50px auto 50px auto;
		padding: 0px;
	}
	#BnrBox ul li {
		float: left;
		width: 48%;
		margin: 0px 1% 10px 1%;
	}
	#BnrBox ul li:last-child {
		margin: 0px 1% 2% 1%;
	}
}


/* --- BtnBox --- */
#BtnBox {
    max-width: 1180px;
    margin: 50px auto 10px auto;
    padding: 0px 20px;
}
#BtnBox ul li {
    float: left;
    width: 31.6%;
    margin: 0px 2.6% 2% 0px;
}
#BtnBox ul li:nth-child(3), #BtnBox ul li:nth-child(6) {
    margin: 0px 0px 2% 0px;
}

@media screen and (max-width: 600px) {
	#BtnBox {
		max-width: 96%;
		margin: 50px auto;
		padding: 0px;
	}
	#BtnBox ul li {
		float: left;
		width: 48%;
		margin: 0px 1% 2% 1%;
	}
	#BtnBox ul li:nth-child(3), #BtnBox ul li:nth-child(6) {
		margin: 0px 1% 2% 1%;
	}
}


/* --- SunBox --- */
#SnsBox {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0px 20px;
}
#SnsBox ul li {
	text-align: right;
    float: right;
    width: 31.6%;
    margin: 0px;
}
@media screen and (max-width: 600px) {
	#SnsBox {
		max-width: 96%;
		margin: 50px auto;
		padding: 0px;
	}
	#SnsBox ul li{
		text-align: center;
		float: none;
		width: 80%;
		margin: auto;
	}
}


/* --- footer --- */
footer {
}