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

共通設定

-------------------------------------------------*/
* {
	margin:0;
	padding:0;
}
html {
	overflow-y:scroll;/* filter:expression(document.execCommand("BackgroundImageCache",false, true));*/
}
body {
	color:#333;x
	font-family: Arial,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	font-size:12px;
	line-height:1.6em;
	letter-spacing:0.03em;
	word-wrap:break-word;
	width:100%;
	min-width:100%;
	-webkit-text-size-adjust:none;
	word-break: break-all;
}
img {
	border:none;
	vertical-align:text-bottom;
}
table {
	width:100%;
	border-spacing:0;
	border-collapse:collapse;
}
ul li {
	list-style-type:none;
}
ul.disc-list li {
	list-style-type: disc;
	margin-left: 20px;
}
.twitter-timeline {
min-width:260px!important;
margin:0 auto;
}
.twitter{
	width:100%;
	margin:0 auto;
}
.twitter_pc{
	display:none;
}
.indent {
	text-indent:1em !important;
}
.add {
	font-size:11px;
	line-height:1.4em;
}
.red{
	color:#A50022;
}
.bold {
	font-weight:bold !important;
}
.clear {
	clear:both !important;
}
.center {
	text-align:center !important;
}
.right {
	text-align:right !important;
}
.fRight{
	float:right;
}
.borderB {
	padding:0 0 19px 0;
	margin:0 0 20px 0;
	border-bottom:1px dotted #CCC;
}
.borderNon {
	border:none !important;
}
.pcNone{
	display:none;
}
.pc{
	display:none;
}
.smp{
	display:block;
}
input, select, textarea, button {
	padding:0.3em 0.3em;
}
textarea {
	resize:vertical;
	width:100%;
}
body {
	box-sizing:border-box;
}
img {
	max-width:100%;
	/*height:auto;*/
    width /***/:auto;
    /* 2018/03/10 add agaroot
    画像の縮小時にぼやけるのに対処
    winのchromeのみ有効・多分一時的な対応でしかない */
    -webkit-backface-visibility: hidden;
}
.pcNone{
	display:block !important;
}
.spNone{
	display:none !important;
}
input, select, textarea {
	max-width:100%;
}
.wid16 {
    width: 16% !important;
}
.wid19 {
    width: 19% !important;
}

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

margin-left

-------------------------------------------------*/
.mL1 {
	margin-left: 1px !important;
}
.mL2 {
	margin-left: 2px !important;
}
.mL5 {
	margin-left: 5px !important;
}
.mL6 {
	margin-left: 6px !important;
}
.mL7 {
	margin-left: 7px !important;
}
.mL8 {
	margin-left: 8px !important;
}
.mL9 {
	margin-left: 9px !important;
}
.mL10 {
	margin-left: 10px !important;
}
.mL13 {
	margin-left: 13px !important;
}
.mL14 {
	margin-left: 14px !important;
}
.mL15 {
	margin-left: 15px !important;
}
.mL20 {
	margin-left: 20px !important;
}
.mL24 {
	margin-left: 24px !important;
}
.mL25 {
	margin-left: 25px !important;
}
.mL30 {
	margin-left: 30px !important;
}
.mL35 {
	margin-left: 35px !important;
}
.mL40 {
	margin-left: 40px !important;
}
.mL50 {
	margin-left: 50px !important;
}
.mL60 {
	margin-left: 60px !important;
}
.mL80 {
	margin-left: 80px !important;
}
.mL90 {
	margin-left: 90px !important;
}
.mL100 {
	margin-left: 100px !important;
}
.mL110 {
	margin-left: 110px !important;
}
.mL120 {
	margin-left: 120px !important;
}
.mL125 {
	margin-left: 125px !important;
}
.mL140 {
	margin-left: 140px !important;
}
.mL160 {
	margin-left: 160px !important;
}
.mL200 {
	margin-left: 200px !important;
}
.mL220 {
	margin-left: 220px !important;
}
.mL250 {
	margin-left: 250px !important;
}
/*-------------------------------------------------

margin-right

-------------------------------------------------*/
.mR1 {
	margin-right: 1px !important;
}
.mR3 {
	margin-right: 3px !important;
}
.mR4 {
	margin-right: 4px !important;
}
.mR5 {
	margin-right: 5px !important;
}
.mR6 {
	margin-right: 6px !important;
}
.mR8 {
	margin-right: 8px !important;
}
.mR10 {
	margin-right: 10px !important;
}
.mR13 {
	margin-left: 13px !important;
}
.mR15 {
	margin-right: 15px !important;
}
.mR20 {
	margin-right: 20px !important;
}
.mR25 {
	margin-right: 25px !important;
}
.mR30 {
	margin-right: 30px !important;
}
.mR30 {
	margin-right: 35px !important;
}
.mR40 {
	margin-right: 40px !important;
}
.mR50 {
	margin-right: 50px !important;
}
.mR100 {
	margin-right: 100px !important;
}
.mR180 {
	margin-right: 180px !important;
}
.mR210 {
	margin-right: 210px !important;
}
.mR245 {
	margin-right: 245px !important;
}
/*-------------------------------------------------

margin-bottom

-------------------------------------------------*/
.mB1 {
	margin-bottom: 1px !important;
}
.mB4 {
	margin-bottom: 4px !important;
}
.mB5 {
	margin-bottom: 5px !important;
}
.mB6 {
	margin-bottom: 6px !important;
}
.mB8 {
	margin-bottom: 8px !important;
}
.mB10 {
	margin-bottom: 10px !important;
}
.mB15 {
	margin-bottom: 15px !important;
}
.mB20 {
	margin-bottom: 20px !important;
}
.mB24 {
	margin-bottom: 24px !important;
}
.mB25 {
	margin-bottom: 25px !important;
}
.mB30 {
	margin-bottom: 30px !important;
}
.mB35 {
	margin-bottom: 35px !important;
}
.mB40 {
	margin-bottom: 40px !important;
}
.mB50 {
	margin-bottom: 50px !important;
}
.mB80 {
	margin-bottom: 80px !important;
}
.mB100 {
	margin-bottom: 100px !important;
}
.mB180 {
	margin-bottom: 180px !important;
}
/*-------------------------------------------------

margin-top

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

.mT1 {
	margin-top: 1px !important;
}
.mT4 {
	margin-top: 4px !important;
}
.mT5 {
	margin-top: 5px !important;
}
.mT6 {
	margin-top: 6px !important;
}
.mT7 {
	margin-top: 7px !important;
}
.mT8 {
	margin-top: 8px !important;
}
.mT10 {
	margin-top: 10px !important;
}
.mT15 {
	margin-top: 15px !important;
}
.mT20 {
	margin-top: 20px !important;
}
.mT25 {
	margin-top: 25px !important;
}
.mT30 {
	margin-top: 30px !important;
}
.mT30 {
	margin-top: 35px !important;
}
.mT40 {
	margin-top: 40px !important;
}
.mT50 {
	margin-top: 50px !important;
}
.mT55 {
	margin-top: 55px !important;
}
.mT60 {
	margin-top: 60px !important;
}
.mT70 {
	margin-top: 70px !important;
}
.mT80 {
	margin-top: 80px !important;
}
.mT150 {
	margin-top: 150px !important;
}
/*-------------------------------------------------

margin-top-bottom

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

.mTB1 {
	margin-top: 1px !important;
	margin-bottom: 1px !important;
}
.mTB5 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
.mTB6 {
	margin-top: 6px !important;
	margin-bottom: 6px !important;
}
.mTB8 {
	margin-top: 8px !important;
	margin-bottom: 8px !important;
}
.mTB10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.mTB15 {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}
.mTB20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
.mTB30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}
.mTB40 {
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}
/*-------------------------------------------------

margin-left-right

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

.mLR5 {
	margin-right: 5px !important;
	margin-left: 5px !important;
}
.mLR10 {
	margin-right: 10px !important;
	margin-left: 10px !important;
}
.mLR15 {
	margin-right: 15px !important;
	margin-left: 15px !important;
}
.mLR20 {
	margin-right: 20px !important;
	margin-left: 20px !important;
}
.mLR30 {
	margin-right: 30px !important;
	margin-left: 30px !important;
}
.mLRauto {
	margin-right: auto !important;
	margin-left: auto !important;
}
/*-------------------------------------------------

margin-all

-------------------------------------------------*/
.mA0 {
	margin: 0 !important;
}
.mA5 {
	margin: 5px !important;
}
.mA10 {
	margin: 10px !important;
}
.mA20 {
	margin: 20px !important;
}
.mA40 {
	margin: 40px !important;
}
.mA140 {
	margin: 140px !important;
}
/*-------------------------------------------------

padding-left

-------------------------------------------------*/
.pL5 {
	padding-left: 5px !important;
}
.pL10 {
	padding-left: 10px !important;
}
.pL15 {
	padding-left: 15px !important;
}
.pL20 {
	padding-left: 20px !important;
}
.pL30 {
	padding-left: 30px !important;
}
.pL40 {
	padding-left: 40px !important;
}
/*-------------------------------------------------

padding-right

-------------------------------------------------*/
.pR5 {
	padding-right: 5px !important;
}
.pR10 {
	padding-right: 10px !important;
}
.pR20 {
	padding-right: 20px !important;
}
.pR30 {
	padding-right: 30px !important;
}
/*-------------------------------------------------

padding-top

-------------------------------------------------*/
.pT5 {
	padding-top: 5px !important;
}
.pT6 {
	padding-top: 6px !important;
}
.pT7 {
	padding-top: 7px !important;
}
.pT10 {
	padding-top: 10px !important;
}
.pT20 {
	padding-top: 20px !important;
}
.pT30 {
	padding-top: 30px !important;
}
/*-------------------------------------------------

padding-bottom

-------------------------------------------------*/
.pB5 {
	padding-bottom: 5px !important;
}
.pB10 {
	padding-bottom: 10px !important;
}
.pB15 {
	padding-bottom: 15px !important;
}
.pB20 {
	padding-bottom: 20px !important;
}
.pB30 {
	padding-bottom: 30px !important;
}
/*-------------------------------------------------

padding-left-right

-------------------------------------------------*/
.pLR10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.pLR15 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.pLR20 {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
/*-------------------------------------------------

padding-top-bottom

-------------------------------------------------*/
.pTB5 {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.pTB10 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
/*-------------------------------------------------

padding-all

-------------------------------------------------*/
.pAll5 {
	padding:5px !important;
}
.pAll10 {
	padding:10px !important;
}

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

リンク

-------------------------------------------------*/
a {
	color:#336699;
}
a:hover {
	color:#A50022;
	text-decoration:underline;
}
.link_color {
	color:#336699;
	text-decoration:underline;
}
/*-------------------------------------------------

ボタン

-------------------------------------------------*/
a.redBtn{
	color:#FFF;
	font-size:12px;
	padding:0.5em 1em;
	background:#A50022;
	border-radius:5px;         /* CSS3 */
	-moz-border-radius:5px;    /* Firefox */
	-webkit-border-radius:5px; /* Safari,Chrome */
}
a.redBtn:hover{
	background:#333;
}

a.redLinkBtn {
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
	padding: 0.8em 2em;
	background: #f00000;
  background-image: url(../img/customer/ec/icon05.png);
	background-repeat: no-repeat;
	background-position: 95% center;
  font-weight: 600;
	border-radius:5px;
}
a.redLinkBtn:hover {
	color: #fcc;
}

.outlineBlackBtn {
	display: flex;
	justify-content: center;
}
.outlineBlackBtn a {
	border: 1px solid black;
	color: black;
	text-decoration: none;
	font-size: 12px;
	padding: 0.5em 2em;
	background: #ffffff;
  border-radius: 3px;
}
.outlineBlackBtn a:hover {
	opacity: 0.6;
}


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

フォント

-------------------------------------------------*/
.comments{
	font-size: x-small;
}

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

width

-------------------------------------------------*/
.wid100 {width: 100px;}
.wid200 {width: 200px;}
.wid300 {width: 300px;}
.wid400 {width: 400px;}
.wid10p {width: 10%;}
.wid20p {width: 20%;}
.wid30p {width: 30%;}
.wid40p {width: 40%;}
.wid50p {width: 50%;}
.wid60p {width: 60%;}
.wid70p {width: 70%;}
.wid80p {width: 80%;}
.wid90p {width: 90%;}
.wid100p {width: 100%;}

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

ラップ

-------------------------------------------------*/
#container{
	width:100%;
}
.wrap {
	clear:both;
	position:relative;
	width:100%;
	padding:0 20px;
	margin:0 auto;
	padding:0;
}
/*-------------------------------------------------

ユーティリティ

-------------------------------------------------*/
#utility{
	font-size:11px;
	background:#F3F1ED;
}
ul.snsArea{
	position:absolute;
	left:20px;
	top:0;
}
ul.snsArea li{
	display:inline-block;
	*display:inline;
    *zoom:1;
	margin:0 0 0 0;
}
ul#hLink {
	position:absolute;
	left:360px;
	top:0;
	vertical-align:top;
}
ul#hLink li {
	display:inline-block;
	*display:inline;
    *zoom:1;
	padding:0 0 0 10px;
	margin:5px 0 0 0;
	background:url("/shop/user_data/packages/customize/img/coding/nav_icon01.png") left center no-repeat;
}
ul#hLink li a {
	color:#333;
}
ul#hLink li a:hover {
	color:#A50022;
}
ul#hLink li#cartLink a {
	padding:0 25px 0 0;
	background:url("/shop/user_data/packages/customize/img/coding/icn_cart.png") right center no-repeat;
}
ul#searchArea{
	position:absolute;
	right:240px;
	top:10px;
}
ul#searchArea li{
	float:left;
	margin:0 0 0 5px;
}
ul#searchArea input{
	width:120px;
	font-size:10px;
}
#studyBtn{
	position:absolute;
	right:20px;
	top:0;
}
#utility{
	height:auto;
	padding:8px 0;
	overflow:hidden;
}
ul.snsArea{
	position:static;
	float:left;
}
ul#hLink {
	position:static;
	float:right;
}
/*-------------------------------------------------

ヘッダー

-------------------------------------------------*/
#header{
        /* 20170928 mod agaroot for mobile scroll
	height:60px;
	*/
	width:100%;
	position:fixed;
	background-color:#FFF;
	border-bottom:#E7E7E7 1px solid;
    z-index:99999;
    top: 0px;
}
#header .wrap {
	height:60px;
	margin:0 auto;
}
.header_content .logo {
	display: none;
}
.logo{
	text-align:center;
    /*padding:15px 0px 0px 0px;*/
    padding: 0px;
}
.logo img{
	text-align:center;
	width: 150px;
}
.logo.logo_academy img {
	width: 240px;
	margin-top: 15px;
}
.logo.logo_medical {
  display: inline-block;
}
.form_h1{
	position:absolute;
	left:400px;
	top:17px;
}
#header .actionArea {
	display:none !important;
}
#headbar{
	display:none !important;
}
.alignC{
	text-align:center;
}
.alignR{
	text-align:right;
}
/*-------------------------------------------------

グローバルナビ

-------------------------------------------------*/
#globalNavi {
	display:none;
}
/*-------------------------------------------------

メイン

-------------------------------------------------*/
#sikenArea{
	width:100%;
	margin:0 auto 30px auto;
	overflow:hidden;
}
.sikenList li{
	float:left;
	text-align:center;
	width:100%;
	font-size:14px;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:98% center;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
}
.sikenList4 li{
	float:left;
	text-align:center;
	width:100%;
	font-size:14px;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:98% center;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
}
.sikenList5 li{
	float:left;
	text-align:center;
	width:100%;
	font-size:14px;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:98% center;
	padding:15px 0px 15px 0px;
	margin:0px 0px 0px 0px;
}
.sikenList5ver2 li{
	float:left;
	text-align:center;
	width:100%;
	height:50px;
	font-size:14px;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:98% center;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#sikenArea .shiho{
	border-left:#C00 7px solid;
	border-bottom:#E7E7E7 1px solid;
}
#sikenArea .gyosei{
	border-left:#F2A03C 7px solid;
	border-bottom:#E7E7E7 1px solid;
}
#sikenArea .komuin{
	border-left:#399 7px solid;
	border-bottom:#E7E7E7 1px solid;
}
#sikenArea .takken{
	border-left:#FFCC33 7px solid;
	border-bottom:#E7E7E7 1px solid;
}
#sikenArea .benri{
	border-left:#3E76BB 7px solid;
	border-bottom:#E7E7E7 1px solid;
}
#sikenArea .sharo{
	border-left:#AFD557 7px solid;
	border-bottom:#E7E7E7 1px solid;
}
#sikenArea .shoshi{
	border-left:#E40073 7px solid;
	border-bottom:#E7E7E7 1px solid;
}
#sikenArea .actuary{
	border-left:#7ECEF4 7px solid;
	border-bottom:#E7E7E7 1px solid;
}
#sikenArea .other{
	border-left:#CCC 7px solid;
	border-bottom:#E7E7E7 1px solid;
}
#sikenArea li a{
	color:#000;
	text-decoration:none;
}
.sikenList li a:hover{
	color:#666;
	text-decoration:none;
}
#newsArea{
	width: 100%;
	margin:15px auto;
}
#newsArea02{
	float:left;
	width:100%;
	margin:0px 0px 20px 0px;
}
.newsBox{
	overflow-y:scroll;
	height:200px;
	border-bottom:#E7E7E7 1px solid;
}
.newsBox p{
	clear:both;
}
.newsBox ul{
	clear:both;
	margin:0px 0px 20px 0px;
}
.newsBox ul li{
	clear:both;
}
.newsBox ul .day{
	font-size:12px;
}
.newsBox ul span{
	font-weight:bold;
	margin:0px 0px 0px 20px;
}
.newsBox ul .shiho{
	color:#C00;
}
.newsBox ul .gyosei{
	color:#F2A03C;
}
.newsBox ul .komuin{
	color:#399;
}
.newsBox ul .takken{
	color:#FFCC33;
}
.newsBox ul .benri{
	color:#3E76BB;
}
.newsBox ul .sharo{
	color:#AFD557;
}
.newsBox ul .shoshi{
	color:#E40073;
}
.newsBox ul .actuary{
	color:#7ECEF4;
}
.newsBox ul .other{
	color:#888;
}
.newsBox ul .text{
	font-size:12px;
	line-height:1.4em;
	padding:0px 10px 0px 0px;
}
.topTitle{
	font-size:16px;
	font-weight:bold;
	margin:0px 0px 10px 0px;
}
.ichiran{
	text-align:center;
}
.ichiran span{
	border:#E7E7E7 1px solid;
	padding:10px 20px;
}
.ichiran span a{
	color:#000;
	text-decoration:none;
}
.news{
}
.n_area{
	position:relative;
	border:#E7E7E7 1px solid;
	background-color:#FFF;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:97% center;
	padding:45px 60px 25px 30px;
}
.n_area ul {
	position:absolute;
	left: 0px;
	top: 0px;
}
.n_area ul li{
	float:left;
}
.n_cate01{
	color:#FFF;
	background-color:#D5002B;
	font-size:12px;
	padding:2px 15px 2px 15px;
}
.n_cate03{
	color:#FFF;
	background-color:#009D95;
	font-size:12px;
	padding:2px 15px 2px 15px;
}
.n_day{
	background-color:#F8F8FA;
	font-size:12px;
	padding:2px 15px 2px 15px;
}
.n_text{
	font-size:12px;
}
#mainImg {
	clear:both;
	width:100%;
	height:180px;
	padding-top: calc(300 / 1000 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(img/mainVisual_smp.jpg) center center / cover no-repeat;
	margin:0px 0px 0px 0px;
	padding:0px 20px;
	box-sizing: border-box;
}
#mainImg .text01{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin:0px 0px 10px 0px;
	padding:60px 0px 0px 0px;
}
#mainImg .text02{
	text-align:center;
	font-size:12px;
	line-height:1.6em;
}
#mainImg01 {
	border-top:#D5002B 2px solid;
	background-color:#FBFBFC;
}
.mainText{
	text-align:center;
	font-size:26px;
	padding:80px 0px;
}

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

