@charset "utf-8";
/* ---------------------------------
  全体
------------------------------------ */

#contents {
	width: 950px;
	margin: auto;
}
#contents * {
	box-sizing: border-box;
}
#contents a:hover img{
	opacity:0.7;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
}

#contents .No1_wrap{
	background:url(../images/bg_001.png) repeat-y top center #9C2219;
	text-align:center;
}

/* ---------------------------------
  メインイメージ
------------------------------------ */
.No1_MainImage{
	position:relative;
	color:#fff;
}
.No1_MainImage .p01{
    width: 100%;
    font-size: 38px;
    line-height: 46px;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.8),
		 0 0 15px rgba(0,0,0,0.65),
		 2px 2px 2px rgba(0,0,0,0.25);
    letter-spacing: 1px;
    margin: 20px 0 10px;
}
.No1_MainImage .p01 span{
	font-size:13px;
	display:inline-block;
	margin:0 3px;
}
.No1_MainImage .p02{
	width:100%;
	font-size:12px;
	position:absolute;
	bottom:35px;
	color:#ffd2d2;
}
/* ---------------------------------
  4項目でNo.1
------------------------------------ */
.No1_4point{
	margin-top:40px;
	padding:0 16px;
}
.No1_MainImage + .No1_4point{
	margin-top:0;
}

.No1_4point > div{
	background:url(../images/bg_002.png) #F9FAFD;
	padding:46px 30px 45px;
	position:relative;
}
.No1_4point > div:before{
	content:url(../images/bg_004.png);
	position:absolute;
	top:12px;
	left:15px;
}
.No1_4point > div:after{
	content:url(../images/bg_005.png);
	display:block;
	visibility:visible;
	height: auto;
	position:absolute;
	bottom:15px;
	left:12px;
}
.No1_4point h3{
	margin:0 auto 25px;
}
.No1_4point h3 + small{
    position: absolute;
    top: 262px;
    width: 320px;
    left: 50%;
    margin-left: -160px;
    font-size: 11px;
    line-height: 17px;
    color: #666;
}
.No1_4point ul {
	overflow:hidden;
}
.No1_4point ul li{
	width:390px;
	float:left;
	margin-bottom:56px;
}
.No1_4point ul .li02,
.No1_4point ul .li04{
	margin-left:50px;
}
.No1_4point ul li dl{
  width: 350px;
  text-align: left;
  margin: 18px 0 0 auto;
}
.No1_4point ul li dt{
	font-size:22px;
	font-weight:bold;
	margin-bottom:5px;
}
.No1_4point ul li dd{
	font-size:18px;
	line-height:1.5;
}
/* ---------------------------------
  結びの挨拶
------------------------------------ */
.No1_closing{
	padding:35px 0;
}

.No1_closing p{
	color:#fff;
	background:url(../images/bg_003.png) no-repeat center top;
	height:195px;
	font-size:26px;
	line-height:45px;
	font-weight:bold;
	text-shadow:0 0 5px rgba(0,0,0,0.8),
	0 0 15px rgba(0,0,0,0.65),
	2px 2px 2px rgba(0,0,0,0.25);
	padding-top: 55px;
	letter-spacing: 3px;
}


/* ---------------------------------
  バナー＆リンク
------------------------------------ */
.No1_banners{
	padding:0 16px 16px;
}

