@charset "shift_jis";
/* CSS Document */

body,table {
	font-size:13px;
	line-height:170%;
	color: #333;
}
body {
	min-width: 950px;
	background-repeat: repeat-x;
	background-position: top center;
	overflow:hidden;
}
@media screen and (max-width:767px){
body {
	min-width: 100%;
}
}

table {
	table-layout:auto;
}
/* ul,dl,liの後はfloatをクリア */
ul:after,dl:after,li:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

/* labelの中身は折り返さない */
label {
	white-space: nowrap;
	padding: 0 10px 0 0;
	display: inline-block;
}
label input {
	margin: 0 5px 0 0;
}


/*
 クリア 
----------------------------------------------------------- */
.clear {
	clear: both;
	display: block;
	height:0;
	padding:0;
	margin:0;
	line-height:0;
	font-size:0;
}
.clearfix {
}
.clearfix:after {
	clear: both;
	display: block;
	content: "";
}


/*
 リンク装飾 
----------------------------------------------------------- */
a {
	outline: none;
	transition: opacity 0.3s ease;
}
a:link {
	text-decoration:none;
	color: #2E2E2E;
}
a:visited {
	text-decoration:none;
	color: #2E2E2E;
}
a:hover {
	opacity: 0.75;
}
a:active {
	text-decoration:underline;
	
}


/*
 回り込み 
----------------------------------------------------------- */
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}


/*
 表示位置横 
----------------------------------------------------------- */
.textCenter {
	text-align: center !important;
}
.textLeft {
	text-align: left !important;
}
.textRight {
	text-align: right !important;
}

/*
 表示位置縦 
----------------------------------------------------------- */
.verticalalignTop {
	vertical-align: top;
}
.verticalalignBottom {
	vertical-align: bottom;
}
.verticalalignMiddle {
	vertical-align: middle;
}


/*
 表示タイプ 
----------------------------------------------------------- */
.displayBlock {
	display: block;
}
.displayInline {
	display: inline;
}


/*
 レイアウト 
----------------------------------------------------------- */
.wrapper1 {
	width:950px;
	text-align: left;
	padding: 0;
	margin-right:auto;
	margin-left:auto;
}
.wrapper2 {
	width:940px;
	text-align: left;
	padding: 0;
	margin-right:auto;
	margin-left:auto;
}



/*
 ボーダー 
----------------------------------------------------------- */
.borderAll00 {
	border: none;
}
.borderBottom01 {
	border-bottom: 1px solid;
	border-bottom-color: #CCC;
}



/*
 パディング 
----------------------------------------------------------- */
.paddingAll00 {
	padding: 0;	
}

.paddingTop00 {
	padding-top: 0;	
}
.paddingTop05 {
	padding-top: 5px !important;
}
.paddingTop8 {
	padding-top: 8px;
}
.paddingTop10 {
	padding-top: 10px !important;	
}
.paddingTop15 {
	padding-top: 15px !important;	
}
.paddingTop20 {
	padding-top: 20px !important;	
}
.paddingTop25 {
	padding-top: 25px !important;	
}
.paddingTop30 {
	padding-top: 30px !important;	
}
.paddingTop35 {
	padding-top: 35px !important;	
}
.paddingTop40 {
	padding-top: 40px !important;	
}
.paddingTop45 {
	padding-top: 45px !important;	
}
.paddingTop50 {
	padding-top: 50px !important;	
}

.paddingRight00 {
	padding-right: 0;	
}
.paddingRight05 {
	padding-right: 5px !important;	
}
.paddingRight10 {
	padding-right: 10px !important;	
}
.paddingRight15 {
	padding-right: 15px !important;	
}
.paddingRight20 {
	padding-right: 20px !important;	
}
.paddingRight25 {
	padding-right: 25px !important;	
}
.paddingRight30 {
	padding-right: 30px !important;	
}
.paddingRight35 {
	padding-right: 35px !important;	
}
.paddingRight40 {
	padding-right: 40px !important;	
}
.paddingRight45 {
	padding-right: 45px !important;	
}
.paddingRight50 {
	padding-right: 50px !important;	
}

