﻿/* CSS Document */

/* --------------------------------------------------
header&nav
-------------------------------------------------- */

header,nav{
    color: #4B4B4B;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}

/* --------------------------------------------------
header
-------------------------------------------------- */

header .leftArea{
  float:left;
  overflow:hidden;
}


header .leftArea p{
  margin: 4px 0 0 20px;
}

header .rightArea{
  float:right;
}


/* --------------------------------------------------
subHeader
-------------------------------------------------- */

nav.subHeader{
  font-size:83%;
  line-height:1.1;
}


nav.subHeader .subHeaderBox{
  background:#d8d8d8;
}

nav.subHeader .subHeaderBox ul{
  padding:7px 0 7px 10px;
  margin:0;
}

nav.subHeader .subHeaderBox ul li{
  display:inline;
}

nav.subHeader .subHeaderBox ul li img.cart{
vertical-align:bottom;
  padding:0 2px 0 0;
}

nav.subHeader .subHeaderBox ul li.name{
  padding:0 13px 0 0;
  background:none;
}

nav.subHeader .subHeaderBox ul li.mycart a{
  background:url(/Content/images/common/icon_cart.jpg) no-repeat;
  padding:2px 0 0 20px;
}

nav.subHeader .subHeaderBox ul li{
  padding:0 13px 0 13px;
  background:url(/Content/images/common/bg_subheader.gif) no-repeat right bottom;
}

nav.subHeader .subHeaderBox ul li a:link{
  color:#000000;
}

nav.subHeader .subHeaderBox ul li a:hover{
  color:#0073c6;
}


/* --------------------------------------------------
infoBox
-------------------------------------------------- */
#contentsArea .line .infoBox{
  height:235px;
  overflow:scroll;
  margin:11px 0 0 0;
  padding:0 11px 0 0;
}

#contentsArea .line .infoBox.example{
  padding:0;
  margin:0;
  overflow:hidden;
}

#contentsArea .line iframe{
  width:100%;
  margin:11px 0 0 0;
  height:235px;
  border: none;
}



/* --------------------------------------------------
grid
-------------------------------------------------- */
#contentsArea .row {
    display: inline-block;
    margin: 10px 0px 0px -14px;
}


#contentsArea .row p {
	margin:0;
	padding:10px;
	/* color: #fff; */
	text-align: center;
}

#contentsArea .columns1,
#contentsArea .columns2,
#contentsArea .columns3,
#contentsArea .columns4,
#contentsArea .columns5,
#contentsArea .columns6,
#contentsArea .columns7,
#contentsArea .columns8,
#contentsArea .columns9,
#contentsArea .columns10,
#contentsArea .columns11,
#contentsArea .columns12 {
	float: left;
	margin: 0 0 0 14px;
	/*background: #666;*/
}

.columns1 { width: 68px; }
.columns2 { width: 136px; }
.columns3 { width: 204px; }
.columns4 { width: 272px; }
.columns5 { width: 340px; }
.columns6 { width: 478px; }
.columns7 { width: 616px; }
.columns8 { width: 684px; }
.columns9 { width: 752px; }
.columns10 { width: 820px; }
.columns11 { width: 888px; }
.columns12 { width: 970px; }


/* --------------------------------------------------
button
-------------------------------------------------- */
#contentsArea article p.buttonTypeA {
    margin: 0;
}

#contentsArea p.buttonTypeA a:link,
#contentsArea p.buttonTypeA a:visited {
display: block;
color: #fff;
text-align: center;
padding: 2px 4px;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #007cd7;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,.3);
box-shadow: 0 1px 1px rgba(0,0,0,.3);
background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08));
background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08));
background-image: -o-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08));
background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08));
background-image: linear-gradient(to top, rgba(0,0,0,.08), rgba(255,255,255,.08));
}

#contentsArea p.buttonTypeA a:hover {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #007cd7;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,.3);
box-shadow: 0 1px 1px rgba(0,0,0,.3);
background-image: -webkit-linear-gradient(top, rgba(0,0,0,.09), rgba(255,255,255,.09));
background-image: -moz-linear-gradient(top, rgba(0,0,0,.09), rgba(255,255,255,.09));
background-image: -o-linear-gradient(top, rgba(0,0,0,.09), rgba(255,255,255,.09));
background-image: -ms-linear-gradient(top, rgba(0,0,0,.09), rgba(255,255,255,.09));
background-image: linear-gradient(to bottom, rgba(0,0,0,.09), rgba(255,255,255,.09));
}


/* --------------------------------------------------
Navi
-------------------------------------------------- */
#contentsArea #navEnclosingArea nav.mypageNav01 {
    margin: 10px 0px 0px;
}

