@charset "UTF-8";

* {	margin: 0;
	padding: 0; }

body { 
	margin: 0;
	padding: 0;
	font-size: 16px;
	text-align: center;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
	background: #F6F6F6;
}
p{
	margin: 0 100px;
	font-size: 17px;
	line-height: 200%;
	text-align: left;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* リンク色 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

a{
	color: #0645ad;
	text-decoration:underline; }
a:hover{
	color: #ff8000;
	text-decoration:underline; }
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)"; }


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 装飾 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.aka { color: #ff0000; }
.aka2 { color: #C30000; }
.ao { color: #0000cc; }
.mizu { color: #0066FF; }
.tya { color: #bd000e}
.gray { color: #3d3737}
.green { color: #009900}
.black { color: #333}

.size8 { font-size: 8px; }
.size9 { font-size: 9px; }
.size10 { font-size: 10px; }
.size11 { font-size: 11px; }
.size12 { font-size: 12px; }
.size14 { font-size: 14px; }
.size16 { font-size: 16px; }
.size18 { font-size: 18px; }
.size20 { font-size: 20px; }
.size22 { font-size: 22px; }
.size24 { font-size: 24px; }
.size26 { font-size: 26px; }
.size28 { font-size: 28px; }
.size32 { font-size: 32px; }
.size36 { font-size: 36px; }
.size48 { font-size: 48px; }
.size60 { font-size: 60px; }
.size72 { font-size: 72px; }

.b { font-weight: bold; }
.strong{ font-weight: bold; }
.em{ font-weight: bold; }
.yline { background: #FFFF00; }
.center {
	text-align: center;
	padding: 5px 0px 0px 0px; }
.left {
	text-align: left;
	padding: 5px 5px 0px 0px; }
.right {
	text-align: right;
	padding: 5px 0px 0px 5px; }
.to_link {
	margin: 20px 0px 0px 0px;
	text-align: right; }
.to_link_r {
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0px 0px 0px;
	text-align: right; }
.img_left {
	float: left;
	padding: 5px 20px 20px 0; }
.img_right {
	float: right;
	padding: 20px 0 20px 20px; 
    margin-right: 9%;}
.text-right {
	font-size: 8px;
	color: #3d3737;
	text-align: right;
	padding-bottom: 10px;
	line-height: 130%;
}
.sample_page {
	line-height:180%;
	text-align:right;
	text-justify:inter-ideograph; 
	margin: -20px 90px 30px;
	padding:0;
}
img.border1 {
	margin: 0 auto;
	padding: 1px;
	border: 1px solid #CCCCCC;
}
.align-center { text-align:center; } 


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 間隔調整 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.midashi {
	text-align: center;
	margin: 0 auto;
	padding: 40px 0;
}
.margin-bottom5 { margin-bottom: 5px;}
.margin-bottom10 { margin-bottom: 10px;}
.margin-bottom15 { margin-bottom: 15px;}
.margin-bottom20 { margin-bottom: 20px;}
.margin-bottom25 { margin-bottom: 25px;}
.margin-bottom30 { margin-bottom: 30px;}
.margin-bottom35 { margin-bottom: 35px;}
.margin-bottom40 { margin-bottom: 40px;}
.margin-bottom45 { margin-bottom: 45px;}
.margin-bottom50 { margin-bottom: 50px;}
.margin-bottom60 { margin-bottom: 60px;}
.margin-bottom70 { margin-bottom: 70px;}
.margin-bottom80 { margin-bottom: 80px;}
.margin-bottom90 { margin-bottom: 90px;}
.margin-bottom100 { margin-bottom: 100px;}

.margin-top5 { margin-top: 5px;}
.margin-top10 { margin-top: 10px;}
.margin-top15 { margin-top: 15px;}
.margin-top20 { margin-top: 20px;}
.margin-top25 { margin-top: 25px;}
.margin-top30 { margin-top: 30px;}
.margin-top35 { margin-top: 35px;}
.margin-top40 { margin-top: 40px;}
.margin-top45 { margin-top: 45px;}
.margin-top50 { margin-top: 50px;}

.padding-bottom5 { padding-bottom: 5px;}
.padding-bottom10 { padding-bottom: 10px;}
.padding-bottom15 { padding-bottom: 15px;}
.padding-bottom20 { padding-bottom: 20px;}
.padding-bottom25 { padding-bottom: 25px;}
.padding-bottom30 { padding-bottom: 30px;}
.padding-bottom35 { padding-bottom: 35px;}
.padding-bottom40 { padding-bottom: 40px;}
.padding-bottom45 { padding-bottom: 45px;}
.padding-bottom50 { padding-bottom: 50px;}

.padding-top5 { padding-top: 5px;}
.padding-top10 { padding-top: 10px;}
.padding-top15 { padding-top: 15px;}
.padding-top20 { padding-top: 20px;}
.padding-top25 { padding-top: 25px;}
.padding-top30 { padding-top: 30px;}
.padding-top35 { padding-top: 35px;}
.padding-top40 { padding-top: 40px;}
.padding-top45 { padding-top: 45px;}
.padding-top50 { padding-top: 50px;}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 画像 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

img{
	max-width: 100%;
	*width: auto;
	height: auto;
	border: none;
	margin: 0;
	padding: 0;
	vertical-align:bottom;
	display:inline-block;
 }
a img {
	border: none; }
.imgl {
	padding: 0px 20px 20px 40px;
	float: left; }
.imgr {
	padding: 0px 40px 20px 20px;
	float: right; }
table.func-box p.imgl {
	margin: 0;
	padding: 0 20px 20px 110px;
	float: left; }
table.func-box p.imgr {
	margin: 0;
	padding: 0 110px 20px 10px;
	float: right; }


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 光るボタン */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.button_wrap {
	padding: .5em 0 0;
	overflow: hidden;
	position: relative;
}
.btn-cv{
	border-radius: 6px;
	color: #fff;
	display: block;
	font-size: 2.5em;
	font-weight: 900;
	line-height: 1.2;
	margin: 10px auto 20px;
	padding: .4em 0 .3em;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 80%;
}
.btn-cv img {
	vertical-align: middle;
}
.btn-cv:after {
	content: ' ' !important;
}

/* 緑ボタン */
.btn-cv.sb_green {
	background: -webkit-linear-gradient(#6FE918, #2A9204);
	background: linear-gradient(#6FE918, #2A9204);
	text-shadow: 2px 2px 0 #2A9204;
	border: 3px solid #2A9204;
}
/* オレンジボタン */
.btn-cv.sb_green:hover {
	background: -webkit-linear-gradient(#FFAF38, #FF6000);
	background: linear-gradient(#FFAF38, #FF6000);
	text-shadow: 2px 2px 0 #FF6000;
	border: 3px solid #FF6000;
}
/* ボタンの光沢 */
.is-reflection {
	overflow: hidden;
}
.is-reflection ::after, .button_wrap::after {
	-moz-animation: is-reflection 4s ease-in-out infinite;
	-moz-transform: rotate(45deg);
	-ms-animation: is-reflection 4s ease-in-out infinite;
	-ms-transform: rotate(45deg);
	-o-animation: is-reflection 4s ease-in-out infinite;
	-o-transform: rotate(45deg);
	-webkit-animation: is-reflection 4s ease-in-out infinite;
	-webkit-transform: rotate(45deg);
	animation: is-reflection 3s ease-in-out infinite;
	background-color: #fff;
	content: " ";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: -180px;
	transform: rotate(45deg);
	width: 30px;
}
@keyframes is-reflection {
	0% {transform: scale(0) rotate(45deg);opacity: 0;}
    80% {transform: scale(0) rotate(45deg);opacity: 0.5;}
    81% {transform: scale(4) rotate(45deg);opacity: 1;}
    100% {transform: scale(50) rotate(45deg);opacity: 0;}
}
@-webkit-keyframes is-reflection {
	0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.3; }
	81% { -webkit-transform: scale(4) rotate(45deg); opacity: 0.4; }
	100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
/* MediaQuery : スマホ対応 */
@media only screen and (max-width: 767px) {
/* コンバージョンボタン */
	.btn-cv {
	font-size: 1.3em;
	width: 80%;
}}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* タイマー */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.timer {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #03326D;
}
.timer_in {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 15px 0 0;
	background-color: #03326D;
	color: #FFFFFF;
	font-size: 30px;
	font-weight: bold;
}
.timer_in iframe {
	font-size: 12px;
}
#CDT, #CDT2 {
	font-size: 36px;
	color: #FFF;
	margin: 30px 0 50px;
	padding: 20px 0;
	font-weight: bold;
	background: url(img/blue.png) repeat;
}
#CDT .number-wrapper, #CDT2 .number-wrapper {
	color: #FFF;
	margin: 10px 5px;
	clear: both;
}
#CDT .line, #CDT2 .line {
	color: #FFF;
	float: left;
}
#CDT5 {
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 34px;
	color: #FFFF00;
	font-weight: bold;
	background-color: #03326D;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 15px;
}
#CDT5 .number-wrapper {
	color: #FFFF00;
	margin: 10px 5px;
	clear: both;
}
#CDT5 .line {
	color: #FFFF00;
	float: left;
}
@media screen and (max-width: 768px){
#CDT, #CDT2 {
	font-size: 20px;
	margin: 30px 0 30px;
	padding: 10px 10px;
	font-weight: bold;
}
#CDT .bbt, #CDT2 .bbt{
	font-size: 20px;
	padding-bottom: 20px;
}
#CDT5 {
	font-size: 20px;
	margin: 0;
	font-weight: bold;
	width: 100%;
	padding: 10px 0% 10px;
}
.timer {
	min-width: 100%;
	margin-left: 0;
	margin-right: 0;
}
.timer_in {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	font-size: 26px;
}
.timer_in, x:-moz-any-link {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}
}
@media screen and (max-width: 600px){
#CDT, #CDT2 {
	font-size: 20px;
	color: #fff;
	margin: 20px 0;
	padding: 10px 10px;
	line-height: 150%;
	font-weight: bold;
	background: #C00000;
}
#CDT .bbt, #CDT2 .bbt{
    font-size: 30px;
    padding-bottom: 20px;
}
#CDT .number-wrapper, #CDT2 .number-wrapper {
	margin: 0px;
}
#CDT5 {
	width: 100%;
	padding: 0 0 10px 0;
	font-size: 19px;
	margin: 0;
	font-weight: bold;
}
#CDT5 .number-wrapper {
	margin: 0px;
}
.timer_in {
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	font-size: 20px;
}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* h1サイトキーワード設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#header {
	width: 100%;
    background-color: #03589C;
}
#header_in { 
	width: 1080px;
	height: 40px; 
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
h1 {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	line-height: 40px;
	float:left;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* バナーh2設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#banner{
	width: 100%;
	height: 1250px;
	margin: 0 auto;
	padding: 0;
	background: url(img/banner_top.png),url(img/banner_band.png),url(img/banner_back.png);
    background-position: center,center, center top;
    background-repeat: no-repeat, repeat-x, no-repeat;
    background-size: auto, auto, cover;
}
#banner_smh{display: none;
}
@media screen and (max-width: 1350px){
#banner{
	width: 100%;
	height: auto;
	margin: 0;
    background: url(img/banner_top.png),url(img/banner_band.png),url(img/banner_back.png);
    background-position: center,center, center top;
    background-repeat: no-repeat, repeat-x, no-repeat;
    background-size: contain, contain, contain;
}
#banner img{
	width: 100%;
	height: 100%;
	margin: 0;
}}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* メインエリア設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#wrapper{
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#in_box{
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0 0;
	box-shadow: 0 0 10px #CCCCCC;
	background: #FFFFFF;
}
#wrapper #in_box p{
	margin: 20px 100px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 推薦文ＢＯＸ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#voice_box{
	width: 100%;
	height: auto;
	padding: 10px 0 0;
	overflow: hidden;
	background: #FFFFFF;
}
#voice_box .c_in_box{
	height: auto;
	margin: 0 6% 30px;
	padding: 10px 0 50px;
	overflow: hidden;
	background: #ffffff;
    border:5px #edeeef solid;
    border-top: none;
}
#voice_box .c_in_box .img_right{
	float: right;
    margin: 0 0 20px 10px;
    margin-right: 9%;
}
#voice_box .c_in_box_bottom{
	width: 100%;
	height: 20px;
	margin-bottom: 50px;
	overflow: hidden;
	background: url(img/voice_bottom.png) center bottom no-repeat;
}
#wrapper #in_box #voice_box p{
	margin: 20px 75px 10px;
	padding: 0;
}
#wrapper #in_box #voice_box ul {
    margin: 20px 11%;
    padding: 15px 0 10px;
    list-style: none;
}
#wrapper #in_box p.prof_p{
    font-size: 20px;
    font-weight: bold;
    border-bottom: 3px #009BE3 solid;
	margin: 0px 45px 0px; 
}
.prof_box{
	border:3px solid #EDEDED;
	margin: 50px 10% 20px;
	padding: 30px 0 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 見出し余白 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.mds_40{margin: 40px auto;}
.mds_50{margin: 50px auto;}
.mds_60{margin: 60px auto;}
.mds_70{margin: 70px auto;}
.mds_80{margin: 80px auto;}

#wrapper #in_box p.p_10{height:10px; margin: 0;}
#wrapper #in_box p.p_20{height:20px; margin: 0;}
#wrapper #in_box p.p_30{height:30px; margin: 0;}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 理由ＢＯＸ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.reason_top{
	height: 30px;
	margin: 0;
	padding: 0;
	background: url(img/reason_top.png) top center no-repeat;
}
.reason_center{
	height: auto;
	margin: 0;
	padding: 0 50px;
	overflow: hidden;
	background: url(img/reason_center.png) top center repeat-y;
}
.reason_bottom{
	height: 30px;
	margin: 0;
	padding: 0 auto;
	background: url(img/reason_bottom.png) bottom center no-repeat;
}
.reason, .reason img{
	margin: 0 auto;
	padding: 0;
}
.reason_right{
    float: right;
    margin-right: 9%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* チェックボックス */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.check_box00{
    margin:30px 10%;
    box-shadow: 0 0 20px inset #E6F0FA;
	background: #FBFDFE;
	padding: 15px 20px;
	border: 3px #DDE8F3 solid;
}
#wrapper #in_box .check_box00 p{
    margin: 20px;
}
.check_box00 h3 {
    margin: 0;
    padding: 16px 2% 14px 10%;
    font-size: 18px;
    line-height: 160%;
    overflow: hidden;
    background:  url(img/main_check.png) 20px 10px no-repeat;
    border-bottom: 3px #C6E2F7 dotted;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* クロージングＢＯＸ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#closing_box{
	width: 100%;
	height: auto;
	padding: 1px 0 69px;
	overflow: hidden;
	background: #F3F7FB;
}
#closing_box h3{
	width: 70%;
	margin: 10px 9% 3px;
	padding: 14px 2% 14px 10%;
	font-size: 18px;
	line-height: 140%;
	overflow: hidden;
	background: #FFFFFF url(img/main_check.png) 30px 0 no-repeat;
}
#closing_box .c_in_box{
	width: 86%;
	height: auto;
	margin: 0 7% 50px;
	padding: 0;
	overflow: hidden;
	background: #FFFFFF;
}
#wrapper #in_box #closing_box p{
	margin: 10px 35px;
	padding: 0;
}
#closing_box ul {
    margin: 20px 5% 20px 5%;
    padding: 15px 0 10px;
    list-style: none;
}
#closing_box ul li {
    font-size: 17px;
    margin: 0;
    padding: 10px 0 10px 40px;
    font-weight: normal;
    text-align: left;
    list-style: none;
    background: url(img/clo_check.png) left 15px no-repeat;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 特典ＢＯＸ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#toku_box, #toku_box2{
	width: 100%;
	height: auto;
	padding: 1px 0 69px;
	overflow: hidden;
	background: #F3F7FB;
}
#toku_box .c_in_box, #toku_box2 .c_in_box{
	width: 86%;
	height: auto;
	margin: 0 7% 50px;
	padding: 20px auto;
	overflow: hidden;
	background: #FFFFFF;
}
#wrapper #in_box #toku_box p,
#wrapper #in_box #toku_box2 p{
	margin: 20px 35px;
	padding: 0;
}
#toku_box h3.point001, #toku_box h3.point002, #toku_box h3.point003,
#toku_box h3.point004, #toku_box h3.point005, #toku_box h3.point006,
#toku_box h3.point007, #toku_box h3.point008, #toku_box h3.point009, 
#toku_box h3.point010, #toku_box h3.point011, #toku_box h3.point012{
	width: 65%;
	height: 70px;
	margin: 3px 9% 0;
	font-size: 34px;
	padding: 38px 3% 0 14%;
	background: #FFFFFF url(img/toku_point001.png) 35px 27px no-repeat;
	box-shadow: 2px 2px 0 #CCCCCC;
}
#toku_box h3.point002{
	margin: 33px 9% 0;
	background: #FFFFFF url(img/toku_point002.png) 35px 27px no-repeat;
}
#toku_box h3.point003{
	margin: 33px 9% 0;
	background: #FFFFFF url(img/toku_point003.png) 35px 27px no-repeat;
}
#toku_box h3.point004{
	margin: 33px 9% 0;
	background: #FFFFFF url(img/toku_point004.png) 35px 27px no-repeat;
}
#toku_box h3.point005{
	margin: 33px 9% 0;
	background: #FFFFFF url(img/toku_point005.png) 35px 27px no-repeat;
}
#toku_box h3.point006{
	margin: 33px 9% 0;
	background: #FFFFFF url(img/toku_point006.png) 35px 27px no-repeat;
}
#toku_box h3.point007{
	margin: 33px 9% 0;
	background: #FFFFFF url(img/toku_point007.png) 35px 27px no-repeat;
}
#toku_box h3.point008{
	margin: 33px 9% 0;
	background: #FFFFFF url(img/toku_point008.png) 35px 27px no-repeat;
}
#toku_box h3.point009{
	margin: 33px 9% 0;
	background: #FFFFFF url(img/toku_point009.png) 35px 27px no-repeat;
}
#toku_box h3.point010{
	margin: 33px 9% 0;
	background: #FFFFFF url(img/toku_point010.png) 35px 27px no-repeat;
}
#toku_box h3.point011{
	margin: 33px 9% 0;
	background: #FFFFFF url(img/toku_point011.png) 35px 27px no-repeat;
}
#toku_box h3.point012{
	margin: 33px 9% 0;
	background: #FFFFFF url(img/toku_point012.png) 35px 27px no-repeat;
}