.No1_banners a{
	display:inline-block;
}
.No1_banners > div{
	background:url(../images/bg_002.png) #F9FAFD;
	padding:60px 30px 40px;
	position:relative;
}
.No1_banners > div:before{
	content:url(../images/bg_004.png);
	position:absolute;
	top:18px;
	left:10px;
}
.No1_banners > div:after{
	content:url(../images/bg_005.png);
	display:block;
	visibility:visible;
	height: auto;
	position:absolute;
	bottom:18px;
	left:10px;
}
.No1_banners .btn{
	height:90px;
	margin:10px auto;
	background:#f00;
	background: -webkit-linear-gradient(top, rgb(255, 114, 114) 0%, rgb(255, 61, 61) 20%, rgb(255, 7, 7) 40%, rgb(255, 66, 66) 100%);
	background: -o-linear-gradient(top, rgb(255, 114, 114) 0%, rgb(255, 61, 61) 20%, rgb(255, 7, 7) 40%, rgb(255, 66, 66) 100%);
	background: -ms-linear-gradient(top, rgb(255, 114, 114) 0%, rgb(255, 61, 61) 20%, rgb(255, 7, 7) 40%, rgb(255, 66, 66) 100%);
	background: -moz-linear-gradient(top, rgb(255, 114, 114) 0%, rgb(255, 61, 61) 20%, rgb(255, 7, 7) 40%, rgb(255, 66, 66) 100%);
	background: linear-gradient(to bottom, rgb(255, 114, 114) 0%, rgb(255, 61, 61) 20%, rgb(255, 7, 7) 40%, rgb(255, 66, 66) 100%);
	border:2px solid #fff;
	border-radius:6px;
	box-shadow:2px 2px 5px rgba(0,0,0,0.29);
}
.No1_banners .btn.blue{
	background:#005ab4;
	background: -webkit-linear-gradient(top, #4CB0FF 0%, #005ab4 30%, #005ab4 70%, #0F89EA 100%);
 	background: -o-linear-gradient(top, #0B91FA 0%, #005ab4 30%, #005ab4 70%, #037BDB 100%);
	background: -ms-linear-gradient(top, #0B91FA 0%, #005ab4 30%, #005ab4 70%, #037BDB 100%);
	background: -moz-linear-gradient(top, #0B91FA 0%, #005ab4 30%, #005ab4 70%, #037BDB 100%);
	background: linear-gradient(top, #0B91FA 0%, #005ab4 30%, #005ab4 70%, #037BDB 100%); 
}
.No1_banners .btn:hover{
	opacity:0.7;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
}
.No1_banners .btn a{
	display:block;
	width:100%;
	height:100%;
}
.No1_banners .btn a:hover{
	text-decoration:none;
}
.No1_banners .btn span{
	color:#fff;
	text-shadow:1px 1px 2px rgba(0,0,0,0.4);
	font-weight:bold;
	font-size:30px;
	letter-spacing:3px;
	line-height:90px;
}
.No1_banners .pt01,
.No1_banners .pt02,
.No1_banners .pt03{
	background:url(../images/bg_006.png) no-repeat center bottom;
	padding-bottom:57px;
}

/* バイトルTOPへ＆LPバナー */
.No1_banners .pt01 .ul01 li{
	display:inline-block;
	width:300px;
	margin:0 10px 10px;
}

.No1_banners .pt01 h4{
	color:#989898;
	font-size:16px;
	font-weight:bold;
	letter-spacing:2px;
	margin:30px auto 20px;
}
.No1_banners .pt01 ul{
}
.No1_banners .pt01 .ul02 li{
	display:inline-block;
	margin:0 10px 10px;
}


/* メルマガ */
.No1_banners .pt02 h3{
	margin-top:32px;
}
.No1_banners .pt02 p{
	color:#ff0000;
	font-size:16px;
	font-weight:bold;
	letter-spacing:2px;
	margin:10px auto 10px;
	width:524px;
}
.No1_banners .pt02 .btn span{
	letter-spacing:7px;
}
/* CMギャラリー */
.No1_banners .pt03 h3{
	margin-top:32px;
	margin-bottom:17px;
}

/*-----------------------------------------------------
sns
-------------------------------------------------------*/
#contents .sns {
	clear: both;
	margin: 52px 10px 20px 10px;
	text-align: center;
	position:relative;
	z-index:10;
}
#contents .sns ul {
	text-align: center;
}
#contents .sns ul li {
	display:inline-block;
	letter-spacing:-0.4em;
	margin-left:10px;
	vertical-align:top;
	line-height:1;
}
#contents .sns ul li img {
	width: 100%;
	height: auto;
}
#contents .sns ul li:first-child {
	margin: 0;
}
#contents .sns ul li.li02{
	margin-left:5px;
}

#contents .sns ul li.li04{
	width: 36px;
	height: 60px;
}