パンくず

-------------------------------------------------*/
#path {
	font-size:11px;
	line-height:1.4em;
	padding:1.2em;
	margin:0 0 0 0;
	background-color:#F3F1ED;
	-webkit-box-shadow:0px 3px 8px rgba(0,0,0,0.3)inset;
	box-shadow:0px 3px 8px rgba(0,0,0,0.3)inset;
}
#path ul {
	width:1060px;
	padding:0 40px;
	margin:0 auto;
}
#path ul li {
	display:inline-block;
	*display:inline;
    *zoom:1;
}
#path span{
	padding:0 5px;
}
#path ul {
	width:95%;
	padding:0;
}
/*-------------------------------------------------

コンテンツ

-------------------------------------------------*/
/*
.single{
	padding:30px 50px !important;
}
*/
#content {
	float:right;
	width:780px;
	margin:0 0 30px 0;
}
/*.single #content {
	float:none;
	width:100%;
}*/
.inBox{
	padding:0 20px;
}
h1 {
	clear:both;
	margin:0px 0 10px 0;
	border-bottom:1px solid #E7E7E7;
	text-align:left;
}
h1 strong{
	display:inline-block;
	*display:inline;
    *zoom:1;
	font-size:16px;
	line-height:1.2em;
	letter-spacing: 0.1em;
	padding:0 0 10px 0;
	margin:0 0 0 0;
}
h1 a{
	color:#333;
	text-decoration:none;
}
h2 {
	clear:both;
	font-size:16px;
	font-weight:bold;
	border-left:#CCC 5px solid;
	border-bottom:#E7E7E7 1px solid;
	line-height:1.4em;
	padding:5px 10px;
	margin:0px 0px 20px 0px;
}
h3 {
	clear:both;
	font-size:16px;
	font-weight:bold;
	border-left:#000 3px solid;
	line-height:1.4em;
	padding:0px 10px;
	margin:0px 0px 15px 0px;
}
h4 {
	clear:both;
	font-size:14px;
	font-weight:bold;
	line-height:1.4em;
	border-bottom:#E7E7E7 1px solid;
	background-position:0px;
	margin:0 0 15px 0;
	padding:0 0 10px 0;
}
h5 {
	clear:both;
	font-size:12px;
	font-weight:bold;
	line-height:1.4em;
	background-position:0px;
	margin:0 0 10px 0;
	padding:0 0 0 0;
}
h6 {
	clear:both;
	font-size:10px;
	font-weight:bold;
	line-height:1.4em;
	background-position:0px;
	margin:0 0 10px 0;
	padding:0 0 0 0;
}
ul.courseList li{
	position: relative;
	display:inline-block;
	*display:inline;
    *zoom:1;
	width:290px;
	vertical-align:top;
	padding:20px;
	margin:0 10px 15px 0;
	border:#EFECE7 2px solid;
	border-radius: 5px;
	line-height:1.5em;
	background: -moz-linear-gradient(top center, #fff 0%, #F7F7F1 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#F7F7F1));
	background: linear-gradient(top center, #fff 0%, #F7F7F1 100%);
}
ul.courseList li a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent:-9999px;
}
ul.courseList li a:hover{
    background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.voiceList{
	width:90%;
	border:1px solid #EFECE7;
	padding:20px;
}
.cImg{
	float:none;
	text-align:center;
	margin:0 0 15px 0;
}
.cImg img{
	margin:0 auto;
}
.cInfoArea{
	float:left;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.icnArea{
	margin:0 0 10px 0;
}
.cName{
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}
.cNum{
	font-size:14px;
	font-weight:normal;
	margin:0 0 10px 0;
}
.cCost{
	color:#F00;
	font-size:14px;
	font-weight:bold;
}
.nolink{
	pointer-events:none;
}
.cartBtn{
	clear:both;
	width:180px;
	text-align:center;
	font-weight:bold;
	background-color:#F00;
	background-image:url(../img/customer/ec/icon05.png);
	background-repeat:no-repeat;
	background-position:98% center;
	margin:0px auto 10px auto;
	padding:10px 10px;
}
.cartBtn a{
	color:#FFF;
	text-decoration:none;
}
.kounyuBtn{
    width:50px;
    color:#FFF;
	font-size:12px;
	font-weight:bold;
	background-color:#F00;
	background-image:none;
    padding:2px;
    text-align: center;
}
.kounyuBtn a{
	color:#FFF;
	text-decoration:none;
}
.favorite_btn{
	clear:both;
	width:180px;
	text-align:center;
	border:#E7E7E7 1px solid;
	font-weight:bold;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:98% center;
	margin:0px auto 20px auto;
	padding:10px 10px;
}
.favorite_btn a{
	color:#000;
	text-decoration:none;
}
.leftArea{
	float:left;
	width:480px;
	margin:0 0 30px 0;
}
.rightArea{
	float:right;
	width:480px;
	margin:0 0 30px 0;
}
.rightArea ul.courseList{
	margin:0;
}
.rightArea ul.courseList li{
	float:none;
	width:410px;
	margin:0 0 15px 0;
}
.rightArea .cInfoArea{
	width:270px;
	background:none;f
}
.table01{
    border:#E7E7E7 1px solid;
    margin: 0px 0px 20px 0px;
}
.table01 th{
	background:#F8F8F8;
	border:#E7E7E7 1px solid;
	padding:3px;
	line-height:1.2em;
}
.table01 td{
	border:#E7E7E7 1px solid;
	padding:3px;
	word-break: break-all;
	line-height:1.2em;
}
.table02{
	border:#E7E7E7 1px solid;
}
.table02 th{
	background:#F8F8F8;
	border:#E7E7E7 1px solid;
	padding:3px;
	line-height:1.2em;
}
.table02 td{
	border:#E7E7E7 1px solid;
	padding:3px;
	line-height:1.2em;
	text-align:center;
	word-break: break-all;
}
.table02 .color01{
	background-color:#C1DAEE;
	font-weight:bold;
	text-align:center;
}
.table02 .color02{
	background-color:#DFECF7;
	font-weight:bold;
	text-align:center;
}
.table_form{
	margin:0px 0px 40px 0px;
}
.table_form th{
	display:block;
	background:#F8F8F8;
	border:#E7E7E7 1px solid;
	border-bottom:none;
	border-collapse:collapse;
	padding:10px;
}
.table_form td{
	display:block;
	border:#E7E7E7 1px solid;
	border-collapse:collapse;
	padding:10px;
	word-break: break-all;
	line-height:1.6em;
}
.tb_color01{
	background-color:#BDBBB9;
	font-weight:bold;
}
.tb_color02{
	background-color:#D7D8EC;
}
.tb_color03{
	background-color:#D1E9DE;
}
.tb_gray{
	filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}
.tb_red{
	background-color:#FFEADF;
}
.tb_mr{
	color:#F00;
}
.tb_boder{
	border-bottom:2px solid #9E9A8D
}
.table_btn{
	margin:0 auto;
	padding:30px 0 30px 0;
	margin-bottom:30px;
}
.table_btn img{
	margin:0px 10px 0px 0px;
}
.attention{
	color:#F00;
}
.price{
	color:#F00;
	font-size:16px;
	font-weight:bold;
	white-space: nowrap;
}
.nowrap {
	white-space: nowrap;
}
.btn_area {
	text-align:center;
	padding:30px 0 30px 0;
}
.flow_area{
	text-align:center;
	padding:20px 0 20px 0;
}
#lineBox{
	padding:20px;
}
/*.single{
	padding:20px !important;
}
#content,
.single #content {
	float:none;
	width:100%;
}*/
#content_c {
	width:100%;
	margin:0 auto 30px auto;
}
.inBox{
	padding:0 10px;
}
ul.courseList li{
	width:100%;
	box-sizing:border-box;
	margin:0 0 15px 0;
	overflow:hidden;
}
.voiceList{
	width:80%;
	border:1px solid #EFECE7;
	padding:20px;
}
.cImg{
	width:100%;
}
.cInfoArea{
	width:100%;
}
#detailArea{
	padding:0;
}
#detailArea .cImg{
	width:60%;
	margin:0 auto 20px auto;
}
#detailArea .cInfoArea{
	font-size:14px;
	width:100%;
	margin:0 0 20px 0;
}
#detailArea #cartBox{
	display:none;
}
#detailArea #cartBox .cImg{
	display:none;
}
#detailArea #cartBox .cInfoArea{
	display:none;
}
.leftArea,
.rightArea{
	float:none;
	width:100%;
}
.rightArea ul.courseList li{
	width:100%;
	box-sizing:border-box;
	overflow:hidden;
}
.rightArea .cImg{
	width:30%;
}
.rightArea .cInfoArea{
	width:65%;
}
.shihou_table{
	display:none;
}
.box_link{
	position: relative;
	border:#DAD5C9 2px solid;
	border-radius: 10px;
	padding:20px 25px;
	margin-bottom:10px;
	line-height:1.6em;
	background: -moz-linear-gradient(top center, #fff 0%, #F7F7F1 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#F7F7F1));
	background: linear-gradient(top center, #fff 0%, #F7F7F1 100%);
}
.box_link a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent:-9999px;
}
.box_link li{
	font-size:12px;
}
.box_link a:hover{
    background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.box_text{
	font-weight:bold;
	border-left:#333 3px solid;
	margin-bottom:10px;
	padding:2px 0px 0px 10px;
}
.box_img{
	display:none;
}
.img_r{
	text-align:center;
	margin:0 auto 20px auto;
	background-color:#CCC;
}
.p_text01{
	clear:both;
	color:#333;
	font-size:15px;
	font-weight:bold;
	line-height:1.5em;
	margin:0 0 20px 0;
	padding:0 0 0 0;
}
.p_text02{
	font-size:13px;
	line-height:1.6em;
	margin:0 0 40px 0;
	padding:0 0 0 0;
}
.p_text03{
	clear:both;
	font-size:14px;
	font-weight:bold;
	border-left:#CCC 5px solid;
	line-height:1.4em;
	margin:0 0 20px 0;
	padding:0 0 0 10px;
}
.p_area{
	background-color:#FDFDFB;
	border:#E2DED6 1px solid;
	margin:0 auto 20px auto;
	padding:20px;
	border-radius:3px;         /* CSS3 */
	-moz-border-radius:3px;    /* Firefox */
	-webkit-border-radius:3px; /* Safari,Chrome */
	box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
}

.test_area{
	border:#E0DBD1 1px solid;
	border-radius: 5px;
	background-color:#F8F3E9;
	padding:30px;
	margin-bottom:30px;
}
.sale_area{
	background-color:#F3F3F3;
	padding:10px;
	margin-bottom:30px;
}
.sale_area02{
	border:#F7F7F7 1px solid;
	background-color:#FFF;
	padding:20px;
}
.f10{
	font-size:10px;
	line-height:1.4em;
}
.right_img{
	float:right;
	font-size:10px;
	text-align:center;
	margin:0 0 15px 15px;
}
.right_img img{
	max-width: 100px;
	height: auto;
	margin-bottom:0px;
}
.left_img{
	float:left;
	margin:0px 15px 15px 0px;
}
.left_img img{
	max-width: 100px;
	height: auto;
	margin-bottom:0px;
}
.right_koza{
	text-align:center;
	margin:0px 0px 20px 0px;
}
.right_koza img{
	max-width: 200px;
	height: auto;
}
.t_name{
	font-size:10px;
}
.t_name a{
}
.price01{
	font-size:14px;
	text-decoration:line-through;
}
.price02{
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "メイリオ", "Meiryo", serif;
	font-size:14px;
	font-weight:bold;
	color:#C00;
}
.mind_text{
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "メイリオ", "Meiryo", serif;
	font-size:14px;
	font-weight:bold;
	color:#C00;
}
.top_img{
	float:right;
	margin:0 0 20px 20px;
}
.top_img img{
	max-width: 100px;
	height: auto;
}
.flow_table{
	width:100%;
}
.flow_table th{
	text-align:left;
}
.flow_table th img{
	width:80%;
	margin-bottom:20px;
}
.flow_table td p{
	margin-bottom:20px;
}
.navi_icon{
	margin-bottom:20px;
}
.navi_icon li{
	background:url("/shop/user_data/packages/customize/img/img_link.png") no-repeat;
	background-position:0 6px;
	margin:0px 0px 0px 0px;
	padding:3px 0px 3px 20px;
	border-bottom:#E7E5E1 1px dotted;
}
.navi_icon .icon2{
	background:url("/shop/user_data/packages/customize/img/img_link02.png") no-repeat;
	background-position:0 7px;
	margin:0px 0px 0px 20px;
	padding:3px 0px 3px 15px;
}

.top_btn01{
	margin:0px 10px 0px 0px;
	width:90%;
}
.top_btn02{
	width:90%;
}
#movie{
	margin-bottom:30px;
}
.movie_area{
	margin:0 auto 30px auto;
}
.movie_text{
	float:right;
	width:100%;
	margin:0px 0px 20px 0px;
}
.movie_text .mB10{
	font-size:13px;
	padding:0px 0px 5px 0px;
	line-height:1.4em;
}
.movie_pdf{
	float:none;
	width:300px;
	text-align:center;
	margin:0 auto 20px auto;
}
.movie_pdf02{
	width:300px;
	text-align:center;
	margin:0 auto 20px auto;
}
#text_img {
	margin:0 auto 30px auto;
}

