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

共通設定

--------------------------------------------------*/
* {
	margin:0;
	padding:0;
}
html {
	overflow-y:scroll;/* filter:expression(document.execCommand("BackgroundImageCache",false, true));*/
}
body {
	color:#333;
	font-family:Arial,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	font-size:14px;
	font-weight:500;
	line-height:1.8em;
	letter-spacing:0.03em;
	word-wrap:break-word;
	width:100%;
	min-width:1140px;
_display: inline;
_zoom:1;
-webkit-text-size-adjust:none;
}
img {
	border:none;
	vertical-align:text-bottom;
	/* 2018/03/10 add agaroot
    画像の縮小時にぼやけるのに対処
    winのchromeのみ有効・多分一時的な対応でしかない */
    -webkit-backface-visibility: hidden;
}
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 {
	margin:0 auto;
}
.twitter{
	width:520px;
	margin:0 auto;
}
.twitter_smp{
	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:block;
}
.smp{
	display:none;
}
input, select, textarea, button {
	font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	padding:0.3em 0.3em;
}
textarea {
	resize:vertical;
	width: 99%;
}

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

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;
	text-decoration:none;
	font-size:10px;
	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: 16px;
	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: 16px;
	padding: 0.5em 2em;
	background: #ffffff;
	border-radius:5px;
}
.outlineBtn a:hover {
	opacity: 0.6;
}

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

フォント

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

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

width

-------------------------------------------------*/
.wid100 {width: 100px;}
.wid120 {width: 120px;}
.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 {
	width:1100px;
	margin:0 auto;
}

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

ユーティリティ

-------------------------------------------------*/
#utility{
	font-size:11px;
	height:45px;
	background:#F3F1ED;
}
ul.snsArea{
	position:absolute;
	left:20px;
	top:10px;
}
ul.snsArea li{
	display:inline-block;
	*display:inline;
    *zoom:1;
	margin:0 5px 0 0;
}
ul#hLink {
	position:absolute;
	width:600px;
	left:300px;
	top:10px;
	vertical-align:top;
	text-align:right;
}
ul#hLink li {
	display:inline-block;
	*display:inline;
    *zoom:1;
	padding:0 0 0 10px;
	margin:0 0 0 20px;
	background:url("/shop/user_data/packages/customize/../img/customer/ec/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/customer/ec/coding/icn_cart.png") right center no-repeat;
}
ul#searchArea{
	position:absolute;
	right:20px;
	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;
}

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

ヘッダー

-------------------------------------------------*/
#header .wrap {
	height:130px;
	margin:0 auto;
	display: none;
}
.header_content {
	display: flex;
}
.header_content .logo {
	padding-left: 20px;
	padding-top: 3px;
}
.logo{
	text-align:center;
	padding:65px 0px 0px 0px;
}
.logo img{
	width:200px;
}
.logo.logo_academy img {
	width: 375px;
	margin-top: 5px;
}
.logo.logo_medical {
  display: inline-block;
}
.form_h1{
	position:absolute;
	left:400px;
	top:17px;
}
.actionArea {
	font-size:12px;
	font-weight:bold;
	position:absolute;
	right:0px;
	top:10px;
}
.actionArea li {
	float:left;
	margin:0px 20px 0px 0px;
	padding:2px 0px 0px 25px;
}
.actionArea li a{
	color:#000;
	text-decoration:none;
}
.actionArea .menu_consultation{
	background-image:url(../img/customer/ec/icon_fukidashi.svg);
	background-repeat:no-repeat;
	background-size:20px;
	background-position:center left 8px;
	box-shadow: 0 3px #870d00;
	background-color: #e92d18;
	border-radius: 6px;
	margin: 0px 20px 0px 0px;
	padding: 3px 8px 1px 33px;
}
.actionArea .menu_consultation a {
	color: white;
	font-size: 14px;
}
.actionArea .menu_request{
	background-image:url(../img/customer/ec/icon_book.svg);
	background-repeat:no-repeat;
	background-size:20px;
	background-position:center left 8px;
	box-shadow: 0 3px #003e3b;
	background-color: #0e847d;
	border-radius: 6px;
	margin: 0px 20px 0px 0px;
	padding: 3px 8px 1px 33px;
}
.actionArea .menu_request a {
	color: white;
	font-size: 14px;
}
.actionArea .menu_pc01{
	background-image:url(../img/customer/ec/menu_smp01.png);
	background-repeat:no-repeat;
	background-size:20px;
	background-position:center left;
}
.actionArea .menu_pc02{
	background-image:url(../img/customer/ec/menu_smp02.png);
	background-repeat:no-repeat;
	background-size:20px;
	background-position:center left;
}
.actionArea .menu_pc03{
	background-image:url(../img/customer/ec/menu_smp03.png);
	background-repeat:no-repeat;
	background-size:20px;
	background-position:center left;
}
.actionArea .menu_pc04{
	background-image:url(../img/customer/ec/menu_smp04.png);
	background-repeat:no-repeat;
	background-size:20px;
	background-position:center left;
}
.actionArea .menu_pc05{
	background-image:url(../img/customer/ec/menu_smp05.png);
	background-repeat:no-repeat;
	background-size:20px;
	background-position:center left;
}
.actionArea .menu_pc06{
	background-image:url(../img/customer/ec/menu_smp06.png);
	background-repeat:no-repeat;
	background-size:20px;
	background-position:center left;
}
#headbar {
   /* ▼上端に固定するCSS */
   z-index:9999;
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   height:50px;
   display: none;

   /* ▼バーの装飾 */
   background-color:#FFF;  /* 背景色 */
   border-bottom:#E7E7E7 1px solid;
}
#headbar .logo{
	text-align:left;
	/*margin:10px 0px 0px 30px;*/
	margin: 3px 0 0 20px;
	padding: 0;
}
#headbar .logo img{
	width:120px;
}
#headbar .logo.logo_academy img {
	width: 200px;
}
/*-------------------------------------------------

グローバルナビ

-------------------------------------------------*/
#globalNavi {
	height:75px;
	border-bottom:#E7E7E7 1px solid;
}
/*-----------------------------------　UnderNavi　---------------------------------------*/
#dropmenu{
  list-style-type: none;
  width: 1100px;
  display: flex;
  justify-content: center;
}
#dropmenu li{
  position: relative;
  float: left;
  text-align: center;
  margin:0px 30px 0px 30px;
  padding:0px 0px 0px 0px;
}
#dropmenu.medical_menu li,
#dropmenu.coaching_menu li {
  margin: 0 0 0 30px;
}
#dropmenu li a{
  display: block;
  padding: 25px 0;
  color: #000;
  font-size: 15px;
  font-weight:bold;
  text-decoration: none;
}
#dropmenu.coaching_menu li a {
  font-size: 14px;
}
/*ロールオーバー*/
#dropmenu li:hover > a{
	color:#666;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  left: 0;
  margin: 0;
  padding: 0;
}
/*ドロップメニュー幅順番*/
#dropmenu li ul li{
  overflow: hidden;
  width: 250px;
  height: 0;
  color: #000;
  margin: 0;
  padding: 0;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  z-index:9999;
}
/*ドロップメニュー高さパディング色*/
#dropmenu li ul li a{
  padding: 15px 15px;
  background: #FFF;
  border:#E1E1E1 1px solid;
  text-align: left;
  font-size: 13px;
  font-weight: normal;
  background-image:url(../img/customer/ec/icon03.png);
  background-repeat:no-repeat;
  background-position:95% center;
}
/*ドロップメニュー高さ色線*/
#dropmenu li:hover ul li{
  overflow: visible;
  height: 50px;
}
/*-------------------------------------------------

メイン

-------------------------------------------------*/
#mainImg {
	clear:both;
	width:100%;
	height:320px;
	background-color:#E9E5DE;
	background-image:url(../img/customer/ec/mainVisual.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	margin:0px 0px 30px 0px;
}
#mainImg .text01{
	text-align:center;
	font-size:35px;
	font-weight:bold;
	margin:0px 0px 20px 0px;
	padding:130px 0px 0px 0px;
}
#mainImg .text02{
	text-align:center;
	font-size:22px;
	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 0;
	margin:0 0 30px 0;
	background-color:#F3F1ED;
	-webkit-box-shadow:0px 3px 8px rgba(0,0,0,0.1)inset;
	box-shadow:0px 3px 8px rgba(0,0,0,0.1)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;
}

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

コンテンツ

