/*　2016.03.25 Shohei Hashimoto
**************************************************/
@charset "utf-8";

/*共通CSS　基本的に変更なし
--------------------------------------------------*/
body{
	color: #333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS　Pゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	font-size: 20px;
	margin: 0 auto;
	width: 100%;
}

img {
	border-style: none;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }
a:hover img { opacity: 0.8; }
h2,h3,h4,h5 { font-weight: normal; }

/*　clearfix　*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-table; }

/*　汎用CSS
--------------------------------------------------*/
.flL { float: left; }
.flR { float: right; }

.fs16 { font-size: 16px !important; }
.fs12 { font-size: 12px !important; }

.fwb { font-weight: bold; }

.mt0 {margin-top: 0 !important; }

/*　以下　PC表示用CSS
--------------------------------------------------*/

#wrapper {
	margin: 0 auto;
	width: 100%;
}

#header {
	background: url(../img/bg_top01.png) repeat-x 0 0;
	width: 100%;
	max-height: 550px;
	height :auto;
}

#headerIn {
	margin: auto;
	max-width: 1042px;
	position: relative;
	width: 100%;
	height: auto;
}

#logo {
	position: absolute;
	top: 0;
	left: 4%;
}

#gNavi {
	background: url(../img/bg_nav01.png) no-repeat 0 0;
	background-size: contain;
	clear: both;
	overflow: hidden;
	padding-left: 232px;
	position: relative;
	/width :100%;
	height: 84px;
}

#gNavi li {
	float: left;
	display: block;
	margin-right: 1px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#gNavi .nav01 {min-width: 99px;}
#gNavi .nav02 {min-width :125px;}
#gNavi .nav03 {min-width :87px;}
#gNavi .nav04 {min-width :107px;}
#gNavi .nav05 {min-width :108px;}
#gNavi .nav06 {min-width :141px;}
#gNavi .nav07 {min-width :98px;}

#gNavi li a {
	color: #fff;
	display: block;
	font-size: 12px;
	min-height: 58px;
	line-height: 18px;
	text-align: center;
}

#btn_bd{
	background:#fff;
	height:2px;
	display:block;
	position:absolute;
	width:50px;
	left: 235px;
	top: 58px;
}


#boxTop {
	margin: 0 auto;
	text-align: center;
	width: 100%;
	height: auto;
}

#boxTop .boxL,
#boxTop .boxR {
	width: 50%;
}

#boxTop .title img {
	max-width: 485px;
	width: 100%;
}

#boxTop .boxApp {
	margin-top: 30px;
}

.boxApp .ios, .boxApp .adr {
	width: 48.5%;
}


.contentBox_w {
	width: 100%;
	height: auto;
	text-align: center;
}


.box01 {
	margin: 0 auto;
	max-width: 960px;
	padding: 40px 0;
	width: 100%;
}

.box01 .boxL {
	margin-left: 10px;
	width :17%;
}

.box01 .boxR {
	width :24%;
}

.box01 .boxM {
	display: inline-block;
	margin: 0 0 0 40px;
	width :50%;
}

.box01 .boxM .title {
	margin: 20px auto;
}

.box01 .boxM .txt {
	font-weight: bold;
	font-size: 16px;
	line-height: 38px;
	text-align: center;
}



.contentBox_s02 {
	background: url(../img/bg_box02.png) repeat-x scroll 0 0;
	width: 100%;
	height: auto;
}

.box02 {
	margin: 0 auto;
	padding: 52px 0;
	text-align: center;
	max-width: 960px;
	width: 100%;
}

.box02 .title img {
	margin-left: 80px;
	margin-bottom: 25px;
}

.box02 .boxM {
	margin: 0 auto;
	max-width: 940px;
	width: 100%;
}

.box02 .imgBox {
	margin: 25px -25px 0;
}

.box02 .imgList {
	float: left;
	margin: 0 25px;
}

.box02 .imgList img {
	margin-bottom: 10px;
}

.box02 .imgTxt {
	text-align: center;
}

.box02 .imgTxt_01 {
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 10px;
}