#text_img ul {
}

#text_img li {
	margin:0 auto;
	text-align:center;
}
#text_img img {
	margin:0 auto;
	max-width:200px;
	height:auto;
	width /***/:auto;
	border:#CCC 1px solid;
}
.eachPage{
	overflow: auto;
	margin-bottom: 30px;
}
.eachPage li {
	display:block;
	margin-bottom: 5px;
}
.eachPage li a{
	display: table;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	width: 100%;
	height: 50px;
	color:#333;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "メイリオ", "Meiryo", serif;
	font-size:16px;
	background:#eee;
	text-align:center;
	text-decoration: none;
	border:#DAD5C9 1px solid;
	background: -moz-linear-gradient(top center, #F7F7F1 0%, #fff 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#F7F7F1), to(#fff));
	background: linear-gradient(top center, #F7F7F1 0%, #fff 100%);
}
.eachPage li a > span{
	display: table-cell;
	height: 50px;
	width: 100%;
	vertical-align: middle;
}
.eachPage.top li a{
	height: 80px;
}
.eachPage.top li a > span{
	height: 80px;
}
.top_tab{
	display:none;
}
.top_tabsp{
}
.tab{
	overflow:hidden;
}
.tab_text01{
	text-align:center;
	font-size:16px;
	margin:30px 0 40px 0;
}
.tab li{
	width:199px;
	font-size:16px;
	font-weight:bold;
	background:#eee;
	padding:25px 25px;
	float:left;
	margin-right:3px;
	text-align:center;
}
.tab li.select{
	border-top:#DAD5C9 1px solid;
	border-left:#DAD5C9 1px solid;
	border-right:#DAD5C9 1px solid;
	background: -moz-linear-gradient(top center, #F7F7F1 0%, #fff 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#F7F7F1), to(#fff));
	background: linear-gradient(top center, #F7F7F1 0%, #fff 100%);
}
.content li{
	padding:20px;
	margin-bottom:30px;
}
.hide {
	display:none;
}
.min{
}
.blue10{
	color:#4B85BE;
	font-size:12px;
}
.blue12{
	color:#4B85BE;
	font-size:12px;
}
.blue14{
	color:#4B85BE;
	font-size:14px;
}
.blue16{
	color:#4B85BE;
	font-size:16px;
}
.blue18{
	color:#4B85BE;
	font-size:18px;
}
.green10{
	color:#3D9C6C;
	font-size:12px;
}
.green12{
	color:#3D9C6C;
	font-size:12px;
}
.green14{
	color:#3D9C6C;
	font-size:14px;
}
.green16{
	color:#3D9C6C;
	font-size:16px;
}
.green18{
	color:#3D9C6C;
	font-size:18px;
}
.red10{
	color:#A50022;
	font-size:12px;
}
.red12{
	color:#A50022;
	font-size:12px;
}
.red14{
	color:#A50022;
	font-size:14px;
}
.red16{
	color:#A50022;
	font-size:16px;
}
.red18{
	color:#A50022;
	font-size:18px;
}
.orange10{
	color:#F90;
	font-size:12px;
}
.orange12{
	color:#F90;
	font-size:12px;
}
.orange14{
	color:#F90;
	font-size:14px;
}
.orange16{
	color:#F90;
	font-size:16px;
}
.orange18{
	color:#F90;
	font-size:18px;
}
.black10{
	color:#222;
	font-size:10px;
}
.black12{
	color:#222;
	font-size:12px;
}
.black14{
	color:#222;
	font-size:12px;
}
.black16{
	color:#222;
	font-size:14px;
}
.black18{
	color:#222;
	font-size:14px;
}
.youtube {
  position: relative;
	width: 100%;
	padding-top: 56.25%;
	overflow:hidden;
	margin:0px 0px 20px 0px;
  display: block;
}
.youtube iframe {
    position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.youtube02 {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin:0px 0px 20px 0px;
}
.youtube02 iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
/*-------------------------------------------------

LikeBox

-------------------------------------------------*/
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
	width:100% !important;
}
#fbBox{
	float:none;
	width:100%;
}
/*-------------------------------------------------

ページャー

-------------------------------------------------*/
.pager {
	text-align:center;
	margin:0 0 20px 0;
}
.pager ul li {
	display:inline;
	margin:0 2px;
}
.pager ul li.active {
	display:inline-block;
	*display:inline;
    *zoom:1;
	padding:0.3em 0.6em;
	background:#EEEEEE;
	border-radius:5px;         /* CSS3 */
	-moz-border-radius:5px;    /* Firefox */
	-webkit-border-radius:5px; /* Safari,Chrome */
}
.pager ul li a {
	display:inline-block;
	*display:inline;
    *zoom:1;
	color:#FFF;
	padding:0.3em 0.6em;
	background:#69AB00;
	border-radius:5px;         /* CSS3 */
	-moz-border-radius:5px;    /* Firefox */
	-webkit-border-radius:5px; /* Safari,Chrome */
}

/*Pagenation*/
.pagenation li a,
.pagenation li.active {
  padding: 7px 13px;
}

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

サイドバー

-------------------------------------------------*/
#sidebar {
	width:100%;
	font-size:12px;
	line-height:1.6em;
	display:block;
	margin:0 0 0 0;
}
#sidebar h3{
	font-size:16px;
	padding:0;
	margin:0 0 20px 0;
	background:url("/shop/user_data/packages/customize/img/coding/bg_line.png") left center repeat-x;
}
#sidebar h3 strong{
	padding:0 10px 0 0;
	background:#FFF;
}
#sidebar .menuBox{
	margin:0 0 20px 0;
	border:1px solid #EFECE7;
	border-bottom:none;
}
#sidebar .menuBox h3{
	color:#FFF;
	font-size:14px;
	padding:10px 15px;
	margin:0;
	background:#333;
	border-radius:0;         /* CSS3 */
	-moz-border-radius:0;    /* Firefox */
	-webkit-border-radius:0; /* Safari,Chrome */
}
#sidebar .menuBox ul li a {
	display:block;
	color:#333;
	line-height:1.4em;
	text-align:left;
	padding:1em;
	border-top:1px solid #FFF;
	border-bottom:1px solid #EFECE7;
}
#sidebar .menuBox ul li li a {
	padding:1em 2em;
	background:#F7F3E8;
}
#sidebar ul.bannerList li{
	margin:0 0 15px 0;
}
#sidebar ul.bannerList li:last-child{
	margin:0;
}
.rightBtn{
	text-align:right;
}
.rightBtn a{

}
.side_a{
	margin-bottom:10px;
}
.side_a img {
	max-width:250px;
	height:auto;
	width /***/:auto;
	text-align:center;
}
.side_b{
	margin-bottom:20px;
}
.side_b img {
	max-width:250px;
	height:auto;
	width /***/:auto;
	text-align:center;
}
.side_navi{
	clear: left;
}
.news_cate01{
	border-left:3px solid #A50022;
	font-weight:bold;
	font-size:14px;
	padding:0px 0px 0px 7px;
	margin-bottom:10px;
}
.news_cate02{
	border-left:3px solid #A50022;
	font-weight:bold;
	font-size:16px;
	padding:0px 0px 0px 10px;
	margin-bottom:10px;
}
.news_time{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	float:left;
	font-size:10px;
	margin:5px 0;
}
/*-------------------------------------------------

お知らせ

-------------------------------------------------*/
ul#news{
	overflow: scroll;   /* スクロール表示 */
	overflow-x: hidden;
	height: 250px;
}
ul#news li{
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:1px dotted #CCC;
}
ul#news li:last-child{
	padding:0;
	margin:0;
	border:none;
}
.newsDate{
	font-size:11px;
	margin:0 0 5px 0;
}
.newsDate span {
	color:#FFF;
	font-size:10px;
	line-height:1em;
	padding:0.1em 0.3em;
	margin:0 5px 0 0;
	background:#A50022;
	border-radius:3px;         /* CSS3 */
	-moz-border-radius:3px;    /* Firefox */
	-webkit-border-radius:3px; /* Safari,Chrome */
}
.newsIcon{
	font-size:10px;
	margin-bottom:5px;
}
.newsIcon .siho {
	color:#333;
	font-size:10px;
	text-align:center;
	line-height:1em;
	padding:0.3em;
	margin:0 10px 0 0;
	background: #F7F7F7 ;
	border:#CCC 1px solid;
	border-radius:3px;         /* CSS3 */
	-moz-border-radius:3px;    /* Firefox */
	-webkit-border-radius:3px; /* Safari,Chrome */
}
.newsIcon .benri {
	color:#FFF;
	font-size:10px;
	text-align:center;
	line-height:1em;
	padding:0.3em;
	margin:0 10px 0 0;
	background: #999;
	border-radius:3px;         /* CSS3 */
	-moz-border-radius:3px;    /* Firefox */
	-webkit-border-radius:3px; /* Safari,Chrome */
}
.newsIcon .gyosei {
	color:#FFF;
	font-size:10px;
	text-align:center;
	line-height:1em;
	padding:0.3em;
	margin:0 10px 0 0;
	background: #666;
	border-radius:3px;         /* CSS3 */
	-moz-border-radius:3px;    /* Firefox */
	-webkit-border-radius:3px; /* Safari,Chrome */
}
.newsIcon .komuin {
	color:#FFF;
	font-size:10px;
	text-align:center;
	line-height:1em;
	padding:0.3em;
	margin:0 10px 0 0;
	background: #C8B28B;
	border-radius:3px;         /* CSS3 */
	-moz-border-radius:3px;    /* Firefox */
	-webkit-border-radius:3px; /* Safari,Chrome */
}
.newsIcon .all {
	color:#FFF;
	font-size:10px;
	text-align:center;
	line-height:1em;
	padding:0.3em;
	margin:0 10px 0 0;
	background: #FF9933 ;
	border:#CCC 1px solid;
	border-radius:3px;         /* CSS3 */
	-moz-border-radius:3px;    /* Firefox */
	-webkit-border-radius:3px; /* Safari,Chrome */
}
.newsIcon .new {
	color:#FFF;
	font-size:10px;
	line-height:1em;
	padding:0.3em;
	margin:0 10px 0 0;
	background:#A50022;
	border-radius:3px;         /* CSS3 */
	-moz-border-radius:3px;    /* Firefox */
	-webkit-border-radius:3px; /* Safari,Chrome */
}
.newsIcon .takken {
	color:#FFF;
	font-size:10px;
	text-align:center;
	line-height:1em;
	padding:0.3em;
	margin:0 10px 0 0;
	background:#666699;
	border-radius:3px;         /* CSS3 */
	-moz-border-radius:3px;    /* Firefox */
	-webkit-border-radius:3px; /* Safari,Chrome */
}
/*-------------------------------------------------

likebox

-------------------------------------------------*/
#likeBox{
	clear:both;
	background:#FFF;
}
#likeBox,
#likeBox span,
#likeBox iframe[style] {
	height:260px;
	width:100% !important;
}
/*-------------------------------------------------

フッターアクション

-------------------------------------------------*/
#actionArea {
	position:relative;
	padding:80px 0 50px 0;
	background:#F0ECE0; /* CSS3グラデーション未対応ブラウザ用 */
	background:-webkit-linear-gradient(top, #F0ECE0, #FFF); /* webkit用 */
	background:-moz-linear-gradient(top, #F0ECE0, #FFF); /* mozila(Firefox)用 */
	background:-o-linear-gradient(top, #F0ECE0, #FFF);  /* 旧opera用 */
	background:-ms-linear-gradient(top, #F0ECE0, #FFF);  /* IE9用 */
	background:linear-gradient(to bottom, #F0ECE0, #FFF);  /* IE10とOpera12.50用 */
	-webkit-box-shadow:0px -3px 8px rgba(0,0,0,0.2)inset;
	box-shadow:0px -3px 8px rgba(0,0,0,0.2)inset;
	overflow:hidden;
}
#actionArea:after{
	content:"";
	position:absolute;
	top:0;
	left:50%;
	display:block;
	width:0px;
	height:0px;
	margin:0 0 0 -80px;
	border-style:solid;
	border-width:50px 80px 0 80px;
	border-color:#FFF transparent transparent transparent;
}
#fCopy{
	text-align:center;
	margin:0 0 30px 0;
}
#fCopy h3{
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "メイリオ", "Meiryo", serif;
	font-size:30px;
	padding:0;
	margin:0 0 5px 0;
	background:none;
}
#fCopy p{
	font-size:16px;
}
#actionArea ul {
	float:left;
	left:50%;
	position:relative;
}
#actionArea ul li {
	float:left;
	left:-50%;
	margin:0 10px;
	position:relative;
}
#fCopy h3{
	font-size:20px;
}
#fCopy p{
	font-size:12px;
}
#actionArea ul {
	float:none;
}
#actionArea ul li{
	float:none;
	text-align:center;
	margin:0 0 10px 0;
}
#actionArea ul li:last-child{
	margin:0;
}
#actionArea ul li img{
	width:70%;
}
/*-------------------------------------------------

フッターナビ

-------------------------------------------------*/
#fNavi {
	clear:both;
	font-size:12px;
	padding:20px 0;
	-webkit-box-shadow:0 -5px 5px rgba(0,0,0,0.1);
	box-shadow:0 -5px 5px rgba(0,0,0,0.1);
	overflow:hidden;
}
#fNavi ul li{
	float:none;
	text-align:center;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	border-bottom:1px dotted #CCC;
}
#fNavi ul li a{
	color:#333;
	text-decoration:none;
}
#fNavi ul li#fLogo{
	width:100%;
	text-align:center;
	margin:0 0 10px 0;
	border:none;
}
#fNavi ul li#fLogo img{
	width:50%;
}
#fNavi ul li.spBorderNon{
	padding:0;
	margin:0 !important;
	border-bottom:none;
}
/*-------------------------------------------------

SNSナビ

-------------------------------------------------*/
#sns_top{
	width:100%;
	overflow:hidden;
	border:none;
}
#sns_top .sns_tw{
	float:none;
	width:85%;
	text-align:center;
	border-top:none;
	border-right:none;
	margin:0 auto;
	padding:0px 0px 30px 0px;
  display: block;
}
.sns_fb {
  float:none;
	width:85%;
	text-align:center;
	border-top:none;
	border-right:none;
	margin:0 auto;
	padding:0px 0px 50px 0px;
  display: block;
}
.facebook_wrap {
  max-width: 450px;
  width: 100%;
}
#sns_top .sns_ig{
	float:none;
	width:85%;
	text-align:center;
	border-top:none;
	border-right:none;
	margin:0 auto;
	padding:0px 0px 30px 0px;
  display: block;
}
.instagram_wrap {
  max-width: 100%;
}
#sns_top .topTitle{
	text-align:left;
	font-size:22px;
	font-weight:bold;
	margin:0px 0px 20px 0px;
}
#sns_area{
	overflow:hidden;
	border:none;
}
#sns_area .sns_btn{
	float:left;
	width:19.5%;
	text-align:center;
	border-top:#E7E7E7 1px solid;
	border-right:#E7E7E7 1px solid;
	background-image:none;
	padding:15px 0px 15px 0px;
}
#sns_area .sns_btn img{
	width:30px;
}
#sns_area .sns_btn02{
	float:left;
	width:19.5%;
	text-align:center;
	border-top:#E7E7E7 1px solid;
	background-image:none;
	padding:15px 0px 15px 0px;
}
#sns_area .sns_btn02 img{
	width:30px;
}
.sns_main{
	width:auto;
}
/*-------------------------------------------------

フッター

-------------------------------------------------*/
#footer {
	clear:both;
	font-size:10px;
	padding:15px;
	background:#4D4D4D;
	overflow:hidden;
}
#footer ul {
	width:100%;
	margin:0 auto;
}
#footer ul li {
	float:left;
	background: url(../img/customer/ec/footline01.png) right center no-repeat;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 10px;
}
#footer ul li a{
	color:#FFF;
	text-decoration:none;
}
.footer_line{
	width:100%;
	border-bottom:#6C6C6C 1px solid;
	overflow:hidden;
	margin:0px auto 10px auto;
	padding:0px 0px 10px 0px;
}
/*-------------------------------------------------

コピーライト

-------------------------------------------------*/
.copy {
	color:#FFF;
	font-size:9px;
	text-align:center;
	margin:10px 0px 0px 0px;
}
/*-------------------------------------------------

ページトップへ

-------------------------------------------------*/
#pageTop {
	position:fixed;
	bottom:80px;
	right:30px;
}
#pageTop a {
	display:inline-block;
	*display:inline;
    *zoom:1;
	color:#FFF;
	font-size:11px;
	line-height:1em;
	text-align:right;
	padding:1.5em;
	background:#333;
	border-radius:5px;         /* CSS3 */
	-moz-border-radius:5px;    /* Firefox */
	-webkit-border-radius:5px; /* Safari,Chrome */
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
#pageTop a:hover {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
#pageTop {
	position:fixed;
	bottom:10px;
	right:10px;
}
.toha_mv{
	margin:0px 0px 30px 0px;
}
.toha_mv li{
	float:left;
	width:100%;
	margin:0px 30px 0px 0px;
}
.toha_mv img{
	width:100%;
}
/*
.eviry-baseplayer,
.eviry-screen{
	width: 100% !important;
	height: 100% !important;
}

.eviry-baseplayer,
.eviry-pdfslide{
    		width: 100% !important;
    		height: 100% !important;
    	}
*/
.movie02{
	width:320px;
	height:220px;
}

