@charset "utf-8";

@import url("reset.css");


/*************
* クリア系 
**************/

/***** clearfix：フロート解除 ******/
.clearfix:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}

/***** clearfix：クリア ******/
.clearfix {
	display:inline-block;
}

/* Hides from IE5-mac \*/
* html .clearfix, * html #content, * html .veri { height:1px; }
.clearfix #content .veri { display:block; }
/* End hide from IE5-mac */


/* 幅100%表示 \*/
.w100 {
	width:100%;	
}

/* レイヤーを上げる */
.z-up {
	z-index: 100;
	position: relative;	
}

/******************
* 基本スタイル
*******************/

/****** bodyタグ ******/
body {
	background-color: #fff;
	color: #380000;
}

/****** 横スライド禁止 ******/
body.ov {
	overflow-x: hidden;	
}

/****** ページタイトル以外のコンテンツ全体に反映 ******/
div.main {
	padding: 0;
	background:url("../../img/EKO/Common/base_bg.png");
	background-size: 80%;
}

/****** main前に反映 ******/
div.main:before {
	display:block;
	content:"";
	height:5px;
	/*
	-moz-box-shadow: inset 0px 3px 3px rgba(224,224,224,0.4);
	-webkit-box-shadow: inset 0px 3px 3px rgba(224,224,224,0.4);
	*/
}

/****** main後に反映 ******/
div.main:after {
	display:block;
	content:"　";
	height:0.5em;
	/*
	-moz-box-shadow: inset 0px -3px 3px rgba(224,224,224,0.4);
	-webkit-box-shadow: inset 0px -3px 3px rgba(224,224,224,0.4);
	*/
}


/****** 見出しとmainをくっ付ける場合 ******/

div.main_margin_top_off {
	padding: 0;
	background:url("../../img/EKO/Common/base_bg.png");
	background-size: 80%;
}

div.main_margin_top_off:before {
	display:block;
	content:"　";
	height:0.5em;
}

div.main_margin_top_off:after {
	display:block;
	content:"　";
	height:0.5em;
	-moz-box-shadow:inset 0px -3px 3px rgba(224,224,224,0.4);
	-webkit-box-shadow:inset 0px -3px 3px rgba(224,224,224,0.4);
}


/****** 古いandroid対策 ******/
nav {
	display: block;
}


/**********
* 見出し
***********/

/****** 現在使っていない ******/
h1 {
	display: none;
/*
	color:#FFFFFF;
	background-color:#000000;
	text-align: center;
	font-size: 100%;
	line-height:1.8em;

	background: -moz-linear-gradient( top,
		#717171,
		#424242 50%,
		#313131 51%,
		#222222
		);

	background: -webkit-gradient( linear, left top, left bottom,
		from(#717171),
		color-stop(50%, #424242),
		color-stop(51%, #313131),
		to(#222222)
		);
*/
}

/****** ②ページのサブタイトル *****/
h2 {
	display: block;
	background: url('../../img/EKO/Common/h2_stitle_bg.png') no-repeat; 
	background-position: center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	vertical-align: middle;
	text-align: center;
	font-size: 1.2em;
	padding: 10px 0 0 0; 
	color: white;
	text-shadow: 0px 2px 1px #774900, 2px 0px 1px #774900, 0px -2px 1px #774900, -2px 0px 1px #774900;
	line-heght:100px;
}

/****** ②ページのタイトル *****/
h2.pagetitle {
	background: url('../../img/EKO/Common/h2_title_bg.png'), url("../../img/EKO/Common/base_bg.png");
}



/****** ③ページのサブタイトル ******/
h3{
	/* padding: 3% 0 2.5%;
	line-height: 40px; width可変対応*/
	padding: 3% 0 4%;
	margin: 0.4em;
	background:url("../../img/EKO/Common/h3_stitle_bg.png") center center no-repeat;
	-webkit-background-size:100% 100%;
	color:#1D5222;
	text-align:center;
	text-shadow: 0px 0px 1px #FFF, 0px 0px 1px #FFF, 0px 0px 2px #FFF, 0px 0px 2px #FFF, 0px 0px 2px #FFF, 0px 0px 2px #FFF,
				 0px 0px 2px #FFF, 0px 0px 2px #FFF, 0px 0px 3px #FFF, 0px 0px 3px #FFF, 0px 0px 3px #FFF, 0px 0px 3px #FFF, 
				 0px 0px 3px #FFF, 0px 0px 3px #FFF, 0px 0px 3px #FFF, 0px 0px 3px #FFF, 0px 0px 3px #FFF, 0px 0px 3px #FFF;
}

h3.subtitle{
	/* line-height: 1.3em;
	padding: 0.5em 0 1.0em; width可変対応*/
	margin: 0.5em 0;
}

@media screen and (max-width:480px){
	h3.Line2{
	margin: 0.5em -0.2em;
	background:url("../../img/EKO/Common/h3_stitle_bg2.png") center center no-repeat;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.75em 1em;
	}
}

h3.Line2ver{
	margin: 0.5em -0.2em;
	background:url("../../img/EKO/Common/h3_stitle_bg2.png") center center no-repeat;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 6% 1em 7%;
	}

/****** ③ページのサブタイトル　アイコン付き ******/
h3.icon {
	text-shadow:none;
    margin: 0 0 5px 0;
    text-align: left;
    line-height: 2em;

    color: #491512;
    font-size: 100%;
    font-weight: bold;
	
	background: none;
	/*
    background: -moz-linear-gradient( top,
        #ffabd4,
        #ffabd4 2%,
        #ff80bf 4%,
        #f33c96
        );

    background: -webkit-gradient( linear, left top, left bottom,
        from(#ffabd4),
        color-stop(2%, #ffabd4),
        color-stop(4%, #ff80bf),
        to(#f33c96)
        );
	*/
}

/* 文字入力 */
h3.icon>span {
    padding-left: 37px;
	margin-left: 7px;

    background-position: 2px center;
    background-repeat: no-repeat;
    
	display:block;
	line-height:2.4em;
}

/* 二行表示用 */
h3.icon.Line2 > span {
	line-height: 1.2em;
	padding: 3px 0 3px 37px;
	background-position: 2px top;
}

/* アイコン設定 */
h3.detail[class^="icon"] > span {
    background-image: url("../../img/EKO/Common/icon_detail.png");
}

h3.point[class^="icon"] > span {
    background-image: url("../../img/EKO/Common/icon_point.png");
}

h3.l2[class^="icon"] > span {
	background-position: 2px top;
	line-height: 1.2;
	padding-top: 0.2em;
	padding-bottom: 0.4em;
}

h3.point_border[class^="icon"] > span {
    background-image: url("../../img/EKO/Common/icon_point.png");
    border-bottom: solid #C2B595;
    margin: 0 10px 0 10px;
}

h3.write[class^="icon"] > span {
    background-image: url("../../img/EKO/Common/icon_write.png");
}

h3.manual_item[class^="icon"] > span {
    background-image: url("../../img/EKO/Common/icon_base.png");
    margin-left: 0px;
    line-height: 1.9em;
    border-bottom: solid #C2B595;
    color: #0D8C0E;
}

/* アイコン見出しセンター寄せ */
h3.icon.center span{
	display:inline-block;
	margin: 0 0 0 -2em;
}

.next a.commentinfo {
	background: url("../../img/EKO/Common/form_icon_title.png") left center no-repeat;
	background-size: auto 22px;
	-webkit-background-size: auto 22px;
	padding-left: 25px;
	padding-right: 0.5em;
	color:#430B09;
	line-height: 28px;
}

/**********
* ライン
***********/

hr {
	margin: 0.4em 0;
	border-width: 2px 0 0 0;
	border-color: #cb7602;
	border-style: solid;
}

hr.dotted {
	border-style: dotted;
}

hr.dashed {
	border-style: dashed;
}


/**********************
* 段落・リスト表示
***********************/
p, ul {
	margin: 0.8em 0.2em;
	line-height:normal;
}

/****** リスト *****/
ul {
	padding: 0.5em 0.2em 0.5em 1em;
	list-style-type: disc;
}

.news{
	list-style-type: square;
}

ol {
	padding: 0.5em 0.2em 0.5em 1em;
	list-style-type: number;
}

