@charset "utf-8";
/*
 * base.css
 */


/* !Reseting
---------------------------------------------------------- */
body {
	font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN', 'sans-serif';
	font-size: 14px;
	-webkit-text-size-adjust: 100%;
	line-height: 1.4;
	color: #333;
	position: relative;
}

/* --- Internet Explorerハック */
body {
  margin: 0px; /* IE8以下 */
  *margin: 0px; /* IE6とIE7 */
  _margin: 0px; /* IE6のみ */
}

/* IE10以降 */
@media all and (-ms-high-contrast:none){
body {
    margin: 0px;
  }
}

/* IE11のみ */
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, body {
    margin: 0px;
  }
}

/* Firefoxのみ */
@-moz-document url-prefix() {
body {
    margin: -20px 0px 0px;
  }
}

/* Safariのみ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
body {
    margin: -20px 0px 0px;
  }
}

/* --- ChromeとOperaのみ */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
body {
    margin: -20px 0px 0px;
  }
}

button,
input,
select,
textarea,
pre {
	font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN', 'sans-serif';
	font-size: 100%;
}

#wrapper {
}


/* 共通
---------------------------------------------------------- */
a {
	color: #003cff;
	font-weight: bold;
}
a:link {
	color: #003cff;
}
a:visited {
	color: #003cff;
}
a:hover {
	text-decoration: none;
}