-------------------------------------------------*/
#sikenArea{
	width:1100px;
	margin:0 auto 30px auto;
	overflow:hidden;
}
.sikenList li{
	float:left;
	text-align:center;
	width:300px;
	font-size:22px;
	font-weight:bold;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:center right;
	padding:20px 0px 20px 0px;
	margin:0px 30px 20px 30px;
}
.sikenList4 li{
	float:left;
	text-align:center;
	width:250px;
	font-size:20px;
	font-weight:bold;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:center right;
	padding:20px 0px 20px 0px;
	margin:0px 10px 20px 10px;
}
#sikenArea .shiho{
	border-bottom:#C00 9px solid;
}
#sikenArea .gyosei{
	border-bottom:#FF9900 9px solid;
}
#sikenArea .komuin{
	border-bottom:#399 9px solid;
}
#sikenArea .takken{
	border-bottom:#FFCC33 9px solid;
}
#sikenArea .benri{
	border-bottom:#3E76BB 9px solid;
}
#sikenArea .sharo{
	border-bottom:#AFD557 9px solid;
}
#sikenArea .shoshi{
	border-bottom:#E40073 9px solid;
}
#sikenArea .actuary{
	border-bottom:#7ECEF4 9px solid;
}
#sikenArea .other{
	border-bottom:#CCC 9px solid;
}
#sikenArea li a{
	color:#000;
	text-decoration:none;
}
#sikenArea li a:hover{
	color:#666;
	text-decoration:none;
}
.topTitle{
	font-size:22px;
	font-weight:bold;
	margin:0px 0px 20px 0px;
}
#newsArea{
	width: 100%;
	margin:0 auto 20px auto;
}
#newsArea02{
	float:left;
	/*width: 50%;  お気に入り表示部が存在する場合はこちらを適用*/
	width: 100%;
	float: left;
	margin:0px 0px 20px 0px;
}
.newsBox{
	overflow-y:scroll;
	height:250px;
	border-bottom:#E7E7E7 1px solid;
	margin:0px 0px 20px 0px;
	padding: 0 20px;
}
.newsBox p{
	clear:both;
}
.newsBox ul{
	clear:both;
	margin:0px 0px 20px 0px;
}
.newsBox ul li{
	clear:both;
}
.newsBox ul .day{
	/*-size:12px;*/
	font-weight: bold;
	background: linear-gradient(transparent 50%, yellow 0%);
	padding: 1px 5px;
	width: fit-content;
}
.newsBox ul span{
	font-weight:bold;
	margin:0px 0px 0px 20px;
}
.newsBox ul .shiho,
.archive_post .shiho{
	color:#C00;
}
.newsBox ul .gyosei,
.archive_post .gyosei{
	color:#FF9900;
}
.newsBox ul .komuin,
.archive_post .komuin{
	color:#399;
}
.newsBox ul .takken,
.archive_post .takken{
	color:#FFCC33;
}
.newsBox ul .benri,
.archive_post .benri{
	color:#3E76BB;
}
.newsBox ul .sharo,
.archive_post .sharo{
	color:#AFD557;
}
.newsBox ul .shoshi,
.archive_post .shoshi{
	color:#E40073;
}
.newsBox ul .actuary,
.archive_post .actuary{
	color:#7ECEF4;
}
.newsBox ul .other,
.archive_post .other{
	color:#888;
}
.newsBox ul .text,
.archive_post .text{
	line-height:1.4em;
	padding:0px 50px 0px 0px;
}
.ichiran{
	text-align:right;
}
.ichiran span{
	border:#CCC 1px solid;
	padding:10px 15px;
}
.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;
}
#mainArea{
	width:1100px;
	margin:50px auto 80px auto;
	overflow:hidden;
	padding-top: 20px;
}
#lineBox{
	padding:0;
	margin:0;
	overflow:hidden;
}
#content {
	float:right;
	width:780px;
	margin:0;
	padding-left: 40px;
	border-left:#E7E7E7 1px solid;
}
#content_single {
	width:100%;
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
}
#content_single .contact_description {
  margin-bottom: 10px;
}
/*.single{
	padding:30px 50px !important;
}*/
#content_c {
	width:900px;
	margin:0 auto 30px auto;
}
/*.single #content {
	float:none;
	width:100%;
}*/
.inBox{
	padding:0 0;
}
h1 {
	clear:both;
	margin:0 0 20px 0;
	border-bottom:1px solid #E7E7E7;
	text-align:left;
}
h1 strong{
	display:inline-block;
	*display:inline;
    *zoom:1;
	font-size:30px;
	line-height:1.4em;
	letter-spacing: 0.1em;
	padding:0 0 20px 0;
	margin:0 0 0 0;
}
h1 a{
	color:#333;
	text-decoration:none;
}
h2 {
	clear:both;
	font-size:20px;
	font-weight:bold;
	border-left:#CCC 5px solid;
	border-bottom:#E7E7E7 1px solid;
	line-height:1.4em;
	padding:10px 15px;
	margin:0px 0px 20px 0px;
}
h3 {
	clear:both;
	font-size:18px;
	font-weight:bold;
	border-left:#000 3px solid;
	line-height:1.4em;
	padding:0px 15px;
	margin:0px 0px 20px 0px;
}
h4 {
	clear:both;
	font-size:16px;
	font-weight:bold;
	line-height:1.4em;
	border-bottom:#E7E7E7 1px solid;
	background-position:0px;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
}
h5 {
	clear:both;
	font-size:14px;
	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:12px;
	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:320px;
	vertical-align:top;
	padding:25px;
	margin:0 15px 15px 0;
	border:#E7E7E7 1px solid;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:98% center;
	line-height:1.5em;
}
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=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.voiceList{
	width:90%;
	border:1px solid #EFECE7;
	padding:20px;
}
.cImg{
	float:left;
	width:100px;
	margin:0 0 15px 0;
}
.cImg img{
	width:100%;
}
.cInfoArea{
	/*float:right;*/
	width:200px;
	font-size:14px;
	padding:0 0 0 0;
	margin:0 0 20px 0;
}
.icnArea{
	margin:0 0 0 0;
}
.cNum{
	margin:0 0 10px 0;
}
.cName{
	font-size:13px;
	font-weight:bold;
	line-height:1.4em;
	margin-bottom:5px;
}
.cCost{
	color:#F00;
	font-weight:bold;
}
#detailArea{
	position:relative;
	padding:0 320px 100px 0;
	margin:0 0 0px 0;
}
#detailArea .cImg{
	width:250px;
	margin:0 0 30px 0;
}
#detailArea .cImg02{
	float:left;
	width:100px;
	margin:0 0 15px 0;
}
#detailArea .cImg02 img{
	width:100%;
}
#detailArea .cInfoArea{
    /*width:500px;*/
    width: 750px;
    font-size:16px;
	font-weight:bold;
	background:none;
}
#detailArea .cInfoArea .cNum{
	font-size:14px;
	font-weight:bold;
	line-height:1.7em;
}
#detailArea .cInfoArea02{
	float:right;
	width:165px;
	font-size:14px;
	padding:0 0 30px 0;
	margin:0 0 15px 10px;
	background:url("/shop/user_data/packages/customize/../img/customer/ec/coding/icn_cursor_gray.png") right bottom no-repeat;
}
#detailArea .cInfoArea .cCost{
	margin:0 0 0 0;
}
#detailArea ul.snsArea{
	position:static;
}
#detailArea #cartBox{
	clear:both;
	position:absolute;
	top:0;
	right:0px;
	width:250px;
	padding:15px;
	background:#FFF;
	border:#E7E7E7 1px solid;
}
#detailArea #cartBox .cImg{
	width:80px;
	margin:0 0 20px 0;
	padding:0 0 0 0;
}
#detailArea #cartBox .cInfoArea{
    /*width:150px;*/
    width: 200px;
	margin:0 0 20px 0;
	padding:0 0 0 0;
}