li {
	margin: 0.8em 0;
	line-height:normal;
}


/**********************
* 文字系：強調/色付け等
***********************/
em {
	font-style: normal;
	color: #FF8040;
}

strong {
	color: #FF4455;
}

small {
	color: red;
}

small:before {
	content: url("../../img/EKO/Common/sstitle_bg_notice.png");
}

i.supplement {
	font-size: 0.8em;
}

.small {
	font-size: 0.8em;	
}

.Attention {
	color: red;
}

.bold {
	font-weight:bold;	
}

/*文字色*/
.red {
	color: #de0936;
}

.orange {
	color: #da5a05;
}

.yellow {
	color: #d99f03;
}

.yellowgreen {
	color: #5e840a;
}

.green {
	color: #336633;
}

.pink {
	color: #f75594;
}

.perple {
	color: #8c1db5;
}

.blue {
	color: #1b2ea1;
}

.rightblue {
	color: #006699;
}

.bluegreen {
	color: #058975;
}

.emred {
	color: #ff0000;
	font-weight:bold;
}

 .magenta {
	color:#BC2E56;
}

/* テキスト装飾 */
.sptxt {
    font-weight: bold;
    position:relative;
    color: #df8c12;
    text-shadow: 0 0 0.1em #451d05,0 0 0.1em #451d05,0 0 0.1em #451d05,0 0 0.1em #451d05,0 0 0.1em #451d05,
				 0 0 0.1em #451d05,0 0 0.1em #451d05,0 0 0.1em #451d05,0 0 0.1em #451d05,0 0 0.1em #451d05,
    			 0.1em 0.1em 0.1em #451d05,0.1em 0.1em 0.1em #451d05,0.1em 0.1em 0.1em #451d05,0.1em 0.1em 0.1em #451d05;
	line-height: 1 !important;
	display: inline-block;
}

.sptxt:before {
    content:attr(title);
	-webkit-mask-image: url("../../img/EKO/Common/linemask.png");
	-webkit-mask-size: auto 100%;
	color: #fbca7c;
	position:absolute;
	left:0;
}

/* 点滅 */
.blink {
	-webkit-animation: blink 0.7s infinite alternate;
}

@-webkit-keyframes blink {
	0% {opacity: 0}
   49% {opacity: 0}
   50% {opacity: 1}
  100% {opacity: 1}
}

/* 文字フチ取り */
.w_glow {
	text-shadow:0 0 0.1em #FFF,0 0 0.1em #FFF,0 0 0.1em #FFF,0 0 0.1em #FFF,0 0 0.1em #FFF,0 0 0.1em #FFF,
				0 0 0.1em #FFF,0 0 0.1em #FFF,0 0 0.1em #FFF,0 0 0.1em #FFF,0 0 0.1em #FFF,0 0 0.1em #FFF;
}

.r_glow {
	text-shadow:0 0 0.1em #F00,0 0 0.1em #F00,0 0 0.1em #F00,0 0 0.1em #F00,0 0 0.1em #F00,0 0 0.1em #F00,
				0 0 0.1em #F00,0 0 0.1em #F00,0 0 0.1em #F00,0 0 0.1em #F00,0 0 0.1em #F00,0 0 0.1em #F00;
}

.y_glow {
	text-shadow:0 0 0.1em #FFD44F,0 0 0.1em #FFD44F,0 0 0.1em #FFD44F,0 0 0.1em #FFD44F,0 0 0.1em #FFD44F,0 0 0.1em #FFD44F,
				0 0 0.1em #FFD44F,0 0 0.1em #FFD44F,0 0 0.1em #FFD44F,0 0 0.1em #FFD44F,0 0 0.1em #FFD44F,0 0 0.1em #FFD44F;
}

.db_glow {
	text-shadow:0 0 0.1em #036597,0 0 0.1em #036597,0 0 0.1em #036597,0 0 0.1em #036597,0 0 0.1em #036597,0 0 0.1em #036597,
				0 0 0.1em #036597,0 0 0.1em #036597,0 0 0.1em #036597,0 0 0.1em #036597,0 0 0.1em #036597,0 0 0.1em #036597;
}

.dp_glow {
	text-shadow:0 0 0.1em #570c2b,0 0 0.1em #570c2b,0 0 0.1em #570c2b,0 0 0.1em #570c2b,0 0 0.1em #570c2b,0 0 0.1em #570c2b,
				0 0 0.1em #570c2b,0 0 0.1em #570c2b,0 0 0.1em #570c2b,0 0 0.1em #570c2b,0 0 0.1em #570c2b,0 0 0.1em #570c2b;
}

.br_glow {
	text-shadow:0 0 0.1em #430B09,0 0 0.1em #430B09,0 0 0.1em #430B09,0 0 0.1em #430B09,0 0 0.1em #430B09,0 0 0.1em #430B09,
				0 0 0.1em #430B09,0 0 0.1em #430B09,0 0 0.1em #430B09,0 0 0.1em #430B09,0 0 0.1em #430B09,0 0 0.1em #430B09;
}

/* 左矢印マーク */
.check {
	margin: 0em 0 0.3em;
	background: url("../../img/EKO/Common/sublink_icon2.png") no-repeat left center;
	padding: 0.4em 1.9em 0.3em;
	background-size: 1.6em;
	-webkit-background-size: 1.6em;
}

/**************
* リンク系
***************/
a, a:link, a:visited {
	text-decoration: none;
	line-height: 2.6em;
	margin: 0px;
	padding: 0.8em 0px;
	color:#00f;
}

a:focus {
	color: orangered;
}

/*ブロックリンク*/
a.blocklink {
	line-height: normal;
	display: block;
	padding:0.5em 20px 0.5em 0.5em;
	background: url("../../img/EKO/Common/link_mark.png") 98% center no-repeat transparent;
	-webkit-background-size: 9px auto;
	background-size: 9px auto;
}

a.bl_center {
	padding-left:30px;
}


/*##フォーム*/
input {
 margin: 0.5em 0;/* txtareaと合わせるためのmargin */
}


input[type="checkbox"] {
	width: 1.4em;
	height: 1.4em;
	vertical-align: middle;

}

input[type="submit"], input[type="button"], button, a.command {
	font-size: 1.4em;
	padding: 0.2em 1em;
	border: 2px solid #666;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background: -moz-linear-gradient(top,
		#ffffff,
		#8e8e8e
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#ffffff),
		to(#8e8e8e)
	);
}

/*ボタン風リンク*/
a.command {
	color: #000;
}

div.commandselect {
	text-align: center;
}

input[type="text"], textarea {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 1.2em;

	-moz-box-shadow: inset 1px 2px 3px #444;
	-webkit-box-shadow: inset 1px 2px 3px #444;
/*	border: 3px inset #888;*/
	margin: 0.5em 0;/* txtareaと合わせるためのmargin */
}

form>div.submit {
	text-align: center;
}

textarea {
	width: 100%;
	height: 5em;
}