/* font_effect */
.error.text.red{ font-size: 20px; }
.remarks { font-size: 10px; }
.red { color: #ff0000; }
.exp { color: #858585; }
.bold { font-weight: bold; }
.big { font-size: 120%;}
.txt_center { text-align: center; }
.txt_left { text-align: left; }
.txt_right { text-align: right; }
.sup {
	color: #5c5c5c;
	font-size: 12px;
}
.attention {
	color: #ff2400;
}
.c_catch { color: #db4182; }


/* text */
p {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -moz-pre-wrap; /* Mozilla */
	word-wrap: break-word;      /* IE 5+ */
}
.box_text01 { margin: 21px 10px 0; }
h3 + .box_text01,
h4 + .box_text01 {
	margin: 13px 10px 0;
}
.box_text01 p {
	margin: 5px 0 0;
}


/* error */
.box_error {
	margin: 10px 0;
	padding: 10px 10px 0;
/*	border: #ff0000 4px solid;*/
}
.box_error p {
	margin: 0 0 10px;
	padding: 8px 10px 8px 38px;
	background: #db0000 url(/../ticket/toujitsu/image/common/ico_error01.png) no-repeat 8px 5px;
	-webkit-background-size: auto 25px;
	   -moz-background-size: auto 25px;
	        background-size: auto 25px;
	color: #fff;
	font-weight: bold;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
}

/* BOX */
.box_left { float: left;}
.box_right { float: right;}

/* attention */
.box_attention {
	margin: 13px 10px;
	padding: 10px 10px 5px;
	background: #ebebeb;
}
.box_attention p {
	margin: 0 0 5px;
	color: #000;
}
.box_attention .attention {
	color: #ff2400;
	font-size: 16px;
	font-weight: bold;
}


/* Form
---------------------------------------------------------- */
input[type="text"],
input[type="password"] ,
input[type="tel"] ,
input[type="email"],
input[type="email-confirm"],
input[type="url"] {
/*	max-width: 300px;
	margin: 0;
	height: 34px;
	padding: 0;
	line-height: 34px;*/
	padding: 8px 0;
	line-height: 1em;
	border: #adadad 1px solid;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-box-shadow: 0 1px 1px 1px #adadad inset;
	   -moz-box-shadow: 0 1px 1px 1px #adadad inset;
	        box-shadow: 0 1px 5px 0 #adadad inset;
	   -webkit-box-sizing: border-box;
	      -moz-box-sizing: border-box;
	        -o-box-sizing: border-box;
	       -ms-box-sizing: border-box;
	           box-sizing: border-box;
}
input[type="checkbox"],
input[type="radio"] {
	width: 20px;
	height: 20px;
	margin: -2px 5px 0 0;
	vertical-align: middle;
	font-size: 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;
}
label input[type="checkbox"],
label input[type="radio"] {
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -10px;
}
label {
	position: relative;
	display: inline-block;
	padding: 8px 10px 8px 35px;
	border: #d6d6d6 1px solid;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	-webkit-box-shadow: 0 2px 5px 0 #999;
	   -moz-box-shadow: 0 2px 5px 0 #999;
	        box-shadow: 0 2px 5px 0 #999;
	cursor: pointer;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -moz-pre-wrap; /* Mozilla */
	word-wrap: break-word;      /* IE 5+ */
}
label.notice {
	background: #ccd8ff;
}


select {
	height: 34px;
	margin: 0;
	padding:0;
	font-size: 14px;
}
input[type="text"] {
	width: 100%;
}
input[type="email"] {
	width: 100%;
}
input[type="text"].zip_code_1 {
	width: 60px;
}
input[type="text"].zip_code_2 {
	width: 80px;
}
select.birthday_year,select.birthday_month,select.birthday_day {
	width: 140px !important;
	margin-right: 1em;
}
select.birthday_month,select.birthday_day {
	margin-left: 1em;
}
textarea {
	width: 100%;
	padding: 5px 0;
	height: 6em;
	border: #adadad 1px solid;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-box-shadow: 0 1px 1px 1px #adadad inset;
	   -moz-box-shadow: 0 1px 1px 1px #adadad inset;
	        box-shadow: 0 1px 5px 0 #adadad inset;
	   -webkit-box-sizing: border-box;
	      -moz-box-sizing: border-box;
	        -o-box-sizing: border-box;
	       -ms-box-sizing: border-box;
	           box-sizing: border-box;
}
input[type="text"]:disabled {
	border: #b0aeae 1px solid;
	background: #dfdfdf;
}
input[type="tel"]:disabled {
	border: #b0aeae 1px solid;
	background: #dfdfdf;
}
button {
	cursor: pointer;
}


/* ヘッダー
---------------------------------------------------------- */
header {
	overflow: hidden;
	zoom:1;
	-webkit-box-shadow: 0 1px 2px 0 #c7c7c7;
	   -moz-box-shadow: 0 1px 2px 0 #c7c7c7;
	        box-shadow: 0 1px 2px 0 #c7c7c7;
}
header h1 {
	float: left;
	padding: 13px 0 0 10px;
	line-height: 1;
}
header nav {
	float: right;
	padding: 5px 0;
}
header nav ul {
	padding: 0 5px 3px 0;
	overflow: hidden;
	zoom: 1;
}
header nav li {
	float: left;
	margin: 0 0 0 2px;
}
header nav li a {
	display: inline-block;
	width: 30px;
	height: 30px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	text-indent: -9999px;
	-webkit-box-shadow: 0 1px 2px 0 #999;
	   -moz-box-shadow: 0 1px 2px 0 #999;
	        box-shadow: 0 1px 2px 0 #999;
}
header li.tel a {
	background: url('/../ticket/toujitsu/image/common/btn_head.png') no-repeat 7px 50%,
	            -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999), color-stop(50%,#000), color-stop(98%,#000));
	background: url('/../ticket/toujitsu/image/common/btn_head.png') no-repeat 7px 50%,
	            -webkit-linear-gradient(top,  #999 0%,#000 50%,#000 98%);
	background: url('/../ticket/toujitsu/image/common/btn_head.png') no-repeat 7px 50%,
	            -moz-linear-gradient(top,  #999 0%, #000 50%, #000 98%);
	background: url('/../ticket/toujitsu/image/common/btn_head.png') no-repeat 7px 50%,
	            linear-gradient(to bottom,  #999 0%,#000 50%,#000 98%);
	background-size: 87px 15px,100% 100%;
}
header li.help a {
	background: url('/../ticket/toujitsu/image/common/btn_head.png') no-repeat -31px 50%,
	            -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa799), color-stop(50%,#ff2400), color-stop(100%,#ff2400));
	background: url('/../ticket/toujitsu/image/common/btn_head.png') no-repeat -31px 50%,
	            -webkit-linear-gradient(top,  #ffa799 0%,#ff2400 50%,#ff2400 100%);
	background: url('/../ticket/toujitsu/image/common/btn_head.png') no-repeat -31px 50%,
	            -moz-linear-gradient(top,  #ffa799 0%, #ff2400 50%, #ff2400 100%);
	background: url('/../ticket/toujitsu/image/common/btn_head.png') no-repeat -31px 50%,
	            linear-gradient(to bottom,  #ffa799 0%,#ff2400 50%,#ff2400 100%);
	background-size: 87px 15px,100% 100%;
}
header li.support a {
	background: url('/../ticket/toujitsu/image/common/btn_head.png') no-repeat -68px 50%,
	            -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9f39e), color-stop(50%,#51e00d), color-stop(99%,#51e00d));
	background: url('/../ticket/toujitsu/image/common/btn_head.png') no-repeat -68px 50%,
	            -webkit-linear-gradient(top,  #b9f39e 0%,#51e00d 50%,#51e00d 99%);
	background: url('/../ticket/toujitsu/image/common/btn_head.png') no-repeat -68px 50%,
	            -moz-linear-gradient(top,  #b9f39e 0%, #51e00d 50%, #51e00d 99%);
	background: url('/../ticket/toujitsu/image/common/btn_head.png') no-repeat -68px 50%,
	            linear-gradient(to bottom,  #b9f39e 0%,#51e00d 50%,#51e00d 99%);
	background-size: 87px 15px,100% 100%;
}
header p.recept {
	position: relative;
	width: 94px;
	margin: 0 5px 0 0;
	padding: 3px 0;
	background: #ebebeb;
	float: right;
	font-size: 7px;
	text-align: center;
}
header p.recept:after {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
header p.recept:after {
	border-color: rgba(235, 235, 235, 0);
	border-bottom-color: #ebebeb;
	border-width: 6px;
	left: 16px;
	margin-left: -6px;
}
header p.recept span {
	font-weight: bold;
}

/* ヘッダー[オープン]
---------------------------------------------------------- */
header#open_head h1 {
	height: 20px;
	padding: 13px 0 13px 10px;
}
header#open_head h1 img {
	vertical-align: top;
}
header#open_head nav {
	padding: 7px 0 0;
}
/* Global navi */
nav.global {
	float: none;
	clear: both;
	padding: 0;
	padding: none;
}
nav.global ul {
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: #ccc 1px solid;
	border-bottom: #fff 1px solid;
}
nav.global li {
	display: table-cell;
	float: none;
	width: 20%;
	border-right: #ccc 1px solid;
	border-left: #fff 1px solid;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
nav.global a {
	display: block;
	width: 100%;
	height: auto;
	padding: 5px 0 2px;
	text-indent: 0;
	background: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#cccccc 100%);
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
	border-radius: 0;
	color: #000;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
}
nav.global i {
	display: block;
	width: 41px;
	height: 35px;
	margin: 0 auto;
}
nav.global i.artist {
	background: url(/../ticket/toujitsu/image/common/ico_global.png) 0 0;
	-webkit-background-size: auto 35px;
	   -moz-background-size: auto 35px;
	        background-size: auto 35px;
}
nav.global i.today {
	background: url(/../ticket/toujitsu/image/common/ico_global.png) -51px 0;
	-webkit-background-size: auto 35px;
	   -moz-background-size: auto 35px;
	        background-size: auto 35px;
}
nav.global i.search {
	background: url(/../ticket/toujitsu/image/common/ico_global.png) -102px 0;
	-webkit-background-size: auto 35px;
	   -moz-background-size: auto 35px;
	        background-size: auto 35px;
}
nav.global i.getticket {
	background: url(/../ticket/toujitsu/image/common/ico_global.png) -153px 0;
	-webkit-background-size: auto 35px;
	   -moz-background-size: auto 35px;
	        background-size: auto 35px;
}
nav.global i.calendar {
	background: url(/../ticket/toujitsu/image/common/ico_global.png) -204px 0;
	-webkit-background-size: auto 35px;
	   -moz-background-size: auto 35px;
	        background-size: auto 35px;
}
nav.global li p {
	display: inline-block;
	margin: 3px 0 0;
}
nav.global li span {
	display: table-cell;
	width: 100%;
	height: 20px;
	line-height: 10px;
	vertical-align: middle;
}
/* 検索BOX */
header #search_box {
	padding: 8px 0;
	background: #ebebeb;
	-webkit-box-shadow: 0 1px 2px 0 #c7c7c7 inset;
	   -moz-box-shadow: 0 1px 2px 0 #c7c7c7 inset;
	        box-shadow: 0 1px 2px 0 #c7c7c7 inset;
}
header #search_box ul {
	display: table;
	width: 100%;
}
header #search_box li {
	display: table-cell;
	padding: 0 0 0 5px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	vertical-align: middle;
}
header #search_box li.btn {
	width: 5em;
}
header #search_box li .btn_sub01 {
	padding: 8px 0;
	margin: 0;
	font-size: 14px;
}
header #search_box li.btn i {
	vertical-align: middle;
	margin: 0 3px 0 0;
}
header #search_box li.more {
	width: 4.2em;
	padding: 0 5px ;
}
header #search_box li.more a {
	font-size: 12px;
}
header h1#tit_get {
	float: none;
	height: 15px;
	padding: 8px 0 8px 10px;
}



/* フッター
---------------------------------------------------------- */
footer {
	margin: 21px 0 0;
}
footer nav ul {
	overflow: hidden;
	zoom: 1;
}
footer nav li {
	display: block;
	float: left;
	width: 33.3%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	text-align: center;
}
footer nav li a {
	display: block;
	border-left: 1px #999 solid;
	font-size: 14px;
	font-weight: normal;
}
footer nav li.company {
	width: 33.3%;
}
footer nav li.company a {
	border-left: none;
}

footer section {
	margin: 8px 0 0;
	padding: 8px 0;
	background: -moz-linear-gradient(top,  #333 0%, #333 50%, #5b5b5b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(50%,#333), color-stop(100%,#5b5b5b));
	background: -webkit-linear-gradient(top,  #333 0%,#333 50%,#5b5b5b 100%);
	background: linear-gradient(to bottom,  #333 0%,#333 50%,#5b5b5b 100%);
	text-shadow: 0 1px 4px #000;
	color: #fff;
}
footer section h3 {
	padding: 5px 10px;
	line-height: 11px;
	background: #fff;
	text-align: right;
}
footer section p {
	padding: 8px 10px 0;
	font-size: 12px;
	text-align: right;
}
footer address {
	padding: 13px 5px;
	line-height: 1.3;
	font-size: 10px;
	font-style: normal;
	text-align: center;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -moz-pre-wrap; /* Mozilla */
	word-wrap: break-word;      /* IE 5+ */
}

/* Global */
footer nav.global {
	margin: 0 0 13px;
	-webkit-box-shadow: 0 1px 2px 0 #c7c7c7;
	   -moz-box-shadow: 0 1px 2px 0 #c7c7c7;
	        box-shadow: 0 1px 2px 0 #c7c7c7;
}


/* メインレイアウト
---------------------------------------------------------- */
.subject {
	margin: 21px 0;
}


/* ページTOP */
.pageTop {
	margin: 21px 0 -7px;
	padding: 0 0 7px;
	overflow: hidden;
	zoom:1;
}
.pageTop a {
	position: relative;
	float: right;
	display: inline-block;
	padding: 13px 30px 13px 10px;
	line-height: 1;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	    -moz-border-radius-topleft: 4px;
	    -moz-border-radius-bottomleft: 4px;
	        border-top-left-radius: 4px;
	        border-bottom-left-radius: 4px;
	background: -moz-linear-gradient(top,  #a3a3a3 0%, #666 50%, #666 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3a3a3), color-stop(50%,#666), color-stop(100%,#666));
	background: -webkit-linear-gradient(top,  #a3a3a3 0%,#666 50%,#666 100%);
	background: linear-gradient(to bottom,  #a3a3a3 0%,#666 50%,#666 100%);
	-webkit-box-shadow: 0 2px 5px 0 #999;
	   -moz-box-shadow: 0 2px 5px 0 #999;
	        box-shadow: 0 2px 5px 0 #999;
	text-shadow: 0 1px 4px #000;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.pageTop a:after {
    content: '';
	position: absolute;
	top: 50%;
	right: 10px;
	width: 15px;
	height: 15px;
	margin: -7px 0 0;
	background: url(/../ticket/toujitsu/image/common/ico_pagetop.png) no-repeat 0 0;
	-webkit-background-size: 15px 15px;
	   -moz-background-size: 15px 15px;
	        background-size: 15px 15px;
}
.pageTop .arrow {
	padding-right: 3px;
	color: #db4182;
}

/* HOMEボタン */
.pageTop a.home {
	float: left;
	padding: 13px 10px 13px 30px;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	    -moz-border-radius-topright: 4px;
	    -moz-border-radius-bottomright: 4px;
	        border-top-right-radius: 4px;
	        border-bottom-right-radius: 4px;
}
.pageTop a.home:after {
    content: '';
	position: absolute;
	top: 50%;
	left: 10px;
	width: 18px;
	height: 18px;
	margin: -9px 0 0;
	background: url(/../ticket/toujitsu/image/common/ico_btn.png) no-repeat -209px -4px;
	-webkit-background-size: auto 24px;
	   -moz-background-size: auto 24px;
	        background-size: auto 24px;
}



/* POPUPページ
---------------------------------------------------------- */
body.pop {
	background: #bcbcbc;
}
.pop #wrapper {
	padding: 10px 0 0;
}
.pop #wrapper #contents {
	margin: 0 10px 10px;
	padding: 0 0 8px;
	background: #fff;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-box-shadow: 0 0 8px 0 #404040;
	   -moz-box-shadow: 0 0 8px 0 #404040;
	        box-shadow: 0 0 8px 0 #404040;
}
.pop #wrapper #contents header .close {
	float: right;
}
.pop #wrapper #contents header .btn_sub01 {
	width: 4em;
	margin: 10px 8px 8px 0;
	padding: 8px 10px;
	line-height: 1;
	font-size: 14px;
}
.pop #wrapper #contents header .btn_sub01.close {
	width: 3em;
	padding: 8px 30px 8px 13px ;
}
.pop #wrapper footer {
	margin: 21px 10px 0;
}
.pop #wrapper footer p {
	color: #fff;
	font-size: 12px;
	text-align: right;
}
.pop #wrapper footer address {
	padding: 3px 0 10px;
	color: #000;
	text-align: center;
}
.btnClose {
	margin: 13px 20px;
}
.btnClose .btn_sub01 {
	background: #666;
	-webkit-box-shadow: 0 2px 5px 0 #404040;
	   -moz-box-shadow: 0 2px 5px 0 #404040;
	        box-shadow: 0 2px 5px 0 #404040;
}
.btnClose .btn_sub01.close {
	background: #666 url('/../ticket/toujitsu/image/common/ico_close.png') no-repeat 10px 55%;
	background-size: 26px 17px;
}