#toku_box .btn{
	width: 444px;
	height: 81px;
	margin: 20px auto;
}
#toku_box2x .btn a{
	width: 444px;
	height: 81px;
	text-decoration: none;
	display: block;
	background: url(img/tokubtn.png) no-repeat;
	overflow: hidden;
}
#toku_box .btn a:hover{
	width: 444px;
	height: 81px;
	text-decoration: none;
	display: block;
	background: url(img/tokubtn_a.png) no-repeat;
	overflow: hidden;
}
#toku_box2 .btn a{
	width: 444px;
	height: 81px;
	text-decoration: none;
    margin: 40px auto 10px;
	display: block;
	background: url(img/tokubtn.png) no-repeat;
	overflow: hidden;
}
#toku_box2 .btn a:hover{
	width: 444px;
	height: 81px;
	text-decoration: none;
    margin: 40px auto 10px;
	display: block;
	background: url(img/tokubtn_a.png) no-repeat;
	overflow: hidden;
}
ul.toku-list {
	margin: 15px 35px;
	padding: 10px 15px;
	background: #f7fcfe;
	border:1px solid #CCCCCC;
	overflow:hidden;
}
ul.toku-list li {
	list-style: none;
	font-size: 14px;
	line-height: 25px;
	text-align: left;
	margin: 0;
	padding: 3px 0 0 20px;
	background: url(img/image/checkbox2.gif)  no-repeat left center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ショートコード*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.design1-3 .box-title {
    position: absolute;
    top: -18px;
    left: 10px;
    padding: 10px 15px;
    line-height: 1em;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 4px;
}
.border2 {
    border-width: 2px;
}
.d1-3green {
    border-style: solid;
    border-color: #053E77;
    background: #f6fbff;
}
.design1-3 {
    position: relative;
    margin: 50px 5% 30px;
    padding: 37px 15px 20px;
    border-radius: 8px;
}
.d1-3green-t {
    background: #053E77;
}
 ul.dot12_list_blue{
    position: relative;
    margin: 0;
    line-height: 180%;
    clear: both;
}
ul.dot12_list_blue li{
    list-style: none;
    list-style-position: outside;
    line-height: 1.5;
    padding: 3px 2px 2px 10px;
    font-size: 16px;
    text-align: left;
    list-style-position: inside;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 期間限定特典共通設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#tktn_box,
#tktn_box2{
	width: 100%;
	overflow: hidden; 
}
#tktn_box .c_in_box,
#tktn_box .c_in_box_last,
#tktn_box2 .c_in_box,
#tktn_box2 .c_in_box_last{
	height: auto; 
	padding: 0;
	overflow: hidden;
	background: #fff;
}
#tktn_box .c_in_box_bottom,
#tktn_box2 .c_in_box_bottom{
	width: 100%;
	height: 9px;
	overflow: hidden;
	background: url(img/main_bottom.png) repeat;
}
#wrapper #in_box #tktn_box p,
#wrapper #in_box #tktn_box2 p{
	margin: 10px 30px 15px 35px;
	padding: 0;
}
#wrapper #in_box #tktn_box p.size_main,
#wrapper #in_box #tktn_box2 p.size_main{
	margin: 20px 10%;
	font-size: 19px;
	line-height: 160%;
}
#tktn_box h3,
#tktn_box2 h3{
	overflow: hidden;
	line-height: 140%;
	background-color: #fff;
	background-image: url(img/tktn_check.png);
	background-repeat: no-repeat;
}
#tktn_box .img_tktn,
#tktn_box2 .img_tktn{
	display: block; 
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* #tktn_box 個別 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#tktn_box{
	padding: 0 0 69px;
	background: url(img/main_back.png) repeat;
}
#tktn_box h3{
	width: 70%;
	margin: 10px 9% 3px;
	padding: 18px 2% 10px 10%;
	font-size: 18px;
	background-position: 30px center;
}
#tktn_box .c_in_box{
	width: 82%;
	margin: 0 9%;
}
#tktn_box .c_in_box_last{
	width: 82%;
	margin: 0 9% 30px;
}
#tktn_box .img_tktn{
	width: 82%;
	margin: 0 9% 10px;
    padding-top: 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* メインカリキュラム設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.main_ccum{
    margin: 70px 0;
    background: #338CB8;
    border-bottom: 80px #338CB8 solid;
}
.main_ccum p{
    margin: 0 8% 0;
    padding: 15px 30px 15px 7%;
    font-size: 18px;
    line-height: 160%;
    font-weight: bold;
    background: #FFF url(img/ccum_check.png) 15px 50% no-repeat;
    border-bottom: 1px #CDCDCD solid;
}
.main_ccum p.ex{
    margin: 0 8% 30px;
    padding: 15px 5% 15px 5%;
    font-size: 16px;
    line-height: 180%;
    font-weight: normal;
    background: #FFF;
    border-bottom: 1px #CDCDCD solid;
}
.main_ccum p.line2{
    margin: 0 8% 0;
    padding: 25px 30px 25px 7%;
    font-size: 18px;
    line-height: 160%;
    font-weight: bold;
    background: #FFF url(img/ccum_check.png) 15px 50% no-repeat;
    border-bottom: 1px #CDCDCD solid;
}
.main_img{
    width: 86%;
    margin-top:30px;
}
.tktn_img{
    width: 86%;
    margin-top:30px;
}
.tktn_img2{
    width: 90%;
    margin-top:30px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 初心者ＢＯＸ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#begginer_box, #begginer_m_box{
	width: 100%;
	height: auto;
	padding: 0 0 90px;
	overflow: hidden;
	background: #ebf6ef;
}
#begginer_box h3, #begginer_m_box h3{
	width: 70%;
	height: 40px;
	margin: 20px 9% 0;
	font-size: 26px;
	padding: 20px 2% 20px 10%;
	background: #FFFFFF url(img/beg_check.png) 30px center no-repeat;
    border-bottom: 1px #EFEFEF solid;
}
#begginer_box .c_in_box, #begginer_m_box .c_in_box{
	width: 82%;
	height: auto;
	margin: 0 9% 10px;
	padding: 10px 0;
	overflow: hidden;
	background: #FFFFFF;
}
#begginer_box .c_in_box_bottom{
	width: 100%;
	height: 9px;
	overflow: hidden;
	background: url(img/main_bottom.png) repeat;
}
#wrapper #in_box #begginer_box p{
	margin: 20px 35px;
	padding: 0;
}
#begginer_box .movie_img{
    width: 82%;
    margin: 0 9%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 追伸ＢＯＸ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#ps_box{
	width: 100%;
	height: auto;
	padding: 120px 0 30px;
	overflow: hidden;
	background: url(img/ps_top.png) top no-repeat;
}
#ps_box .c_in_box{
	width: 94%;
	height: auto;
	margin: 0 3%;
	padding: 0;
	overflow: hidden;
	background: url(img/ps_center.png) top center repeat-y;
    box-sizing: border-box;
}
#wrapper #ps_box p{
	margin: 20px 13%;
	padding: 0;
}
#ps_box .ps_bottom{
	width: 100%;
	height: 140px;
	overflow: hidden;
	background: url(img/ps_bottom.png) bottom no-repeat;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 決済ボタン設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.cre_btn a{
	width: 600px;
	height: 80px;
	margin: 10px auto;
	overflow: hidden;
	display: block;
	background: url(img/cre_btn.png) center no-repeat;
	text-decoration: none;
}
.cre_btn a:hover{
	background: url(img/cre_btn_a.png) center no-repeat;
	text-decoration: none;
}
.gn_btn a{
	width: 600px;
	height: 80px;
	margin: 10px auto;
	overflow: hidden;
	display: block;
	background: url(img/gn_btn.png) center no-repeat;
	text-decoration: none;
}
.gn_btn a:hover{
	background: url(img/gn_btn_a.png) center no-repeat;
	text-decoration: none;
}
.etc_btn a{
	width: 600px;
	height: 80px;
	margin: 10px auto;
	overflow: hidden;
	display: block;
	background: url(img/etc_btn.png) center no-repeat;
	text-decoration: none;
}
.etc_btn a:hover{
	background: url(img/etc_btn_a.png) center no-repeat;
	text-decoration: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ＱandＡＢＯＸ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#qanda_box{
	width: 100%;
	height: auto;
	padding: 1px 0 30px;
	overflow: hidden;
	background: #FFFFFF;
}