/* カラーボタン */
.clrbtn {
    background: url("../../img/EKO/Common/sublink_icon.png") 0.6em center no-repeat,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9c667), color-stop(100%,#b76d19));
    background: url("../../img/EKO/Common/sublink_icon.png") 0.6em center no-repeat,-webkit-linear-gradient(top, #F9C667 0%,#B76D19 100%);
	background: url("../../img/EKO/Common/sublink_icon.png") 0.6em center no-repeat,linear-gradient(top, #f9c667 0%,#b76d19 100%);
    -webkit-background-size: 1.5em,auto;
	background-size: 1.5em,auto;
	-webkit-box-shadow: inset 1px 1px 1px rgba(255,255,255,0.3),inset -1px -1px 0 rgba(0,0,0,0.3);
	box-shadow: inset 1px 1px 1px rgba(255,255,255,0.3),inset -1px -1px 0 rgba(0,0,0,0.3);
	border: 1px solid #AB6D17;
	border-radius: 5px;
    padding: 0.7em 3% 0.7em 2.4em !important;
    color: #430B09 !important;
}

/* ブロックボタン */
.command.block {
	display: block;
	line-height: 1;
	text-align: center;
	width: 60%;
	margin: 2% auto;
	font-size: 0.9em;
	padding: 0.5em 0;
}

/* スペシャルボタン */
.command.sp_btn {
	margin: 4% auto;    
    box-shadow: inset 1px 1px 0px rgba(255,245,155,0.6),2px 2px 5px rgba(100,20,0,0.5);
	-webkit-box-shadow: inset 1px 1px 0px rgba(255,245,155,0.6),2px 2px 5px rgba(100,20,0,0.5);
	border: 2px solid #C98117;  
    padding: 0.7em 3%;
    color: #9D3D09;
    font-weight: bold;
    display: block;
    font-size: 1em;
	text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#ffe99b), color-stop(100%,#ffaa00));
	background: -webkit-linear-gradient(top,  #ffe99b 2%,#ffaa00 100%);
	background: linear-gradient(top,  #ffe99b 2%,#ffaa00 100%);
	text-align: center;
	line-height: 1;
}

/*ラベルとその確認時用*/
label, span.label {
	color: #A40000;
}

/*確認用入力済みテキスト*/
span.inputtedtext {
	font-size: 1.2em;
}


/*多分textarea*/
div.inputtedtext {
	font-size: 1.2em;
	width: 100%;
}


div.footer {
	text-align: center;
	background-color: white;
	padding: 1em 0;
	font-size:0.8em;
}

hr.footer {
	border-width: 1px;
	border-color: #f0821e;
}

input[type="email"] {
	width: 80%;
	font-size: 1.2em;
}

/* センター寄せ */
.center {
	text-align: center !important;
}

/**********************
* センター寄せ画像
***********************/

[class^=image] {
	display:block;
	margin:0 auto;
}

.image100 {
	width:100%;	
}

.image90 {
	width:90%;	
}

.image80 {
	width:80%;	
}

.image70 {
	width:70%;	
}

.image60 {
	width:60%;	
}

.image50 {
	width:50%;	
}

/**************************
* ページ個々の基本スタイル
***************************/

/* ベースA*/
.base_a {
	width:88.5%;
	margin:2% auto;
	background-color:#FFFFFF;
	border:3px solid #CACACA;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding:2.2% 3.0%;
	line-height:130%;
	text-align:center;
}

/* ベースB */
.base_b {
	width:88.5%;
	margin:2% auto;
	background-color:#FFFFFF;
	border:3px solid #FFFFFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding:2.2% 3.0%;
	text-align:left;
	line-height:130%;
}

.base_b .base_b_title {
	width:100%;
}
.base_b .sstitle_line {
	width:100%;
	display:block;
}

/* 点線のライン */
.sstitle_line_b {
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
}

/*今後はh4使って*/
.base_b .title_body {
	padding-left:8%;
	margin:0 2% 0.3% 1%;
	line-height:140%;
	font-size:130%;
	background:url("../../img/News/sstitle_bg_hai.png") left center no-repeat;
}
.base_b .base_b_body{
	margin-top:3.5%;
	line-height:140%;
}

/* ベースC */
.base_c {
	width:94.2%;
	margin:2% auto;
	background-color:#FFFFFF;
	border:3px solid #FFFFFF;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;

	padding:0.2% 0.1%;
	line-height:130%;
	text-align:center;
}

/*
.base_a, .base_b, .base_c > h3{
	background:url("../../img/EKO/Common/h4_stitle_bg.png") center center no-repeat ,#FFFFFF;
}
*/

/* インナーベース A
-----------------------------*/

.innerbase_a {
	width:90%;
	margin:2% auto;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border:3px solid #C6B595;
	background-color:#FFFFED;
	padding:3.0%;
	text-align:left;
	line-height:140%;
}


/**************************
* アイコンリンク
***************************/
.iconlink {
	width: 100%;
	background: url("http://connect-pls.com/ja/img/Common/footer_bg01.png") no-repeat left bottom;
	background-size: 100%;
	padding: 2% 0 0;
	text-align: center;
	display: -webkit-box;
	overflow: hidden;
}

.iconlink_cell {
	width: 20%;
}

.iconlink_cell img{
	width: 95%;
}

.iconlink_cell a {
	width: 100%;
	display: block;
	color:#fff;
	padding: 0 !important;
	line-height:0 !important;
}

/*固定フッタ用*/
.fixedfooter {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    margin: 0;
	z-index: 100;
}

/* 横スライド対応（フッターバグ） */
#dummynav td {
	width:20%;	
}

#dummynav img {
	width: 100%;
}

/*アイコン付テキストセンター寄せ*/
.icontxt_center {
	display: table !important;
	padding: 0 !important;
	margin: 0 auto !important;
	color: #491512 !important;
	font-size: 1em !important;
}

.icontxt_center img {
	width: 1.5em !important;
	display: table-cell !important;
	margin-right: 0.2em !important;
}

.icontxt_center span {
	display: table-cell !important;
	vertical-align: middle !important;
	text-align: left !important;
	background:none !important;
	padding: 0 !important;
	text-shadow: none !important;
}

/*padding,margin,line-height初期化*/
.pml {
	padding:0 !important;
	margin:0 !important;
	line-height:1 !important;
}

/*梱包aタグ*/
.apack {
	padding:0 !important;
	margin:0 !important;
	line-height:1 !important;
	display:block !important;
}

/**************************
* テーブルリンク
***************************/
/*
div.tablelink {
	width: 100%;

	margin-top: 0.4em;
	border: 2px groove #666;
	border-width: 2px 0px;

	text-align: center;

	background: -moz-linear-gradient( top,
		#3f3f3f,
		#222222
		);

	background: -webkit-gradient( linear, left top, left bottom,
		from(#3f3f3f),
		to(#222222)
		);

	display: table;
	border-collapse: separate;
}
*/


div.tablelink>a {
	border-style: groove;
	border-color: #666;
	border-width: 0 0 0 2px;

	margin: 0.2em;
	padding: 0.4em;

	display: table-cell;
	line-height: normal;
}

/*左端はボーダー消し*/
div.tablelink>a:nth-child(3n+1) {
	border-style: none;
}

/*幅*/
div.num3>a {
	width: 33.3%;
}

div.num2>a {
	width: 50%;
}

/*ボタン画像の扱い*/
div.tablelink>a>img {
	vertical-align: middle;
	width: 100%;
}

div.tablelink>a:only-child>img {
	width: 50%;
}

/*並んだら連結*/
div.tablelink + div.tablelink {
	border-top-width: 0;
	margin-top: 0;
}

/*#ボタン*/
div.tablelink span.tablebutton {
	color: #fff;

	border: 1px outset #72b534;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;

	background: url("../../img/EKO/Common/btn_linkmark.png") 98% center no-repeat, -moz-linear-gradient( top,
		#4e8426,
		#589226 50%,
		#3b8000 51%,
		#479001 );

	background: url("../../img/EKO/Common/btn_linkmark.png") 98% center no-repeat, -webkit-gradient( linear, left top, left bottom,
		from(#4e8426),
		color-stop(50%, #589226),
		color-stop(51%, #3b8000),
		to(#479001)
		);

	background-size: 7px auto, auto;
	-webkit-background-size: 7px auto, auto;

	font-size: 0.9em;
	margin: 0;
	padding: 0.3em 14px 0.3em 4px;
	line-height: normal;
	vertical-align: bottom;
	white-space: nowrap;
	width: 10%;
}

/*
div.tablelink {
	width: 100%;
	margin-top: 0.4em;
	border: 2px groove #666;
	border-width: 2px 0px;
	text-align: center;
	background: -moz-linear-gradient( top,#3F3F3F,#222 );
	background: -webkit-gradient( linear, left top, left bottom,from(#3F3F3F),to(#222) );
	display: table;
	border-collapse: separate;
}
*/

div.tablelink > a:nth-child(3n+1) {
	border-style: none;
}

.m0 {
	margin: 0 !important;
}

div.num2 > a {
	width: 50%;
}

div.tablelink > a {
	border-style: groove;
	border-color: #666;
	border-width: 0 0 0 2px;
	margin: 0.2em;
	padding: 0.4em;
	display: table-cell;
	line-height: normal;
}

.tablelink2 {
	margin: 0;
	text-align: left;
	line-height: 2em;
	color: white;
	font-size: 100%;
	font-weight: normal;
	background: url(../../img/EKO/Common/btn_linkmark.png) no-repeat 96% center, -moz-linear-gradient(top, #ffd3e4 0%, #f75096 3%, #f95095 41%, #f44c97 49%, #ed1c70 51%, #e01679 62%, #d71683 77%, #d81983 90%, #e62f8b 98%, #f768b8 100%);
	background: url(../../img/EKO/Common/btn_linkmark.png) no-repeat 96% center,  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd3e4), color-stop(3%,#f75096), color-stop(41%,#f95095), color-stop(49%,#f44c97), color-stop(51%,#ed1c70), color-stop(62%,#e01679), color-stop(77%,#d71683), color-stop(90%,#d81983), color-stop(98%,#e62f8b), color-stop(100%,#f768b8));
	background-image: ;
	display: block;
	border-radius: 3px;
}

.tablelink2 > span {
	padding-left: 37px;
	margin-left: 7px;
	background-position: 2px center;
	background-repeat: no-repeat;
	background-size: 28px auto;
	-webkit-background-size: 28px auto;
	display: block;
	line-height: 2.4em;
	font-weight: bold;
}

/**************************
* ブロックリンクリスト
***************************/

/*#基本*/
div.bllist {
	background-color: #EAC28F;
	padding: 0.2em 0;
}

/* 3パターンリスト*/
div.bllist>a, div.bllist>div {
	/*display: block;*/
	display: -webkit-box;
	-webkit-box-align: center;
	padding:0.5em 20px 0.5em 0.5em;

	background: 
		url("../../img/EKO/Common/link_mark.png") 98% center no-repeat,
		url("../../img/EKO/Common/link_bg_1_0.png") right center no-repeat
		#FFE3BB;

	-webkit-background-size: 9px auto, auto;
	background-size: 9px auto, auto;
	color:#491512;
	text-shadow: 0 1px 1px #FFFFFF, 0 0 1px #FFFFFF, 1px 0 1px #FFFFFF, 0 -1px 1px #FFFFFF, -1px -1px 1px #FFFFFF, -1px 0 1px #FFFFFF;
	line-height: 0.7em;
}

div.bllist>a:nth-child(3n+2) {
	background: 
		url("../../img/EKO/Common/link_mark.png") 98% center no-repeat,
		url("../../img/EKO/Common/link_bg_2_0.png") right center no-repeat
		#FFE3BB;
	background-size: 9px auto, auto;
	line-height: 0.7em;
}

div.bllist>a:nth-child(3n+3) {
	background: 
		url("../../img/EKO/Common/link_mark.png") 98% center no-repeat,
		url("../../img/EKO/Common/link_bg_3_0.png") right center no-repeat
		#FFE3BB;
	background-size: 9px auto, auto;
	line-height: 0.7em;
}

div.bllist>div:nth-child(3n+1),
div.bllist>div:nth-child(3n+2),
div.bllist>div:nth-child(3n+3) {
	-webkit-background-size: auto;
	background-size: auto;
	background-position:right center;
	background-repeat:no-repeat;
}

div.bllist>div:nth-child(3n+1) {
	background: url("../../img/EKO/Common/link_bg_1_0.png") right center no-repeat #FFE3BB;
;
}

div.bllist>div:nth-child(3n+2) {
	background: url("../../img/EKO/Common/link_bg_2_0.png") right center no-repeat #FEE5A2;
}

div.bllist>div:nth-child(3n+3) {
	background: url("../../img/EKO/Common/link_bg_3_0.png") right center no-repeat #FFE3BB;
}

/* 6パターンリスト*/
div.bllist>a.lists:nth-child(6n+2) {
	background: 
		url("../../img/EKO/Common/link_mark.png") 98% center no-repeat,
		url("../../img/EKO/Common/link_bg_2_0.png") right center no-repeat
		#FEE5A2;
	background-size: 9px auto, auto;
	line-height: 0.7em;
}

div.bllist>a.lists:nth-child(6n+3) {
	background: 
		url("../../img/EKO/Common/link_mark.png") 98% center no-repeat,
		url("../../img/EKO/Common/link_bg_3_0.png") right center no-repeat
		#FFE3BB;
	background-size: 9px auto, auto;
	line-height: 0.7em;
}


div.bllist>a.lists:nth-child(6n+4) {
	background: 
		url("../../img/EKO/Common/link_mark.png") 98% center no-repeat,
		url("../../img/EKO/Common/link_bg_1_0.png") right center no-repeat
		#FEE5A2;
	background-size: 9px auto, auto;
	line-height: 0.7em;
}

div.bllist>a.lists:nth-child(6n+5) {
	background: 
		url("../../img/EKO/Common/link_mark.png") 98% center no-repeat,
		url("../../img/EKO/Common/link_bg_2_0.png") right center no-repeat
		#FFE3BB;
	background-size: 9px auto, auto;
	line-height: 0.7em;
}

div.bllist>a.lists:nth-child(6n+6) {
	background: 
		url("../../img/EKO/Common/link_mark.png") 98% center no-repeat,
		url("../../img/EKO/Common/link_bg_3_0.png") right center no-repeat
		#FEE5A2;
	background-size: 9px auto, auto;
	line-height: 0.7em;
}


/*項目間*/
div.bllist>a+a, div.bllist>a+div, div.bllist>div+a, div.bllist>div+div {
	margin-top: 3px;
}

/*#アイコン付きタイトル＋サブタイトル*/
div.bl_title {
	color: #000;
	font-weight: bold;
	padding: 0.3em 0em 0.3em 1.5em;
	line-height: 1.3em;
}

div.bl_sub {
	color: #777;
	font-size: 0.8em;
	margin-left:12px;
	padding:0.6em 0em 0em 22px;
	background: url("../../img/EKO/Common/datalink_icon.png") left 0.4em no-repeat;
	text-shadow: 0 1px 1px #FFFFFF, 0 0 1px #FFFFFF, 1px 0 1px #FFFFFF, 0 -1px 1px #FFFFFF, -1px -1px 1px #FFFFFF, -1px 0 1px #FFFFFF;
}

/*#アイコンリストボックス*/
div.bllist div.boxicon, div.bllist div.boxinfo {
}

/*アイコン*/
div.bllist div.boxicon {
	vertical-align: middle;
	width: 68px;
	height: 68px;
	overflow: hidden;
	border: 2px solid #AB7842;
	border-radius: 3px;
	margin-right: 10px;
}

.boxicon img {
	width: 133%;
	margin-left: -16%;
}

/*詳細*/
div.bllist div.boxinfo {
	color:#000;
	-webkit-box-flex: 1;
}

/*付随情報*/
div.annotation {
	color:#000;
	margin: 0.4em 0;
	text-shadow: none;
}

span.annotation {
	color:#fff;
	background-color: #000000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin: 0 0.5em 0 0;
	padding: 0.1em 0.3em;
	text-align: left;
}

/*項目主題*/
div.boxinfo *.subject {
	color: #000000;
	font-weight: bold;
	line-height: 1.4em;
	font-size: 1.2em;
	text-align: left;
}

/*#マルチメニュー*/
div[class="bllist multiple"]>div {
	padding: 0;
}

/*追加機能*/
div.multiple div.addon {
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: silver;

	width:100%;
	display: table;
}

/*ボタン*/
div.multiple div.addon a.command {
	color: #000;
	font-size: 100%;

	border: 1px solid #666;
	margin: 0.6em;
	padding: 0.2em 0.6em;
}

/*チェックボックス*/
div.multiple div.addon span.checkbox {
	text-align: right;
	display: table-cell;
	padding: 0.5em;
}


/*##リンクリストページャー*/
div.linkpanel div.pager {
	margin: 0px;
	padding: 0.2em 0;
}

/*ページャー*/
div.pager {

	line-height:80px;
	


	background: url("../../img/EKO/Common/pager_bg.png");

	width:100%;
	display: -moz-box;
	display: -webkit-box;
	-moz-box-pack: center;
	-moz-box-align: center;

	-webkit-box-pack: center;
	-webkit-box-align: center;

	text-align: center;
	padding: 9px 0 8px 0;
	margin:0 0 4px 0;



}

.boxDisable {
	display:block !important;
}


/****************
* リンクパネル
*****************/

div.linkpanel {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7a2d01), color-stop(2%,#782e01), color-stop(4%,#c56f00), color-stop(6%,#c56f00), color-stop(8%,#eca661), color-stop(10%,#eea560), color-stop(92%,#eca661), color-stop(94%,#c47000), color-stop(96%,#c56f00), color-stop(98%,#7a2d01), color-stop(100%,#7a2d01));
	background: -webkit-linear-gradient(top, #7a2d01 0%,#782e01 2%,#c56f00 4%,#c56f00 6%,#eca661 8%,#eea560 10%,#eca661 92%,#c47000 94%,#c56f00 96%,#7a2d01 98%,#7a2d01 100%);
	background: linear-gradient(top, #7a2d01 0%,#782e01 2%,#c56f00 4%,#c56f00 6%,#eca661 8%,#eea560 10%,#eca661 92%,#c47000 94%,#c56f00 96%,#7a2d01 98%,#7a2d01 100%); 
}

/*並んでるならちょっと離す*/
div.pager + div.linkpanel, div.linkpanel + div.linkpanel {
	margin: 1px 0;
}

/*ページ番号*/
div.pager>div.pagenum {
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	color:#FFE3BB;
	font-size: 1.2em;
	text-shadow: 0px 0px 1px #7C3003, 0px 0px 1px #7C3003, 0px 0px 2px #7C3003, 0px 0px 2px #7C3003, 0px 0px 2px #7C3003, 0px 0px 2px #7C3003, 0px 0px 2px #7C3003, 
				 0px 0px 2px #7C3003, 0px 0px 3px #7C3003, 0px 0px 3px #7C3003, 0px 0px 3px #7C3003, 0px 0px 3px #7C3003, 0px 0px 3px #7C3003, 0px 0px 3px #7C3003,
				 0px 0px 3px #7C3003, 0px 0px 3px #7C3003, 0px 0px 3px #7C3003, 0px 0px 3px #7C3003;
}

/*前｜次*/
div.prev, div.next {
	display:block;
}

div.prev a, div.next a {
	color:#430B09;
}

/*前｜戻る*/
div.prev, div.back {
	text-align: left;
}

/*次*/
div.next {
	text-align: right;
}

div.next02 {
	text-align: left;
}

/*戻る*/
div.back img {
	margin: 4px 0;
}

/*前｜次　非表示*/
div.hiddenPager {
	visibility: hidden;
}

/*矢印画像ボタンのスタイル*/
div.pager a, div.linkpanel>div.back>a {
	text-decoration: none;
	line-height: normal;
	margin: 0.4em;
	padding: 0px;
}

div.pager a img, div.linkpanel>div.back a img {
	width: 61px;
	vertical-align:middle;
}

/*マイページ内ログアウトボタン調整*/
#LogOut.pager {
	margin: -1px 0 0 0;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	padding: 2% 0;
}

#LogOut.pager a {
	display:block;
}

#LogOut.pager a img {
	width: 90px;
	vertical-align:middle;
}

/*リンクパネル用ボタン*/
a.moreinfo {
	background: url("../../img/EKO/Common/sublink_icon.png") left center no-repeat;
	background-size: auto 28px;
	-webkit-background-size: auto 28px;
	padding-left: 30px;
	padding-right: 0.5em;
	color:#430B09;
}

/*##タブメニュー
nav.tabmenu {
	margin: 0;
	padding: 0.2em 0 0 0;
	border-bottom: 2px solid #silver;
}

nav.tabmenu ul {
	text-align: center;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

nav.tabmenu li {
	display: inline-block;
	width: 33.3%;
	vertical-align: bottom;
	margin: 0;
	padding: 0;
}


nav.tab5 li {
	width: 20%;
}

nav.tab4 li {
	width: 25%;
}

nav.tab3 li {
	width: 33.3%;
}

nav.tab2 li {
	width: 50%;
}


nav.tabmenu li a, nav.tabmenu li span {
	display: block;
	color: #a9a9a9;
	margin: 0 1px;
	padding: 0;
	text-align: center;
	line-height: 2.6em;

	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;

	background-color:#ffffff;

	border-top: 2px solid #c0c0c0;
	border-right: 2px solid #c0c0c0;
	border-left: 2px solid #c0c0c0;

	overflow: hidden;
	white-space: nowrap;
}

nav.tabmenu li a {
	background-color:#e1e1e1;
}
*/
/*選択中*/
nav.tabmenu li span {
	font-size: 1.2em;
	font-weight: bold;

	color: #222;
}

/* 行間を空けるためのdivクラス */
div.margin05em {
	margin:0.5em 0;
}

select {
	border: 2px solid #444;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 1.0em;

	margin: 0.5em 0;/* txtareaと合わせるためのmargin */

	/*2.1対策*/
	-webkit-appearance: none;
	background-image: url("../../img/EKO/Profile/select_parts.png");

	background-size: auto 100%;
	-webkit-background-size: auto 100%;
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 1.3em;
	overflow: hidden;
	-moz-box-shadow: inset 1px 1px 2px #000;
	-webkit-box-shadow: inset 1px 1px 2px #000;

	line-height: 1.4em;
	vertical-align: middle;
	
	/*iPhone,iPad用*/
	background-color: white;
}




/****** ③ページのサブタイトル　アイコン付き ******/
div.icon {
	text-shadow:none;
    margin: 0 0 0 -2px;
    text-align: left;

    color: #491512;
    font-size: 100%;
    font-weight: normal;
	
}

/* 文字入力 */
div.icon>span {
    padding: 0.4em 0 0.4em 38px;
	margin: 0 0 0 2px;

    background-position: 2px center;
    background-repeat: no-repeat;

    background-size: 28px auto;
    -webkit-background-size: 28px auto;
	display:block;
	line-height: 1.4em;
}

/* アイコン設定 */
div.gamelist[class^="icon"] > span {
    background-image: url("../../img/EKO/Common/subnavi_icon_kiyaku.png");
}
div.manual_top[class^="icon"] > span {
    background-image: url("../../img/EKO/Common/icon_manual_top.png");
	text-shadow: 0 1px 1px #FFFFFF, 0 0 1px #FFFFFF, 1px 0 1px #FFFFFF, 0 -1px 1px #FFFFFF, -1px -1px 1px #FFFFFF, -1px 0 1px #FFFFFF;
}

/* フッターリンク（改良版） */
.footlinks {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 2%;
    margin: 3% 0;
}

.footlinks a {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9C667), color-stop(100%,#B76D19));
	background: -webkit-linear-gradient(top, #F9C667 0%,#B76D19 100%);
	background: linear-gradient(top, #F9C667 0%,#B76D19 100%);
	-webkit-box-shadow: inset 1px 1px 1px rgba(255,255,255,0.3),inset -1px -1px 0 rgba(0,0,0,0.3);
	box-shadow: inset 1px 1px 1px rgba(255,255,255,0.3),inset -1px -1px 0 rgba(0,0,0,0.3);
	border: 1px solid #AB6D17;
	border-radius: 5px;
	display: -webkit-box;
	width: 49%;
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3% 1.5%;
	margin-right: 2%;
	color: #430B09;
	-webkit-box-align: center;
	margin-bottom: 1.7%;
	line-height: 1;
}

.footlinks a:nth-of-type(even) {
	margin-right: 0;
}

.footlinks a:nth-last-of-type(-n+2) {
	margin-bottom: 0;
}

.footlinks div{
    display: block !important;
    zoom: 0.7;
    margin-right: 0.2em;
}

.footlinks span{
	font-size: 0.9em;
}

/* スプライト未使用（フットリンク） */
.footlinks.nospr a {
	padding: 0 0 0 1%;
	height: 3em;
}

.footlinks.nospr span {
	font-size: 0.9em;
	background: url("../../img/EKO/Common/sublink_icon.png") left center no-repeat;
	-webkit-background-size: 1.5em auto;
	background-size: 1.5em auto;
	padding: 0.3em 0 0.3em 1.6em;
	display: block;
}

/* テーブルリンク css版 */
div.csstable {
	margin: 2% 0 4% 0;
}

div.csstable_left {
	margin: 2% 1% 0 2%;
	width: 46%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9c667), color-stop(100%,#b76d19));
	background: -webkit-linear-gradient(top, #f9c667 0%,#b76d19 100%);
	background: linear-gradient(top, #f9c667 0%,#b76d19 100%);
	-webkit-box-shadow: inset 1px 1px 1px rgba(255,255,255,0.3),inset -1px -1px 0 rgba(0,0,0,0.3);
	box-shadow: inset 1px 1px 1px rgba(255,255,255,0.3),inset -1px -1px 0 rgba(0,0,0,0.3);
	border: 1px solid hsl(35, 76%, 38%);
	border-radius: 5px;
	padding: 4% 0;
	float: left;
}

div.csstable_right {
	margin: 2% 1% 0 2%;
	width: 46%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9c667), color-stop(100%,#b76d19));
	background: -webkit-linear-gradient(top, #f9c667 0%,#b76d19 100%);
	background: linear-gradient(top, #f9c667 0%,#b76d19 100%);
	-webkit-box-shadow: inset 1px 1px 1px rgba(255,255,255,0.3),inset -1px -1px 0 rgba(0,0,0,0.3);
	box-shadow: inset 1px 1px 1px rgba(255,255,255,0.3),inset -1px -1px 0 rgba(0,0,0,0.3);
	border: 1px solid hsl(35, 76%, 38%);
	border-radius: 5px;
	padding: 4% 0;
}

div.csstable_lock {
	margin: 2% 1% 0 2%;
	width: 46%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9c9c9), color-stop(100%,#7f7f7f));
	background: -webkit-linear-gradient(top, #c9c9c9 0%,#7f7f7f 100%);
	background: -ms-linear-gradient(top, #c9c9c9 0%,#7f7f7f 100%);
	-webkit-box-shadow: inset 1px 1px 1px rgba(255,255,255,0.3),inset -1px -1px 0 rgba(0,0,0,0.3);
	box-shadow: inset 1px 1px 1px rgba(255,255,255,0.3),inset -1px -1px 0 rgba(0,0,0,0.3);
	border: 1px solid hsl(0, 0%, 28%);
	border-radius: 5px;
	padding: 4% 0;
}

div.csstable span.moreinfo {
	background: url("../../img/EKO/Common/sublink_icon.png") left center no-repeat;
	background-size: 1.4em auto;
	-webkit-background-size: 1.4em auto;
	padding: 10% 0 10% 1.6em;
	color: hsl(2, 76%, 15%);
	margin: 0 0 0 4%;
	font-size: 15px;
}

div.csstable span.moreinfo_lock {
	background: url("../../img/EKO/Common/sublink_icon_lock.png") left center no-repeat;
	background-size: auto 54%;
	-webkit-background-size: auto 54%;
	padding: 10% 0 10% 19%;
	color: hsl(0, 0%, 25%);
	margin: 0 0 0 4%;
	font-size: 15px;
}

/* テーブルリンク */

img.tablelink_top {
	display: block;
	width: 100%;
	clear:both
}

img.tablelink_bottom {
	display: block;
	width: 100%;
	clear:both
}


div.tablelink_left {
	display: block;
	width: 50%;
	boder: none;
	background-position: center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	vertical-align: middle;
	text-align: center;
	/*background:url("../../img/EKO/Common/tablelink_repetition_left.jpg") center center no-repeat;*/
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	float:left
}

div.tablelink_right {
	display: block;
	width: 50%;
	boder: none;
	background-position: center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	vertical-align: middle;
	text-align: center;
	/*background:url("../../img/EKO/Common/tablelink_repetition_right.jpg") center center no-repeat;*/
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	float:left
}

div.tablelink_center {
	display: block;
	boder: none;
	background-position: center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	vertical-align: middle;
	text-align: center;
	background:url("../../img/EKO/Common/tablelink_repetition.jpg") center center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	clear:both;
}

div.tablelink_left a {
	display: block;
	margin: 1% 1% 1% 3%;
	padding: 2% 0 2% 0;
	width: 95%;
	line-height: 0;
}

div.tablelink_right a {
	display: block;
	margin: 1% 1.5% 1% 1%;
	padding: 2% 0 2% 0;
	width: 95%;
	line-height: 0;
}

div.tablelink_center div {
	display: block;
	padding: 0.1em 20% 0% 25%;
	line-height: 0;
	width: 47%;
	margin: 0;
}

div.tablelink_center div > a{
	line-height: 0;
	margin: 0;
	padding: 0;
}

div.tablelink_left img {
	width: 100%;
}

div.tablelink_right img {
	width: 100%;
}

div.tablelink_center img {
	width: 100%;
}

div.nolink_left {
	display: block;
	margin: 1% 1% 1% 3%;
	padding: 2% 0 2% 0;
	width: 95%;
	line-height: 0;
}

div.nolink_right {
	display: block;
	margin: 1% 1.5% 1% 1%;
	padding: 2% 0 2% 0;
	width: 95%;
	line-height: 0;
}

/*角丸ボックス内サムネイル*/
div.frame_a {
    width: 26%;
    -webkit-border-image: url("../../img/EKO/Gacha/gacha_thum_frame.png") 11 / 11px stretch;
	border-image:         url("../../img/EKO/Gacha/gacha_thum_frame.png") 11 / 11px stretch;
    padding: 0px;
}

div.frame_a img {
    width: 100%;
    vertical-align:bottom;
}

/*EKOガチャ紹介風アイテムリスト ///////////////////////////*/

/*黄&橙角丸ボックス*/
.itemlist div.yellow_a,
.itemlist div.orange_a {
	width:97%;
	margin:1.5% auto;
	padding:2%;
	text-align:left;
	line-height:140%;
	-webkit-border-radius:4px;
	display: -webkit-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.itemlist div.yellow_a {
    background-color:#fee5a1;
	padding: 2% 3% 2% 4%;
}

.itemlist div.orange_a {
    background-color:#ffe3bb;
}

.itemlist div.orange_a hr {
	border-width: 1px 0 0 0;
	border-color: #E99E4E;
	-webkit-box-shadow: 0 1px 0 rgba(255,244,229,0.6);
	box-shadow: 0 1px 0 rgba(255,244,229,0.6);
}

.itemlist div.yellow_a hr {
	border-width: 1px 0 0 0;
	border-color: #E9B262;
	-webkit-box-shadow: 0 1px 0 rgba(255,244,229,0.6);
	box-shadow: 0 1px 0 rgba(255,244,229,0.6);
}

.itemlist div.yellow_b,
.itemlist div.orange_b {
	width:96%;
	margin:1.5% auto;
	background-color:#ffe3bb;
	padding:0 0 0.4% 0;
	text-align:left;
	line-height:140%;
	-webkit-border-radius:4px;
}

.itemlist div.yellow_b {
    background-color:#fee5a1;
}

.itemlist div.orange_b {
	background-color:#ffe3bb;
}

/*角丸ボックス内サムネイル*/
.itemlist div.frame_a,
.itemlist div.frame_b {
	width: 68px;
	border-image:         url("../../img/EKO/Gacha/gacha_thum_frame.png") 11 / 11px stretch;
	-webkit-border-image: url("../../img/EKO/Gacha/gacha_thum_frame.png") 11 / 11px stretch;
	padding: 0;
	margin: 0;
    }

.itemlist div.thumbox_txt_a {
	padding-left: 2%;
    }
	
.itemlist div.thumbox_txt_b {
	padding-right: 2%;
    }

.itemlist div.frame_a img,
.itemlist div.frame_b img{
	width: 100%;
	vertical-align:bottom;
	}

/*角丸ボックス内サムネイル Invite/IssueInviteKey画面で使用*/
.itemlist div.frame_a2,
.itemlist div.frame_b2 {
	width: 68px;
	height: 68px;
	border-image:         url("../../img/EKO/Gacha/gacha_thum_frame.png") 11 / 11px stretch;
	-webkit-border-image: url("../../img/EKO/Gacha/gacha_thum_frame.png") 11 / 11px stretch;
	padding: 0;
	margin: 0;
    }

.itemlist div.frame_a2 img,
.itemlist div.frame_b2 img{
	width: 100%;
	vertical-align:bottom;
	}

/*角丸ボックス内テキスト*/
.itemlist div.thumbox_txt_a,
.itemlist div.thumbox_txt_b {
	line-height:140%;
	-webkit-box-flex: 1;
	padding-top: 4px;
	font-size: 0.9em;
    }

.itemlist div.thumbox_txt_a span.name,
.itemlist div.thumbox_txt_b span.name {
	font-weight: bold;
    }
	
/*EKOショップ風アイテムリスト ///////////////////////////*/
	
/*#基本*/
#ErenaiShop .bllist_bg {
	background-color: #ecc490;
	padding: 0.1em 0 0.1em 0;
}

#ErenaiShop .bllist_item {
	width: 100%;
	background-color: #ffe3bb;
	background-image: url("../../img/EKO/Common/link_mark.png");
	-webkit-background-size: 9px auto;
	background-repeat: no-repeat;
	background-position: 98% 65%;
	padding-top: 1px;
}

#ErenaiShop .bllist_item a {
	line-height: 0;
}

#ErenaiShop .bllist_item .title {
	background-color: #eac28f;
	padding: 0.2em 0;
	color: #360000;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
}

#ErenaiShop .frame_a {
	width: 60px;
	height: 60px;
	float: left;
	border-image: url("../../img/EKO/Gacha/gacha_thum_frame.png") 11 / 11px stretch;
	-webkit-border-image: url("../../img/EKO/Gacha/gacha_thum_frame.png") 11 / 11px stretch;
	margin: 0.2em;
}

#ErenaiShop .bllist_item .boxinfo {
	line-height: 20px;
	padding: 0.4em 1em 0 0;
	color:#686868;
}

#ErenaiShop .bllist_item .boxinfo span {
	line-height: 20px;
	color:#ff0000;
}

/* ▼新UI用（2012/3/28から使用）▼ */
/*//////////////////////////////////////*/

html {
	height:100%;	
}

.hide {
	visibility:hidden;	
}

.newUI {
	background-color: #271608;
	background-image: url(../../../img/EKO/Common/bg_deco.png);
	background-repeat: no-repeat;
	background-position: right top;
	-webkit-background-size: 51% auto;
	background-size: 51% auto;
	font-size: 17px;
}

.newUI p {
	margin:0;
	line-height:1;	
}

.newUI a,
.newUI a:link,
.newUI a:visited {
line-height: 1;
margin: 0;
padding: 0;
color: #703636;
}

/* 見出し・メニューボタン */

.newUI header {
	display: -webkit-box;
	-webkit-box-pack: justify;
	margin: 1% 0 0;
	position: relative;
}

.newUI header #index {
    width: 60%;
    position: relative;
}

.newUI header #index p {
    color: #FFF;
    font-weight: bold;
    position: absolute;
    top: 0;
    margin: -15% 4%;
    height: 100%;
    -webkit-box-align: center;
    display: -webkit-box;
}

.newUI header #index .bg_index {
    width: 100%;
}

.newUI header #menubtn {
    width: 19%;
    margin-right: 2%;
	display: block;
	position: relative;
}

.newUI header #menubtn img {
    width: 100%;
}

/* 格納メニュー */
#flickBox {
	-webkit-transition: all 0.5s cubic-bezier(0.1, 0.7, 0.6, 1);	
}

/* ページ説明スクロール */
#explainbar {
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(178,135,67,1)), color-stop(0%,rgba(174,125,58,1)), color-stop(0%,rgba(175,129,62,1)), color-stop(7%,rgba(204,166,99,1)), color-stop(93%,rgba(204,166,99,1)), color-stop(100%,rgba(180,134,67,1)));  
	background: -webkit-linear-gradient(left,  rgba(178,135,67,1) 0%,rgba(174,125,58,1) 0%,rgba(175,129,62,1) 0%,rgba(204,166,99,1) 7%,rgba(204,166,99,1) 93%,rgba(180,134,67,1) 100%);  
	background: linear-gradient(left,  rgba(178,135,67,1) 0%,rgba(174,125,58,1) 0%,rgba(175,129,62,1) 0%,rgba(204,166,99,1) 7%,rgba(204,166,99,1) 93%,rgba(180,134,67,1) 100%);  
    padding: 0.2em 0.3em;
    overflow: hidden;
    position: fixed;
    width: 100%;
    bottom: 0;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#explainbar #text {
    font-size: 13px;
    white-space: pre;
	/*-webkit-animation:textscroll 20s linear infinite;*/
}

