@charset "UTF-8";

/* //
----------------------------------------------- */
html{
	font-size: 62.5%;
}
body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, ins, kbd, q, samp,
small, strong, sub, sup, var,
b,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, strong{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
	height: auto;
    font-size: 1.4rem;
	line-height: 120%;
    vertical-align: baseline;
    background: transparent;
	-webkit-text-size-adjust: 100%;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Verdana, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
	display: block;
}
li{
    list-style: none;
}
a{
	text-decoration: none;
	color: #000;
}

img {
	width:auto;
	max-width:100%;
}

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

.tac {
	text-align:center;
}
.tar {
	text-align:right;
}
.tal {
	text-align:left;
}



input[type=text] ,
input[type=password] {
	border: 1px solid #b3b3b3;
	border-radius: 4px;
	text-overflow: "";
	height: 30px;
	padding: 5px 12px;
	width: 250px;
	width: 50%;
}

textarea {
	width:90%;
}

select {
	padding: 10px 5px;
	font-size:14px;
}

body {
}

table {
	border-collapse: collapse;
	width: 100%;
}


ul.subMenu li {
	font-size:1.2rem;
}

.required:after ,
.form_required:after {
	content:"必須";
	display:inline-block;
	background:#f33;
	color:#fff;
	padding:2px 5px;
	margin:0 5px;
	border-radius:4px;
}


.sp_inner {
	padding:10px ;
	margin:0 20px;
	background:#f3f9fe;
}

.text {
	margin:10px 0;
}

.inner_block {
	background:#fff;
	padding:30px;
	width:920px;
	margin:0 auto;
}

.errorarea {
	background: #ffe4e3 none repeat scroll 0 0;
	border: 1px solid #f00;
	color: #f00;
	margin: 10px;
	padding: 10px;
}

.bold {
	font-weight:bold;
}

.tac {
	text-align:center;
}

.tar {
	text-align:right;
}

.tal {
	text-align:left;
}

.attention ,
.fcred {
	color:#f33;
}

.main_title {
	background-color: #27548a;
	border-top: 1px solid #fff;
	color: #ffffff;
	font-size: 1.6rem;
	font-weight: normal;
	padding: 7px 5px;
	text-shadow: 1px 1px 2px #333333;
}

.innertitle {
	color: #27548a;
	font-weight:bold;
}


.error_block {
    background: #fff5b5 none repeat scroll 0 0;
    border-radius: 4px;
    margin: 14px 0;
    padding: 10px;
}
.error_list {
    margin: 5px;
}
.error_list li {
    color: #f33;
    margin: 5px 0;
}

.caution_block {
	border:solid 1px #f33;
	padding:20px;
}

.caution_title {
	background:#fff;
	position: relative;
	top:-30px;
	text-align:center;
	padding:0 20px;
	display: block;
	width:250px;
	margin:0 auto;
	font-size:1.6rem;
}

.inner_error {
    color: #f33;
    font-weight: bold;
}
.attention {
    color: #f33;
}
.notes {
    color: #ccc;
}
.text_box {
    line-height: 1.8;
    margin: 20px 0;
}
.base_table {
    margin: 20px auto;
    width: 100%;
}
.base_table th {
    background: #f0f5f8 none repeat scroll 0 0;
    border: 1px solid #dedede;
    padding: 5px 10px;
    vertical-align: middle;
    width: 25%;
}
.base_table td {
    border: 1px solid #dedede;
    padding: 5px 10px;
    vertical-align: middle;
    width: 75%;
}

.base_table .inner_table {
	width:96%;
	margin:2%;
}

.base_table .inner_table th {
	width:auto;
}

.base_table .inner_table td {
	width:auto;
}

.contact_table {
	border-collapse:separate;
	border-left:1px solid #dedede;
	border-top:1px solid #dedede;
}

.contact_table th ,
.contact_table td {
	border:none;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
}

.menber_input_block  {
	font-size:8px;
}

.menber_input_block .base_table {

}

.menber_input_block .base_table th {
	width:20%;
}

.menber_input_block .base_table td {

}

.kiyaku {
	height:150px;
	overflow:auto;
	padding:10px 20px;
	border:solid 1px #dedede;
}