.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;
}
.table01{
	border:#E7E7E7 1px solid;
	margin:0px 0px 40px 0px;
}
.table01 th{
	background:#F8F8F8;
	border:#E7E7E7 1px solid;
	padding:10px;
}
.table01 td{
	border:#E7E7E7 1px solid;
	padding:10px;
	word-break: break-all;
	line-height:1.6em;
}
.table01 .color01{
	background-color:#F8F8F8;
	font-weight:bold;
	text-align:center;
}
.table02{
	border:#E7E7E7 1px solid;
	line-height:1.4em;
	margin:0px 0px 40px 0px;
}
.table02 th{
	background:#F8F8F8;
	border:#E7E7E7 1px solid;
	padding:10px;
}
.table02 td{
	border:#E7E7E7 1px solid;
	padding:10px;
	text-align:center;
	word-break: break-all;
}
.table02 a{
	background-image:url(../img/customer/ec/icon03.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0px 0px 0px 15px;
}
.table02 .color01{
	background-color:#F8F8F8;
	font-weight:bold;
	text-align:center;
}
.table02 .color02{
	background-color:#F8F8F8;
	font-weight:bold;
	text-align:center;
}
.table_form{
	margin:0px 0px 40px 0px;
}
.table_form th{
	background:#F8F8F8;
	border:#E7E7E7 1px solid;
	border-collapse:collapse;
	padding:10px;
}
.table_form td{
	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;
}
.btn_area {
	text-align:center;
	padding:30px 0 30px 0;
}
.flow_area{
	text-align:center;
	padding:20px 0 20px 0;
}
.shihou_table{
	width:100%;
}
.shihou_table th p{
	font-size:15px;
	color:#FFF;
	background-color:#333;
	border-radius:5px;
	padding:10px;
	margin:0px 5px 10px 5px;

}
.shihou_table td{
	vertical-align:top;
}
.link li{
	background:url("../img/customer/ec/coding/icon01.png")  no-repeat 0px 7px;
	padding:0px 0px 0px 15px;
	margin:0px 5px 0px 5px;
}
.link .n_link{
	font-weight:bold;
	background-image:none;
	padding:0px 0px 0px 0px;
	margin:0px 5px 0px 5px;
}
.box_link{
	position: relative;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:3% center;
	border:#E7E7E7 1px solid;
	padding:50px;
	margin-bottom:10px;
	line-height:1.6em;
}
.box_link a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent:-9999px;
}
.box_text{
	font-weight:bold;
	font-size:18px;
	margin-bottom:10px;
	padding:0px 0px 0px 0px;
}
.box_img{
	float:right;
	margin:0px 0px 20px 20px;
	background-color:#CCC;
}
.img_r{
	float:right;
	margin:0px 0px 20px 20px;
	background-color:#CCC;
}
.p_text01{
	clear:both;
	color:#333;
	font-size:17px;
	font-weight:bold;
	line-height:1.6em;
	margin:0 0 30px 0;
	padding:0 0 0 0;
}
.p_text02{
	font-size:15px;
	line-height:1.6em;
	margin:0 0 40px 0;
	padding:0 0 0 0;
}
.p_text03{
	clear:both;
	font-size:22px;
	font-weight:bold;
	border-left:#CCC 5px solid;
	line-height:1.5em;
	margin:0 0 20px 0;
	padding:0 0 0 15px;
}
.p_area{
	overflow:auto;
	border:#E7E7E7 1px solid;
	padding:30px;
	margin-bottom:50px;
}
.p_area01{
	overflow: auto;
	background-color:#E7E7E8;
	border:#E2DED6 1px solid;
	padding:30px;
	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);
}
.p_area02{
	overflow: auto;
	background-color:#FDFDFB;
	border:#E2DED6 2px solid;
	padding:30px;
	margin-bottom:30px;
	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:30px;
	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);
}
.p_area04{
	overflow: auto;
	background-color:#FFF;
	border:#9CF 2px solid;
	padding:30px;
	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);
}
.p_area05{
	overflow: auto;
	background-color:#FABEA7;
	border:#E2DED6 1px solid;
	padding:30px;
	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);
}
.p_area06{
	overflow: auto;
	background-color:#FFF;
	border:#C30 2px solid;
	padding:30px;
	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);
}
.p_area07{
	overflow: auto;
	background-color:#FFF;
	border: #CCC 1px solid;
	padding:30px;
	margin-bottom:30px;
}
.t_area01{
	overflow: auto;
	background-color:#FFF;
	border:#E7E7E7 1px solid;
	margin-bottom:50px;
}
.t_area01 .title{
	font-size:14px;
	font-weight:bold;
	background-color:#F8F8F8;
	padding:10px 20px;
}
.t_area01 .text{
	padding:20px 20px;
}
.t_area02{
	overflow: auto;
	background-color:#FFF;
	border:#E7E7E7 1px solid;
	margin-bottom:50px;
}
.t_area02 .title{
	font-size:14px;
	font-weight:bold;
	background-color:#F8F8F8;
	padding:10px 20px;
}
.t_area02 .text{
	padding:20px 20px;
}
.t_area03{
	overflow: auto;
	background-color:#FFF;
	border:#E7E7E7 1px solid;
	margin-bottom:50px;
}
.t_area03 .title{
	font-size:14px;
	font-weight:bold;
	background-color:#F8F8F8;
	padding:10px 20px;
}
.t_area03 .text{
	padding:20px 20px;
}
.t_area04{
	overflow: auto;
	background-color:#FFF;
	border:#E7E7E7 1px solid;
	margin-bottom:50px;
}
.t_area04 .title{
	font-size:14px;
	font-weight:bold;
	background-color:#F8F8F8;
	padding:10px 20px;
}
.t_area04 .text{
	padding:20px 20px;
}
.pic_l{
	float:left;
	margin:0px 30px 20px 0px;
}
.pic_r{
	float:right;
	margin:0px 0px 20px 30px;
}
.blog_r{
	float:right;
	margin:0px 0px 20px 30px;
}
.blog_l{
	float:left;
	margin:0px 30px 20px 0px;
}
.blog_c{
	margin:0 auto 10px auto;
}
.pic_title{
	font-size:18px;
	font-weight:bold;
	margin:0px 0px 10px 0px;
}
.pic_list3{
	margin:0px 0px 30px 0px;
}
.pic_list3 li{
	float:left;
	margin:0px 20px 0px 0px;
}
.pic_list3 li img{
	width:230px;
}
.pic_list2{
	margin:0px 0px 30px 0px;
}
.pic_list2 li{
	float:left;
	margin:0px 30px 0px 0px;
}
.pic_list2 li img{
	width:350px;
}
.test_area{
	border:#E0DBD1 1px solid;
	border-radius: 5px;
	background-color:#F8F3E9;
	padding:30px;
	margin-bottom:30px;
}
.sale_area{
	background-color:#F3F3F3;
	padding:30px;
	margin-bottom:50px;
}
.sale_area02{
	border:#F7F7F7 1px solid;
	background-color:#FFF;
	padding:20px;
}
.f10{
	font-size:10px;
	line-height:1.4em;
}
.f12{
	font-size:12px;
	line-height:1.4em;
}
.f14{
	font-size:14px;
	line-height:1.4em;
}
.f16{
	font-size:16px;
	line-height:1.4em;
}
.right_img{
	float:right;
	text-align:center;
	margin:0 0 30px 30px;
}
.right_img img{
	max-width: 200px;
	height: auto;
	margin-bottom:10px;
}
.left_img{
	text-align:center;
	float:left;
	margin:0px 30px 30px 0px;
}
.left_img img{
	max-width: 200px;
	height: auto;
	margin-bottom:10px;
}
.right_koza{
	float:right;
	margin:0px 0px 40px 0px;
}
.top_img{
	float:right;
	margin:0px 0px 30px 30px;
}
.top_btn01{
	margin:0px 20px 0px 0px;
}
.top_btn02{
}
.price01{
	font-size:14px;
	text-decoration:line-through;
}
.price02{
	font-family:"游ゴシック", "メイリオ", "Meiryo", serif;
	font-size:15px;
	font-weight:bold;
	color:#C00;
}
.mind_text{
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "メイリオ", "Meiryo", serif;
	font-size:16px;
	font-weight:normal;
	line-height:1.8em;
	margin:30px 0 50px 0;
	padding:0 0 0 0;
}
.navi_icon{
	margin-bottom:50px;
}
.navi_icon li{
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:0px 3px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
}
.navi_icon .icon2{
	background-image:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 40px;
}
.flow_table{
	width:100%;
}
.flow_table th img{
	margin:0px 20px 20px 0px;
}
.flow_table td{
}
.t_name{
	font-size:16px;
}
.t_name a{
	font-weight:bold;
}
#movie{
	margin:0 auto 50px auto;
}
.movie_area{
	margin:0px 0px 50px 0px;
	padding:0px;
	overflow: hidden;
}
.movie_text{
	float:right;
	width:400px;
	margin:0px 0px 30px 0px;
}
.movie_text .mB10{
	font-size:15px;
	padding:0px 0px 0px 0px;
	line-height:1.4em;
}
.movie_text p{
	margin:0px 0px 0px 0px;
}
.movie_pdf{
	float:right;
	width:400px;
	margin:0px 0px 30px 0px;
}
.movie_pdf02{
	width:600px;
	margin:0 auto;
}
#text_img {
position: relative;
overflow: hidden;
margin-bottom:40px;
}

#text_img ul {
float:left;
left:50%;
position:relative;
}