/*
@-webkit-keyframes textscroll {
	0%{-webkit-transform: translate3d(100px,0,0);}
	5%{-webkit-transform: translate3d(0,0,0);}
   20%{-webkit-transform: translate3d(0,0,0);}
  100%{-webkit-transform: translate3d(-350px,0,0);}
}
*/

/*ポップアップ*/
section{
	display:block;	
}

#popup_bg {
	display:none;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 416px;
	z-index: 100;
}

#popup_bg:target {
	display:block;
}

#popupBox {
	position: relative;
	width: 220px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	top: 7%;
	float: right;
	right: 0%;
	padding: 0px;
	height: 324px;
	overflow: hidden;
}

#popupBox #bdrBox {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 5;
}

#popupBox .bdr {
    background-size: contain;
    position: absolute;
    width: 100%;
}

#popupBox .top {
    background: url("../../../img/EKO/Common/bdr_menu_top.png");
    height: 50px;
    background-repeat: no-repeat;
}

#popupBox .mid {
    background: url("../../../img/EKO/Common/bdr_menu_mid.png");  
    height: 234px;
    top: 49px;
}

#popupBox .bot {
    background: url("../../../img/EKO/Common/bdr_menu_bot.png");  
    height: 41px;
    background-repeat: no-repeat;
    bottom: 0;
}