#qanda_box .Q{
	font-size: 16px;
	font-weight: bold;
	min-height: 45px;
	line-height: 1.4em;
	padding: 15px 10px 15px 85px;
	margin: 0 auto -20px;
	background-image:
		url(img/qanda_q.png) ,
	 	url(img/qanda_back.png);
	 background-repeat:
		no-repeat,
		repeat;
	background-position:
		8px center,
		center;
    background-color: #F6F6F6;
}
#qanda_box .A{
	min-height: 60px;
	padding: 10px 10px 10px 85px;
	margin: -10px auto 0;
	background: #FFFFFF url(img/qanda_a.png) 8px 8px no-repeat;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 見出し設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

h3{
	font-size: 20px;
	text-align: left;
	padding: 0 100px;
}
h4{
	font-size: 18px;
	text-align: left;
	margin: 40px 5% 10px;
	padding-left: 25px;
	border-bottom: 2px solid #CCCCCC;
	background: url(img/image/circle_brown.png) no-repeat left;
	clear: both;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ul li */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

ul {
	margin:20px 120px;
	padding:15px 0 10px;
	list-style: none;
}
ul li {
	font-size: 17px;
	margin: 0;
	padding: 10px 0;
	font-weight: bold;
	text-align: left;
	line-heiht: 180%;
	list-style: disc outside;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 決済注意・サイト更新日 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.pay_dis {
	margin: 50px 100px 20px;
	padding: 20px 20px 13px 40px;
	background: #F8F4E6;
	border: 1px dotted #CCC;
}
.pay_dis ul {
	margin: 0;
	padding: 0;
}
.pay_dis li {
	font-size: 14px;
	margin: 0;
	padding: 0 0 7px;
	text-align: left;
	font-weight: normal;
}
.attention {
	margin: 40px 100px 0;
	padding: 20px 20px 13px;
	background: #F2F2F7;
}
#wrapper #in_box .attention p {
	font-size: 14px;
	margin: 0;
	text-align: left;
	padding: 0 0 15px;
}
.attention ul {
	margin: 5px 0 0;
	padding: 0;
	list-style: none;
}
.attention li {
	font-size: 14px;
	margin: 0;
	padding: 0 0 7px;
	text-align: left;
}
.newday {
	font-size:14px;
	color:#000000;
	line-height:100%;
	text-align:center;
	margin:50px auto 0;
	padding:0 0 50px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* フッター */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#fotter{
	width: 100%;
	background-color: #333333;
	border-top: 2px solid #5A5A56;
}
#fotter_content{
	width: 950px;
	font-size: 12px;
	color: #ffffff;
	margin: 0 auto;
	padding: 20px 0;
	background-color: #333333;
}
#fotter_content ul{
	font-size: 12px;
	margin: 0;
	padding: 0 0 0 200px;
}
#fotter_content li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 3px 0px 0px 17px;
	background: url(image/mark.png) no-repeat left center;
}
#fotter_content li.first {
	width: 35%;
	text-align: right;
	padding: 3px 20px 0px 17px;
	background: url(image/mark.png) no-repeat left center;
}
#fotter_content li.second {
	width: 35%;
	text-align: left;
	padding: 3px 20px 0px 17px;
	background: url(image/mark.png) no-repeat left center;
}
#fotter_content p {
	width: 100%;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	margin: 0;
	padding-top: 20px;
	background: url(image/foot-line.png)  repeat-x top;
}
#fotter_content a { 
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}
#fotter_content a:hover {
	color: #FFA500;
	text-decoration: underline;
}

/*--------------------------------------------------------
このCSSファイルの無断配布及び商用販売を固く禁じます。
Copyright 株式会社Mithril All rights Reserved.
http://www.mithril-web.com/
--------------------------------------------------------*/