#text_img li {
float:left;
left:-50%;
position:relative;
}
#text_img img {
max-width:230px;
	height:auto;
	width /***/:auto;
	margin-right:20px;
	border:#CCC 1px solid;
}
#toha_img {
	margin-bottom:30px;
}

#toha_img ul {
}

#toha_img li {
	width:300px;
	float:left;
	margin:0px 30px 0px 0px;
}
#toha_img img{
	width:100%;
}

.eachPage{
	overflow: auto;
	margin-bottom: 30px;
}
.eachPage li {
	display:block;
	float: left;
	margin-right:12px;
	margin-bottom: 12px;
}
.eachPage li.last{
	margin-right: 0;
}
.eachPage li a{
	display: block;
	height: 80px;
	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: 80px;
	width: 372px;
	vertical-align: middle;
}
.eachPage.col3 li a > span{
	display: table-cell;
	height: 80px;
	width: 243px;
	vertical-align: middle;
}
.eachPage.col2 li a > span{
	display: table-cell;
	height: 80px;
	vertical-align: middle;
}
.eachPage.top li a{
	height: 85px;
}
.eachPage.top li a > span{
	height: 85px;
}
.top_tab{
}
.top_tabsp{
	display:none;
}
.tab{
	overflow:hidden;
}
.tab_text01{
	text-align:center;
	font-size:16px;
	margin:30px 0 40px 0;
}
.tab li{
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "メイリオ", "Meiryo", serif;
	cursor:pointer;
	width:199px;
	font-size:16px;
	background:#eee;
	padding:25px 25px;
	float:left;
	margin-right:3px;
	text-align:center;
}
.tab li a{
	color:#333;
}
.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;
}
.logo_t{
	margin:
}
.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:14px;
}
.black16{
	color:#222;
	font-size:16px;
}
.black18{
	color:#222;
	font-size:18px;
}


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

LikeBox

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

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

ページャー

-------------------------------------------------*/
.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 {
    margin: 2em 0 0;
    float: right;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0;
}
.pagenation li {
    float: left;
    list-style: none outside none;
    margin-left: 3px;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #999999;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: normal;
    padding: 10px 20px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
    background-color: #444444;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}

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

サイドバー

-------------------------------------------------*/
#sidebar {
	font-size:12px;
	line-height:1.6em;
	float:left;
	width:240px;
	margin:0 0 30px 0;
}
#sidebar h3{
	padding:0;
	margin:0 0 20px 0;
	background:url("/shop/user_data/packages/customize/../img/customer/ec/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_b{
	margin-bottom:30px;
}
.news_cate01{
	border-left:3px solid #A50022;
	font-weight:bold;
	font-size:16px;
	padding:0px 0px 0px 7px;
	margin-bottom:20px;
}
.news_cate02{
	border-left:3px solid #A50022;
	font-weight:bold;
	font-size:20px;
	padding:0px 0px 0px 10px;
	margin-bottom:20px;
}
.news_time{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:5px 0;
}
/*-------------------------------------------------

お知らせ

-------------------------------------------------*/
ul#news{
	overflow: scroll;   /* スクロール表示 */
	overflow-x: hidden;
	height: 300px;
}
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 */
}
.youtube {
  position: relative;
	width:100%;
	margin:0px 0px 0px 0px;
  display: inline;
}
.youtube iframe {
	width: 45% !important;
	height: 195px !important;
}
.youtube02 {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin:0px 0px 30px 0px;
}
.youtube02 iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

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

likebox

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

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

フッターアクション

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

#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;
}

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

フッターナビ

-------------------------------------------------*/
#fNavi {
	clear:both;
	font-size:12px;
	padding:40px 0 30px 0;
	box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.6);
	-moz-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.6);
	overflow:hidden;
	text-decoration:none;
}
#fNavi ul li{
	float:left;
	margin:0 20px 0 0;
}
#fNavi ul li#fLogo{
	width:200px;
	background-image:none;
	margin:-15px 40px 0 0px;
}
#fNavi ul li#fLogo img{
	width:100%;
}
#fNavi ul li a{
	color:#333;
	text-decoration:none;
	padding:0px 0px 0px 0px;
}
/*-------------------------------------------------

SNSナビ

-------------------------------------------------*/
#sns_top{
	overflow:hidden;
	border-top:#E7E7E7 1px solid;
  width: 100%;
  display: table;
}
#sns_top .sns_tw{
	display: table-cell;
	width:33.3333%;
	text-align:center;
	border-right:#E7E7E7 1px solid;
	padding:30px 0px 30px 0px;
}
.twitter_wrap {
  max-width: 450px;
  width: calc(100% - 60px);
  margin: 0 auto;
}
.sns_fb {
  display: table-cell;
  width:33.3333%;
  text-align: center;
  border-right: #E7E7E7 1px solid;
  padding: 30px 0px 30px 0px;
}
.facebook_wrap {
  max-width: 450px;
  width: calc(100% - 60px);
  margin: -5px auto 0;
}
#sns_top .sns_ig{
	display: table-cell;
  width:33.3333%;
	text-align:center;
	padding:30px 20px;
}
.instagram_wrap {
  max-width: 450px;
  width: 100%;
  margin: -5px auto 0;
}
#sns_area{
	overflow:hidden;
	border-top:#E7E7E7 1px solid;
	border-bottom:#E7E7E7 1px solid;
}
#sns_area .sns_btn{
	float:left;
	width:20%;
	text-align:center;
	border-right:#E7E7E7 1px solid;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:95% center;
	padding:30px 0px 30px 0px;
}
#sns_area .sns_btn02{
	float:left;
	width:19%;
	text-align:center;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:95% center;
	padding:30px 0px 30px 0px;
}
#sns_area .sns_btn.blank{
	background-image:none;
	height: 65px;
}
#sns_area .sns_btn02.blank{
	background-image:none;
	height: 65px;
}
.sns_main{
	width:1100px;
	margin:0 auto;
}

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

Instagram フィード

-------------------------------------------------*/
#sb_instagram .sb_instagram_header {
  margin-bottom: 0 !important;
}

#sb_instagram .sb_instagram_header h3 {
  border-left: none;
}


#sb_instagram .sbi_header_text .sbi_bio {
  display: none;
}

#sb_instagram #sbi_images {
  height: 296px;
  overflow: auto;
  margin-bottom: 10px;
}

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

フッター

-------------------------------------------------*/
#footer {
	clear:both;
	font-size:12px;
	padding:80px 0;
	background:#4D4D4D;
	overflow:hidden;
}
#footer ul {
	width:1000px;
	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 20px 0px 20px;
}
#footer ul li a{
	color:#FFF;
	text-decoration:none;
}
.footer_line{
	width:1000px;
	border-bottom:#6C6C6C 1px solid;
	overflow:hidden;
	margin:0px auto 20px auto;
	padding:0px 0px 20px 0px;
}
/*-------------------------------------------------

コピーライト

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

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

ページトップへ

-------------------------------------------------*/
#pageTop {
	position:fixed;
	bottom:30px;
	right:30px;
}
#pageTop a {
	display:inline-block;
	*display:inline;
    *zoom:1;
	color:#FFF;
	font-size:12px;
	line-height:1em;
	text-align:center;
	padding:10px 10px;
	background:#000;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	text-decoration:none;
}
#pageTop a:hover {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

