@charset "shift-jis";
/* header */
header {
  background: url(../../common/img/bg_header.gif) repeat-x left top;
    -webkit-background-size: 1px 43px;
    -moz-background-size: 1px 43px;
  height: 43px;
}
header .logo {
  width: 148px;
  height: 27px;
  position: absolute;
  left: 5px;
  padding: 7px 0 0 0px;
}
header.area {
  background: #ffffff;
  height: 45px;
  box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.3);
  position:relative;
  z-index:2;
}
header.area .logo {
  width:117px;
  height: 23px;
  position: absolute;
  left: 10px;
  padding: 11px 0 0 0px;
}
header.area section{
  position: absolute;
  right:0px;
  width:184px
  height: 45px;
  z-index:1;
  text-align:right;
  letter-spacing: -0.4em;
}
header.area section a{
  display:inline-block;
  letter-spacing: normal;
}
header.area section a img{
  width:46px;
}

#headmenu01,
#headmenu02,
#headmenu03{
  width:100%;
  padding-top:45px;
  background:#e4f8d4;
  box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
  border-bottom:1px solid #95c969;
  position: absolute;
  top:0;
  visibility:hidden;
  z-index:1;
}
#headmenu01 h1,
#headmenu02 h1,
#headmenu03 h1{
  background:none;
  border-top: 0;
  border-bottom: 0;
  padding:16px 0 10px 10px;
}
#headmenu01 h1 img,
#headmenu02 h1 img,
#headmenu03 h1 img{
  height:16px;
}
#headmenu01 h2,
#headmenu02 h2,
#headmenu03 h2{
  padding:8px 0 6px 10px;
}
#headmenu01 h2:nth-of-type(1){
  background:#439400;
}
#headmenu01 h2:nth-of-type(2){
  background:#ffa406;
}

#headmenu01 h2 img,
#headmenu02 h2 img,
#headmenu03 h2 img{
  height:13px;
}
#headmenu01 .headmenubtn,
#headmenu02 .headmenubtn,
#headmenu03 .headmenubtn{
  margin-bottom:10px;
}
#headmenu01 .headmenubtn li,
#headmenu02 .headmenubtn li,
#headmenu03 .headmenubtn li{
  display:block;
  background-image: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0, rgb(239,239,239)),
  color-stop(1, rgb(255,255,255))
  );
  background-image: -moz-linear-gradient(
  center top,
  rgb(239,239,239) 0%,
  rgb(255,255,255) 100%
  );
  border-bottom:1px solid #b5c4a8;
  margin-bottom:1px;
}
#headmenu01 .headmenubtn li a,
#headmenu02 .headmenubtn li a,
#headmenu03 .headmenubtn li a{
  display:block;
  width:100%;
  vertical-align:middle;
  overflow:hidden;
  box-shadow: 0px 3px 3px 0px rgba(173,188,161,0.5);
}
#headmenu01 .headmenubtn li a img,
#headmenu02 .headmenubtn li a img,
#headmenu03 .headmenubtn li a img{
  vertical-align:middle;
}
#headmenu01 .headmenubtn li a .read,
#headmenu02 .headmenubtn li a .read,
#headmenu03 .headmenubtn li a .read{
  display:inline-block;
  width:80%;
  text-align:left;
  vertical-align:middle;
}
#headmenu01 .headmenubtn li a .icon,
#headmenu02 .headmenubtn li a .icon,
#headmenu03 .headmenubtn li a .icon{
  display:inline-block;
  width:17%;
  padding-right:3%;
  text-align:right;
  vertical-align:middle;
}
#headmenu01 .headmenubtn li a .icon img,
#headmenu02 .headmenubtn li a .icon img,
#headmenu03 .headmenubtn li a .icon img{
  height:13px;
  padding:14px 0 13px 0;
}
#headmenu01 .close,
#headmenu02 .close,
#headmenu03 .close{
  padding-bottom:10px;
  text-align:center;
}
#headmenu01 .close img,
#headmenu02 .close img,
#headmenu03 .close img{
  height:39px;
}
#headmenu01 .headmenubtn:nth-of-type(1) li a .read img{
  padding-left:6%;
  height:22px;
}
#headmenu01 .headmenubtn:nth-of-type(2) li:nth-of-type(1) a .read img{
  padding-left:4%;
  height:18px;
}
#headmenu01 .headmenubtn:nth-of-type(2) li:nth-of-type(2) a .read img{
  padding-left:4%;
  height:21px;
}
#headmenu02 .headmenubtn li:nth-of-type(1) a .read img{
  padding-left:6%;
  height:21px;
}
#headmenu02 .headmenubtn li:nth-of-type(2) a .read img{
  padding-left:6%;
  height:20px;
}
#headmenu02 .headmenubtn li:nth-of-type(3) a .read img{
  padding-left:5%;
  height:18px;
}
#headmenu02 .headmenubtn li:nth-of-type(4) a .read img{
  padding-left:5%;
  height:19px;
}
#headmenu03 .headmenubtn li:nth-of-type(1) a .read img{
  padding-top:2px;
  padding-left:6%;
  height:22px;
}
#headmenu03 .headmenubtn li:nth-of-type(2) a .read img{
  padding-left:5%;
  height:22px;
}
#headmenu03 .headmenubtn li:nth-of-type(3) a .read img{
  padding-left:5%;
  height:22px;
}
#headmenu03 .headmenubtn li:nth-of-type(4) a .read img{
  padding-left:5%;
  height:18px;
}
#headmenu03 .headmenubtn li:nth-of-type(5) a .read img{
  padding-bottom:1px;
  padding-left:5%;
  height:15px;
}