/*-----------------------------------　メガメニュー　---------------------------------------*/
#mdd_overlay{
}
#mdd_nav_wrap {
	display:none;
}
#page_top {
	position:relative;
	margin:0px 0px 20px 0px;
}
.bxslider img {
	width:100%;
	height: auto;
}
.siken_area{
	margin:10px 0px 20px 0px;
}
.siken_area .shiho li a{
	border-bottom:#C00 2px solid;
	padding:10px 0px 10px 0px;
}
.siken_area .gyosei li a{
	border-bottom:#F2A03C 2px solid;
	padding:10px 0px 10px 0px;
}
.siken_area .komuin li a{
	border-bottom:#399 2px solid;
	padding:10px 0px 10px 0px;
}
.siken_area .takken li a{
	border-bottom:#FFCC33 2px solid;
	padding:10px 0px 10px 0px;
}
.siken_area .benri li a{
	border-bottom:#3E76BB 2px solid;
	padding:10px 0px 10px 0px;
}
.siken_area .sharo li a{
	border-bottom:#AFD557 2px solid;
	padding:10px 0px 10px 0px;
}
.siken_area .shoshi li a{
	border-bottom:#E40073 2px solid;
	padding:10px 0px 10px 0px;
}
.siken_area .actuary li a{
	border-bottom:#7ECEF4 2px solid;
	padding:10px 0px 10px 0px;
}
.siken_area .other li a{
	border-bottom:#CCC 2px solid;
	padding:10px 0px 10px 0px;
}
.siken_top{
	overflow:hidden;
	font-size:12px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
}
.siken_top li{
	float:left;
	width:100%;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.siken_top li a{
	display:block;
	width:100%;
	color:#000;
	text-decoration:none;
}
.siken_top li a:hover{
	color:#999
}

.siken_index li{
	display:block;
	float:left;
	text-align:center;
	width:100%;
	font-size:16px;
	font-weight: normal;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "メイリオ", "Meiryo", serif;
	line-height:1.2em;
	background:url("/shop/user_data/packages/customize/img/coding/top_btnbg.jpg") ;
	border:#DAD5C9 1px solid;
	background: -moz-linear-gradient(top center, #F7F7F1 0%, #fff 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#F7F7F1), to(#fff));
	background: linear-gradient(top center, #F7F7F1 0%, #fff 100%);
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
	border-radius: 2px;        /* CSS3草案 */
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 2px;   /* Firefox用 */
	margin:0px 0px 10px 0px;
}
.siken_index li a{
	display: block;
	color:#333;
    width: 100%;
    height: 100%;
	padding:20px 0;
	text-decoration:none;
}
.siken_index li a:hover{
	color:#999;
}
.siken_index02 li{
	display:block;
	float:left;
	text-align:center;
	width:100%;
	font-size:16px;
	font-weight: normal;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "メイリオ", "Meiryo", serif;
	line-height:1.2em;
	background:url("/shop/user_data/packages/customize/img/coding/top_btnbg.jpg") ;
	border:#DAD5C9 1px solid;
	background: -moz-linear-gradient(top center, #F7F7F1 0%, #fff 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#F7F7F1), to(#fff));
	background: linear-gradient(top center, #F7F7F1 0%, #fff 100%);
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
	border-radius: 2px;        /* CSS3草案 */
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 2px;   /* Firefox用 */
	margin:0px 0px 10px 0px;
}
.siken_index02 li a{
	display: block;
	color:#333;
    width: 100%;
    height: 100%;
	padding:20px 0;
	text-decoration:none;
}
.siken_index02 li a:hover{
	color:#999;
}
.siken_index03 li{
	display:block;
	float:left;
	text-align:center;
	width:100%;
	font-size:16px;
	font-weight: normal;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "メイリオ", "Meiryo", serif;
	line-height:1.2em;
	background:url("/shop/user_data/packages/customize/img/coding/top_btnbg.jpg") ;
	border:#DAD5C9 1px solid;
	background: -moz-linear-gradient(top center, #F7F7F1 0%, #fff 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#F7F7F1), to(#fff));
	background: linear-gradient(top center, #F7F7F1 0%, #fff 100%);
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
	border-radius: 2px;        /* CSS3草案 */
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 2px;   /* Firefox用 */
	margin:0px 0px 10px 0px;
}
.siken_index03 li a{
	display: block;
	color:#333;
    width: 100%;
    height: 100%;
	padding:20px 0;
	text-decoration:none;
}
.siken_index03 li a:hover{
	color:#999;
}
.btnline {
	display:none;
}
.siken_text01{
	font-size:15px;
	font-weight:bold;
	line-height:1.4em;
	padding:3px 0px 0px 15px;
	margin:0px 0px 20px 0px;
	border-left:#333 3px solid;
}


/*
-- Level2 -------------------------  */
.side_lv2 {
	margin: 0px 0px 0px 0px;
}
.side_lv2 a{
    height:auto;
    background-color: none;
    width: auto;
    background-color: #ffffff;
	background:url("/shop/user_data/packages/customize/img/coding/nav_icon01.png");
	background-repeat:no-repeat;
	background-position:0 2px;
    color:#000;
	padding: 0px 0px 0px 15px;
	text-align:left;
}
.side_lv2 a:hover{
    background-color: #EBEBEB;
}
.side_text01{
	font-size:15px;
	font-weight:bold;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	background-color:#E2DED6;
	border-left:#CFC8BE 1px solid;
	border-right:#CFC8BE 1px solid;
	border-top:#CFC8BE 1px solid;
}
.side_text02{
	font-size:13px;
	font-weight:bold;
	line-height:1.2em;
	padding:3px 0px 0px 10px;
	margin:0px 0px 5px 0px;
	border-left:#333 3px solid;
}
.side_text02 a{
	color:#333;
}
/*
-- Level3 -------------------------  */
.side_lv3{
	padding-left:2.5em;
text-indent:-2.5em;
}
.side_lv3 a{
   height:auto;
    background-color: none;
    width: auto;
    background-color: #ffffff;
	background:url("/shop/user_data/packages/customize/img/coding/nav_icon02.png");
	background-repeat:no-repeat;
	background-position:0 3px;
    color:#000;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 15px;
	text-align:left;
	font-weight:normal;
}
.side_lv3 a:hover{
    background-color: #EBEBEB;
}

/*
-- icon -------------------------  */
.side_icon{
}
.side_icon a{
   height:auto;
    background-color: none;
    width: auto;
    background-color: #ffffff;
	background:url("/shop/user_data/packages/customize/img/coding/book_icon.png");
	background-repeat:no-repeat;
	background-position:0 0px;
    color:#000;
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 1px 17px;
	text-align:left;
	font-weight: bold;
}
.side_icon a:hover{
    background-color: #EBEBEB;
}

#page_top {
	width:90%;
	position:relative;
	margin:0 auto;
}
#page {
	position:relative;
	margin:0px 0px 30px 0px;
}
.form_text{
	font-size:14px;
	font-weight:bold;
}
.form_btn{
	width: 100%;
	margin:0 auto;
}
.form_btn li{
	display:block;
	float:left;
	text-align:center;
	width:100%;
	font-size:16px;
	font-weight: normal;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "メイリオ", "Meiryo", serif;
	line-height:1.2em;
	background-image:none;
	border:#DAD5C9 1px solid;
	border-radius: 2px;        /* CSS3草案 */
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 2px;   /* Firefox用 */
	box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	margin:0px 0px 10px 0px;

}
.form_btn li a{
	display: block;
	color:#333;
    width: 100%;
    height: 100%;
	padding:10px 0;
	text-decoration:none;
}
.form_btn li a:hover{
	color:#999;
}
.form_btn .bg01{

	background-color: #FC6;

}
.form_btn .bg02{
	background-color: #F0F0F0;
}
.form_btn .bg03{
	background:url("/shop/user_data/packages/customize/img/coding/top_btnbg.jpg") ;
}
.teacher_list{
	margin:0px 0px 30px 0px;
}
.teacher_list li{
	float:left;
	text-align:center;
	margin:0px 20px 20px 0px;
}
.teacher_list li img{
	width:100px;
	margin:0px 0px 10px 0px;
	box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
}
.p_area{
	overflow: auto;
	background-color:#FDFDFB;
	border:#E2DED6 1px solid;
	padding:20px;
	margin-bottom:20px;
	border-radius:3px;         /* CSS3 */
	-moz-border-radius:3px;    /* Firefox */
	-webkit-border-radius:3px; /* Safari,Chrome */
	box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
}
.p_area01{
	overflow: auto;
	background-color:#E7E7E8;
	border:#E2DED6 1px solid;
	padding:20px;
	margin-bottom:20px;
	border-radius:3px;         /* CSS3 */
	-moz-border-radius:3px;    /* Firefox */
	-webkit-border-radius:3px; /* Safari,Chrome */
	box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
}
.p_area02{
	overflow: auto;
	background-color:#FDFDFB;
	border:#E2DED6 2px solid;
	padding:20px;
	margin-bottom:20px;
	border-radius:3px;         /* CSS3 */
	-moz-border-radius:3px;    /* Firefox */
	-webkit-border-radius:3px; /* Safari,Chrome */
}
.p_area03{
	overflow: auto;
	background-color:#A2D5ED;
	border:#E2DED6 1px solid;
	padding:20px;
	margin-bottom:20px;
	border-radius:3px;         /* CSS3 */
	-moz-border-radius:3px;    /* Firefox */
	-webkit-border-radius:3px; /* Safari,Chrome */
	box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
}
.p_area04{
	overflow: auto;
	background-color:#FFF;
	border:#9CF 2px solid;
	padding:20px;
	margin-bottom:20px;
	border-radius:3px;         /* CSS3 */
	-moz-border-radius:3px;    /* Firefox */
	-webkit-border-radius:3px; /* Safari,Chrome */
	box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
}
.p_area05{
	overflow: auto;
	background-color:#FABEA7;
	border:#E2DED6 1px solid;
	padding:20px;
	margin-bottom:20px;
	border-radius:3px;         /* CSS3 */
	-moz-border-radius:3px;    /* Firefox */
	-webkit-border-radius:3px; /* Safari,Chrome */
	box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
}
.p_area06{
	overflow: auto;
	background-color:#FFF;
	border:#C30 2px solid;
	padding:20px;
	margin-bottom:20px;
	border-radius:3px;         /* CSS3 */
	-moz-border-radius:3px;    /* Firefox */
	-webkit-border-radius:3px; /* Safari,Chrome */
	box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
}
.p_area07{
	overflow: auto;
	background-color:#FFF;
	border: #CCC 1px solid;
	padding:20px;
	margin-bottom:20px;
}
.t_area01{
	overflow: auto;
	background-color:#FFF;
	border:#CCC 1px solid;
	margin-bottom:30px;
	border-radius:3px;         /* CSS3 */
	-moz-border-radius:3px;    /* Firefox */
	-webkit-border-radius:3px; /* Safari,Chrome */
	box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
}
.t_area01 .title{
	font-size:14px;
	font-weight:bold;
	background-color:#E7E7E8;
	padding:10px 20px;
}
.t_area01 .text{
	padding:10px 20px;
}
.t_area02{
	overflow: auto;
	background-color:#FFF;
	border:#CCC 1px solid;
	margin-bottom:30px;
	border-radius:3px;         /* CSS3 */
	-moz-border-radius:3px;    /* Firefox */
	-webkit-border-radius:3px; /* Safari,Chrome */
	box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
}
.t_area02 .title{
	font-size:14px;
	font-weight:bold;
	background-color:#FABEA7;
	padding:10px 20px;
}
.t_area02 .text{
	padding:10px 20px;
}
.t_area03{
	overflow: auto;
	background-color:#FFF;
	border:#CCC 1px solid;
	margin-bottom:30px;
	border-radius:3px;         /* CSS3 */
	-moz-border-radius:3px;    /* Firefox */
	-webkit-border-radius:3px; /* Safari,Chrome */
	box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
}
.t_area03 .title{
	font-size:14px;
	font-weight:bold;
	background-color:#A2D5ED;
	padding:10px 20px;
}
.t_area03 .text{
	padding:10px 20px;
}
.t_area04{
	overflow: auto;
	background-color:#FFF;
	border:#CCC 1px solid;
	margin-bottom:30px;
	border-radius:3px;         /* CSS3 */
	-moz-border-radius:3px;    /* Firefox */
	-webkit-border-radius:3px; /* Safari,Chrome */
	box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
}
.t_area04 .title{
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	background-color: #333;
	padding:10px 20px;
}
.t_area04 .text{
	padding:10px 20px;
}
.pic_l{
	width:90%;
	margin:0 auto 10px auto;
}
.pic_r{
	width:90%;
	margin:0 auto 20px auto;
}
.blog_l{
	width:90%;
	margin:0 auto 20px auto;
}
.blog_l img{
	width:100%;
}
.blog_r{
	width:90%;
	margin:0 auto 20px auto;
}
.blog_r img{
	width:100%;
}
.blog_c{
	width:90%;
	margin:0 auto 20px auto;
}
.blog_c img{
	width:100%;
}
.pic_title{
	font-size:14px;
	font-weight:bold;
	margin:0px 0px 5px 0px;
}
.pic_list3{
	margin:0px 0px 30px 0px;
}
.pic_list3 li{
	margin:0 auto 10px auto;
}
.pic_list3 li img{
}
.pic_list2{
	margin:0px 0px 30px 0px;
}
.pic_list2 li{
	margin:0 auto 10px auto;
}
.pic_list2 li img{
}

.menu_list3 li{
	position:relative;
	display:block;
	float:left;
	text-align:center;
	width:100%;
	font-size:15px;
	font-weight: normal;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "メイリオ", "Meiryo", serif;
	line-height:1.2em;
	background:url("/shop/user_data/packages/customize/img/coding/top_btnbg.jpg") ;
	border:#DAD5C9 1px solid;
	background: -moz-linear-gradient(top center, #F7F7F1 0%, #fff 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#F7F7F1), to(#fff));
	background: linear-gradient(top center, #F7F7F1 0%, #fff 100%);
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
	border-radius: 2px;        /* CSS3草案 */
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 2px;   /* Firefox用 */
	margin:0px 10px 10px 0px;
}
.menu_list3 li a{
	display: block;
	color:#333;
    width: 100%;
    height: 100%;
	padding:15px 0;
	text-decoration:none;
}
.menu_list2 li{
	position:relative;
	display:block;
	float:left;
	text-align:center;
	width:100%;
	font-size:15px;
	font-weight: normal;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "メイリオ", "Meiryo", serif;
	line-height:1.2em;
	background:url("/shop/user_data/packages/customize/img/coding/top_btnbg.jpg") ;
	border:#DAD5C9 1px solid;
	background: -moz-linear-gradient(top center, #F7F7F1 0%, #fff 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#F7F7F1), to(#fff));
	background: linear-gradient(top center, #F7F7F1 0%, #fff 100%);
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
	border-radius: 2px;        /* CSS3草案 */
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 2px;   /* Firefox用 */
	margin:0px 10px 10px 0px;
}
.menu_list2 li a{
	display: block;
	color:#333;
    width: 100%;
    height: 100%;
	padding:15px 0;
	text-decoration:none;
}
.menu_list1 li{
	position:relative;
	display:block;
	float:left;
	text-align:center;
	width:100%;
	font-size:15px;
	font-weight: normal;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "メイリオ", "Meiryo", serif;
	line-height:1.2em;
	background:url("/shop/user_data/packages/customize/img/coding/top_btnbg.jpg") ;
	border:#DAD5C9 1px solid;
	background: -moz-linear-gradient(top center, #F7F7F1 0%, #fff 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#F7F7F1), to(#fff));
	background: linear-gradient(top center, #F7F7F1 0%, #fff 100%);
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
	border-radius: 2px;        /* CSS3草案 */
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 2px;   /* Firefox用 */
	margin:0px 10px 10px 0px;
}
.menu_list1 li a{
	display: block;
	color:#333;
    width: 100%;
    height: 100%;
	padding:15px 0;
	text-decoration:none;
}
.menu_list{
	overflow:hidden;
	font-size:12px;
	font-weight:bold;
	margin:0px 0px 20px 0px;
}
.menu_list li{
	float:left;
	border-right:#E7E7E7 1px solid;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:95% center;
	padding:0px 20px 0px 0px;
	margin:0px 10px 5px 0px;
}
.menu_list li a{
	color:#336699;
	text-decoration:none;
}
/*-------------------------------------------------

グローバルナビ

-------------------------------------------------*/
#gNavi {
	display:block;
	clear:both;
	position:relative;

	width:100%;
}
.toggleMenu {
	display:none;
	position:absolute;
	left: 10px;
	top: -45px;
	width:30px;
	height:30px;
	cursor:pointer;
	background-image:url(../img/customer/ec/gnavi.png);
	background-repeat:no-repeat;
	background-size:33px;
}
.navi{
	display:none;
	overflow: auto;
  /*height: calc(100vh - 60px);   20170823 commentout agaroot */
}
.navi ul {
	list-style:none;
}
.navi .navi_home {
	color:#FFF;
	background-color:#333;
	border-bottom:#F2F2F2 1px solid;
	padding:5px 0px 5px 20px;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:center right;
	line-height:1.4em;
}
.navi.medical_navi .navi_home {
	color:#FFF;
	background-color:#333;
	border-bottom:#F2F2F2 1px solid;
	padding:5px 0px 5px 20px;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:center right;
	line-height:1.4em;
}
.navi .navi_home a{
	color:#FFF;
}
.navi li {
	font-size:12px;
	background-color:#F9F9F9;
	border-bottom:#F2F2F2 1px solid;
	padding:5px 20px 5px 20px;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:center right;
	line-height:1.4em;
}
.navi.medical_navi li {
	font-size: 15px;
	padding: 20px 20px 20px 20px;
}
.navi li a{
	color:#000;
	text-decoration:none;
}
.menu_smp{
	display:block;
	width:100%;
	border-top:#E7E7E7 1px solid;
	height: 45px;
	background-color: white;
}
.menu_smp ul {
    height: 45px;
    border-bottom: #E7E7E7 1px solid;
	display: flex;
}
.menu_smp li{
	font-size:9px;
	text-align:center;
	float:left;
	border-right:#E7E7E7 1px solid;
	padding:25px 0 0 0;
	white-space: nowrap;
	cursor: pointer;
	width: calc(100% / 3);
}
.menu_smp .menu_smp01{
	background-image:url(../img/customer/ec/menu_smp01.png);
	background-repeat:no-repeat;
	background-size:20px;
    background-position:center 20%;
}
.menu_smp .menu_smp02{
	background-image:url(../img/customer/ec/menu_smp02.png);
	background-repeat:no-repeat;
	background-size:20px;
    background-position:center 20%;
}
.menu_smp .menu_smp03{
	background-image:url(../img/customer/ec/menu_smp03.png);
	background-repeat:no-repeat;
	background-size:20px;
    background-position:center 20%;
}
.menu_smp .menu_smp04{
	background-image:url(../img/customer/ec/menu_smp04.png);
	background-repeat:no-repeat;
	background-size:20px;
    background-position:center 20%;
}
.menu_smp .menu_smp05{
	background-image:url(../img/customer/ec/menu_smp05.png);
	background-repeat:no-repeat;
	background-size:20px;
	background-position:center 20%;
    border-right:none;
}
.menu_smp .menu_smp06{
	background-image:url(../img/customer/ec/menu_smp06.png);
	background-repeat:no-repeat;
	background-size:20px;
    background-position:center 20%;
}
/* 20170928 mod agaroot for mobile scroll */
.dummy_header {
	height: 105px;
}
#pankuzu{
	clear:both;
	width: auto;
	color:#FFF;
	font-size:9px;
	margin:0px 0px 0px 0px;
  padding: 10px;
}
.exam_type_shiho #pankuzu {
	background-color:#C00;
}
.exam_type_gyosei #pankuzu {
	background-color:#FF9900;
}
.exam_type_komuin #pankuzu {
	background-color:#399;
}
.exam_type_takken #pankuzu {
	background-color:#FFCC33;
}
.exam_type_benri #pankuzu {
	background-color:#3E76BB;
}
.exam_type_sharo #pankuzu {
	background-color:#AFD557;
}
.exam_type_shoshi #pankuzu {
	background-color:#E40073;
}
.exam_type_actuary #pankuzu {
	background-color:#7ECEF4;
}
.blog #pankuzu,
.blog #pankuzu a,
.exam_type_other #pankuzu,
.exam_type_other #pankuzu a,
.exam_type_all #pankuzu,
.exam_type_all #pankuzu a {
	color:#000;
}
#pankuzu a{
	color:#FFF;
	text-decoration:none;
}
#pankuzu .other{
	color:#000;
	background-color:#E7E7E7;
	padding:5px 10px 5px 10px;
}
#pankuzu .other a{
	color:#000;
}