/* タイトル
---------------------------------------------------------- */
/* ページタイトル */
.tit_page {
	padding: 10px;
	line-height: 1;
	background: #333;
	background: -moz-linear-gradient(top,  #5c5c5c 0%, #333 50%, #333 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c5c5c), color-stop(50%,#333), color-stop(100%,#333));
	background: -webkit-linear-gradient(top,  #5c5c5c 0%,#333 50%,#333 100%);
	background: linear-gradient(to bottom,  #5c5c5c 0%,#333 50%,#333 100%);
	font-size: 22px;
	font-weight: bold;
	color: #fff;
}

.tit01:before,tit02:before,tit03:before,tit04:before {
	content: "\f040";
	font-family: FontAwesome;
	color: #fff;
	margin-right: 10px;
}

.tit01 {
	background: #333399;
	padding: 10px;
	line-height: 1.3;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
.tit02 {
	background: #333399;
	padding: 10px;
	line-height: 1.3;
	color: #000;
	font-size: 16px;
	font-weight: bold;
}
.tit03 {
	background: #333399;
	padding: 8px 10px;
	background: #EDEDED;
	color: #000;
	font-size: 14px;
	font-weight: normal;
}

/* 番号 */
.tit_no1, .tit_no2, .tit_no3, .tit_no4, .tit_no5 {
	background: #333399;
	padding: 10px;
	line-height: 1.3;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

.tit_no1:before {
	content: "\f10c";/*丸*/
	font-family: FontAwesome;
	color: #fff;
	margin-right: 10px;
}

.tit_no2:before {
	content: "\f06a";/*エクスクラメーション*/
	font-family: FontAwesome;
	color: #fff;
	margin-right: 10px;
}

.tit_no2 {
	background: #333399;
}


.tit_no3 {
	background: #333399;
}
.tit_no4 {
	background: #333399;
}
.tit_no5 {
	background: #333399 url(/../ticket/toujitsu/image/common/no05.png) no-repeat 10px 50%;
	-webkit-background-size: 15px 15px;
	   -moz-background-size: 15px 15px;
	        background-size: 15px 15px;
}


/* イメージスケール
---------------------------------------------------------- */
img.img_scale {
	zoom: .5;
}
img.img_scale ,  x:-moz-any-link {
	max-width: 70%;
}


/* アイコン
---------------------------------------------------------- */
i {
	display: inline-block;
	margin: 0 3px 0;
	vertical-align: top;
	line-height: 1;
	font-style: normal;
}
/* 初心者マーク */
i.support01 {
	width: 23px;
	height: 25px;
	background: url(/../ticket/toujitsu/image/common/ico_tit.png) 0 0;
	-webkit-background-size: auto 25px;
	   -moz-background-size: auto 25px;
	        background-size: auto 25px;
}
i.support02 {
	width: 16px;
	height: 24px;
	background: url(/../ticket/toujitsu/image/common/ico_btn.png) 0 0;
	-webkit-background-size: auto 24px;
	   -moz-background-size: auto 24px;
	        background-size: auto 24px;
}
/* mobile */
i.mobile01 {
	width: 23px;
	height: 25px;
	background: url(/../ticket/toujitsu/image/common/ico_tit.png) -38px 0;
	-webkit-background-size: auto 25px;
	   -moz-background-size: auto 25px;
	        background-size: auto 25px;
}
i.mobile02 {
	width: 16px;
	height: 24px;
	background: url(/../ticket/toujitsu/image/common/ico_btn.png) -40px 0;
	-webkit-background-size: auto 24px;
	   -moz-background-size: auto 24px;
	        background-size: auto 24px;
}
i.phone01 {
	font-size: 1.2em;
}

i.phone01:before {
	content: "\f095";
	margin-right: 8px;
	font-family: FontAwesome;
}

i.reflesh01 {
	width: 18px;
	height: 24px;
	background: url(/../ticket/toujitsu/image/common/ico_btn.png) -121px 0;
	-webkit-background-size: auto 24px;
	   -moz-background-size: auto 24px;
	        background-size: auto 24px;
}
i.pc01 {
	width: 15px;
	height: 20px;
	background: url(/../ticket/toujitsu/image/common/ico_btn02.png) 0 0;
	-webkit-background-size: auto 20px;
	   -moz-background-size: auto 20px;
	        background-size: auto 20px;
}
i.pc02 {
	width: 18px;
	height: 24px;
	background: url(/../ticket/toujitsu/image/common/ico_btn.png) -250px 0;
	-webkit-background-size: auto 24px;
	   -moz-background-size: auto 24px;
	        background-size: auto 24px;
	vertical-align: middle;
}
i.search01 {
	width: 16px;
	height: 24px;
	background: url(/../ticket/toujitsu/image/common/ico_btn.png) -164px 0;
	-webkit-background-size: auto 24px;
	   -moz-background-size: auto 24px;
	        background-size: auto 24px;
}
i.blank01 {
	width: 15px;
	height: 20px;
	background: url(/../ticket/toujitsu/image/common/ico_btn02.png) -40px 0;
	-webkit-background-size: auto 20px;
	   -moz-background-size: auto 20px;
	        background-size: auto 20px;
}
i.next01 {
	width: 16px;
	height: 17px;
	background: url(/../ticket/toujitsu/image/common/ico_next.png) 0 0;
	-webkit-background-size: 16px 17px;
	   -moz-background-size: 16px 17px;
	        background-size: 16px 17px;
}

.ico_new {
	display: inline-block;
	padding: 4px 5px;
	background: #db4283;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e67aa8), to(#db4283)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #e67aa8, #db4283); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #e67aa8, #db4283); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #e67aa8, #db4283); /* IE10 */
	background-image:         linear-gradient(top, #e67aa8, #db4283);
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-shadow: 0 -1px 1px #db4283;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
}

/* !Mark */
i.exc01 {
	width: 23px;
	height: 25px;
	background: url(/../ticket/toujitsu/image/common/ico_tit.png) -76px 0;
	-webkit-background-size: auto 25px;
	   -moz-background-size: auto 25px;
	        background-size: auto 25px;
}
i.exc02 {
	width: 23px;
	height: 25px;
	background: url(/../ticket/toujitsu/image/common/ico_error01.png) no-repeat 0 -2px;
	-webkit-background-size: auto 25px;
	   -moz-background-size: auto 25px;
	        background-size: auto 25px;
}


/* 必須 */
.req {
	padding: 3px 5px;
	line-height: 1;
	margin: 0;
	vertical-align: top;
	background: #db0000;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
}
h2 .req {
	vertical-align: top;
}


/* ボタン共通レイアウト
---------------------------------------------------------- */
.box_btn01 {
	margin: 0 10px 15px;
}

/* 直列 */
.list_btn01 {
	text-align: center;
}
.list_btn01 li {
	display: block;
	margin-top: 8px;
}
.list_btn01 li:first-child {
	margin-top: 0;
}


/* 並列2列 */
.list_btn0 li {
	float: left;
	width: 49%;
	padding-bottom: 5px;
}
.list_btn0 li:nth-child(2n) {
	float: right;
}
/* 並列3列 */
.list_btn0 {
	text-align: center;
}
.list_btn0 li {
	display: inline-block;
	width: 33%;
	padding-bottom: 5px;
}
.list_btn0 li:nth-child(3n+1) {
	float: left;
}
.list_btn0 li:nth-child(3n) {
	float: right;
}




/* ボタン
---------------------------------------------------------- */
/* Main _Red */
a.btn_mane01,
.btn_mane01 {
	display: block;
	padding: 21px 0;
	margin: 13px 0;
	vertical-align: bottom;
	border: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	background: -moz-linear-gradient(top,  #ff7a65 0%, #ff2400 50%, #ff2400 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7a65), color-stop(50%,#ff2400), color-stop(100%,#ff2400));
	background: -webkit-linear-gradient(top,  #ff7a65 0%,#ff2400 50%,#ff2400 100%);
	background: linear-gradient(to bottom,  #ff7a65 0%,#ff2400 50%,#ff2400 100%);
	-webkit-box-shadow: 0 2px 5px 0 #999;
	   -moz-box-shadow: 0 2px 5px 0 #999;
	        box-shadow: 0 2px 5px 0 #999;
	text-shadow: 0 1px 4px #000;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	   -webkit-box-sizing: border-box;
	      -moz-box-sizing: border-box;
	        -o-box-sizing: border-box;
	       -ms-box-sizing: border-box;
	           box-sizing: border-box;
}

.btn_mane01.red,.btn_mane01.next {
	padding: 21px 30px 21px 10px;
	background: url('/../ticket/toujitsu/image/common/ico_next.png') no-repeat 98.5% 50%,
	            -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7a65), color-stop(50%,#ff2400), color-stop(100%,#ff2400));
	background: url('/../ticket/toujitsu/image/common/ico_next.png') no-repeat 98.5% 50%,
	            -webkit-linear-gradient(top,  #ff7a65 0%,#ff2400 50%,#ff2400 100%);
	background: url('/../ticket/toujitsu/image/common/ico_next.png') no-repeat 98.5% 50%,
	             -moz-linear-gradient(top,  #ff7a65 0%, #ff2400 50%, #ff2400 100%);
	background: url('/../ticket/toujitsu/image/common/ico_next.png') no-repeat 98.5% 50%,
	            linear-gradient(to bottom,  #ff7a65 0%,#ff2400 50%,#ff2400 100%);
	background-size: 16px 17px,100% 100%;
}

.btn_mane01.small {
	padding: 8px 0;
	margin: 8px 0;
	font-size: 14px;
}


/* Sub _Blue */
a.btn_sub01,
.btn_sub01 {
	display: block;
	padding: 12px 0;
	margin: 13px 0;
	border: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	background: #8585c2;
background: -moz-linear-gradient(top,  #8585c2 0%, #333399 50%, #333399 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8585c2), color-stop(50%,#333399), color-stop(100%,#333399));
background: -webkit-linear-gradient(top,  #8585c2 0%,#333399 50%,#333399 100%);
background: linear-gradient(to bottom,  #8585c2 0%,#333399 50%,#333399 100%);
	-webkit-box-shadow: 0 2px 5px 0 #999;
	   -moz-box-shadow: 0 2px 5px 0 #999;
	        box-shadow: 0 2px 5px 0 #999;
	text-shadow: 0 1px 4px #000;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
button.btn_sub01 {
	width: 100%;
}
.btn_sub01.back {
	background: url('/../ticket/toujitsu/image/common/ico_back.png') no-repeat 1.5% 50%,
	            -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3a3a3), color-stop(50%,#666), color-stop(100%,#666));
	background: url('/../ticket/toujitsu/image/common/ico_back.png') no-repeat 1.5% 50%,
	            -webkit-linear-gradient(top,  #a3a3a3 0%,#666 50%,#666 100%);
	background: url('/../ticket/toujitsu/image/common/ico_back.png') no-repeat 1.5% 50%,
	            -moz-linear-gradient(top,  #a3a3a3 0%, #666 50%, #666 100%);
	background: url('/../ticket/toujitsu/image/common/ico_back.png') no-repeat 1.5% 50%,
	            linear-gradient(to bottom,  #a3a3a3 0%,#666 50%,#666 100%);
	background-size: 16px 17px,100% 100%;
}
.btn_sub01.small {
	padding: 12px;
	font-size: 14px;
	   -webkit-box-sizing: border-box;
	      -moz-box-sizing: border-box;
	           box-sizing: border-box;
}
.btn_sub01.close {
	background: url('/../ticket/toujitsu/image/common/ico_close.png') no-repeat 100% 55%,
	            -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3a3a3), color-stop(50%,#666), color-stop(100%,#666));
	background: url('/../ticket/toujitsu/image/common/ico_close.png') no-repeat 100% 55%,
	            -webkit-linear-gradient(top,  #a3a3a3 0%,#666 50%,#666 100%);
	background: url('/../ticket/toujitsu/image/common/ico_close.png') no-repeat 100% 55%,
	            -moz-linear-gradient(top,  #a3a3a3 0%, #666 50%, #666 100%);
	background: url('/../ticket/toujitsu/image/common/ico_close.png') no-repeat 100% 55%,
	            linear-gradient(to bottom,  #a3a3a3 0%,#666 50%,#666 100%);
	background-size: 26px 17px,100% 100%;
}

/* Sub _Gray */
a.btn_sub02,
.btn_sub02 {
	display: block;
	padding: 12px 0;
	margin: 13px 0;
	border: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	background: #666;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3a3a3), color-stop(50%,#666), color-stop(100%,#666));
	background: -webkit-linear-gradient(top,  #a3a3a3 0%,#666 50%,#666 100%);
	background: -moz-linear-gradient(top,  #a3a3a3 0%, #666 50%, #666 100%);
	background: linear-gradient(to bottom,  #a3a3a3 0%,#666 50%,#666 100%);
	-webkit-box-shadow: 0 2px 5px 0 #999;
	   -moz-box-shadow: 0 2px 5px 0 #999;
	        box-shadow: 0 2px 5px 0 #999;
	text-shadow: 0 1px 4px #000;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
button.btn_sub02 {
	width: 100%;
}

/* 外部リンク */
.btn_blank01,
a.btn_blank01 {
	display: block;
	padding: 8px 0;
	margin: 13px 0;
	border: #666 2px solid;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	background: #f5f5f5;
	-webkit-box-shadow: 0 2px 5px 0 #999;
	   -moz-box-shadow: 0 2px 5px 0 #999;
	        box-shadow: 0 2px 5px 0 #999;
	text-shadow: 0 1px 2px #fff;
	color: #666;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

/* テキストリンク風 */
.btn_text01 {
	display: inline-block;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	color: #003cff;
	font-weight: bold;
	text-decoration: underline;
}
.btn_text01:hover {
	text-decoration: none;
}


button span.sup {
	color: #fff;
	font-size: 12px;
}

/* リスト
---------------------------------------------------------- */
.list_view01 li {
	border-bottom: #d6d6d6 1px solid;
}
.list_view01 li:first-child {
	border-top: #d6d6d6 1px solid;
}
.list_view01 li a,
.list_view01 li button {
	position:relative;
	display: block;
	width: 100%;
	padding: 8px 10px;
	border: none;
	background: #fff;
	color: #000;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	   -webkit-box-sizing: border-box;
	      -moz-box-sizing: border-box;
	           box-sizing: border-box;
	line-height: 1.4;
}
.list_view01 li a:after,
.list_view01 li button:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 10px;
	width: 15px;
	height: 15px;
	margin: -7px 0 0;
	background: url(/../ticket/toujitsu/image/common/ico_arrow01.png) no-repeat 0 0;
	-webkit-background-size: 15px 15px;
	   -moz-background-size: 15px 15px;
	        background-size: 15px 15px;
}
.list_view01 li a:hover {
	background: #f5f5f5;
}
.list_view01 li a.more {
	background: #d6d6d6;
	text-align: center;
}
.list_view01 li a.more:after {
	background: url(/../ticket/toujitsu/image/common/ico_arrow02.png) no-repeat 0 0;
	-webkit-background-size: 15px 15px;
	   -moz-background-size: 15px 15px;
	        background-size: 15px 15px;
}
.list_view01 li a.more:hover {
	background: #ccc;
}

/* 赤丸dl */
.dl_main01 {
	margin: 8px 0 13px;
	padding: 0 0 ;
	-webkit-box-shadow: 0 1px 2px 0 #c7c7c7;
	   -moz-box-shadow: 0 1px 2px 0 #c7c7c7;
	        box-shadow: 0 1px 2px 0 #c7c7c7;
}
.dl_main01 dt {
	padding: 10px 10px 10px 30px;
	line-height: 1.3;
	background: #333399 url(/../ticket/toujitsu/image/common/circle01.png) no-repeat 10px 50%;
	-webkit-background-size: 15px 15px;
	   -moz-background-size: 15px 15px;
	        background-size: 15px 15px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
}
.dl_main01 dd {
	margin: 8px 10px 0;
	padding: 0 0 21px;
}

/* Gray */
.dl_sub01 {
	margin: 0;
	background: #fff;
}
.dl_sub01 dt {
	position: relative;
	padding: 8px 10px;
	background: #EDEDED;
/*	background: #ebebeb;*/
	color: #000;
}
.dl_sub01 dt.title {
	font-weight: bold;
	white-space: normal;
}
.dl_sub01 dt a.more {
	position: absolute;
	right: 10px;
	padding: 0 0 0 20px;
	font-size: 12px;
}
.dl_sub01 dt a.more:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 15px;
	height: 15px;
	margin: -7px 0 0;
	background: url(/../ticket/toujitsu/image/common/ico_arrow02.png) no-repeat 0 0;
	-webkit-background-size: 15px 15px;
	   -moz-background-size: 15px 15px;
	        background-size: 15px 15px;
}
.dl_sub01 dd {
	margin: 8px 10px 13px;
}

/* step */
#list_step {
	margin: 13px 10px;
}
#list_step ol {
	display: table;
	width: 100%;
	table-layout:fixed;
}
#list_step li {
	display: table-cell;
	padding: 5px 0 4px;
	border: #d6d6d6 3px solid;
	vertical-align: middle;
	text-align: center;
	font-size: 9px;
}
#list_step li.bar {
	width: 16px;
	border: none;
	background: url(/../ticket/toujitsu/image/common/ico_step.png) no-repeat 50% 50%;
	-webkit-background-size: 10px 10px;
	   -moz-background-size: 10px 10px;
	        background-size: 10px 10px;
	text-indent: -9999px;
}
#list_step li.now {
	border: #db0000 3px solid;
	background: #db0000;
	color: #fff;
	font-weight: bold;
}

.pop #list_step {
	margin: 13px 5px;
}
.pop #list_step li.bar {
	width: 12px;
}

/* 矢印list */
.list_arrow li {
	margin: 8px 0 0;
	padding: 0 0 0 20px;
	line-height: 1em;
	min-height: 15px;
	background: url(/../ticket/toujitsu/image/common/ico_arrow02.png) no-repeat 0 50%;
	-webkit-background-size: 15px 15px;
	   -moz-background-size: 15px 15px;
	        background-size: 15px 15px;
}

/* ◎list */
.list_mane li {
	margin: 8px 0 8px 20px;
	padding: 0 ;
/*	line-height: 1em;*/
	min-height: 15px;
	list-style-type: disc;
}
ol.list_mane li {
	list-style-type: decimal;
}


/* テーブル
---------------------------------------------------------- */
table {
	background: #fff;
}
th {
	padding: 8px 10px;
	background: #EDEDED;
	color: #000;
	font-weight: normal;
	text-align: center;
}
td {
	padding: 8px 10px;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -moz-pre-wrap; /* Mozilla */
	word-wrap: break-word;      /* IE 5+ */
	word-break:break-all
}
td p {}


/* メンテナンスメッセージ
---------------------------------------------------------- */
.maintenance_ms {
	margin: 21px 10px;
	border: #333399 4px solid;
	padding: 13px 10px 8px;
}
.maintenance_ms p {
	margin-bottom: 5px;
	font-size: 12px;
}


/* clearfix */
section:after,
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;
}

i.required {
	background: #cd0000;
	display: inline-block;
	padding: 3px 5px;
	margin: 0 5px 0 5px;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 12px;
}

/*//////////////////////// PCのみ ////////////////////////*/
@media only screen and (min-width: 769px){
.panel-body {
    width: 954px;
    margin: auto;
}

.tit01,.tit02,.tit_no1,.tit_no2 {
	border-radius: 5px;
}

button.btn_mane01 {
	width: 400px;
	margin: auto;
}

.right_box {
	width: 300px;
	margin-right: auto;
}

.right_box p {
	text-align: left;
}

/* 20161216 追記 */
.nextback button.next {
	width: 58%;
	margin: 0px !important;
	float:right;
}

.nextback button.back {
	width: 38%; height: 69px; margin: 0px !important; float:left;
}

}


/*//////////////////////// スマホのみ ////////////////////////*/
@media only screen and (max-width: 768px){
button.btn_mane01 {
	width: 100%;
}

.right_box {
	margin: auto;
}

.right_box dt,.right_box p {
	text-align: center;
}

/* 20161216 追記 */
.nextback button.next {
	width: 100%;
	margin: 13px 0px !important;
	float:none !important;
}

.nextback button.back {
	width: 100%;
	height: 69px;
	margin: 13px 0px !important;
	float:none !important;
}

footer nav li a {
	font-size: 9px;
}

select.birthday_month,select.birthday_day {
	margin-left: 0em;
}

span.birthday_year,span.birthday_month,span.birthday_day {
	display: block;
}

}