/* head menu */
#build-menu-page {
  left: 0;
  position: relative;
  background-color: #fff;
}

#build-menu {
	visibility: visible;
	z-index: 0;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	display: none;
	width: 260px;
  padding: 0;
  position: static;
  z-index: 0;
  top: 0;
  height: 100%;
  overflow-y: auto;
  left: 0;
}
html[data-useragent*='Android 2'] #build-menu {
  overflow-y: visible;
}

.build-menu-animating #build-menu-page {
	position: fixed;
	overflow: hidden;
	width: 100%;
	top: 0;
	bottom: 0;
}

.build-menu-animating.build-menu-close #build-menu-page,
.build-menu-animating.build-menu-open #build-menu-page {
	-webkit-transition: -webkit-transform 250ms;
	-moz-transition: -moz-transform 250ms;
	-o-transition: -o-transform 250ms;
	-ms-transition: -ms-transform 250ms;
	transition: transform 250ms;
}

.build-menu-animating.build-menu-open #build-menu-page {
	-webkit-transform: translate(0, 0, 0);
	-moz-transform: translate(0, 0, 0);
	-o-transform: translate(0, 0, 0);
	-ms-transform: translate(0, 0, 0);
	transform: translate(0, 0, 0);
}

.build-menu-animating #build-menu { display: block }

.build-menu-open #build-menu {
	display: block;
	-webkit-transition-delay: 0ms, 0ms, 0ms;
	-moz-transition-delay: 0ms, 0ms, 0ms;
	-o-transition-delay: 0ms, 0ms, 0ms;
	-ms-transition-delay: 0ms, 0ms, 0ms;
	transition-delay: 0ms, 0ms, 0ms;
}

.build-menu-open #build-menu,
.build-menu-close #build-menu {
	-webkit-transition: -webkit-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-moz-transition: -moz-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-o-transition: -o-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-ms-transition: -ms-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	transition: transform 250ms, opacity 250ms, visibility 0ms 250ms;
}





/* コンテンツ内スタイル */
#headmenubox01{
  width:100%;
  padding-top:45px;
  background:#e4f8d4;
  border-bottom:1px solid #95c969;
  top:0;
  z-index:1;
  display:none;
}
#build-menu #headmenubox01{
  display:block;
}
#headmenubox01 h1{
  background:none;
  border-top: 0;
  border-bottom: 0;
  padding:16px 0 10px 10px;
}
#headmenubox01 h1 img{
  height:16px;
}
#headmenubox01 h2{
  padding:8px 0 6px 10px;
}
#headmenubox01 h2:nth-of-type(1){
  background:#439400;
}
#headmenubox01 h2:nth-of-type(2){
  background:#ffa406;
}