.box02 .imgTxt_02 {
	line-height: 1.6;
}


.box03 {
	margin :0 auto;
	max-width :960px;
	padding-bottom: 20px;
	position: relative;
	width :100%;
}

.box03 .boxM {
	padding-top: 170px;
}

.box03 .title {
	position: absolute;
	left: 35%;
	top: -15px;
}

.box03 .imgBox {
	width: 26%;
}

.box03 .txtBox {
	float: left;
	line-height: 1.6;
	margin: 50px 0 0 40px;
	text-align: left;
	width: 68%;
}

.box03 .txtBox .img {
	margin-bottom: 20px;
}




.contentBox_s04 {
	background: url(../img/bg_box04.png) repeat-x scroll 0 0;
	width: 100%;
	height: auto;
}

.box04 {
	margin: 0 auto;
	padding: 170px 0 0;
	position: relative;
	text-align: center;
	max-width: 960px;
	width: 100%;
}

.box04 .title {
	position: absolute;
	left: 35%;
	top: -15px;
}

.box04 .imgListBox {
	margin-bottom: 52px;
	max-width: 960px;
	width: 100%;
	height: auto;
}

.box04 .imgList {
	float: left;
	width: 22%;
	height: auto;
}

.box04 .imgTxt_01 {
	margin: 10px auto;
	text-align :center;
}

.box04 .imgTxt_02 {
	font-size: 14px;
	line-height: 1.6;
	text-align: left;
}

.box04 .imgListBox .yaji {
	display: table-cell;
	float: left;
	line-height: 240px;
	text-align: center;
	vertical-align: middle;
	width: 4%;
	min-height: 480px;
	height: auto;
}

.box04 .imgListBox .yaji p {
	
}



.box05 {
	margin :0 auto 45px;
	max-width :960px;
	padding: 170px 0 0;
	position: relative;
	width :100%;
}

.box05 .title {
	position: absolute;
	left: 27.5%;
	top: -15px;
}

.box05 .txt {
	line-height :1.4;
	margin : 30px auto;
}

.box05 .rank {
	border: 1px solid #c1c1c1;
	margin: 0 auto;
	max-width :960px;
}

.box05 .rankBox {
	border-bottom: 1px solid #c1c1c1;
	clear: left;
	max-width: 960px;
	overflow: hidden;
	width: 100%;
}

.box05 .rankBox p {
	padding: 25px 0 25px 55px;
}

.box05 .rankBox:last-child {
	border-bottom: 0;
}

.box05 .rank05,.box05 .rank06,
.box05 .rank07,.box05 .rank08,
.box05 .rank09,.box05 .rank10 {
	float: left;
	width: 49.9%;
}


.box05 .rank05, .box05 .rank07, .box05 .rank09 {
	border-right: 1px solid #c1c1c1;
}


.box05 .rank01 {background: url(../img/icon_box05_01.png) 15px 50% scroll no-repeat;}
.box05 .rank02 {background: url(../img/icon_box05_02.png) 15px 50% scroll no-repeat;}
.box05 .rank03 {background: url(../img/icon_box05_03.png) 15px 50% scroll no-repeat;}
.box05 .rank04 {background: url(../img/icon_box05_04.png) 15px 50% scroll no-repeat;}
.box05 .rank05 {background: url(../img/icon_box05_05.png) 15px 50% scroll no-repeat;}
.box05 .rank06 {background: url(../img/icon_box05_06.png) 15px 50% scroll no-repeat;}
.box05 .rank07 {background: url(../img/icon_box05_07.png) 15px 50% scroll no-repeat;}
.box05 .rank08 {background: url(../img/icon_box05_08.png) 15px 50% scroll no-repeat;}
.box05 .rank09 {background: url(../img/icon_box05_09.png) 15px 50% scroll no-repeat;}
.box05 .rank10 {background: url(../img/icon_box05_10.png) 15px 50% scroll no-repeat;}


.box05 .rankBox:nth-child(odd) {
	background-color: #faf8e2;
}