.siken_index li{
	position:relative;
	display:block;
	float:left;
	text-align:center;
	width:240px;
	font-size:18px;
	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/customer/ec/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 5px 10px 5px;
}
.siken_index .btnline {
	position:absolute;
	left: 82px;
	top: 117px;
}
.siken_index li a{
	display: block;
	color:#333;
    width: 100%;
    height: 100%;
	padding:50px 0;
	text-decoration:none;
}
.siken_index li a:hover{
	color:#999;
}
.siken_index02 li{
	position:relative;
	display:block;
	float:left;
	text-align:center;
	width:350px;
	font-size:18px;
	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/customer/ec/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:-o-linear-gradient(top, #F7F7F1, #fff);  /* 旧opera用 */
	background: -ms-linear-gradient(top, #F7F7F1, #fff); /* IE9用 */
	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 15px 10px;
}
.siken_index02 .btnline {
	position:absolute;
	left: 135px;
	top: 117px;
}
.siken_index02 li a{
	display: block;
	color:#333;
    width: 100%;
    height: 100%;
	padding:50px 0;
	text-decoration:none;
}
.siken_index02 li a:hover{
	color:#999;
}
.siken_index03 li{
	position:relative;
	display:block;
	float:left;
	text-align:center;
	width:226px;
	font-size:18px;
	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/customer/ec/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:-o-linear-gradient(top, #F7F7F1, #fff);  /* 旧opera用 */
	background: -ms-linear-gradient(top, #F7F7F1, #fff); /* IE9用 */
	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 15px 10px;
}
.siken_index03 .btnline {
	position:absolute;
	left: 75px;
	top: 117px;
}
.siken_index03 li a{
	display: block;
	color:#333;
    width: 100%;
    height: 100%;
	padding:50px 0;
	text-decoration:none;
}
.siken_index03 li a:hover{
	color:#999;
}
.siken_area{
	margin:20px 0px 20px 0px;
}
.siken_area .shiho li a{
	border-bottom:#C00 5px solid;
	padding:10px 0px 10px 0px;
}
.siken_area .gyosei li a{
	border-bottom:#FF9900 5px solid;
	padding:10px 0px 10px 0px;
}
.siken_area .komuin li a{
	border-bottom:#399 5px solid;
	padding:10px 0px 10px 0px;
}
.siken_area .takken li a{
	border-bottom:#FFCC33 5px solid;
	padding:10px 0px 10px 0px;
}
.siken_area .benri li a{
	border-bottom:#3E76BB 5px solid;
	padding:10px 0px 10px 0px;
}
.siken_area .sharo li a{
	border-bottom:#AFD557 5px solid;
	padding:10px 0px 10px 0px;
}
.siken_area .shoshi li a{
	border-bottom:#E40073 5px solid;
	padding:10px 0px 10px 0px;
}
.siken_area .actuary li a{
	border-bottom:#7ECEF4 5px solid;
	padding:10px 0px 10px 0px;
}
.siken_area .other li a{
	border-bottom:#CCC 5px solid;
	padding:10px 0px 10px 0px;
}
.siken_top{
	overflow:hidden;
	font-size:18px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
}
.siken_top li{
	float:left;
	background-image:url(../img/customer/ec/icon06.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding:0px 30px 0px 0px;
	margin:0px 30px 20px 0px;
}
.siken_top li a{
	display:block;
	width:100%;
	color:#000;
	text-decoration:none;
}
.siken_top li a:hover{
	color:#999
}
.siken_top02 li{
	position:relative;
	display:block;
	float:left;
	text-align:center;
	width:240px;
	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/customer/ec/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 5px 10px 5px;
}
.siken_top02 li a{
	display: block;
	color:#333;
    width: 100%;
    height: 100%;
	padding:30px 0;
	text-decoration:none;
}
.siken_top02 li a:hover{
	color:#999;
}
.menu_list3{
	overflow:hidden;
	margin:0px 0px 50px 0px;
}
.menu_list3 li{
	position:relative;
	display:block;
	float:left;
	text-align:center;
	width:240px;
	font-size:15px;
	font-weight: normal;
	line-height:1.2em;
	border:#E7E7E7 1px solid;
	background-color:#F8F8F8;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:98% center;
	margin:0px 15px 15px 0px;
}
.menu_list3 li a{
	display: block;
	color:#333;
    width: 100%;
    height: 100%;
	padding:30px 0;
	text-decoration:none;
}
.menu_list2{
	overflow:hidden;
	margin:0px 0px 50px 0px;
}
.menu_list2 li{
	position:relative;
	display:block;
	float:left;
	text-align:center;
	width:370px;
	font-size:15px;
	font-weight: normal;	line-height:1.2em;
	border:#E7E7E7 1px solid;
	background-color:#F8F8F8;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:98% center;
	margin:0px 15px 15px 0px;
}
.menu_list2 li a{
	display: block;
	color:#333;
    width: 100%;
    height: 100%;
	padding:30px 0;
	text-decoration:none;
}
.menu_list1 li{
	position:relative;
	display:block;
	float:left;
	text-align:center;
	width:742px;
	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/customer/ec/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:30px 0;
	text-decoration:none;
}
.menu_list{
	overflow:hidden;
	font-size:14px;
	font-weight:bold;
	margin:0px 0px 30px 0px;
}
.menu_list li{
	float:left;
	color:#8A0808;
	border-right:#E7E7E7 1px solid;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:95% center;
	padding:0px 30px 0px 0px;
	margin:0px 30px 10px 0px;
}
.menu_list li a{
	color:B91313;
	text-decoration:none;
}
.2line a{
	display: block;
	color:#333;
    width: 100%;
    height: 100%;
	padding:20px 0;
	text-decoration:none;
}
.siken_text01{
	font-size:18px;
	font-weight:bold;
	line-height:1.2em;
	padding:3px 0px 0px 15px;
	margin:0px 0px 25px 0px;
	border-left:#333 3px solid;
}
.toha_mv{
	margin:0px 0px 30px 40px;
}
.toha_mv li{
	float:left;
	width:320px;
	margin:0px 30px 0px 0px;
}
.toha_mv img{
	width:100%;
}
.movie02 .eviry-baseplayer,
.movie02 .eviry-screen{
	width: 100% !important;
	height: 100% !important;
}
.movie02 .eviry-baseplayer,
.movie02 .eviry-pdfslide{
    		width: 100% !important;
    		height: 100% !important;
}

.movie02{
	width:320px;
	height:220px;
}
#pankuzu{
	clear:both;
	width:100%;
	color:#FFF;
	font-size:12px;
	margin:0px 0px 0px 0px;
}
.page #pankuzu,
.error404 #pankuzu {
  color: #000;
  background-color: #E7E7E7;
}
.page #pankuzu a,
.error404 #pankuzu a {
  color:#000;
}
#pankuzu a{
	color:#FFF;
	text-decoration:none;
}
#pankuzu {
  background-color:#E7E7E7;
  padding:5px 0;
}
.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 .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:16px;
	font-weight:bold;
	padding:8px 0px;
}
#campaignArea ul {
	position: relative;
	left: 50%;
	float: left;
}
#campaignArea ul li {
	position: relative;
	left: -50%;
	float: left;
	padding:5px 0;
}
#campaignArea .check{
	color:#FFF;
	background-color:#F00;
	margin:0px 20px 0px 0px;
	padding:5px 10px;
}
.cateArea{
	margin:0px 0px 50px 0px;
}
.twArea{
	text-align:center;
	margin:0px 0px 50px 0px;
}
.checkRecently {
  margin-top: 50px;
}
/*-----------------------------------　メガメニュー　---------------------------------------*/
#mdd_overlay{
}
#mdd_nav_wrap {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
	background:url("/shop/user_data/packages/customize/../img/customer/ec/coding/bg_gnavi.jpg") ;
	background-repeat:repeat-x;

}
#mdd_nav{
	width:1000px;
	margin:0 auto;
	z-index:99999;
}
/*
-- Level1 -------------------------  */
ul.mdd_lv1 {
    position: relative;
    list-style:none;
    margin:0;
    padding:0;
    z-index:200;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
ul.mdd_lv1 li {
    float: left;
	background:url("/shop/user_data/packages/customize/../img/customer/ec/coding/bg_gnavi.png") right bottom no-repeat;
}
ul.mdd_lv1 li a {
	font-weight:bold;
	text-align:center;
    color:#111;
    display:block;
    padding:25px 0px 0px 0px;
    background-color:222;
    height:45px;
    width: 150px;
	text-decoration:none;

}
ul.mdd_lv1 li a:hover,
ul.mdd_lv1 > li.selected > a {
    background-color: #E7E5E1;
}

/*
-- Level2 -------------------------  */
ul.mdd_lv2{
    display:none;
    position:absolute;
    top:70px;
    left:0px;
    background-color: #fff;
	border:#E7E5E1 10px solid;
    width:960px;
    padding:30px 40px 40px 40px;
    list-style-position:outside;
    color:#000;
    margin:0;
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
}
ul.mdd_lv2 li {
    margin:0px 30px 0px 0px;
    width: 280px;
	background:none;
}
ul.mdd_lv2 li ul li a{
    height:auto;
    background-color: none;
    width: auto;
    background-color: #ffffff;
	background:url("/shop/user_data/packages/customize/../img/customer/ec/coding/nav_icon01.png");
	background-repeat:no-repeat;
	background-position:0 9px;
    color:#000;
	padding: 3px 0px 3px 15px;
	text-align:left;
	border-bottom:#E7E5E1 1px dotted;
}
ul.mdd_lv2 li ul li a:hover{
    background-color: #F3F2F0;
}
.mdd_text01{
	font-size:15px;
	font-weight:bold;
	padding:0px 0px 0px 20px;
	margin:0px 0px 20px 0px;
	background:url("/shop/user_data/packages/customize/../img/customer/ec/img_mdd01.gif");
	background-repeat:no-repeat;
	background-position:0 0px;
}
.mdd_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;
}
/*
-- Level3 -------------------------  */
ul.mdd_lv2 li ul .mdd_lv3{
}
ul.mdd_lv2 li ul .mdd_lv3 a{
   height:auto;
    background-color: none;
    width: auto;
    background-color: #ffffff;
	background:url("/shop/user_data/packages/customize/../img/customer/ec/coding/nav_icon02.png");
	background-repeat:no-repeat;
	background-position:0 9px;
    color:#000;
	margin: 0px 0px 0px 15px;
	padding: 3px 0px 3px 15px;
	text-align:left;
	font-weight:normal;
	line-height:1.4em;
}
ul.mdd_lv2 li ul .mdd_lv3 a:hover{
    background-color: #EBEBEB;
}
/*
-- icon -------------------------  */
ul.mdd_lv2 li ul .mdd_icon{
}
ul.mdd_lv2 li ul .mdd_icon a{
   height:auto;
    background-color: none;
    width: auto;
    background-color: #ffffff;
	background:url("/shop/user_data/packages/customize/../img/customer/ec/coding/book_icon.png");
	background-repeat:no-repeat;
	background-position:0 6px;
    color:#000;
	margin: 0px 0px 0px 3px;
	padding: 3px 0px 3px 17px;
	text-align:left;
	font-weight: bold;
}
ul.mdd_lv2 li ul .mdd_icon a:hover{
    background-color: #EBEBEB;
}