#contentsArea #navEnclosingArea nav.mypageNav01 dl {
	border-bottom: 1px solid #b8b8b8;
	margin-bottom: 15px;
}

#contentsArea #navEnclosingArea nav.mypageNav01 dt {
    font-weight: bold;
    border-bottom: 1px solid #b8b8b8;
}

#contentsArea #navEnclosingArea nav.mypageNav01 dt a {
	color: #fff;
	display: block;
    padding: 10px 11px 10px;
background: rgb(20,134,218); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(20,134,218) 0%, rgb(0,115,198) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(20,134,218)), color-stop(100%,rgb(0,115,198))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(20,134,218) 0%,rgb(0,115,198) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(20,134,218) 0%,rgb(0,115,198) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(20,134,218) 0%,rgb(0,115,198) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(20,134,218) 0%,rgb(0,115,198) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1486da', endColorstr='#0073c6',GradientType=0 ); /* IE6-9 */
}

#contentsArea #navEnclosingArea nav.mypageNav01 dt a:hover {
background: rgb(0,113,196); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(0,113,196) 0%, rgb(23,135,218) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,113,196)), color-stop(100%,rgb(23,135,218))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(0,113,196) 0%,rgb(23,135,218) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(0,113,196) 0%,rgb(23,135,218) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(0,113,196) 0%,rgb(23,135,218) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(0,113,196) 0%,rgb(23,135,218) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071c4', endColorstr='#1787da',GradientType=0 ); /* IE6-9 */
}

#contentsArea #navEnclosingArea nav.mypageNav01 p.myCart {
    font-weight: bold;
    border-bottom: none;
    margin-bottom:15px;
}

#contentsArea #navEnclosingArea nav.mypageNav01 p.myCart a {
	color: #fff;
	display: block;
    padding: 10px 11px 10px;
background: rgb(230,87,91); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(230,87,91) 0%, rgb(210,68,71) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(230,87,91)), color-stop(100%,rgb(210,68,71))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(230,87,91) 0%,rgb(210,68,71) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(230,87,91) 0%,rgb(210,68,71) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(230,87,91) 0%,rgb(210,68,71) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(230,87,91) 0%,rgb(210,68,71) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6575b', endColorstr='#d24447',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0 3px 1px rgba(0,0,0,0.1);
-moz-box-shadow: 0 3px 1px rgba(0,0,0,0.1);
box-shadow: 0 3px 1px rgba(0,0,0,0.1);
}

#contentsArea #navEnclosingArea nav.mypageNav01 p.myCart a:hover {
background: rgb(207,66,70); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(207,66,70) 0%, rgb(230,89,93) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(207,66,70)), color-stop(100%,rgb(230,89,93))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(207,66,70) 0%,rgb(230,89,93) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(207,66,70) 0%,rgb(230,89,93) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(207,66,70) 0%,rgb(230,89,93) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(207,66,70) 0%,rgb(230,89,93) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf4246', endColorstr='#e6595d',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0 3px 1px rgba(0,0,0,0.1);
-moz-box-shadow: 0 3px 1px rgba(0,0,0,0.1);
box-shadow: 0 3px 1px rgba(0,0,0,0.1);
}

#contentsArea #navEnclosingArea nav.mypageNav01 p.home {
    font-weight: bold;
    border-bottom: none;
    margin-bottom:15px;
}

#contentsArea #navEnclosingArea nav.mypageNav01 p.home .back{
    background:url(/Content/images/common/icon_back.gif) no-repeat;
    padding:0 0 0 15px;
}

#contentsArea #navEnclosingArea nav.mypageNav01 p.home a {
	color: #fff;
	display: block;
    padding: 10px 11px 10px;
background: rgb(133,133,133); /* Old browsers */
background: url(/Content/images/common/icon_back.gif) no-repeat 10px,-moz-linear-gradient(top,  rgb(133,133,133) 0%, rgb(114,114,114) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(133,133,133)), color-stop(100%,rgb(114,114,114))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(133,133,133) 0%,rgb(114,114,114) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(133,133,133) 0%,rgb(114,114,114) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(133,133,133) 0%,rgb(114,114,114) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(133,133,133) 0%,rgb(114,114,114) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#858585', endColorstr='#727272',GradientType=0 ); /* IE6-9 */
}

#contentsArea #navEnclosingArea nav.mypageNav01 p.home a:hover {
background: rgb(114,114,114); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(114,114,114) 0%, rgb(133,133,133) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(114,114,114)), color-stop(100%,rgb(133,133,133))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(114,114,114) 0%,rgb(133,133,133) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(114,114,114) 0%,rgb(133,133,133) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(114,114,114) 0%,rgb(133,133,133) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(114,114,114) 0%,rgb(133,133,133) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#858585',GradientType=0 ); /* IE6-9 */
}