#pankuzu .line{
	background-color:#E7E7E7;
	padding:1px 0 0 0;
}

#campaignArea{
	clear:both;
	width:100%;
	border-bottom:#F00 1px solid;
	position: relative;
	overflow: hidden;
	color:#F00;
	font-size:11px;
	font-weight:bold;
	padding:8px 15px;
	box-sizing: border-box;
}
#campaignArea ul {
	position: relative;
	left: 50%;
	float: left;
}
#campaignArea ul li {
	position: relative;
	left: -50%;
	float: left;
	line-height:1.4em;
	padding:0px 0px;
}
#campaignArea .check{
	color:#FFF;
	text-align:center;
	background-color:#F00;
	margin:0px 10px 3px 0px;
	padding:0px 5px;
}
#mainArea{
	width:100%;
	/*margin:20px auto 30px auto;*/
	margin: 115px auto 30px auto;
	overflow:hidden;
}
#content {
  float: none;
	width:85%;
	margin:0 auto;
	padding:0px 0px 0px 0px;
	border-left:none;
	box-sizing: border-box;
}
#content_single {
	width:85%;
	margin:10px auto 0 auto;
	padding:0px 0px 0px 0px;
	border-left:none;
	box-sizing: border-box;
}
#content_single .contact_description {
  margin-bottom: 10px;
}
.side_btn{
	width:100%;
	margin:0px 0px 0px 0px;
	overflow:hidden;
}
.side_btn li{
	float:left;
	width:100%;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	font-size:12px;
	font-weight:bold;
	line-height:1.4em;
	border-left:#CCC 5px solid;
	border-bottom:#E7E7E7 1px solid;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:right center;
	margin:0px 0px 0px 0px;
	padding:10px 10px 10px 10px;
}
.side_btn li a{
	display: block;
	color:#333;
    width: 100%;
    height: 100%;
	text-decoration:none;
}
.side_btn li a:hover{
	color:#999;
}
.side_btn .sale{
	border-left:#F00 5px solid;
}
.side_btn .sale a{
	color:#F00;
}
.side_btn .sale a:hover{
	color:#F00;
}
.side_list{
	float:left;
	width:100%;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	margin:20px 0px 30px 0px;
	padding:0px 10px 0px 10px;
}
.side_list a{
	color:#000;
	text-decoration:none;
}
.side_list dt{
	font-size:12px;
	font-weight:bold;
	line-height:1.4em;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:left center;
	margin:10px 0px 5px 0px;
	padding:0px 0px 0px 15px;
}
.side_list dd{
	font-size:11px;
	font-weight: normal;
	line-height:1.4em;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:15px center;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 30px;
}
/* 2017/11/28 add agaroot 第3階層 */
.side_list dd.dd-third{
	font-size:11px;
	font-weight: normal;
	line-height:1.4em;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:30px center;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 45px;
}
.side_list02{
	background-color:#F1EFE9;
	border:#E2DED6 1px solid;
	padding:20px;
	margin: 0px 0px 20px 0px;
	border-radius: 3px;        /* CSS3草案 */
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
	box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
}
.side_sale a{
	font-size:16px;
	font-weight:bold;
    height:auto;
    background-color: none;
    width: auto;
    background-color: #ffffff;
	background:url("/shop/user_data/packages/customize/img/img_sale.png");
	background-repeat:no-repeat;
	background-position:0 4px;
    color: #F00;
	padding: 0px 0px 0px 20px;
	text-align:left;
}
.side_sale a:hover{
    background-color: #EBEBEB;
}
.schedule_table{
	line-height:1.4em;
	margin:0px 0px 50px 0px;
}
.schedule_table tr{
	border-bottom:#E7E7E7 1px solid;
}
.schedule_table th{
	text-align:left;
	padding:5px;
}
.schedule_table td{
	text-align:center;
	border-left:#E7E7E7 1px solid;
}
.schedule_table .day{
	text-align:center;
	font-weight:bold;
}
.price_table{
	margin:0px 0px 40px 0px;
	line-height:1.4em;
}
.price_table tr{
	border-bottom:#E7E7E7 1px solid;
}
.price_table th{
	text-align:left;
}
.price_table td{
	padding:5px;
}
.check_btn{
	margin:0px 0px 50px 0px;
	overflow:hidden;
}
.check_btn li{
	float:left;
	width:100%;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	font-size:12px;
	font-weight:bold;
	line-height:1.4em;
	border-bottom:#E7E7E7 1px solid;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:right center;
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 10px;
}
.check_btn li a{
	display: block;
	color:#333;
    width: 100%;
    height: 100%;
	text-decoration:none;
}
.check_btn li a:hover{
	color:#999;
}
.check_btn02{
	margin:0px 0px 20px 0px;
	overflow:hidden;
}
.check_btn02 li{
	float:left;
	width:100%;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	font-size:12px;
	font-weight:bold;
	line-height:1.4em;
	border-bottom:#E7E7E7 1px solid;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:right center;
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 10px;
}
.check_btn02 li a{
	display: block;
	color:#333;
    width: 100%;
    height: 100%;
	text-decoration:none;
}
.check_btn02 li a:hover{
	color:#999;
}
.item_btn{
	margin:0px 0px 20px 0px;
}
.item_btn ul{
	display: table;
	width:100%;
	border-bottom:#E7E7E7 1px solid;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:98% center;
}
.item_btn li{
	display: table-cell;
	text-align:left;
	line-height:1.4em;
	vertical-align: middle;
	padding:5px 0px;
}
.item_btn .img{
	width:60px;
}
.item_btn .img img{
	width:50px;
}
.item_btn .title{
	font-weight:bold;
	text-align:left;
	padding:0px 15px 0px 0px;
}
.item_btn .title a{
	color:#000;
	text-decoration:none;
}
.item_btn02{
	margin:0px 0px 0px 0px;
}
.item_btn02 ul{
	display: table;
	width:100%;
	border-bottom:#E7E7E7 1px dotted;
	margin:0px 0px 5px 0px;
}
.item_btn02 li{
	display: table-cell;
	text-align:left;
	vertical-align: middle;
	margin:0px 0px 0px 0px;
	padding:0px 0px;
}
.item_btn02 .img{
	width:55px;
}
.item_btn02 .img img{
	width:40px;
}
.item_btn02 .title{
	text-align:left;
	line-height:1.4em;
}
.btn01{
    display:table;
    color:#FFF;
	font-size:12px;
	font-weight:bold;
	background-color:#F00;
	background-image:url(../img/customer/ec/icon05.png);
	background-repeat:no-repeat;
	background-position:98% center;
	margin:5px auto 20px auto;
	padding:10px 20px 10px 15px;
}
.btn01 a{
	color:#FFF;
	text-decoration:none;
}
.btn02{
	display:table;
	border:#E7E7E7 1px solid;
	font-size:12px;
	font-weight:bold;
	line-height:1.4em;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:98% center;
	margin:10px auto 20px auto;
	padding:10px 20px 10px 15px;
}
.btn02 a{
	color:#000;
	text-decoration:none;
}
.btn03{
	font-weight:bold;
	line-height:1.2em;
	background-color:#F00;
	background-image:none;

}
.btn03 a{
	color:#FFF;
	text-decoration:none;
	padding:0px 0px;
}
.btn04{
	clear:both;
	display:table;
	font-size:12px;
	font-weight:bold;
	background-color:#666;
	background-image:url(../img/customer/ec/icon05.png);
	background-repeat:no-repeat;
	background-position:98% center;
	margin:10px auto 10px auto;
    padding:10px 20px 10px 15px;
    color:#FFF;
	text-decoration:none;
	cursor: pointer;
}
.btn04 a{}
.btn04:hover{
	color:#CCC;
}
/* 「新しいお届け先を追加する」ボタン用 */
.btn05 {
	cursor: pointer;
    width: 250px;
    height: 50px;
    line-height: 50px;
}
/* 「住所自動入力」ボタン用 */
.zipButton {
	padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #03A9F4;/*色*/
    border: solid 1px #0f9ada;/*線色*/
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	cursor: pointer;
}
.zipButton:hover {
	color: #bbe2f1;
}
.voice_area{
	margin:0px 0px 50px 0px;
}
.voice_area .female{
	background-image:url(../img/customer/ec/icon_female.png);
	background-repeat:no-repeat;
	background-size:30px;
	border-bottom:#E7E7E7 1px solid;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
}
.voice_area .female .name{
	color:#C00;
	font-weight:bold;
}
.voice_area .female p{
	padding:0px 0px 0px 40px;
}
.voice_area .female ul li{
	padding:0px 0px 0px 40px;
}
.voice_area .male{
	background-image:url(../img/customer/ec/icon_male.png);
	background-repeat:no-repeat;
	background-size:30px;
	border-bottom:#E7E7E7 1px solid;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
}
.voice_area .male .name{
	color:#369;
	font-weight:bold;
}
.voice_area .male p{
	padding:0px 0px 0px 40px;
}