.side_btn{
	margin:0px 0px 30px 0px;
	overflow:hidden;
}
.side_btn li{
	float:left;
	width:100%;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	font-size:14px;
	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:15px 15px 15px 15px;
}
.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:0px 0px 30px 0px;
}
.side_list a{
	color:#000;
	text-decoration:none;
}
.side_list a:hover{
	color:#999;
}
.side_list dt{
	font-size:13px;
	font-weight:bold;
	line-height:1.4em;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:left top;
	margin:15px 0px 5px 0px;
	padding:0px 0px 0px 15px;
}
.side_list dd{
	font-size:13px;
	font-weight: normal;
	line-height:1.4em;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:15px top;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 30px;
}
/* 2017/11/28 add agaroot 第3階層 */
.side_list dd.dd-third{
	font-size:13px;
	font-weight: normal;
	line-height:1.4em;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:30px top;
	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/customer/ec/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;
}
/*
-- 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/customer/ec/coding/nav_icon01.png");
	background-repeat:no-repeat;
	background-position:0 6px;
    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;
	border-bottom:#E7E7E7 1px solid;
	margin:0px 0px 20px 0px;
	padding:0px 0px 20px 0px;
}
.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/customer/ec/coding/nav_icon02.png");
	background-repeat:no-repeat;
	background-position:0 6px;
    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;
}
/*
-- Level3 -------------------------  */
.side_lv3{
}
.side_lv3 a{
   height:auto;
    background-color: none;
    width: auto;
    background-color: #ffffff;
	background:url("/shop/user_data/packages/customize/../img/customer/ec/coding/nav_icon02.png");
	background-repeat:no-repeat;
	background-position:0 6px;
    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/customer/ec/coding/book_icon.png");
	background-repeat:no-repeat;
	background-position:0 2px;
    color:#000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 17px;
	text-align:left;
	font-weight: bold;
}
.side_icon a:hover{
    background-color: #EBEBEB;
}
.side_lv4{
	padding-left:1.3em;
	text-indent:-1.3em;
}
#page_top {
	width:1000px;
	height:320px;
	position:relative;
	margin:0 auto;
}
#page {
	height:250px;
	position:relative;
	margin:0px 0px 50px 0px;
}
.form_text{
	font-size:16px;
	font-weight:bold;
}
.form_btn{
	width: 400px;
	margin:0 auto;
}
.form_btn li{
	display:block;
	float:left;
	text-align:center;
	width:100%;
	font-size:18px;
	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:15px 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/customer/ec/coding/top_btnbg.jpg") ;
}
.teacher_list{
	margin:0px 0px 30px 0px;
}
.teacher_list li{
	float:left;
	text-align:center;
	margin:0px 30px 30px 0px;
}
.teacher_list li img{
	width:150px;
	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);
}
.schedule_table{
	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 50px 0px;
}
.price_table tr{
	border-bottom:#E7E7E7 1px solid;
}
.price_table th{
	text-align:left;
	padding:5px;
}
.price_table td{
	text-align:center;
}

.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:14px;
	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 0px;
}
.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 30px 0px;
	overflow:hidden;
}
.check_btn02 li{
	float:left;
	width:100%;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	font-size:14px;
	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 0px;
}
.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 30px 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;
	vertical-align: middle;
	padding:5px 0px;
}
.item_btn .img{
	width:80px;
}
.item_btn .img img{
	width:60px;
}
.item_btn .title{
	font-weight:bold;
	text-align:left;
}
.item_btn .title a{
	color:#000;
	text-decoration:none;
	display:block;
	width:100%;
}
.item_btn .title a:hover{
	color:#999;
}
.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-left: 10px;
}
.item_btn02 .img{
	width:55px;
}
.item_btn02 .img img{
	width:40px;
}
.item_btn02 .title{
	text-align:left;
	line-height:1.4em;
}

.btn01{
	clear:both;
    display:table;
    color:#FFF;
	font-size:16px;
	font-weight:bold;
	background-color:#F00;
	background-image:url(../img/customer/ec/icon05.png);
	background-repeat:no-repeat;
	background-position:98% center;
	margin:10px auto 20px auto;
	padding:10px 50px 10px 40px;
	cursor: pointer;
}
.btn01 a{
	color:#FFF;
	text-decoration:none;
}
.btn01:hover{
	color:#FCC;
}
.btn01 a:hover{
	color:#FCC;
}
.btn02{
	clear:both;
	display:table;
	border:#E7E7E7 1px solid;
	font-size:16px;
	font-weight:bold;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:98% center;
	margin:10px auto 20px auto;
	padding:10px 50px 10px 40px;
	cursor: pointer;
}
.btn02 a{
	color:#000;
	text-decoration:none;
}
.btn02:hover{
	color:#999;
}
.btn02 a:hover{
	color:#999;
}
.btn03{
	font-weight:bold;
	background-color:#F00;
	background-image:url(../img/customer/ec/icon05.png);
	background-repeat:no-repeat;
	background-position:98% center;
	padding:10px 20px 10px 10px;
}
.btn03 a{
	color:#FFF;
	text-decoration:none;
}
.btn03 a:hover{
	color:#FCC;
}
.btn04{
	clear:both;
	display:table;
	font-size:16px;
	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 50px 10px 40px;
	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;
}
.movie{
	clear:both;
	display:table;
	font-size:17px;
	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 20px auto;
	padding:25px 80px 25px 70px;
}
.movie a{
	color:#FFF;
	text-decoration:none;
}
.cartBtn{
	clear:both;
    width:180px;
    color:#FFF;
	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;
}
.cartBtn:hover,
.kounyuBtn:hover {
	color:#FCC;
}
.kounyuBtn{
	color:#FFF;
	font-weight:bold;
	background-color:#F00;
	background-image:url(../img/customer/ec/icon05.png);
	background-repeat:no-repeat;
	background-position:98% center;
	padding:0px 10px 0px 10px;
	cursor: pointer;
}
.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 10px auto;
	padding:10px 10px;
}
.favorite_btn a{
	color:#000;
	text-decoration:none;
}
.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:70px;
	border-bottom:#E7E7E7 1px solid;
	margin:0px 0px 30px 0px;
	padding:0px 0px 30px 100px;
}
.voice_area .female .name{
	color:#C00;
	font-weight:bold;
}
.voice_area .male{
	background-image:url(../img/customer/ec/icon_male.png);
	background-repeat:no-repeat;
	background-size:70px;
	border-bottom:#E7E7E7 1px solid;
	margin:0px 0px 30px 0px;
	padding:0px 0px 30px 100px;
}
.voice_area .male .name{
	color:#369;
	font-weight:bold;
}
.course_table{
	margin:0px 0px 40px 0px;
}
.course_table th{
	width:20%;
	background-color:#F8F8F8;
	border:#E7E7E7 1px solid;
	border-collapse:collapse;
	padding:15px 15px;
}
.course_table td{
	border:#E7E7E7 1px solid;
	border-collapse:collapse;
	padding:15px 15px;
}
.sns_area{
	text-align:right;
	margin:0px 0px 20px 0px;
}
.point_announce{
	/*margin:0px 0px 30px 0px;*/
}
.user_name{
	font-size:20px;
	font-weight:bold;
	background-image:url(../img/customer/ec/menu_smp05.png);
	background-repeat:no-repeat;
	background-size:40px;
	background-position:center left;
	padding:10px 10px 10px 50px;
}
.point{
	color:#F00;
	font-size:20px;
	font-weight:bold;
	margin:0px 5px 0px 0px;
}
.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:300px;
	font-size:12px;
	box-sizing: border-box;
	margin:0px 0px 30px 0px;
	padding:30px;
}
.flow_step{
	overflow:auto;
	margin:0px 0px 70px 0px;
}
.flow_step li{
	float:left;
	font-size:18px;
	font-weight:bold;
	background-image:url(../img/customer/ec/icon03.png);
	background-repeat:no-repeat;
	background-position:right center;
	margin:0px 25px 0px 0px;
	padding:0px 25px 0px 0px;
}
.flow_step span{
	font-size:12px;
	color:#FFF;
	background-color:#333;
	margin:0px 10px 0px 0px;
	padding:5px;
}
.flow_step .on{
	color:#F00;
}
.flow_step .on span{
	background-color:#F00;
}
.alignC{
	text-align:center;
}
.alignR{
	text-align:right;
}
/*-------------------------------------------------

グローバルナビ

-------------------------------------------------*/
#gNavi {
	display:none;
}
.menu_smp{
	display:none;
}



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