#popupBox #submenu {
    list-style: none;
    padding: 0 0px 0 7px;
    margin: 20px 15px 0 0;
    height: 291px;
    z-index: 6;
    position: relative;
	overflow: hidden;
	overflow: scroll;
	-webkit-overflow-scrolling:touch;
}

#popupBox #submenu li {
    margin: 0 12px;
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(172,149,101,0)), color-stop(10%,rgba(172,149,101,1)), color-stop(90%,rgba(172,149,101,1)), color-stop(100%,rgba(172,149,101,0)));  
	background: -webkit-linear-gradient(left,  rgba(172,149,101,0) 0%,rgba(172,149,101,1) 10%,rgba(172,149,101,1) 90%,rgba(172,149,101,0) 100%);  
	background: linear-gradient(left,  rgba(172,149,101,0) 0%,rgba(172,149,101,1) 10%,rgba(172,149,101,1) 90%,rgba(172,149,101,0) 100%);  
    background-size: 100% 1px;
    background-repeat: no-repeat;
}

#popupBox #submenu li:first-of-type {
    background: none;
}

#popupBox #submenu li:last-of-type {
    border-bottom: none;
}

#popupBox #submenu a {
    display: block;
    padding: 0.5em 0 0.5em 0.5em;
}

#menubtn,
.closebtn {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.closebtn {
	position: absolute;
	display: none;
	width: 19%;
	padding: 0 !important;
	line-height: 1 !important;
	right: 2%;
	top: 1%;
}

.closebtn img {
	width:100%;
}

.icoLv {
    background: url("../../../img/EKO/Profile/lv_icon.png") no-repeat left center;
    background-size: 1.4em;
    padding: 0.2em 0;
    padding-left: 1.6em;
}

[class^=icoJob] {
	background-position:left center;
	background-repeat:no-repeat;
}

.icoJob0 {
	background:url("../../../img/EKO/Common/OccupationIcon_job0.png") no-repeat left center;
}
.icoJob1 {
	background:url("../../../img/EKO/Common/OccupationIcon_job1.png") no-repeat left center;
}
.icoJob2 {
	background:url("../../../img/EKO/Common/OccupationIcon_job2.png") no-repeat left center;
}
.icoJob3 {
	/*欠番*/
}
.icoJob4 {
	background:url("../../../img/EKO/Common/OccupationIcon_job4.png") no-repeat left center;
}
.icoJob5 {
	background:url("../../../img/EKO/Common/OccupationIcon_job5.png") no-repeat left center;
}
.icoJob6 {
	background:url("../../../img/EKO/Common/OccupationIcon_job6.png") no-repeat left center;
}
.icoJob7 {
	background:url("../../../img/EKO/Common/OccupationIcon_job7.png") no-repeat left center;
}
.icoJob8 {
	background:url("../../../img/EKO/Common/OccupationIcon_job8.png") no-repeat left center;
}
.icoJob9 {
	background:url("../../../img/EKO/Common/OccupationIcon_job9.png") no-repeat left center;
}
.icoJob10 {
	background:url("../../../img/EKO/Common/OccupationIcon_job10.png") no-repeat left center;
}
.icoJob11 {
	background:url("../../../img/EKO/Common/OccupationIcon_job11.png") no-repeat left center;
}
.icoJob12 {
	background:url("../../../img/EKO/Common/OccupationIcon_job12.png") no-repeat left center;
}
.icoJob13 {
	background:url("../../../img/EKO/Common/OccupationIcon_job13.png") no-repeat left center;
}

section.linkList {
}

section.linkList .list {
	display: -webkit-box;
	background: url("../../../img/EKO/Common/icon_pickup.png"),url("../../../img/EKO/Common/link_arw.png"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(119, 98, 76, 0.63)), color-stop(10%,rgba(119, 98, 76, 0)), color-stop(100%,rgba(119, 98, 76, 0)));
	background: url("../../../img/EKO/Common/icon_pickup.png"),url("../../../img/EKO/Common/link_arw.png"),-webkit-linear-gradient(top, rgba(119, 98, 76, 0.63) 0%,rgba(119, 98, 76, 0) 10%,rgba(119, 98, 76, 0) 100%);
	background: url("../../../img/EKO/Common/icon_pickup.png"),url("../../../img/EKO/Common/link_arw.png"),linear-gradient(top, rgba(119, 98, 76, 0.63) 0%,rgba(119, 98, 76, 0) 10%,rgba(119, 98, 76, 0) 100%);
	-webkit-box-align: center;
	padding: 0.8em 1.8em;
	background-repeat: no-repeat;
	background-position: 0.5em 57%,97% center,100%;
	-webkit-background-size: 1.3em,14px,auto;
	background-size: 1.3em,14px,auto;
}