.voice_area .male ul li{
	padding:0px 0px 0px 40px;
}

.course_table{
	margin:0px 0px 20px 0px;
}
.course_table th{
	display: block;
	width: auto;
	background-color:#F8F8F8;
	border:#E7E7E7 1px solid;
	border-bottom:none;
	border-collapse:collapse;
	padding:10px 15px;
}
.course_table td{
	display: block;
	border:#E7E7E7 1px solid;
	border-collapse:collapse;
	padding:10px 15px;
}
.sns_area{
	text-align:right;
	margin:0px 0px 10px 0px;
}
.point_announce{
	margin:0px 0px 10px 0px;
}
.user_name{
	font-size:14px;
	font-weight:bold;
	background-image:url(../img/customer/ec/menu_smp05.png);
	background-repeat:no-repeat;
	background-size:20px;
	background-position:center left;
	padding:10px 10px 10px 25px;
}
.point{
	color:#F00;
	font-size:16px;
	font-weight:bold;
	margin:0px 0px 0px 10px;
}
.cart_num{
	font-size:12px;
	color:#FFF;
	background-color:#F00;
	border-radius:100px;         /* CSS3 */
	-moz-border-radius:100px;    /* Firefox */
	-webkit-border-radius:100px; /* Safari,Chrome */
	margin:0px 0px 0px 10px;
	padding:2px 6px;
}
.kiyaku_text{
	height:200px;
	font-size:10px;
	box-sizing: border-box;
	margin:0px 0px 30px 0px;
	padding:15px;
}
.flow_step{
	overflow:auto;
	margin:0px 0px 20px 0px;
}
.flow_step li{
	float:left;
	font-size:10px;
	font-weight:bold;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:right center;
	margin:0px 15px 0px 0px;
	padding:0px 15px 0px 0px;
}
.flow_step span{
	font-size:10px;
	color:#FFF;
	background-color:#333;
	margin:0px 10px 0px 0px;
	padding:2px;
}
.flow_step .on{
	color:#F00;
}
.flow_step .on span{
	background-color:#F00;
}



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