#contentsArea #navEnclosingArea nav.mypageNav01 dd {
    border-left: 1px solid #b8b8b8;
    border-right: 1px solid #b8b8b8;
    border-bottom: 1px solid #ccc;
}

#contentsArea #navEnclosingArea nav.mypageNav01 dd:last-child {
    border-bottom: none;
}

#contentsArea #navEnclosingArea nav.mypageNav01 dd a{
	display: block;
    padding: 6px 9px 6px 18px;
	background:#fff url(/Content/images/common/bg_local_dl05_top.gif) no-repeat 10px center;
}

#contentsArea #navEnclosingArea nav.mypageNav01 dd a:hover {
	background:#d1e5fa url(/Content/images/common/bg_local_dl05_top.gif) no-repeat 10px center;
}


#contentsArea p span.pagination {
	float: right;
}
#contentsArea p span.pagination a {
    display: block;
    padding: 4px 2px;
    float: left;
    min-width: 20px;
    text-align: center;
}

#contentsArea .searchBlock {
	display: block;
	background: #f2f2f2;
	border: 1px solid #a6a6a6;
	padding: 8px 12px;
	margin: 15px 0 0 0;
}

#contentsArea .searchBlock a img {
	margin: 0 6px 0 0;
}
	
#contentsArea .searchBlock p.buttonTypeA {
	width: 60px;
	float: right;
}

#contentsArea .searchBlock input#number {
	margin: 0 20px 0 5px;
}

#contentsArea .searchBlock input#date {
	margin: 0 5px 0 5px;
}


/* --------------------------------------------------
form
-------------------------------------------------- */
#contentsArea table.dataTable01 {
	width: 100%;
}

#contentsArea table.dataTable01 td .leftCol,
#contentsArea table.dataTable01 td .rightCol {
	float: left;
}
#contentsArea table.dataTable01 td .leftCol {
	width: 30%;
}

#contentsArea table.dataTable01 td .leftCol p,
#contentsArea table.dataTable01 td .rightCol p {
	margin: 0 0 4px 0;
	padding: 0 0 0 0;
}

#contentsArea table.dataTable01 td .clear {
	clear: both;	
}

#contentsArea table.dataTable01 td input {
	margin: 0 10px 0 0px;
}
#contentsArea table.dataTable01 td input#zip2,
#contentsArea table.dataTable01 td input#tel2,
#contentsArea table.dataTable01 td input#tel3 {
	margin: 0 10px 0 10px;
}

#contentsArea table.dataTable01 td input#gender {
	margin: 0 5px 0 20px;
}

#contentsArea table.dataTable01 td select {
	margin: 0 5px 0 0px;
}

#contentsArea table.dataTable01 td select#year,
#contentsArea table.dataTable01 td select#month {
	margin: 0 5px 0 0px;
}

#contentsArea table.dataTable01 .fontRed {
    color: rgb(255, 0, 0);
}

#contentsArea table.dataTable01 span.buttonTypeA a:link,
#contentsArea table.dataTable01 span.buttonTypeA a:visited {
width: 60px;
display: inline-block;
color: #fff;
text-align: center;
padding: 2px 4px;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #007cd7;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,.3);
box-shadow: 0 1px 1px rgba(0,0,0,.3);
background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08));
background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08));
background-image: -o-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08));
background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08));
background-image: linear-gradient(to top, rgba(0,0,0,.08), rgba(255,255,255,.08));
}

#contentsArea table.dataTable01 span.buttonTypeA a:hover {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #007cd7;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,.3);
box-shadow: 0 1px 1px rgba(0,0,0,.3);
background-image: -webkit-linear-gradient(top, rgba(0,0,0,.09), rgba(255,255,255,.09));
background-image: -moz-linear-gradient(top, rgba(0,0,0,.09), rgba(255,255,255,.09));
background-image: -o-linear-gradient(top, rgba(0,0,0,.09), rgba(255,255,255,.09));
background-image: -ms-linear-gradient(top, rgba(0,0,0,.09), rgba(255,255,255,.09));
background-image: linear-gradient(to bottom, rgba(0,0,0,.09), rgba(255,255,255,.09));
}


#contentsArea .nextPrev {
	text-align: center;
	/* padding: 0 0 0 250px; */
}

#contentsArea .nextPrev p.buttonTypeA {
	display: inline-block;
	margin: 0 auto;
}

#contentsArea p.buttonTypeA span.next,
#contentsArea p.buttonTypeA span.previous {
	float: left;
	margin: 0 10px;
}