#headmenubox01 h2 img{
  height:13px;
}
#headmenubox01 .headmenubtn{
  margin-bottom:10px;
}
#headmenubox01 .headmenubtn li{
  display:block;
  background-image: -webkit-gradient(
  linear,
  color-stop(0, rgb(239,239,239)),
  color-stop(1, rgb(255,255,255))
  );
  background-image: -moz-linear-gradient(
  center top,
  rgb(239,239,239) 0%,
  rgb(255,255,255) 100%
  );
  border-bottom:1px solid #b5c4a8;
  margin-bottom:1px;
}
#headmenubox01 .headmenubtn li a{
  display:block;
  width:100%;
  vertical-align:middle;
  overflow:hidden;
  box-shadow: 0px 3px 3px 0px rgba(173,188,161,0.5);
}
#headmenubox01 .headmenubtn li a img{
  vertical-align:middle;
}
#headmenubox01 .headmenubtn li a .read{
  display:inline-block;
  width:80%;
  text-align:left;
  vertical-align:middle;
}
#headmenubox01 .headmenubtn li a .icon{
  display:inline-block;
  width:17%;
  padding-right:3%;
  text-align:right;
  vertical-align:middle;
}
#headmenubox01 .headmenubtn li a .icon img{
  height:13px;
  padding:14px 0 13px 0;
}
#headmenubox01 .close{
  padding-bottom:10px;
  text-align:center;
}
#headmenubox01 .close img{
  height:39px;
}
#headmenubox01 .headmenubtn:nth-of-type(1) li a .read img{
  padding-left:6%;
  height:22px;
}
#headmenubox01 .headmenubtn:nth-of-type(2) li:nth-of-type(1) a .read img{
  padding-left:4%;
  height:18px;
}
#headmenubox01 .headmenubtn:nth-of-type(2) li:nth-of-type(2) a .read img{
  padding-left:4%;
  height:21px;
}


/* mypage用 header
---------------------------------------------------- */
header#mypage {
	background: url(/ctmb/common/img/bg_mypage.gif) left top repeat-x;
    background-size: 2px 43px;
	height: 43px;
}
header#mypage .logo {
  width: 212px;
  height: 27px;
  position: absolute;
  left: 5px;
  padding: 7px 0 0 0px;
}
header#mypage .fontBtn {
  width: 62.5px;
  height: 32px;
  position: absolute;
  right: 100px;
  padding: 6px 0 0 0;
}
header#mypage .pcBtn {
  width: 85px;
  height: 40px;
  position: absolute;
  right: 0px;
  top: 0;
  padding: 0px 0 0 0;
  border-left: 1px solid #9e9ea0;
}

/* slide_menu
---------------------------------------------------- */
#headmenubox01 #slideMenuBlock { padding: 8px 3.571%; background:#00406e; }

#headmenubox01 #slideMenuBlock .heddingBlock {
	overflow: hidden;
	border-bottom: 2px solid #fff;
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 9px;
}
#headmenubox01 #slideMenuBlock .heddingBlock .leftBlock {
	background:url(/ctmb/vscust/IMG/headmenu/ic_001.gif) left center no-repeat;
	background-size: 21px 20px;
	float: left;
	color: #fff;
	padding-left: 30px;
}
#headmenubox01 #slideMenuBlock .heddingBlock .leftBlock #name { font-size: 12px; }
#headmenubox01 #slideMenuBlock .heddingBlock .leftBlock .text { font-size: 10px; }

#headmenubox01 #slideMenuBlock .heddingBlock .rightBlock {
	float: right;
	font-size: 0px;
}
#headmenubox01 #slideMenuBlock .heddingBlock .rightBlock p { margin-top: 4px; }

#headmenubox01 #slideMenuBlock #memuList { margin: 15px 0 25px;}
#headmenubox01 #slideMenuBlock #memuList dt { margin-bottom: 10px; }
#headmenubox01 #slideMenuBlock #memuList dd { margin-bottom: 15px; }
#headmenubox01 #slideMenuBlock #memuList dd.log { margin-top: 25px; }
#headmenubox01 #slideMenuBlock #memuList dd li { margin-bottom: 10px; }
#headmenubox01 #slideMenuBlock #memuList dd li:last-child { margin-bottom: 0px; }
#headmenubox01 #slideMenuBlock #memuList dd li img { width: 100%; }

#headmenubox01 #slideMenuBlock #closeBtn { margin: 0 4.918%; }
#headmenubox01 #slideMenuBlock #closeBtn img { width: 100%; }