SNSボタン

-------------------------------------------------*/
.addtoany_share_save_container {
  text-align: right;
}

.post-type-archive .addtoany_share_save_container {
  display: none;
}

.insert-page [class*="addtoany"] {
  display: none;
}

.blog #sns_area {
  display: none;
}


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

ニュース

-------------------------------------------------*/
.archive_post {
  background: url(../img/customer/ec/icon03.png) no-repeat;
  background-position:  right 25px center;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  padding: 20px;
  transition: .3s;
}
.archive_post:hover {
  background-color: #f3f3f3;
}
.archive_post h2 {
  border: none;
  margin-bottom: 0;
  padding: 0;
}

.archive_post {
  color: #000;
}

a.block_link {
  text-decoration: none;
}


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

2017/07/28 add agaroot
アコーディオン

-------------------------------------------------*/
.agaCustomAccordion {
	margin-top: 10px;
	cursor: pointer;
}

.agaCustomAccordionPlus {
	background: url(https://www.agaroot.jp/wp-content/uploads/2017/07/plus_circle.png) 97% center no-repeat;
	-moz-background-size: 15px 15px;
	background-size: 15px 15px;
}

.agaCustomAccordionMinus {
	background: url(https://www.agaroot.jp/wp-content/uploads/2017/07/minus_circle.png) 97% center no-repeat;
	-moz-background-size: 15px 15px;
	background-size: 15px 15px;
}

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

2017/08/04 add agaroot
イベント情報

-------------------------------------------------*/
.eo-event-venue-map {
	margin-bottom: 20px !important;
}

/* イベントページ用CSS */
.eventPage {
	width: 100%;
	margin-top: -60px;
	padding-top: 70px;
}

/* フルカレンダー */
.fc-time {
	display: none;
}

.clearfix:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
	height: 1px;
	/*\*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}

/* 資格種別ごとにカラー設定 */
.eventPage .shiho {
	background-color: #C00;
	color: white;
	border-left: none;
}
.eventPage .gyosei {
	background-color: #FF9900;
	color: white;
	border-left: none;
}

.eventPage .komuin {
	background-color: #399;
	color: white;
	border-left: none;
}

.eventPage .takken {
	background-color: #FFCC33;
	color: white;
	border-left: none;
}

.eventPage .benri {
	background-color: #3E76BB;
	color: white;
	border-left: none;
}

.eventPage .sharo {
	background-color: #AFD557;
	color: white;
	border-left: none;
}

.eventPage .shoshi {
	background-color: #E40073;
	color: white;
	border-left: none;
}

/* イベント詳細 */
.eventPage h3 {
	margin-left: 10px;
}

@media screen and (min-width:320px) {
	/*　画面サイズが320px~　*/
	.eventPage .leftsideMap {
		width: 100%;
		margin: 0 5px 10px 5px;
		padding-top: 5px;
	}
	.eventPage .rightsideDetail {
		width: 100%;
		margin-bottom: 20px;
	}
}

@media screen and (min-width:700px) {
	/*　画面サイズが700px~　*/
	.eventPage .leftsideMap {
		float: left;
		width: 40%;
		margin: 0 30px 20px;
		padding-top: 5px;
	}

	.eventPage .rightsideDetail {
		float: left;
		width: 50%;
		margin-bottom: 20px;
	}
}

.eventPage dl {
	width: 100%;
}

.eventPage dt {
	clear: left;
    float: left;
    width: 20%;
    background-color: #dad5c9;
    text-align: center;
    margin: 5px 0;
}

.eventPage dd {
	float: left;
    width: 75%;
    margin: 5px 0 5px 10px;
	border-bottom: #dad5c9 1px dotted;
}


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

2017/08/07 add agaroot
司法　予備試験・法科大学院入試A

-------------------------------------------------*/
.shiho_yobi_all {
		display: block;
}

.shiho_yobi_a_full {
	width: 100%;
	background-color: #F7F8F8;
	display: inline-block;
	text-align: left;
}

@media screen and (min-width:320px) {
	/*　画面サイズが320px~　*/
	.shiho_yobi_all div.pic {
		text-align: center;
	}

	.shiho_yobi_a_full div.detail {
		width: 100%;
		height: 280px;
		float: left;
		position: relative;
		/*padding-left: 10px;*/
	}

	.shiho_yobi_a_half {
		width: 48%;
		display: inline-block;
		text-align: left;
	}

	.shiho_yobi_a_half div.pic {
		text-align: center;
		position: relative;
		width: 137px;
		height: 180px;
		overflow: hidden;
	}

	.shiho_yobi_a_half div.detail {
		width: 100%;
		/*height: 200px;*/
		float: left;
		position: relative;
		/*padding-left: 10px;*/
	}

	.user_voice {
		/*width: 100%;*/
		float: left;
		border: solid 2px silver;
		margin: 5px;
		padding: 10px;
	}

	.user_voice .pic {
		text-align: center;
	}

	.user_voice .profile {
		margin: 5px;
		padding: 5px;
		font-size: x-small;
		font-weight: bold;
		line-height: 15px;
		background-color: #F2F2F2;
	}

	.user_voice .uv_detail {
		float: left;
	}
}

@media screen and (min-width:414px) {
	/*　画面サイズが414px~　*/
	.shiho_yobi_all div.pic {
		text-align: center;
	}

	.shiho_yobi_a_full div.detail {
		width: 100%;
		height: 300px;
		float: left;
		position: relative;
		/*padding-left: 10px;*/
	}

	.shiho_yobi_a_half {
		width: 48%;
		display: inline-block;
		text-align: left;
	}

	.shiho_yobi_a_half div.pic {
		text-align: center;
		position: relative;
		width: 137px;
		height: 180px;
		overflow: hidden;
	}

	.shiho_yobi_a_half div.detail {
		width: 100%;
		/*height: 210px;*/
		float: left;
		position: relative;
		/*padding-left: 10px;*/
	}

	.user_voice {
		/*width: 100%;*/
		float: left;
		border: solid 2px silver;
		margin: 5px;
		padding: 10px;
	}

	.user_voice .pic {
		text-align: center;
	}

	.user_voice .profile {
		margin: 5px;
		padding: 5px;
		font-size: x-small;
		font-weight: bold;
		line-height: 15px;
		background-color: #F2F2F2;
	}

	.user_voice .uv_detail {
		float: left;
	}
}

@media screen and (min-width:700px) {
	/*　画面サイズが700px~　*/
	.shiho_yobi_all div.pic {
		clear: left;
		float: left;
	}

	.shiho_yobi_a_full div.detail {
		width: 70%;
		height: 255px;
		float: left;
		position: relative;
		padding-left: 10px;
	}

	.shiho_yobi_a_half {
		width: 48%;
		display: inline-block;
		text-align: left;
	}

	.shiho_yobi_a_half div.pic {
		position: relative;
		width: 137px;
		height: 180px;
		overflow: hidden;
	}

	.shiho_yobi_a_half div.detail {
		width: 58%;
		/*height: 230px;*/
		float: left;
		position: relative;
		padding-left: 10px;
	}

	.user_voice {
		width: 45%;
		float: left;
		border: solid 2px silver;
		margin: 5px;
		padding: 10px;
	}

	.user_voice .pic {
		float: left;
		width: 150px;
	}

	.user_voice .profile {
		margin: 5px;
		padding: 5px;
		width: 110px;
		font-size: x-small;
		font-weight: bold;
		line-height: 15px;
		background-color: #F2F2F2;
	}

	.user_voice .uv_detail {
		float: left;
		width: 200px;
	}
}

.shiho_yobi_all div.teacher_name {
	border-bottom: solid 2px pink;
	text-align: left;
	font-weight: bold;
	font-size: large;
	margin: 10px;
}

.shiho_yobi_all div.teacher_name a {
	text-decoration: none;
}

span.koshi {
	font-size: small;
	padding-left: 5px;
}

.detail p {
	font-size: smaller;
	line-height: 1.4;
}

p.keireki {
	margin-left: 10px;
}

.tag_block {
	line-height: 25px !important;
	position: absolute;
	bottom: 10px;
}
.tag_block .red {
	background-color: #C30D23;
	color: white;
	padding: 3px;
	margin-left: 3px;
	white-space: nowrap;
}

.tag_block .blue {
	background-color: #036EB8;
	color: white;
	padding: 3px;
	margin-left: 3px;
	white-space: nowrap;
}

.user_voice_all {
	position: relative;
	width: 100%;
	cursor: pointer;
}

/*-------------------------------------------------
2017/08/15 add agaroot　カーソルなしを追加
-------------------------------------------------*/
.user_voice_all_noncursor {
	position: relative;
	width: 100%;
}

.uv_detail .status {
	background-color: #C1272D;
	color: white;
	text-align: center;
	font-weight: bold;
}

.uv_detail .title {
	color: #C1272D;
	font-weight: bold;
	margin: 10px 0;
}

.uv_detail .comment {
	font-size: smaller;
	line-height: 16px;
}

/*------------------------------------------
 *	2017/08/18 add agaroot
------------------------------------------*/
@media screen and (min-width:1100px) {

	.user_voice .uv_detail {
		float: left;
		width: 340px;
	}
}

/*------------------------------------------
 *	#title-bar
------------------------------------------*/
#title-bar-gyosei{
	background-color: #ed6c00;
	padding: 35px 10px;
	color: #000000;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	clear:both;
}

#title-bar-sharo{
	background-color: #8FC31F;
	padding: 35px 10px;
	color: #000000;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	clear:both;
}