#contentsArea p.buttonTypeA span.next a {
font-size: 120%;
font-weight: bold;
width: 120px;
padding: 10px;
margin: 20px auto 0;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #007cd7;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,.3);
box-shadow: 0 1px 1px rgba(0,0,0,.3);
background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08));
background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08));
background-image: -o-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08));
background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08));
background-image: linear-gradient(to top, rgba(0,0,0,.08), rgba(255,255,255,.08));
}

#contentsArea p.buttonTypeA span.next a:hover {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #007cd7;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,.3);
box-shadow: 0 1px 1px rgba(0,0,0,.3);
background-image: -webkit-linear-gradient(top, rgba(0,0,0,.09), rgba(255,255,255,.09));
background-image: -moz-linear-gradient(top, rgba(0,0,0,.09), rgba(255,255,255,.09));
background-image: -o-linear-gradient(top, rgba(0,0,0,.09), rgba(255,255,255,.09));
background-image: -ms-linear-gradient(top, rgba(0,0,0,.09), rgba(255,255,255,.09));
background-image: linear-gradient(to bottom, rgba(0,0,0,.09), rgba(255,255,255,.09));
}

#contentsArea p.buttonTypeA span.previous a {
color: #003366;
font-size: 120%;
font-weight: bold;
width: 120px;
padding: 10px;
margin: 20px auto 0;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #fff;
-webkit-box-shadow: 0 2px 1px rgba(0,0,0,.14);
-moz-box-shadow: 0 2px 1px rgba(0,0,0,.14);
box-shadow: 0 2px 1px rgba(0,0,0,.14); 
border: solid 1px #b9b9b9; background-image:
-webkit-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08));
background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08));
background-image: -o-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08));
background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08));
background-image: linear-gradient(to top, rgba(0,0,0,.08), rgba(255,255,255,.08));
}

#contentsArea p.buttonTypeA span.previous a:hover {
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
border-radius: 3px; background-color: #fff;
-webkit-box-shadow: 0 2px 1px rgba(0,0,0,.14); 
-moz-box-shadow: 0 2px 1px rgba(0,0,0,.14); 
box-shadow: 0 2px 1px rgba(0,0,0,.14); 
border: solid 1px #b9b9b9; 
background-image: -webkit-linear-gradient(top, rgba(0,0,0,.12), rgba(255,255,255,.12));
background-image: -moz-linear-gradient(top, rgba(0,0,0,.12), rgba(255,255,255,.12)); 
background-image: -o-linear-gradient(top, rgba(0,0,0,.12), rgba(255,255,255,.12));
background-image: -ms-linear-gradient(top, rgba(0,0,0,.12), rgba(255,255,255,.12));
background-image: linear-gradient(to bottom, rgba(0,0,0,.12), rgba(255,255,255,.12));
}


/* --------------------------------------------------
topic path
-------------------------------------------------- */
#navcontainer.mypage {
	margin-bottom: 20px;
}

#navcontainer.mypage #navlist li a:link {
    color: #000;
	padding: 7px 2px 7px 6px;
	margin-right: 5px;
    position: relative;
    background: #ececec;
}

/* #navcontainer.mypage #navlist li a:hover {

} */

#navcontainer.mypage #navlist li.current a:link {
    font-weight: bold;
    background: #d9d9d9;
}


#navcontainer.mypage #navlist li a:after {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: #fff;
	border-left-color: #ececec;
	border-width: 14px;
	top: 50%;
	margin-top: -14px;
}

#navcontainer.mypage #navlist li.current a:after {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: #fff;
	border-left-color: #d9d9d9;
	border-width: 14px;
	top: 50%;
	margin-top: -14px;
}
/* --------------------------------------------------
リンクなしのnavi
-------------------------------------------------- */
#navcontainer #navlist li span {
    color: #000;
	padding: 7px 2px 7px 6px;
	margin-right: 5px;
    position: relative;
    background: #ececec;
}
#navcontainer #navlist li.current span {
    font-weight: bold;
		color:white;
    background: #6291ED;
}
#navcontainer #navlist li span:after {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: #fff;
	border-left-color: #ececec;
	border-width: 14px;
	top: 50%;
	margin-top: -14px;
}
#navcontainer #navlist li.current span:after {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: #fff;
	border-left-color: #6291ED; /*#d9d9d9;*/ 
	border-width: 14px;
	top: 50%;
	margin-top: -14px;
}


/* --------------------------------------------------
table
-------------------------------------------------- */

#contentsArea table th.align01,
#contentsArea table td.align01{
    text-align:left;
}

#contentsArea table th.align02,
#contentsArea table td.align02{
    text-align:right;
}