.contentBox_s06 {
	background: url(../img/bg_box_s.png) scroll 0 0;
	padding-bottom: 40px;
	width: 100%;
	height: auto;
	-webkit-box-shadow: 10px 0px 10px 0 #777; /* Safari, Chrome用 */
	-moz-box-shadow: 10px 0px 10px 0 #777; /* Firefox用 */
	box-shadow: 10px 0px 10px 0 #777; /* CSS3 */
}

.box06 {
	margin: 0 auto;
	padding: 170px 0 0;
	position: relative;
	text-align: center;
	max-width: 960px;
	width: 100%;
}

.box06 .title {
	position: absolute;
	left: 27%;
	top: -5px;
}

.box06 .boxM {
	margin-top: 30px;
	padding-bottom: 10px;
}

.box06 .txt {
	line-height: 1.8;
}

.box06 .infoBox {
	background: #fff;
	margin: 0 auto;
	padding: 30px;
	width: 100%;
	max-width: 746px;
}

.box06 .infoBox ul li {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-align: left;
}

.box06 .infoBox ul li:first-child {
	border-bottom: 1px dotted #ccc !important;
	margin-bottom: 0 !important;
}

.box06 .infoBox ul li:last-child {
	border-bottom: 0;
	margin-bottom: 0:
	padding-bottom: 0;
}

.box06 .infoBox .date {
	margin-right: 50px;
	margin-bottom: 0;
	padding-bottom: 0;
}


.box06 .code {
	border: 2px solid #ccc;
	border-radius: 10px;
	background-color: #fff;
	margin: 30px auto;
	padding: 25px 0;
	width: 55%;
}



.box07 {
	margin :0 auto 45px;
	max-width :960px;
	padding: 170px 0 0;
	position: relative;
	width :100%;
}

.box07 .title {
	position: absolute;
	left: 42%;
	top: -15px;
}

.box07 dl {
	margin: 0 auto;
	max-width: 800px;
	width: 100%;
}

.box07 dt {
	background: url(../img/icon_q.png) 0 0 scroll no-repeat;
	font-weight: bold;
	margin: 20px 0 5px;
	padding: 12px 0 12px 60px;
	text-align: left;
}

.box07 dd {
	background: url(../img/icon_a.png) 0 0 scroll no-repeat;
	border-bottom: 1px dotted #999;
	font-size: 16px;
	margin-bottom: 20px;
	padding: 14px 0 34px 60px;
	text-align: left;
}


.box08 {
	background: url(../img/bg_box08.png) 0 40px scroll no-repeat;
	background-size: contain;
	margin :45px auto;
	max-width :780px;
	position: relative;
	width :100%;
	min-height: 214px;
}

.box08 .title {
	position: absolute;
	left: 25%;
	top:0;
}

.box08 .boxApp {
	margin-top: 120px;
}


#footer {
	background: #333;
}

#footer .boxM {
	font-size: 14px;
	margin: 0 auto;
	padding: 25px 0;
	position: relative;
	max-width: 960px;
	width: 100%;
}

#footer .boxMinner {
	clear: left;
	margin: 0 auto;
	max-width :960px;
	overflow: hidden;
	width: 100%;
}

#footer .boxL, #footer .boxR {
	border-left: 1px solid #999;
	color: #fff;
	float: left;
	padding-left: 30px;
}

#footer .boxL {
	width: 52%;
}

#footer .boxR {
	width: 40%;
}

#footer .boxL p {
	margin: 5px auto 15px;
}
#footer .boxL p:last-child {
	margin-bottom: 5px;
}

#footer .boxR p {
	margin-bottom: 15px;
}

#footer .boxR ul li {
	float: left;
	margin-right: 10px;
}

#back {
	position: fixed;
	bottom: 175px;
	right: 8%;
}


#copy {
	background: #fff;
}

#copy p {
	font-size: 14px;
	text-align: center;
	line-height: 64px;
}

#details {
	text-align: left;
	font-size: 12px;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	line-height: 1.6;
	margin-bottom: 100px;
}

#details b{
	font-weight: bold;
}

#footer a{
	color: #fff;
	text-decoration: underline;
}