section.linkList .list.chara {
	background: url("../../../img/EKO/Common/link_arw.png"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(119,98,76,0.63)), color-stop(10%,rgba(119,98,76,0)), color-stop(100%,rgba(119,98,76,0)));
	background: url("../../../img/EKO/Common/link_arw.png"),-webkit-linear-gradient(top,  rgba(119,98,76,0.63) 0%,rgba(119,98,76,0) 10%,rgba(119,98,76,0) 100%);
	background: url("../../../img/EKO/Common/link_arw.png"),linear-gradient(top,  rgba(119,98,76,0.63) 0%,rgba(119,98,76,0) 10%,rgba(119,98,76,0) 100%);
	padding: 4px 1% 2px;
	background-repeat: no-repeat;
	background-position: 97% center;
	-webkit-background-size: 14px,auto;
	background-size: 14px,auto;
}

section.linkList .list:last-of-type{
	background: url("../../../img/EKO/Common/icon_pickup.png"),url("../../../img/EKO/Common/link_arw.png"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(119, 98, 76, 0.63)), color-stop(10%,rgba(119, 98, 76, 0)), color-stop(100%,rgba(119, 98, 76, 0))),-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(119,98,76,0)), color-stop(10%,rgba(119,98,76,0.63)), color-stop(90%,rgba(119,98,76,0.63)), color-stop(100%,rgba(119,98,76,0)));
	background: url("../../../img/EKO/Common/icon_pickup.png"),url("../../../img/EKO/Common/link_arw.png"),-webkit-linear-gradient(top, rgba(119, 98, 76, 0.63) 0%,rgba(119, 98, 76, 0) 10%,rgba(119, 98, 76, 0) 100%),-webkit-linear-gradient(left,  rgba(119,98,76,0) 0%,rgba(119,98,76,0.63) 10%,rgba(119,98,76,0.63) 90%,rgba(119,98,76,0) 100%);
	background: url("../../../img/EKO/Common/icon_pickup.png"),url("../../../img/EKO/Common/link_arw.png"),linear-gradient(top, rgba(119, 98, 76, 0.63) 0%,rgba(119, 98, 76, 0) 10%,rgba(119, 98, 76, 0) 100%),linear-gradient(left,  rgba(119,98,76,0) 0%,rgba(119,98,76,0.63) 10%,rgba(119,98,76,0.63) 90%,rgba(119,98,76,0) 100%);
	background-repeat: no-repeat;
	-webkit-background-size: 1.3em,14px,auto,100% 1px;
	background-size: 1.3em,14px,auto,100% 1px;
	background-position: 0.5em 57%,97% center,100%,center bottom;
}