.kiyaku .ititle {
font-size:14px;
font-weight:bold;
border-bottom:solid 1px #cacaca;
margin:10px 0;
padding:0 0 5px 0;
}



.typeOld2.last {
	margin:0 0 20px 0;
}

.typeOld2 dt {
    background: #f0f5f8 none repeat scroll 0 0;
    border: 1px solid #dedede;
    padding: 5px 10px;
    vertical-align: middle;
    width: 25%;
    float:left;
}

.typeOld2 dd {
    border: 1px solid #dedede;
    padding: 5px 10px;
    vertical-align: middle;
    width: 70%;
    float:left;
}


.btn_con {
    margin: 20px auto;
    position: relative;
    text-align: center;
}

.base_btn button, .base_btn a {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Verdana, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	background: #006ecc none repeat scroll 0 0;
	border: medium none;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	font-size: 2rem;
	font-weight: bold;
	height: 40px;
	min-width: 150px;
	line-height: 0;
	padding: 5px 20px;
	text-decoration: none;
}
.base_btn button:hover, .base_btn a:hover {
    opacity: 0.8;
}


.mailchack  a ,
.dt_address a {
    background: rgba(0, 0, 0, 0) linear-gradient(#777777, #444444) repeat scroll 0 0;
    border: 1px solid #666666;
    color: #ffffff;
    display: inline-block;
    margin: 5px 0 10px;
    padding: 7px 10px;
    text-align: center;
    text-shadow: 1px 1px 1px #666666;
    text-decoration:none;
}

.mailchack  a:hover ,
.dt_address a:hover {
    opacity:0.8;

}

.receipt_btn a {
	min-width:140px;
	min-height:100px;
	display: inline-block;
	text-align: center;
	line-height:100px;

}

.border_title {
	color:#002664;
	border-bottom:solid 2px #e1e1e1;
	font-weight:bold;
	font-size:1.6rem;
	position: relative;
	padding:10px 0;
	margin:20px 0 ;
}

.border_title:before {
	content:"";
	display: block;
	position: absolute;
	bottom:-2px;
	height:2px;
	width:30%;
	background:#002664;

}


#menulist li {
	margin:10px 0;
}

#menulist li a {
	display: block;
	padding:12px;
	border:solid 1px #c4c4c4;
	border-bottom:solid 3px #184ea6;
}

#menulist li a:hover {
	background:#184ea6;
	color:#fff;
	text-decoration:none;
}


#menulist li.btn_regist a {
	background:#067500;
	color:#fff;
	text-decoration:none;
	border:solid 1px #067500;
	border-bottom:solid 3px #067500;
}

#menulist li.btn_regist a:hover {
	display: block;
	background:#fff;
	color:#067500;
	padding:12px;
	border:solid 1px #c4c4c4;
	border-bottom:solid 3px #067500;
}


#menulist li.btn_regist.type02 a {
	background:#0C8893;
	color:#fff;
	text-decoration:none;
	border:solid 1px #0C8893;
	border-bottom:solid 3px #0C8893;
}



#menulist li.btn_regist.type02 a:hover {
	display: block;
	background:#fff;
	color:#0C8893;
	padding:12px;
	border:solid 1px #c4c4c4;
	border-bottom:solid 3px #0C8893;
}





#ryosyu_form {
	background:#f0f5f8 ;
	border:solid 1px #dedede;
	text-align:center;
	padding:20px;
}

#ryosyu_form h4 {
	margin:20px 0;
}

#ryosyu_form .base_btn {
	margin:20px 0;
}

#usedevice {

}

#usedevice li {
	float:left;
	margin:0 7px 5px 0 ;
}

.updatebt {
	margin:40px 0;
}


#SubNavi.mypage_navi {

}

#SubNavi.mypage_navi li {
}

#SubNavi.mypage_navi li:after {
	content:">";
	margin:0 0 0 10px ;
}

#SubNavi.mypage_navi li:last-child:after {
	content:"";
}


#breadcrumb {
	background:url(/common/images/cmn/breadcrumb_bg.png);
}
#jcb_breadcrumb {
	background: #f1f1f1;
	width: 980px;
    margin: auto;
}

