
/* ***********************************
	Site Name:GLICODE
	Description:style for GLICODE_SP
	Version:20160704
	Author:9ye.jp
************************************ */

html
{
	font-size: 62.5%;
}

body
{
	width:100%;
	padding:0;
	margin:0;
	text-align:left;
	-webkit-text-size-adjust: 100%;
	font-family: Helvetica, "Helvetica Neue", Arial, Verdana, "Droid Sans", sans-serif;
}
#extraSection ul,
#extraSection li,
#extraSection dl,
#extraSection dt,
#extraSection dd,
#extraSection p
{
	max-height:100%;
}

#extraSection
{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.9);
}

#extraSection div.extraContainer a.close
{
	margin:0 auto;
	padding:0;
	text-align:center;
	display:table;
	border-radius: 30px;
	background:#fff
	overflow: hidden;
	padding:0 4em;
	line-height:60px;
	font-size:18px;
	font-size:1.8rem;
	font-weight:normal;
	color:#000;
	text-decoration:none;
	background:#fff url(../../img/contents/mark_close.png) 18px 50% no-repeat;
	color:#333;
}

/*
 *	extra 01
*/

#extraSection div.extraContainer div.extra01
{
	color: #ffffff;
	padding:8em 50px 8em;
}

#extraSection div.extraContainer div.extra01 h3
{
	margin:0 auto 3em;
	padding:0 0 0.2em;
	color:#fff;
	line-height:1.8px;
	font-size:24px;
	font-size:2.4rem;
	font-weight:normal;
	text-align:center;
	letter-spacing:0.5em;
}

#extraSection div.extraContainer div.extra01 h3.nosp
{
	letter-spacing:0;
}

#extraSection div.extraContainer div.extra01 dl,
#extraSection div.extraContainer div.extra01 ul,
#extraSection div.extraContainer div.extra01 p
{
	margin:1em auto 8em;
	font-size:24px;
	font-size:2.4rem;
	color:#fff;
	text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.15);
	text-align:left;
	line-height:1.8;
}

#extraSection div.extraContainer div.extra01 dl
{
	text-align:center;
}

#extraSection div.extraContainer div.extra01 dd
{
	margin:0;
}

.extraContainer .sectionTitle
{
	margin:0 auto 3em;
	padding:0 2em;
	color:#fff;
	line-height:54px;
	font-size:24px;
	font-size:2.4rem;
	font-weight:normal;
	text-align:center;
	letter-spacing:0.5em;
	display:inline-block;
	display:table;
	border-radius: 30px;
	border: 3px solid #fff;
}

/*
 *	extra 02
*/

#extraSection div.extraContainer div.extra02
{
	color: #ffffff;
	padding:8em 0 8em;
}

.extraContainer .extra02 .sectionTitle
{
	padding:0 1em;
	letter-spacing:0;
}


/*
table layout
*/


.tbl
{
	width:600px;
	margin:0 auto;
/*	margin-bottom:8em;*/
	background-color:#fff;
	border: 4px solid #ddd;
	border-radius: 30px;
}

.tbl table
{
	width:600px;
	margin:0;
	border-collapse: collapse;
	border-spacing: 0;
}

.tbl thead th,.tbl thead td
{
}

.tbl tbody th,.tbl tbody td
{
	width:25%;
	width:118px;
	height:1.5em;
	padding:0.2em;
	text-align:center;
}

.tbl thead th,.tbl thead td
{
	border-bottom:4px solid #ddd;
}

.tbl thead th
{
	border-right:4px solid #ddd;
}

.tbl thead td
{
	border-right:2px solid #ddd;
}

.tbl tbody th
{
	padding-left:1em;
	padding-right:1em;
	border-right:4px solid #ddd;
	border-bottom:2px solid #ddd;
/*	white-space: nowrap;*/
}

.tbl tbody td
{
	border-right:2px solid #ddd;
	border-bottom:2px solid #ddd;
}

.tbl tbody .contain th,
.tbl tbody .contain td
{
	background-color:#f0f0f0;
}

.tbl thead tr td:last-child,
.tbl tbody tr td:last-child
{
	border-right:none;
}

.tbl tbody.maj tr:last-child th,
.tbl tbody.maj tr:last-child td
{
	border-bottom:4px solid #ddd;
}

.tbl tbody.min tr:last-child th,
.tbl tbody.min tr:last-child td
{
	border-bottom:none;
}

.tbl thead td
{
	padding: 0.8em 0.5em;
	color:#e60012;
	text-align:center;
	line-height: 1.2;
	font-size:16px;
	font-size:1.6rem;
}

.tbl thead td img
{
	vertical-align:bottom;
}

.tbl thead td span
{
	font-size: 60%;
}

.tbl tbody.maj th
{
	font-size:16px;
	font-size:1.6rem;
	font-weight:normal;
	color:#000;
}

.tbl tbody.min th
{
	font-size:12px;
	font-size:1.2rem;
	font-weight:normal;
	color:#000;
}

.tbl tbody td
{
	font-size:16px;
	font-size:1.6rem;
	color:#e60012;
}

.tbl tbody th.ltr
{
	letter-spacing:0.4em;
	text-indent:0.4em;
}

.noteOld
{
	width:580px;
	margin:0 auto 20px;
	padding:0 0 0 0.5em;
	text-indent:-0.5em;
	font-size:20px;
	line-height:1.5;
}

.noteTbl
{
	width:580px;
	margin:30px auto 60px;
	padding:0 0 0 0.5em;
	text-indent:-0.5em;
	font-size:20px;
	line-height:1.5;
}

.noteTbl span
{
	color:#e60012;
}

td.cell_pocky
{
	border-right:6px double #ddd!important;
}