section.linkList .list.chara:last-of-type{
	background: url("../../../img/EKO/Common/link_arw.png"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(119, 98, 76, 0.63)), color-stop(10%,rgba(119, 98, 76, 0)), color-stop(100%,rgba(119, 98, 76, 0))),-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(119,98,76,0)), color-stop(10%,rgba(119,98,76,0.63)), color-stop(90%,rgba(119,98,76,0.63)), color-stop(100%,rgba(119,98,76,0)));
	background: url("../../../img/EKO/Common/link_arw.png"),-webkit-linear-gradient(top, rgba(119, 98, 76, 0.63) 0%,rgba(119, 98, 76, 0) 10%,rgba(119, 98, 76, 0) 100%),-webkit-linear-gradient(left,  rgba(119,98,76,0) 0%,rgba(119,98,76,0.63) 10%,rgba(119,98,76,0.63) 90%,rgba(119,98,76,0) 100%);
	background: url("../../../img/EKO/Common/link_arw.png"),linear-gradient(top, rgba(119, 98, 76, 0.63) 0%,rgba(119, 98, 76, 0) 10%,rgba(119, 98, 76, 0) 100%),linear-gradient(left,  rgba(119,98,76,0) 0%,rgba(119,98,76,0.63) 10%,rgba(119,98,76,0.63) 90%,rgba(119,98,76,0) 100%);
	background-repeat: no-repeat;
	-webkit-background-size: 14px,auto,100% 1px;
	background-size: 14px,auto,100% 1px;
	background-position: 97% center,100%,center bottom;
}