#breadcrumb ul,
#jcb_breadcrump ul {
	width:980px;
	margin:auto;
}
#breadcrumb ul a,
#jcb_breadcrump ul a {
	text-decoration:none;
}
#breadcrumb ul a:hover,#breadcrumb ul a:active,
#jcb_breadcrumb ul a:hover,#breadcrumb ul a:active {
	text-decoration:underline;
}
#breadcrumb ul li,
#jcb_breadcrumb ul li  {
	display:inline-block;
	padding-left:20px;
}
#breadcrumb ul li,
#jcb_breadcrumb ul li{
	background:url(/common/images/cmn/breadcrumb_devide.png) left center no-repeat;
	margin-left:10px;
	padding-top:4px;
	padding-bottom:4px;
}
#breadcrumb ul li.home  {
	padding-left:0;
	margin-left:0;
	background-image:none;
}


/* ------------------------------------------------------------ */
/* マイページステータス */
/* ------------------------------------------------------------ */
.status_label{
	display:inline-block;
	color:#fff;
	font-size:12px;
	line-height:1;
	text-align:center;
	width:92px;
	margin-left:10px;
	padding:5px 0 4px;
	color:#FFFFFF!important;
	background-color:#000;
}
/*申込受付*/
.status_1,
.status_2,
.status_3,
.status_9,
.status_10,
.status_16{
	background-color:#5f9adc;
}
/*承認待ち*/
.status_26{
	background-color:#764f86;
}
/*キャンセル*/
.status_5,
.status_6,
.status_15{
	background-color:#c6c1c1;
}
/*機器出荷待*/
.status_4,
.status_7{
	background-color:#3a8683;
}
/*機器出荷済*/
.status_8{
	background-color:#055350;
}
/*ご帰国*/
.status_12,
.status_13,
.status_25{
	background-color:#7a6d30;
}
/*完了*/
.status_99{
	background-color:#0f66d9;
}
/*データ処理中*/
.status_98{
	display:none !important;
	background-color:#47505b;
}
/*申込受付*/
.status_90{
	display:none !important;
	background-color:#96887b;
}

#Footer .menuBlock dl dt {
	font-size: 14px;
}

#Footer .menuBlock dl dd {
	font-size: 11px;
}
#Footer .otherBlock .sns .description {
	font-size: 12px;
}
#Footer .btmBlock .companyinfo p{
	font-size: 11px;
	line-height:1.6em;
}


/* ------------------------------------------------------------ */
/* ポップアップ枠けし */
/* ------------------------------------------------------------ */

#popup_reminder #Header ,
#popup_reminder #Gnavi ,
#popup_reminder #Footer ,
#popup_reminder #Already ,
#popup_reminder #breadcrumb,
#popup_reminder .snsBlockBtm {
	display:none;
}
#popup_reminder #ContentsWrap {
	width:700px;
	margin:50px auto;
	background:none;
}
#popup_reminder #ContentsWrap .inner_block{
	width:auto;
	padding-top: 0;
}
#popup_reminder #ContentsWrap .inner_block input {
	width:95%;
}
/* ------------------------------------------------------------ */
/* お申込み内容変更 */
/* ------------------------------------------------------------ */
ul.terminal_selection li,
ul.terminal_selection_right li,
ul.terminal_selection li,
ul.terminal_selection_right li{
	font-size:11px;
	height:1em;
	line-height:1em;
	padding:6px 0 6px 8px;
	margin-bottom:6px;
}
ul.terminal_selection li,
ul.terminal_selection li{
	text-align:center;
	background-color:#c6e1ff;
	padding:6px 0;
	width:90px;
}
ul.terminal_selection_right.option,
ul.terminal_selection_right.option{
	border-bottom:solid 1px #ddd;
}
ul.terminal_selection.option li,
ul.terminal_selection_right.option li,
ul.terminal_selection.option li,
ul.terminal_selection_right.option li{
	margin:0 0 0 1px;
	padding:8px 0 5px;
	width:90px;
	text-align:center;
}
ul.terminal_selection.option li.colmun_option_name,
ul.terminal_selection_right.option li.colmun_option_name,
ul.terminal_selection.option li.colmun_option_name,
ul.terminal_selection_right.option li.colmun_option_name{
	margin:0;
	width:250px;
}