.paddingBottom00 {
	padding-bottom: 0;	
}
.paddingBottom05 {
	padding-bottom: 5px !important;	
}
.paddingBottom10 {
	padding-bottom: 10px !important;	
}
.paddingBottom15 {
	padding-bottom: 15px !important;	
}
.paddingBottom20 {
	padding-bottom: 20px !important;	
}
.paddingBottom25 {
	padding-bottom: 25px !important;	
}
.paddingBottom30 {
	padding-bottom: 30px !important;	
}
.paddingBottom35 {
	padding-bottom: 35px !important;	
}
.paddingBottom40 {
	padding-bottom: 40px !important;	
}
.paddingBottom45 {
	padding-bottom: 45px !important;	
}
.paddingBottom50 {
	padding-bottom: 50px !important;	
}

.paddingLeft00 {
	padding-left: 0;	
}
.paddingLeft05 {
	padding-left: 5px !important;	
}
.paddingLeft10 {
	padding-left: 10px !important;	
}
.paddingLeft15 {
	padding-left: 15px !important;	
}
.paddingLeft20 {
	padding-left: 20px !important;	
}
.paddingLeft25 {
	padding-left: 25px !important;	
}
.paddingLeft30 {
	padding-left: 30px !important;	
}
.paddingLeft35 {
	padding-left: 35px !important;	
}
.paddingLeft40 {
	padding-left: 40px !important;	
}
.paddingLeft45 {
	padding-left: 45px !important;	
}
.paddingLeft50 {
	padding-left: 50px !important;	
}



/*
 マージン 
----------------------------------------------------------- */
.marginAll00 {
	margin: 0;	
}

.marginTop00 {
	margin-top: 0;	
}
.marginTop05 {
	margin-top: 5px;	
}
.marginTop10 {
	margin-top: 10px;	
}
.marginTop15 {
	margin-top: 15px;	
}
.marginTop20 {
	margin-top: 20px;	
}
.marginTop25 {
	margin-top: 25px;	
}
.marginTop30 {
	margin-top: 30px;	
}
.marginTop35 {
	margin-top: 35px;	
}
.marginTop40 {
	margin-top: 40px;	
}
.marginTop45 {
	margin-top: 45px;	
}
.marginTop50 {
	margin-top: 50px !important;
}

.marginRight00 {
	margin-right: 0;	
}
.marginRight05 {
	margin-right: 5px;	
}
.marginRight10 {
	margin-right: 10px;	
}
.marginRight15 {
	margin-right: 15px;	
}
.marginRight20 {
	margin-right: 20px;	
}
.marginRight25 {
	margin-right: 25px;	
}
.marginRight30 {
	margin-right: 30px;	
}
.marginRight35 {
	margin-right: 35px;	
}
.marginRight40 {
	margin-right: 40px;	
}
.marginRight45 {
	margin-right: 45px;	
}
.marginRight50 {
	margin-right: 50px;	
}

.marginBottom00 {
	margin-bottom: 0;	
}
.marginBottom05 {
	margin-bottom: 5px;	
}
.marginBottom10 {
	margin-bottom: 10px;	
}
.marginBottom15 {
	margin-bottom: 15px;	
}
.marginBottom20 {
	margin-bottom: 20px;
}
.marginBottom25 {
	margin-bottom: 25px;	
}
.marginBottom30 {
	margin-bottom: 30px;	
}
.marginBottom35 {
	margin-bottom: 35px;	
}
.marginBottom40 {
	margin-bottom: 40px;	
}
.marginBottom45 {
	margin-bottom: 45px;	
}
.marginBottom50 {
	margin-bottom: 50px !important;	
}
.marginBottom60 {
	margin-bottom: 60px !important;	
}
.marginBottom70 {
	margin-bottom: 70px !important;	
}
.marginBottom80 {
	margin-bottom: 80px !important;	
}
.marginBottom90 {
	margin-bottom: 90px !important;	
}
.marginBottom100 {
	margin-bottom: 100px !important;	
}