#title-bar-shiho{
	background-color: #E60012;
	padding: 35px 10px;
	color: #ffffff;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	clear:both;
}

#title-bar-takken{
	background-color: #FCC800;
	padding: 35px 10px;
	color: #000000;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	clear:both;
}

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

.lp_logo img{
	width:200px;
}

#lp_block{
	width: 100%;
	padding: 20px 0px;
	/*background-color: #FF0000;*/
}

#lp_block_white{
	width: 100%;
	padding: 20px 0px;
	background-color: #FFFFFF;
}

#lp_section{
	width: 1100px;
	margin: auto auto;
	/*background-color: #FFFFFF;*/
}

#lp_section_point{
	width: 1000px;
	margin: auto auto;
        display:block;
        position: relative;
	padding: 15px 0px 10px;
	color: #ed6c00;
	font-size: 24px;
	font-weight: bold;
	text-align: left;
}

#lp_section_sentence{
	width: 1000px;
	margin: auto auto;
	padding: 1px 0px 1px;
	font-size: 16px;
	text-align: left;
}

.lp_point1::before {
      content: "特長１： " ;
}

.lp_point2::before {
      content: "特長２： " ;
}

.lp_point3::before {
      content: "特長３： " ;
}

.lp_point4::before {
      content: "特長４： " ;
}

.lp_point5::before {
      content: "特長５： " ;
}

.lp_point6::before {
      content: "特長６： " ;
}

.lp_point7::before {
      content: "特長７： " ;
}

.lp_box {
      overflow : hidden;
      padding: 10px 15px 0px;
}

.lp_box_line_two_left {
      float: left;
      width: 60%;
      padding-bottom : 300px;
      margin-bottom : -300px;
}

.lp_box_line_two_right {
      float: right;
      width: 35%;
      padding-bottom : 300px;
      margin-bottom : -300px;
      text-align: center;
}

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

.lp_box-left-color1 {
}

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

.lp_box-left-color2 {
}

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

.lp_box-left-color3 {
}

.lp_form {
  border-collapse: collapse;
}

.lp_form th {
  display: block;
  padding: 10px;
  background-color: #E7E7E7;
}

.lp_form td {
  display: block;
  padding: 10px;
}

#container #mainArea #content #lp_block #lp_section #lp_section_point::before {
　　position: absolute;
    bottom: 0;
    left: 0;
    color: #C1272D;
    font-family: 'Spectral', serif;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
}

.lp_youtube{
	width:90%;
	border: solid 2px #000000;
	text-align: center;
	background-color: #efefef;
	margin: auto auto;
	padding: 10px 5px;
}

.youtube03 {
        position: relative;
	width:100%;
	margin:0px 0px 0px 0px;
        display: inline;
}

.youtube03 iframe {
}

/*------------------------------------------
 *20171005 add tanaka
------------------------------------------*/
#lp_tel_pc{
	position: fixed;
	right: 0px;
	bottom: 140px;
	width: 50px;
	z-index: 100;
}

#lp_tel_pc-img{
}

#lp_cta{
	margin: 5px auto;
	width: 1000px;
}

.lp_cta_block{
	display: table;
}

.lp_cta_block_element{
	display: table-cell;
	width: 500px;
	text-align: center;
}

#lp_tel_sp{
	display: none;
}

/* 2017/12/08 add agaroot start LP用価格表 */
.lp_price_table{
	margin:0px 0px 50px 0px;
}
.lp_price_table tr{
	border-bottom:#E7E7E7 1px solid;
}
.lp_price_table th{
	text-align:left;
	padding:5px;
}
.lp_price_table td{
	text-align:left;
}

.lp_list ul li{
	list-style-type: disc;
}

/* 2017/08/21 add agaroot start LPページ用ローダー */

#lp_loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #000;
  z-index: 1;
}
#lp_loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 2;
}
/* 2017/08/21 add agaroot end */

/* 2017/12/15 add agaroot*/
.column_box {
    position: relative;
    margin: 6em 0 1em;
    padding: 0.5em 1em;
    border: solid 3px #696969;
}
.column_box .navi_icon {
    margin: 10px;
}
.column_box .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #696969;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.column_box p {
    margin: 0;
    padding: 0;
}
.login_area {
    margin-top:20px;
}
/* マイページのお知らせ表示ブロックに、お知らせごとの仕切りボーダーを設定 */
.bottomBorder {
	border-bottom: dotted 1px silver;
	margin: 10px 0;
	padding: 0 0 10px 10px !important;
}
/* マイページ用 */
/* 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;
}

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

.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: 10px;
	background: #fff;
}
.fontSize_ratherBig{
	font-size: 1.2rem;
	line-height: 1.5rem;
}

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

.shipment_attention {
	text-align: center;
}

.entryBtnArea{
	background: #fff4f4;
	padding: 15px;
}


.arrowLink{
	position: relative;
	display: inline-block;
	padding: 0 0 0 17px;
	margin-left: 2px;
	vertical-align: middle;
}
.arrowLink::before,
.arrowLink::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.arrowLink::before{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #336699;
}
.arrowLink::after{
	left: 5px;
	box-sizing: border-box;
	width: 3px;
	height: 3px;
	border: 3px solid transparent;
	border-left: 3px solid #fff;
}

.coupon_application_table .select_category {
    display: flex;
    align-items: flex-end;
}
.coupon_application_table .select_category select {
    width: 50%;
    max-width: 50%;
}
.coupon_application_table .btnApply {
  margin-left: 10px;
  margin-top: 0;
}

.accordion {
  transition: all .2s ease-in;
  border: 1px solid rgba(0, 0, 0, 0.4);
  padding: 4px;
  margin-bottom: 4px;
}

.mypage-alert-block {
  display: flex;
  background: #feebc8;
  padding: 8px 12px 12px 0;
  border-radius: 8px;
  max-width: 640px;
  margin: 0 auto 32px auto;
  font-size: 14px;
}
.mypage-alert-block .icon-block {
  display: flex;
  justify-content: center;
  width: 44px;
  flex-shrink: 0;
  padding-top: 2px;
}
.mypage-alert-block .alert-title {
  font-weight: bold;
}
.mypage-alert-block .alert-text {
  margin-bottom: 12px;
}
.mypage-alert-block a {
  background: white;
  border-radius: 8px;
  border-color: #c4c4c4;
  padding: 10px 16px;
  border-style: solid;
  cursor: pointer;
  font-weight: bold;
  border-width: 1px;
  text-decoration: none;
  color: black;
}
.mypage-alert-block a:hover {
  background: #edf2f7;
}
@media screen and (max-width: 600px) {
  .mypage-alert-block p {
    font-size: 12px;
  }
}