section.btnList {
	margin-top: 3.7%;
}

section.btnList .list {
    display: block;
    width: 90%;
    position: relative;
    margin: 0 auto 1%;
}

section.btnList .text {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    font-weight: bold;
    text-shadow: 0 -1px 1px rgba(79,57,30,0.6);
}

section.btnList .btnBg {
    width: 100%;
}

section.linkList .lBox {
	display: block;
	line-height: 1;
	margin: 0 0 0 2%;
	width: 17.5%;
	position: relative;
	padding: 0 0 2% 0;
	margin-right: 8px;
}

section.linkList .lBox .charaImg {
	width: 86%;
	margin-top: 10%;
	margin-left: 8%;
}

section.linkList .lBox .nochara {
	width: 116%;
}

section.linkList .lBox .frame {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}

section.linkList .rBox {
    color: #FFF;
}

section.linkList .rBox .sTitle {
    font-weight: bold;
    margin-bottom: 0.5em;
}

section.linkList .rBox .text {
}

section.linkList .rBox .slash {
}

section.linkList .rBox [class^=icoJob] {
    background-size: 1.4em;  
    padding: 0.2em 0;  
    padding-left: 1.6em;
}

/* ▲新UI用（2012/3/28から使用）▲ */
/*//////////////////////////////////////*/


/* タブレット対応 */
@media only screen and (min-width:480px){

}

@media only screen and (min-width:768px){
	.newUI {
		font-size: 140% !important;
	}
	#popupBox {
		font-size: 1.2em !important;
		width: 370px;
		top: 5.3%;
		right: 3%;
		height: 775px;
	}
	#popupBox .top {
		height: 84px;
	}
	#popupBox .mid {
		height: 623px;
		top: 83px;
	}
	#popupBox .bot {
		height: 69px;
	}
	#popupBox #submenu {
		overflow: auto;
		height: auto;
		margin: 33px 15px 0 0;
		height: 721px;
	}
}