.marginLeft00 {
	margin-left: 0;	
}
.marginLeft05 {
	margin-left: 5px;	
}
.marginLeft10 {
	margin-left: 10px;	
}
.marginLeft15 {
	margin-left: 15px;	
}
.marginLeft20 {
	margin-left: 20px;	
}
.marginLeft25 {
	margin-left: 25px;	
}
.marginLeft30 {
	margin-left: 30px;	
}
.marginLeft35 {
	margin-left: 35px;	
}
.marginLeft40 {
	margin-left: 40px;	
}
.marginLeft45 {
	margin-left: 45px;	
}
.marginLeft50 {
	margin-left: 50px;	
}



/*
 リスト 
----------------------------------------------------------- */
.ul1 {
	padding: 0;
}
.ul1 li {
	background-image: url(../img/icn1.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding: 0 0 10px 25px;
}
.ul1 li.caution {
	background-image: url(../img/icn2.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding: 0 0 10px 25px;
}
.ul2 {
	padding: 0;
}
.ul2 li {
	background-image: url(../img/icn1.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	padding: 5px 0 5px 30px;
	border-bottom: 1px dotted;
	border-bottom-color: #CCC;
}
.ul3 {
	padding: 0 0 0 40px;
}
.ul3 li {
	padding: 3px 0 3px 0;
	list-style-type: circle;
}
.ul4 {
	padding: 0;
	list-style-type: none;
}
.ul4 li {
	padding: 3px 0 3px 1em;
	position:relative;
}
.ul4 li:before {
	position:absolute;
	content:"\f105";
	font-family:fontawesome;
	left:0;
}

.ul4 ol{
	padding: 3px 0 3px 1em;
	position: relative;
	}

.ul4 ol:before{
	position: absolute;
	content:"\f0da";
	font-family:fontawesome;
	left: 0;
}

.ol1 {
	margin-left:20px;
}
.ol1 li {
	padding: 0 0 10px 20px;
}


/*
 幅 
----------------------------------------------------------- */
.w10 {width:10px;}
.w20 {width:20px;}
.w30 {width:30px;}
.w40 {width:40px;}
.w50 {width:50px;}
.w60 {width:60px;}
.w70 {width:70px;}
.w80 {width:80px;}
.w90 {width:90px;}
.w100 {width:100px;}
.w110 {width:110px;}
.w120 {width:120px;}
.w130 {width:130px;}
.w140 {width:140px;}
.w150 {width:150px;}
.w160 {width:160px;}
.w170 {width:170px;}
.w180 {width:180px;}
.w190 {width:190px;}
.w200 {width:200px;}
.w210 {width:210px;}
.w220 {width:220px;}
.w230 {width:230px;}
.w240 {width:240px;}
.w250 {width:250px;}
.w260 {width:260px;}
.w270 {width:270px;}
.w280 {width:280px;}
.w290 {width:290px;}
.w300 {width:300px;}
.w310 {width:310px;}
.w320 {width:320px;}
.w330 {width:330px;}
.w340 {width:340px;}
.w350 {width:350px;}
.w360 {width:360px;}
.w370 {width:370px;}
.w380 {width:380px;}
.w390 {width:390px;}
.w400 {width:400px;}
.w410 {width:410px;}
.w420 {width:420px;}
.w430 {width:430px;}
.w440 {width:440px;}
.w450 {width:450px;}
.w460 {width:460px;}
.w470 {width:470px;}
.w480 {width:480px;}
.w490 {width:490px;}
.w500 {width:500px;}
.w510 {width:510px;}
.w520 {width:520px;}
.w530 {width:530px;}
.w540 {width:540px;}
.w550 {width:550px;}
.w560 {width:560px;}
.w570 {width:570px;}
.w580 {width:580px;}
.w590 {width:590px;}
.w600 {width:600px;}
.w610 {width:610px;}
.w620 {width:620px;}
.w630 {width:630px;}
.w640 {width:640px;}
.w650 {width:650px;}
.w660 {width:660px;}
.w670 {width:670px;}
.w680 {width:680px;}
.w690 {width:690px;}
.w700 {width:700px;}
.w710 {width:710px;}
.w720 {width:720px;}
.w730 {width:730px;}
.w740 {width:740px;}
.w750 {width:750px;}
.w760 {width:760px;}
.w770 {width:770px;}
.w780 {width:780px;}
.w790 {width:790px;}
.w800 {width:800px;}
.w810 {width:810px;}
.w820 {width:820px;}
.w830 {width:830px;}
.w840 {width:840px;}
.w850 {width:850px;}
.w860 {width:860px;}
.w870 {width:870px;}
.w880 {width:880px;}
.w890 {width:890px;}
.w900 {width:900px;}
.w910 {width:910px;}
.w920 {width:920px;}
.w930 {width:930px;}
.w940 {width:940px;}
.w950 {width:950px;}
.w960 {width:960px;}
.w970 {width:970px;}
.w980 {width:980px;}
.w990 {width:990px;}
.w1000 {width:1000px;}

.w100p {width:100%;}
@media screen and (max-width:767px){
.w300 {
	width:100%;
	max-width:300px;
}
.w400 {
	width:100%;
	max-width:400px;
}

}

/*
 タイトル 
----------------------------------------------------------- */
.ttl1 {
	font-size: 24px;
	font-weight: bold;
	padding: 20px 10px;
	border-bottom: 1px solid;
	border-bottom-color: #999;
	margin: 0;
	text-align: left;
}
.ttl2 {
	font-size: 22px;
	font-weight: bold;
	padding: 0 0 10px 10px;
	text-align: left;
	margin: 0;
	border-bottom: 5px solid;
	border-bottom-color: #E6E6E6;
}
.ttl3 {
	font-size: 14px;
	font-weight: bold;
	padding: 5px 10px 5px 25px;
	text-align: left;
	border: 1px solid;
	border-color: #CCC;
	background-image: url(../img/contents_bg1.gif);
	background-repeat: no-repeat;
	background-position: 10px 13px;
	background-color: #EFEFEF;
	margin-bottom: 10px;
}
.ttl4 {
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 10px 0;
	text-align: left;
	margin: 0 0 20px 0;
	border-bottom: 1px solid;
	border-bottom-color: #004128;
}
@media screen and (max-width:767px){
.ttl4 {
	font-size: 18px;
	font-weight: bold;
	padding: 0 10px 10px 10px;
	text-align: left;
	border-bottom: 1px solid;
	border-bottom-color: #004128;
}
}


.ttl5 {
	font-size:1.8em;
	line-height:1;
	background-color:#e6e6e6;
	color:#004128;
	font-weight:bold;
	padding:10px 10px;
}
.ttl5 strong,
.ttl5 h1 {
	font-weight:normal;
	color:#333333;
	font-size:0.5em;
	line-height:1.5em;
	display:inline-block;
	margin-left:10px;
	vertical-align:middle;
}
@media screen and (max-width:767px){
.ttl5 strong,
.ttl5 h1 {
	font-size:0.4em;
	line-height:1.5em;
	display:block;
	margin-left:0;
}
}

.ttl6 {
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 10px 0;
    margin: 0 0 20px 0;
    background-color: #004128;
    color: #FFFFFF;
    width: 200px;
    text-align: center;
    line-height: 150px;
    float: left;
}
.ttl6 span {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	line-height:1.5em;
	width:200px;
	height:150px;
}
@media screen and (max-width:767px){
.ttl6 {
    float: none;
	width:92%;
	margin:0 auto 20px auto;
    line-height: 1.5em;
	padding:10px;
	box-sizing:border-box;
}
.ttl6 span {
	display:block;
	line-height:1.5em;
	width:100%;
	height:auto;
}
}
.ttl7 {
    font-size: 1.2em;
    font-weight: bold;
    padding: 8px 15px;
    margin: 0;
    background-color: #004128;
    color: #FFFFFF;
	border-radius:3px;
}
.ttl8 {
	font-size: 20px;
	font-weight: bold;
	padding: 3px 0px;
	border-bottom: 1px solid;
	border-bottom-color: #E6E6E6;
	margin: 0;
	text-align: left;
	line-height: 130%;
	margin-top: 35px;
	margin-bottom: 5px;
}



/*
 フォントの大きさ 
----------------------------------------------------------- */

.fontSize11 {
	font-size:11px;
}
.fontSize12 {
	font-size:12px;
}
.fontSize14 {
	font-size:14px;
}
.fontSize15 {
	font-size:15px;
}
.fontSize16 {
	font-size:16px;
}
.fontSize17 {
	font-size:17px;
}
.fontSize18 {
	font-size:18px;
}


/*
 フォントの色 
----------------------------------------------------------- */
.fontColor1 {
	color: #E03458;
}
.fontColor2 {
	color: #D60000;
}


/*
 フォントの太さ 
----------------------------------------------------------- */
.fontBold {
	font-weight: bold;
}
.fontNormal {
	font-weight: normal;
}


/*
 フォントの間隔 
----------------------------------------------------------- */

.letterSpacing00 {
	letter-spacing: 0px;
}



/*
 テーブル 
----------------------------------------------------------- */

.tbl1 {
	border-collapse:collapse;
}
.tbl1 th,
.tbl1 td {
	border:0;
	padding:10px 5px;
}
.tbl1 th {
	white-space: nowrap;
	background-image: url(../img/member_registBox_bd.gif);
	background-position: left top;
	font-weight: bold;
}
.tbl1 td {
	background-repeat: repeat-x;
	background-position: right top;
	background-image: url(../img/member_registBox_bd.gif);
}

table.tbl2 {
	border-collapse:collapse;
}
table.tbl2 th {
	padding:5px 10px;
	white-space: nowrap;
	border-bottom:1px solid;
	border-bottom-color: #CCC;
}
table.tbl2 td {
	padding:5px 10px;
	border-bottom:1px solid;
	border-bottom-color: #CCC;
}

table.tbl3 {
	border-collapse:collapse;
}
table.tbl3 th {
	padding:5px 10px;
	white-space: nowrap;
	border-bottom:1px solid;
	border-bottom-color: #CCC;
}
table.tbl3 td {
	padding:5px 10px;
	border-bottom:1px solid;
	border-bottom-color: #CCC;
}

.tbl4 {
	border-collapse:collapse;
}
.tbl4 th,
.tbl4 td {
	border:0;
	padding:3px 5px;
	border-bottom:1px solid;
	border-bottom-color: #000;
	border-left:1px dotted;
	border-left-color: #000;
	border-right:1px dotted;
	border-right-color: #000;	
}
.tbl4 th {
	background-color: #DEDEDE;
	white-space: nowrap;
}
.tbl4 td {
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #F9F9F9;
}

.tblStripe1 {
	border-collapse:collapse;
	border-top:1px solid;
	border-top-color: #999;
}
.tblStripe1 th,
.tblStripe1 td {
	border:0;
	padding:5px 8px;
	border-bottom:1px solid;
	border-bottom-color: #999;
	border-left:1px solid;
	border-left-color: #CCC;
	border-right:1px solid;
	border-right-color: #CCC;
}
.tblStripe1 th {
	white-space: nowrap;
	background-color: #E8E8E8;
}
.tblStripe1 td {
}

.tblStripe2 {
	border-collapse:collapse;
}
.tblStripe2 th,
.tblStripe2 td {
	border:0;
	padding:5px 8px;
	border-bottom:1px solid;
	border-bottom-color: #CCC;
	border-top:1px solid;
	border-top-color: #CCC;
}
.tblStripe2 th {
	white-space: nowrap;
	background-color: #E8E8E8;
}
.tblStripe2 td {
}


/*
 背景色
----------------------------------------------------------- */

.bgColor1 {
	background-color: #FFF;	
}
.bgColor1 {
	background-color: #F9F9F9;
}


/*
 行間
----------------------------------------------------------- */
.lineHeight130per {
	line-height: 130%;	
}
.lineHeight150per {
	line-height: 150%;	
}
.lineHeight170per {
	line-height: 170%;	
}
.lineHeight200per {
	line-height: 200%;	
}


.hr1 {
	border:0;
	border-bottom:1px solid;
	border-bottom-color:#003C2D;
	margin:15px 0;
}


/*
 装飾
----------------------------------------------------------- */
.deco1 {
	font-size:90%;
	border:1px solid;
	border-color:#CCCCCC;
	padding:10px;
	line-height:130%;
	margin:10px 0;
}
/*
 動画の最大幅
----------------------------------------------------------- */
.movwide {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.movwide iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
/*
 サイクル動画説明の仕切り線
----------------------------------------------------------- */
.paddingBottom10-l {
	padding-bottom: 10px;
	border-bottom:dotted 1px #ccc;
}