Instagram フィード

-------------------------------------------------*/
.instagram_wrap {
  width: 100%;
}

#sb_instagram #sbi_images {
  height: 270px;
  margin-bottom: 0;
}

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

ニュース

-------------------------------------------------*/
.archive_post {
  padding: 10px 20px 10px 5px;
  background-position: right 3px center;
}


/*------------------------------------------
 *	2017/08/15 add
------------------------------------------*/

/*------------------------------------------
 *	#title-bar
------------------------------------------*/
#title-bar-gyosei{
	font-size: 20px;
}

#title-bar-sharo{
	font-size: 20px;
}

#title-bar-shiho{
	font-size: 20px;
}

#title-bar-takken{
	font-size: 20px;
}

/*------------------------------------------
 *	#lp
------------------------------------------*/
.lp_logo{
	text-align:center;
	padding:15px 0px 15px 0px;
}

.lp_logo img{
	text-align:center;
	width:120px;
}

#lp_block{
	padding: 5px 0px;
}

#lp_block_white{
	padding: 5px 0px;
}

#lp_section{
	width: 90%;
}

#lp_section_point{
	width: 90%;
	padding: 10px 0px 5px;
	font-size: 16px;
}

#lp_section_sentence{
	width: 90%;
	font-size: 12px;
}

.lp_box {
      padding: 0px;
}

.lp_box_line_two_left {
      width: 90%;
      padding: 10px 10px 0px;
      margin-bottom : 0px;
}

.lp_box_line_two_right {
      float: left;
      width: 90%;
      padding: 10px 10px;
      margin-bottom : 0px;
}

.lp_box-color1 {
      border-left: none;
}

.lp_box-left-color1 {
      border-left: #c1272d 5px solid;
}

.lp_box-color2 {
      border-left: none;
}

.lp_box-left-color2 {
      border-left: #003399 5px solid;
}

.lp_box-color3 {
      border-left: none;
}

.lp_box-left-color3 {
      border-left: #12a5f4 5px solid;
}

.lp_form th {
}

.lp_form td {
}

#container #mainArea #content #lp_block #lp_section #lp_section_point::before {
    font-size: 16px;
}

.youtube03 {
        position: relative;
	width: 100%;
	padding-top: 56.25%;
	overflow:hidden;
	margin:0px 0px 20px 0px;
        display: block;
}

.youtube03 iframe {
        position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/*------------------------------------------
 *20171005 add tanaka
------------------------------------------*/
#lp_tel_pc{
	display: none;
}

#lp_tel_pc-img{
	display: none;
}

#lp_cta{
	margin: 5px auto;
	width: 100%;
}

.lp_cta_block{
	display: table;
}

.lp_cta_block_element{
	display: table-cell;
}

#lp_cta img{
	width: 85%;
}

#lp_tel_sp{
	display: block;
	text-align: center;
	font-weight: bold;
	margin: 15px auto;
	font-size: initial;
	width: 95%;
}

/*------------------------------------------
 *20171208 add tanaka
------------------------------------------*/
.lp_price_table{
	margin:0px 0px 40px 0px;
	line-height:1.4em;
}
.lp_price_table tr{
	border-bottom:#E7E7E7 1px solid;
}
.lp_price_table th{
	width:100%;
	display:block;
	text-align:center;
}
.lp_price_table td{
	width:100%;
	display:block;
	text-align:center;
	padding:5px;
}

/*------------------------------------------
 *20171219 add tanaka
------------------------------------------*/
.hp_box {
      padding: 0px;
}

.hp_box_line_two_left {
      width:100%;
      margin-bottom : 0px;
      padding-bottom : 0px;
}

.hp_box_line_two_right {
      float: left;
      width: 90%;
      padding: 10px 10px;
      margin-bottom : 10px;
}
/* 2018/1/11 add agaroot*/
@media screen and (max-width: 600px) {
/*　画面サイズが600px以下 */
 .hp_btn_img_buy_only_250{
      width: 50%;
 }
}


@media screen and (min-width: 500px) and (max-width: 1100px) {
/*　画面サイズが500px~1100px */

 .lp_cta_block{
	width: 430px;
	margin:auto;
 }

 #lp_tel_sp{
	width: 100%;
 }

}

/*---新試験種を追加する設定（上から順に）
・サイトＴＯＰの左線
・ＮＥＷＳ内の試験種の文字色
・試験topのリンクの下線
*/
/* 2018/1/19 add agaroot*/
#sikenArea .jyohoshori{
	border-left:#f29a76 7px solid;
	border-bottom:#E7E7E7 1px solid;
}
.newsBox ul .jyohoshori{
	color:#f29a76;
}
.siken_area .jyohoshori li a{
	border-bottom:#f29a76 2px solid;
	padding:10px 0px 10px 0px;
}
#sikenArea .shindanshi{
	border-left:#920783 7px solid;
	border-bottom:#E7E7E7 1px solid;
}
.newsBox ul .shindanshi{
	color:#920783;
}
.siken_area .shindanshi li a{
	border-bottom:#920783 2px solid;
	padding:10px 0px 10px 0px;
}
#sikenArea .chousashi{
	border-left:#009944 7px solid;
	border-bottom:#E7E7E7 1px solid;
}
.newsBox ul .chousashi{
	color:#009944;
}
.siken_area .chousashi li a{
	border-bottom:#009944 2px solid;
	padding:10px 0px 10px 0px;
}
#sikenArea .fp{
	border-left:#1f2774 7px solid;
	border-bottom:#E7E7E7 1px solid;
}
.newsBox ul .fp{
	color:#1f2774;
}
.siken_area .fp li a{
	border-bottom:#1f2774 2px solid;
	padding:10px 0px 10px 0px;
}
#sikenArea .bijihou{
	border-left:#00a0e9 7px solid;
	border-bottom:#E7E7E7 1px solid;
}
.newsBox ul .bijihou{
	color:#00a0e9;
}
.siken_area .bijihou li a{
	border-bottom:#00a0e9 2px solid;
	padding:10px 0px 10px 0px;
}
/* 2018/2/16 add agaroot jquery-uiのcssの上書き*/
.ui-widget{
	font-size:12px;
}
.ui-tabs .ui-tabs-panel{
	padding:0.4em 0.4em;
}
/* message */
.message_warning {
    color: red;
    font-size: smaller;
}
.message_caution {
    color: lightgray;
    font-size: smaller;
}
.info_ico {
    width: 25px;
    margin-right: 5px;
}
.newsBox a {
	cursor: pointer;
}
/* EC用　labelのカーソル形状変更 */
label {
	cursor: pointer;
}
.rdoSel {
	margin-left: 20px;
	margin-right: 10px;
}
button.btnCustomPayment {
	font-size: x-small;
	vertical-align: bottom;
    margin-left: 10px;
}
/* EC用　ポイント/クーポン適用ボタン */
button.btnApply {
	padding: 5px 10px;
}
.payment_area {
	overflow:auto;
	border: solid red 1px;
	padding:30px;
	margin-bottom:50px;
}
.table03{
	border:#E7E7E7 1px solid;
	margin: 0px 0px 40px 0px;
}
.table03 th{
	background: #F8F8F8;
	border: #E7E7E7 1px solid;
	padding: 5px 10px;
}
.table03 td{
	border: #E7E7E7 1px solid;
	padding: 5px 10px;
	word-break: break-all;
	line-height: 1.6em;
}
.table03 .color01{
	background-color: #F8F8F8;
	font-weight: bold;
	text-align: center;
}
/* EC用　エラー時 */
.input_error {
	background-color: #ffe8e8;
	border: solid 1px silver;
}
.error_block {
	border: solid 1px pink;
	background-color: #ffe6ea;
	color: red;
	margin: 5px 0;
	padding: 5px 10px;
	font-size: smaller;
	font-weight: bold;
}

/* table 横幅はみ出した時の対応
 * 主に会計表示用
*/
.scroll {
    overflow: auto;
    white-space: nowrap;
}
.scroll::-webkit-scrollbar{
    height: 5px;
}
.scroll::-webkit-scrollbar-track{
    background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
    background: #BCBCBC;
}

/** PCのみ表示 **/
.display_pc {
	display: none;
}

#mainArea .mini {
	display: inline-block;
	margin-top: 10px;
}

#mainArea p.address_area {
	line-height: 18px;
	margin-top: 5px;
}

.contact_table td {
	max-width: 200px;
}

.contact_table td.name_area input {
	margin-bottom: 5px;
}

.contact_table td.name_area label {
	display: block;
}

/** 余計なスタイルあたってるので上書きする **/
.contact_table input.wid300 {
	width: 94%;
	max-width: 200px;
}

.contact_table textarea {
	width: 94%;
	max-width: 200px;
}

.coupon_application_table .select_category {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.coupon_application_table .select_category select {
  width: 100%;
  max-width: 100%;
}
.coupon_application_table .btnApply {
  margin-left: 0;
  margin-top: 10px;
}

select[name=root] {
	max-width: 250px;
}

.arrowBtn{
	position: relative;
	display: block;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #666;
	padding: 15px 25px;
	margin: 15px auto;
	max-width: 60%;
	text-decoration: none;
	color: #333;
	background:#fff;
	font-weight: bold;
	font-size: 1.25em;
}
.arrowBtn:before {
	content: '';
	width: 5px;
	height: 5px;
	border: 0px;
	border-top: solid 2px #A50022;
	border-right: solid 2px #A50022;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 3%;
	margin-top: -3px;
}
.arrowBtn:hover{
	text-decoration:none;
	opacity:0.8;
	color:#333;
}

.purchaseLink {
	border: 1px solid #3e000d;
	color: #fff;
	background: #A50022;
}
.purchaseLink:before {
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
}
.purchaseLink:hover{
	color:#fff;
}

.boxAbout01{
	background: #fcfced;
	padding: 20px 20px;
}

.lineBox{
	border: 1px #ddd solid;
	padding: 20px;
	background: #fff;
}
.fontSize_ratherBig{
	font-size: 1rem;
	line-height: 1.3rem;
}

.fontSize_small{
	font-size: 0.75rem;
	line-height: 1.5em;
}

.shipment_attention {
	text-align: left;
}
