﻿@charset "utf-8";

/* zentai
----------------------------------------------------------*/
* {margin:0px; padding:0px;}
html {
	overflow-y: scroll;
	}
body {
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Arial", sans-serif;
	font-size:80%;
	line-height:160%;
	color:#333;
}
img {
	border:none;
	vertical-align:top;
}
hr {
	clear: both;
}
input[type="text"],input[type="password"],
textarea,
select{
	font-size:1em;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Arial", sans-serif;
	border:1px solid #ccc;
	padding: 4px;
}
.confirm{text-align: center;background: #ccc;margin: 18px -18px -18px;padding: 13px;}
.ui-widget{
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Arial", sans-serif;
	font-size: 16px;
}

table th,
table td {
	text-align:left;
}
.clearfix{
    zoom:1;
	overflow:hidden;
}
.clearfix:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

ol,ul{list-style:none;}
ul.disc{list-style: disc;}
ul.disc li{margin-left: 24px;}
ul.alpha{list-style: lower-alpha;}
ul.alpha li{margin-left: 24px;}
ol.decimal{list-style: decimal;}
ol.decimal li{margin-left: 24px;}
ol.lower-latin{list-style:lower-latin;}
ol.lower-latin li{margin-left: 24px;}


/* link
----------------------------------------------------------*/
body a{outline:none;}
body a{
	text-decoration:none;
	color:#005ab4;
}
body a:hover {
	color:#005ab4;
	text-decoration:underline;
}
.img-filter a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}

/* margin-padding
----------------------------------------------------------*/
.mb05 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}

.mt10{margin-top: 10px;}

.mr10 {margin-right:10px;}
.mr40 {margin-right:40px;}
.mr45 {margin-right:45px;}

.ml10 {margin-left:10px;}



.pr20 {padding-right:20px;}
.pt20 {padding-top:20px;}
.pl10 {padding-left:10px;}

/* color
----------------------------------------------------------*/
.red {color:#c33;}
.orange {color:#ee8a40;}
.kon {color:#10355a;}

/* hanyo
----------------------------------------------------------*/
.clear {clear:both;}
.small {font-size:80%; line-height:120%;}
.right {float:right;}
.left {float:left;}
.center {text-align:center;}
.t-right {text-align:right;}
.v-top {vertical-align:top;}
.ln {line-height:normal;}
.bold {font-weight:bold;}

/* midashi
----------------------------------------------------------*/
h3 {font-size:120%;}
h4 {font-size:100%;}
h5 {font-size:100%;}

.tit1{
	font-size:20px;
	color:#105295;
	line-height:20px;
	margin-bottom: 10px;
}
.tit2{
	font-size:16px;
	line-height:16px;
	margin-bottom: 10px;
}

.tit_cmn{border-left: 4px solid #10355a;color:#10355a;padding-left: 11px;font-size: 14px;line-height:14px;margin-bottom: 10px;}

.midashi1{
	font-size:150%;
	line-height:160%;
	margin-bottom:20px;
	color:#10355a;
}
.midashi2{
	color:#005ab4;
	font-size:120%;
	margin-bottom: 10px;
}



/* mawarikomi
----------------------------------------------------------*/
.mawarikomi_r .image{
	float:right;
	margin-left:20px;
}
.mawarikomi_r .text{
	overflow:hidden;
	zoom:1;
}

.mawarikomi_l .image{
	float:left;
	margin-right:20px;
}
.mawarikomi_l .text{
	overflow:hidden;
	zoom:1;
}


/* base
----------------------------------------------------------*/
#wrapper {
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	border-top:4px solid #10355a;
	background:url(../images/bg_head.jpg) repeat-x bottom;
}
#wrapper2 {
	width:100%;
	margin:0 auto;
}
#wrapper3 {
	width:100%;
	margin:0 auto;
	background-color:#caebf2;
	border-collapse:collapse;
	border-bottom:1px solid #bad6e5;
	border-top:1px solid #bad6e5;
	padding-top:20px;
}

#h2_box{background-color:#10355a;}
#h2_box h2{
	width:960px;
	margin:0 auto;
	padding:0 20px;
}


/* header
----------------------------------------------------------*/
#youkoso_box{
	width:100%;
	background-color:#efefef;
	border-collapse:collapse;
	border-bottom:1px solid #e8e8e8;
}
#youkoso_box .in{
	width:960px;
	margin:0 auto;
	padding:5px 20px;
	font-size:90%;
}
#youkoso_box .in .hello{
	float:right;
	margin-left:20px;
}
#youkoso_box .in .btn{
	float:right;
	margin-left:20px;
	background:url(../images/head_btn_icon.png) no-repeat left center;
	padding-left:8px;
}

#header {
	width:960px;
	margin:0 auto;
	padding:0 20px;
	height:86px;
}
h1 {float:left; margin-right:10px;}


/* content
----------------------------------------------------------*/
#content {
	width:960px;
	margin:0 auto;
	padding:40px 20px;
}
#content2 {
	width:960px;
	margin:0 auto;
	padding:40px 20px 0 20px;
}

.content_in{
	width:780px;
	padding-left:90px;
}

#popup{width: 780px;margin: 20px;}

/* navi
---------------------------------------------------- */
#navi {
	width:560px;
	float:right;
	height:86px;
	line-height:12px;
}
#navi ul {list-style: none;}
#navi li {float:left;}
#navi ul img{ vertical-align:top;}


/* 01-index
----------------------------------------------------------*/
#mainimage{
	width:1150px;
	margin:0 auto;
	padding:0 20px;
	position:relative;
}
#slider ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#slider li {
	width:1200px;
	height:550px;
}


/*･ﾐ･ﾊｩ`､ﾎjQuery*/
#top_banner {
	width:960px;
	margin:0 auto;
	padding:0 20px;
}

#top_banner a{outline:none;}
#top_banner a:link,
#top_banner a:visited {
	color:#fff;
	text-decoration:none;
}
#top_banner a:hover {
	color:#fff;
	text-decoration:none;
}
.details {margin:10px;}

/*General Mosaic Styles*/
.mosaic-block {
	border-radius:10px;
	position:relative;
	overflow:hidden;
	width:210px;
	height:200px;
	background:#fff;
	border-collapse:collapse;
	border:1px solid #a8cbdd;
	text-align:center;
	font-size: 11px;
}

/*mosaic.css､ﾎ･ｹ･ｿ･､･・ｷｩ`･ﾈ*/
	.mosaic-backdrop {
		border-radius:10px;
		display:none;
		position:absolute;
		top:0;
		height:100%;
		width:100%;
	}
	.mosaic-backdrop p{
		padding:0 10px;
	}
	
	.mosaic-overlay {
		display:none;
		z-index:5;
		position:absolute;
		width:100%;
		height:100%;
		background:#111;
	}
	
	/*** Custom Animation Styles (You can remove/add any styles below) ***/
	.circle .mosaic-overlay {
		background:url(../img/hover-magnify.png) no-repeat center center;
		opacity:0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
		filter:alpha(opacity=00);
		display:none;
	}
	
	.fade .mosaic-overlay {
		opacity:0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
		filter:alpha(opacity=00);
		background:url(../img/bg-black.png);
	}
	
	.bar .mosaic-overlay {
		bottom:-150px;
		height:150px;
		background:url(../img/bg-black.png);
	}
	
	.bar2 .mosaic-overlay {
		bottom:-50px;
		height:100px;
		opacity:0.8;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter:alpha(opacity=80);
	}
	
		.bar2 .mosaic-overlay:hover {
			opacity:1;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter:alpha(opacity=100);
		}
	
	.bar3 .mosaic-overlay {
		top:-200px;
		height:150px;
		margin-top:50px;
		background:url(../img/bg-black.png);
	}
	.bar4 .mosaic-overlay {
		left:-210px;
		height:150px;
		margin-top:50px;
		background:url(../img/bg-black.png);
	}
	/*** End Animation Styles ***/



#top_shikiri{
	margin-bottom:40px;
}
#top_logo {
	width:780px;
	float:left;
	height:100px;
	line-height:12px;
	padding-top:20px;
}
#top_logo ul {list-style: none;}
#top_logo li {float:left;}
#top_logo ul img{ vertical-align:top;}

#top_privacymark{
	width:155px;
	float:right;
	font-size:70%;
	line-height:1.4em;
}



#top_news{
	width:640px;
	float:left;
}
#news,
#news2 {
	width:100%;
}
#news th,
#news td {
	vertical-align:top;
}
#news2 th,
#news2 td {
	vertical-align:top;
}

#news th,
#news2 th {
	font-weight:normal;
	width:1%;
	white-space:nowrap;
	padding:5px 30px 5px 0;
}
#news td,
#news2 td {
	padding:5px 0;
}
#news td img,
#news2 td img {
	vertical-align:middle;
	padding-left:10px;
}

.btn_support{
	width:250px;
	border-collapse:collapse;
	border:5px solid #ecedef;
	padding:15px; margin-bottom:20px;
}


/* 02-Products
----------------------------------------------------------*/
.products_box1{
	width:300px;
	float:left;
	margin-right:30px;
	margin-top:20px;
	margin-bottom:20px;
	background:url(../images/products_img01bg.jpg) no-repeat bottom #bbe1e4;
}
.products_box2{
	width:300px;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	background:url(../images/products_img02bg.jpg) no-repeat bottom #f9dfad;
}
.products_box3{
	width:300px;
	float:right;
	margin-top:20px;
	margin-bottom:20px;
	background:url(../images/products_img03bg.jpg) no-repeat bottom #c4ccdf;
}
.products_box4{
	width:300px;
	float:left;
	margin-right:30px;
	margin-top:20px;
	margin-bottom:20px;
	background:url(../images/products_img04bg.jpg) no-repeat bottom #c8d8e4;
}
.products_box5{
	width:300px;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	background:url(../images/products_img05bg.jpg) no-repeat bottom #facdc9;
}
.products_box6{
	width:300px;
	float:right;
	margin-top:20px;
	margin-bottom:20px;
	background:url(../images/products_img06bg.jpg) no-repeat bottom #d8e8ad;
}
.products_box1 .in,
.products_box2 .in,
.products_box3 .in,
.products_box4 .in,
.products_box5 .in,
.products_box6 .in {padding:20px 15px 30px 15px;}

a .products_box1,
a .products_box2,
a .products_box3,
a .products_box4,
a .products_box5,
a .products_box6{
	color:#333;
	text-decoration:none;
}
a:hover .products_box1,
a:hover .products_box2,
a:hover .products_box3,
a:hover .products_box4,
a:hover .products_box5,
a:hover .products_box6 {
	opacity:0.8;
	filter: alpha(opacity=80);
}


.w290{width: 290px;}

/* products(common)
----------------------------------------------------------*/
#products_navi {
	height:55px;
	line-height:12px;
	margin-bottom:30px;
}
#products_navi ul {list-style: none;}
#products_navi li {float:left;}
#products_navi li.end {float:right;}
#products_navi ul img{ vertical-align:top;}

.products_box{padding-left: 10px;background:url(../images/box_bg.png) left 35px no-repeat;}
.products_inbox h4{text-align: center;border-left:10px solid #11457a;color: #fff;margin:-25px 0 15px -35px;font-size: 18px;line-height: 35px;padding:0 25px;background: #115296;}
.w130{width: 130px;}
.w250{width: 250px;}
.w290{width: 290px;}



.products_inbox{padding: 15px;border:10px solid #ecedef;}

.tit_img{margin-bottom: 40px;}

.mt-25{margin-top: -25px;}
.mt-40{margin-top: -40px;}
.mt-60{margin-top: -60px;}
.mt-70{margin-top: -70px;}
.mt-80{margin-top: -80px;}

.btn_shain a{
	background:url(../images/icon_yaji2.png) no-repeat 95% center #008fd5;
	border-bottom:2px solid #0b5a81;
	border-radius: 20px;
	color: #fff;
	display:block;
	float:right;
	font-size:105%;
	font-weight:bold;
	text-decoration:none;
	margin:0 10px 10px 10px;
	padding: 10px 15px;
	width:170px;
	zoom:1;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}
.btn_shain a:hover{
	background:url(../images/icon_yaji2.png) no-repeat 95% center #0b5a81;
	border-bottom:2px solid #0b5a81;
	border-radius: 20px;
	color: #fff;
	display:block;
	float:right;
	font-size:105%;
	margin:0 10px 10px 10px;
	text-decoration:none;
	padding: 10px 15px;
	width:170px;
	zoom:1;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

/* 03-products-oa
----------------------------------------------------------*/
.w300{width: 300px;}
.w560{width: 560px;}


/* 04-products-nw
----------------------------------------------------------*/
.w220{width: 220px;}
.w260{width: 260px;}
.w600{width: 600px;}
.w640{width: 640px;}


/* 07-products-software
----------------------------------------------------------*/
.w180{width: 180px;}
.w237{width: 237px;}
.w420{width: 420px;}
.w440{width: 440px;}
.w680{width: 680px;}

/* 05-products-other
----------------------------------------------------------*/
.w250{width: 250px;}
.w660{width: 660px;}

/* 06-products-maintenance
----------------------------------------------------------*/
.w270{width: 270px;}


/* 09-support
----------------------------------------------------------*/
.support_box{padding: 15px 15px 0px 15px;border:10px solid #ecedef;}
.support_inbox{}
.support_inbox h3 img{vertical-align: bottom;}

.w430{width: 430px;}
.w380{width: 380px;}

.hour{background: #f6f6f6;
    font-size: 12px;
    padding: 10px;text-align: center;}


.support_list{
	margin:7px 0;
	padding-left:15px;
	background:url(../images/icon_ten.jpg) no-repeat left 6px;
}
.support_list .view{
	color:#c33;
	font-weight:bold;
	float:right;
	margin-left:20px;
}
.support_list .text{
	overflow:hidden;
	zoom:1;
}


.support_list2 {margin-bottom:30px;}
.support_list2 li{
	background:url(../images/icon_link.jpg) no-repeat left 6px;
	padding-left:10px;
	margin-bottom:7px;
}


.support_detail_photo img{
	width:375px;
	float:left;
	margin:0 10px 30px 5px;
}


/* 10-support - remote
----------------------------------------------------------*/
.support_box2{padding-left: 10px;background:url(../images/box_bg.png) left 35px no-repeat;}
.support_inbox2{padding: 15px;border:10px solid #ecedef;}
.support_inbox2 h3{text-align: center;border-left:10px solid #11457a;color: #fff;margin:-25px 0 15px -35px;font-size: 18px;line-height: 35px;padding:0 25px;background: #115296;}
.support_inbox2 h5{font-size: 100%;line-height:100%;margin-bottom: 10px;}
.ppbox2{background: #fff;margin-bottom: 20px;border:1px solid #ccc;height:150px;overflow-y:scroll;background: #f6f6f6;}

/* 11-corporate
----------------------------------------------------------*/
#corporate_navi {
	height:55px;
	line-height:12px;
	margin-bottom:30px;
}
#corporate_navi ul {list-style: none;}
#corporate_navi li {float:left;}
#corporate_navi li.end {float:right;}
#corporate_navi ul img{ vertical-align:top;}

.w375{width: 375px;}

.corporate_box1 .in {padding:0 20px 20px 0;}
.corporate_box1 .image{
	float:left;
	margin-right:20px;
}
.corporate_box1 .text{
	overflow:hidden;
	zoom:1;
	padding-top:20px;
}

.corporate_box2{
	width:375px;
	background:url(../images/corporate_bg2.jpg) repeat-y bottom;
	margin-bottom:30px;
	
}
.corporate_box2 .in{
	padding:0 25px 25px 35px;
}

.corporate_box3{
	background:url(../images/corporate_bg3.jpg) repeat-y bottom;
}
.corporate_box3 .in{
	padding:0 25px 25px 35px;
}
.corporate_box3 .in .image{
	float:left;
	margin-right:10px;
}
.corporate_box3 .in .text{
	overflow:hidden;
	zoom:1;
}

.w170{width: 170px;}
.w230{width: 230px;}
.w470{width: 470px;}
.w530{width: 530px;}

.corporate_box{padding-left: 10px;background:url(../images/box_bg.png) left 35px no-repeat;}
.corporate_inbox{padding: 15px;border:10px solid #ecedef;}
.corporate_inbox h3{text-align: center;border-left:10px solid #11457a;color: #fff;margin:-25px 0 15px -35px;font-size: 18px;line-height: 35px;padding:0 25px;background: #115296;}
.corporate_inbox h3.ooi{text-align: center;border-left:10px solid #11457a;color: #fff;margin:-25px 0 15px -35px;font-size: 18px;line-height: 35px;padding:0 25px 0 20px;background: #115296;}
.corporate_table{width:100%;}
.corporate_table th,.corporate_table td{
	padding:7px 5px;
	border-top:1px dotted #666;
}
.corporate_table th {
	width:1%;
	white-space:nowrap;
	font-weight:normal;
	vertical-align:top;
}


/* 13-corporate-profile
----------------------------------------------------------*/
.prf_tb   {border-top:1px solid #ccc;border-left:1px solid #ccc;width:100%;}
.prf_tb th{border-right:1px solid #ccc;border-bottom:1px solid #ccc;line-height:normal;color:#333;background: #f6f6f6;padding:12px;text-align:left;width:70px;}
.prf_tb td{border-right:1px solid #ccc;border-bottom:1px solid #ccc;line-height:normal;padding:12px;}

/* 14-corporate-office
----------------------------------------------------------*/
.tit_cmn span{font-size: 12px;}


/* 15-corporate-group
----------------------------------------------------------*/
.w160{width: 160px;}
.w540{width: 540px;}
hr{border: 0;height:0;border-top: 1px solid #c5c5c5;border-bottom: 1px solid #fff;margin: 20px 0 19px;}


/* regist(common)
----------------------------------------------------------*/
#regist_navi {
	height:55px;
	margin-top: -39px;
	margin-bottom:30px;
}
#m_nav                        {float:left;list-style: none;height:55px;font-size: 15px;white-space:nowrap;}
#m_nav li                     {float:left;margin-right: 1px;}
#m_nav li:first-child a       {display: block;color:#fff;padding: 15px 54px;background: #10355a;border-radius:0 0 0 6px;}
#m_nav li:first-child a:hover {display: block;color:#fff;padding: 15px 54px;background: #47619c;border-radius:0 0 0 6px;text-decoration: none;}
#m_nav li:first-child a:hover {display: block;color:#fff;padding: 15px 54px;background: #47619c;border-radius:0 0 0 6px;text-decoration: none;}
#m_nav li:last-child  a       {display: block;color:#fff;padding: 15px 54px;background: #10355a;border-radius:0 0 6px 0;}
#m_nav li:last-child  a:hover {display: block;color:#fff;padding: 15px 54px;background: #47619c;border-radius:0 0 6px 0;text-decoration: none;}
#m_nav li             a       {display: block;color:#fff;padding: 15px 54px;background: #10355a;}
#m_nav li             a:hover {display: block;color:#fff;padding: 15px 54px;background: #47619c;text-decoration: none;}
#m_nav li.current     a       {background: #47619c;}

/*
#s_nav                        {list-style: none;height:55px;float:left;font-size: 11px;padding: 12px 0 12px 20px;white-space:nowrap;}
*/
#s_nav                        {list-style: none;height:55px;float:right;font-size: 11px;padding: 12px 0 12px 20px;white-space:nowrap;}
#s_nav li                     {margin-right: 10px;float:left;}
#s_nav li a                   {display: block;color:#fff;background: #10355a;border-radius: 18px;padding:3px 30px;text-align: center;}
#s_nav li a:hover             {display: block;color:#fff;background: #47619c;border-radius: 18px;padding:3px 30px;text-align: center;text-decoration: none;}


/* 17-regist
----------------------------------------------------------*/
.login_box{background: #fff;margin-bottom: 20px;border:1px solid #ccc;text-align: center;}
.login_inbox{padding: 19px;}
.login_inbox h3   {margin:-20px -19px 19px;padding:20px 19px 18px;line-height: 21px;font-size: 21px;}

.login_name{float:left;margin:0px 0px 0px 20px;}

.lgn_tb{margin: 0 auto;border-collapse:collapse;border:1px solid #ccc;margin-bottom: 20px;}
.lgn_tb th{padding: 10px 15px;text-align: left;border:1px solid #ccc; background: #ddd;}
.lgn_tb td{padding: 10px;border:1px solid #ccc;background: #fff;}
.lgn_tb td input{width: 300px;}
.notice{font-size: 10px;display: inline-block;color:#fff;border-radius:18px;background: #999;padding: 3px 13px;}

.ui-icon{margin-top: 2px;}
.ui-icon-document, .ui-icon-info, .ui-icon-circle-check{/*margin: 0 auto;*/float: left;}

.ns_mark{width: 120px;float: left;}
.ns_mark img{margin-top: -5px;}
.ns_text{width: 640px;float: right;font-size: 11px;}



/* 18-dedicated
----------------------------------------------------------*/
#regist_service{width: 1020px;}
.regist_service_in{overflow: hidden;}
.regist_box{width:280px;float:left;margin-right: 60px;margin-bottom: 60px;padding-bottom:2px;border-bottom:1px solid #ccc;}
.regist_box .in{padding:15px;}

.regist_box h3{text-align: center;font-weight: normal;padding-bottom: 10px;}
.regist_box h3 .ja{display: block;font-size: 21px;color:#10355a;}
.regist_box h3 .en{display: block;font-family:Arial, Helvetica, sans-serif;font-size: 12px}

a .regist_box{color:#333;text-decoration:none;}
a:hover .regist_box{background: #f6f6f6;}
a .regist_inbox{background: #ebf5ff;padding: 30px 0;}
a:hover .regist_inbox{background: #d9ebff;padding: 30px 0;}

.regist_box1,.regist_box2,.regist_box3{width:280px;float:left;margin-right: 60px;padding-bottom:13px;}

a .regist_box1 .in h3, a .regist_box2 .in h3, a .regist_box3 .in h3{font-size: 14px;line-height:32px;margin-bottom: 10px;color:#fff;padding: 15px 15px 0 58px;}
a:hover .regist_box1 .in h3, a:hover .regist_box2 .in h3, a:hover .regist_box3 .in h3{font-size: 14px;line-height:32px;margin-bottom: 10px;color:#fff;padding: 15px 15px 0 58px;}

a .regist_box1 .in p, a .regist_box2 .in p, a .regist_box3 .in p{color:#fff;padding:0 15px;font-size: 11px;line-height: 150%;}
a:hover .regist_box1 .in p, a:hover .regist_box2 .in p, a:hover .regist_box3 .in p{color:#fff;padding:0 15px;font-size: 11px;line-height: 150%;}

a .regist_box1      {background: url(../images/dedicated1.png) 15px 15px no-repeat #008ed5;}
a .regist_box2      {background: url(../images/dedicated2.png) 15px 15px no-repeat #008ed5;}
a .regist_box3      {background: url(../images/dedicated3.png) 15px 15px no-repeat #008ed5;}

a:hover .regist_box1,
a:hover .regist_box2,
a:hover .regist_box3,
a:hover .regist_bnr img{opacity:0.8;filter: alpha(opacity=80);}



.notes2 .ui-icon { background-image: url("images/ui-icons_cd0a0a_256x240.png");}



#regist_maintenance{width: 1020px;}

.notes{background: #666;padding: 5px 10px;font-size: 10px;border-radius: 3px;color:#fff;}
.notes2{padding: 5px 0;font-size: 10px;border-radius: 3px;}

/* 19-regist-billing
----------------------------------------------------------*/
.bil_tb{border-collapse:separate;border:1px solid #ccc;width: 100%;border-radius:6px;margin-bottom: 20px;}
.bil_tb thead th{padding: 10px;text-align: center;background: #ddd;border-radius:5px 0 0 0;}
.bil_tb thead td{padding: 10px;text-align: center;background: #ddd;border-left:1px solid #ccc;font-weight: bold;}
.bil_tb thead td:last-child{padding: 10px;text-align: center;border-left:1px solid #ccc;font-weight: bold;border-radius:0 5px 0 0;width: 150px;}
.bil_tb tbody th{padding: 10px;text-align: center;}
.bil_tb tbody td{padding: 10px;text-align: center;border-left:1px solid #ccc;}
.bil_tb tbody td:last-child{padding: 10px;text-align: left;border-left:1px solid #ccc;width: 150px;}
.bil_tb tbody td:last-child a      {border-bottom: 2px solid #3b7197;display: block;background: #5586aa;color:#fff;width: 120px;padding: 5px 10px;border-radius: 5px;margin: 0 auto;text-decoration: none;font-size: 11px;}
.bil_tb tbody td:last-child a:hover{border-bottom: 2px solid #05376a;display: block;background: #105295;color:#fff;width: 120px;padding: 5px 10px;border-radius: 5px;margin: 0 auto;text-decoration: none;font-size: 11px;}
.bil_tb tbody td a.btn_a      {border-bottom: 2px solid #3b7197;display: block;background: #5586aa;color:#fff;width: 150px!important;padding: 5px 10px;border-radius: 5px;margin: 0 auto;text-decoration: none;font-size: 11px;}
.bil_tb tbody td a.btn_a:hover{border-bottom: 2px solid #05376a;display: block;background: #105295;color:#fff;width: 150px!important;padding: 5px 10px;border-radius: 5px;margin: 0 auto;text-decoration: none;font-size: 11px;}
.bil_tb tr.odd{background: #fff;}
.bil_tb tr.even{background: #f6f6f6;}

.cmn_btn a      {border-bottom: 2px solid #3b7197;display: block;background: #5586aa;color:#fff;width: 120px;padding: 10px;border-radius: 5px;text-decoration: none;}
.cmn_btn a:hover{border-bottom: 2px solid #05376a;display: block;background: #105295;color:#fff;width: 120px;padding: 10px;border-radius: 5px;text-decoration: none;}
.cmn_btn span{margin-right: 5px;}

.cmn_btn2 a      {border-bottom: 2px solid #3b7197;display: block;background: #5586aa;color:#fff;width: 200px;padding: 10px;border-radius: 5px;text-decoration: none;}
.cmn_btn2 a:hover{border-bottom: 2px solid #05376a;display: block;background: #105295;color:#fff;width: 200px;padding: 10px;border-radius: 5px;text-decoration: none;}
.cmn_btn2 span{margin-right: 5px;}

.fsl{font-size: 16px;}

.complete{text-align: center;line-height: 300px;font-size: 18px;}
.order_complete{text-align: center;margin-top: 159px;margin-bottom: 40px;font-size: 18px;}
.order_message {text-align: center;margin-bottom: 98px;font-size: 14px;}


/* 23-regist-sign-index
----------------------------------------------------------*/
.box{background: #fff;margin-bottom: 20px;border:1px solid #ccc;}
.inbox{padding: 19px;}
.inbox h3   {margin:-20px -19px 19px;padding:20px 19px 18px;line-height: 21px;font-size: 21px;}
.progress h3{color:#10355a;border-top:2px solid #47619c;border-bottom:1px solid #ccc;}
.past h3    {color:#10355a;border-top:2px solid #47619c;border-bottom:1px solid #ccc;}
.regist h3{color:#10355a;border-top:2px solid #47619c;border-bottom:1px solid #ccc;}

.prg_tb{border-collapse:separate;border:1px solid #ccc;width: 100%;border-radius:6px;margin-bottom: 10px;}
.prg_tb thead th{padding: 10px;text-align: center;background: #ddd;border-radius:5px 0 0 0;}
.prg_tb thead td{padding: 10px;text-align: center;background: #ddd;border-left:1px solid #ccc;font-weight: bold;}
.prg_tb thead td:last-child{padding: 10px;text-align: center;border-left:1px solid #ccc;font-weight: bold;border-radius:0 5px 0 0;width: 150px;}
.prg_tb tbody th{padding: 10px;text-align: center;}
.prg_tb tbody td{padding: 10px;text-align: center;border-left:1px solid #ccc;}
.prg_tb tbody td:last-child{padding: 10px;text-align: left;border-left:1px solid #ccc;width: 150px;}
.prg_tb tbody td:last-child a      {border-bottom: 2px solid #3b7197;display: block;background: #5586aa;color:#fff;width: 120px;padding: 5px 10px;border-radius: 5px;margin: 0 auto;text-decoration: none;font-size: 11px;}
.prg_tb tbody td:last-child a:hover{border-bottom: 2px solid #05376a;display: block;background: #105295;color:#fff;width: 120px;padding: 5px 10px;border-radius: 5px;margin: 0 auto;text-decoration: none;font-size: 11px;}

.pst_tb{border-collapse:separate;border:1px solid #ccc;width: 100%;border-radius:6px;}
.pst_tb thead th{padding: 10px;text-align: center;background: #ddd;border-radius:5px 0 0 0;}
.pst_tb thead td{padding: 10px;text-align: center;background: #ddd;border-left:1px solid #ccc;font-weight: bold;}
.pst_tb thead td:last-child{padding: 10px;text-align: center;border-left:1px solid #ccc;font-weight: bold;border-radius:0 5px 0 0;width: 150px;}
.pst_tb tbody th{padding: 10px;text-align: center;}
.pst_tb tbody td{padding: 10px;text-align: center;border-left:1px solid #ccc;}
.pst_tb tbody td:last-child{padding: 10px;text-align: left;border-left:1px solid #ccc;width: 150px;}
.pst_tb tbody td:last-child a      {border-bottom: 2px solid #3b7197;display: block;background: #5586aa;color:#fff;width: 120px;padding: 5px 10px;border-radius: 5px;margin: 0 auto;text-decoration: none;font-size: 11px;}
.pst_tb tbody td:last-child a:hover{border-bottom: 2px solid #05376a;display: block;background: #105295;color:#fff;width: 120px;padding: 5px 10px;border-radius: 5px;margin: 0 auto;text-decoration: none;font-size: 11px;}

.prg_tb tr.odd,.pst_tb tr.odd{background: #fff;}
.prg_tb tr.even,.pst_tb tr.even{background: #f6f6f6;}

/* 24-regist-sign-order1
----------------------------------------------------------*/
.date{display: inline-block;border-radius:0 0 6px 6px;background: #ccc;padding: 8px 18px;margin-top: -20px;margin-bottom: 20px;}

.log_tb{width: 500px;border-collapse:collapse;margin-bottom: 20px;}
.log_tb th{border-bottom: 1px solid #666;text-align: left;padding:8px 0.5em;width: 100px;}
.log_tb td{border-bottom: 1px solid #666;}

.prg_tb2{border-collapse:separate;border:1px solid #ccc;width: 100%;border-radius:6px 6px 0 0;margin-bottom: 10px;}
.prg_tb2 thead th{padding: 10px;text-align: center;background: #ddd;border-radius:5px 0 0 0;}
.prg_tb2 thead td{padding: 10px;text-align: center;background: #ddd;border-left:1px solid #ccc;font-weight: bold;}
.prg_tb2 thead td:last-child{padding: 10px;text-align: center;border-left:1px solid #ccc;font-weight: bold;border-radius:0 5px 0 0;width: 150px;}
.prg_tb2 tbody th{padding: 10px;text-align: center;}
.prg_tb2 tbody td{padding: 10px;text-align: center;border-left:1px solid #ccc;}
.prg_tb2 tbody td:last-child{padding: 10px;text-align: center;border-left:1px solid #ccc;width: 150px;}
.prg_tb2 tbody td:last-child a      {border-bottom: 2px solid #3b7197;display: block;background: #5586aa;color:#fff;width: 120px;padding: 5px 10px;border-radius: 5px;margin: 0 auto;text-decoration: none;font-size: 11px;}
.prg_tb2 tbody td:last-child a:hover{border-bottom: 2px solid #05376a;display: block;background: #105295;color:#fff;width: 120px;padding: 5px 10px;border-radius: 5px;margin: 0 auto;text-decoration: none;font-size: 11px;}

.prg_tb3{border-collapse:separate;border:1px solid #ccc;border-top: none;width: 300px;border-radius:0 0 6px 6px;margin-bottom: 10px;}
.prg_tb3 tbody th{padding: 10px 20px 10px 10px;text-align: right;border-top: 1px solid #ccc;}
.prg_tb3 tbody td{padding: 10px 20px 10px 10px;text-align: center;border-top: 1px solid #ccc;border-left:1px solid #ccc;}
.prg_tb3 tbody td:last-child{padding: 10px;text-align: center;border-left:1px solid #ccc;width: 150px;}
.prg_tb3 tbody td:last-child a      {border-bottom: 2px solid #3b7197;display: block;background: #5586aa;color:#fff;width: 120px;padding: 5px 10px;border-radius: 5px;margin: 0 auto;text-decoration: none;font-size: 11px;}
.prg_tb3 tbody td:last-child a:hover{border-bottom: 2px solid #05376a;display: block;background: #105295;color:#fff;width: 120px;padding: 5px 10px;border-radius: 5px;margin: 0 auto;text-decoration: none;font-size: 11px;}

.prg_tb3 tr th{background: #ddd;}
.prg_tb3 tr td:last-child{border-radius:0 0 6px 0;}

.prg_tb2 tr.odd,.prg_tb3 tr.odd td{background: #fff;}
.prg_tb2 tr.even,.prg_tb3 tr.even td{background: #f6f6f6;}

.appendix{background: #fff;padding: 15px;font-size: 12px;border-radius: 6px;border:1px solid #ccc;}
.appendix h4{border-left:4px solid #666;padding-left: 6px;font-size: 14px;line-height: 14px;margin-bottom: 10px;}

/* 25-regist-sign-order2
----------------------------------------------------------*/
.spc_tb{width: 100%;border-collapse:collapse;border:1px solid #ccc;margin-bottom: 20px;}
.spc_tb th{padding: 10px 15px;text-align: left;border:1px solid #ccc; background: #efefef;width: 200px;}
.spc_tb td{padding: 10px;border:1px solid #ccc;background: #fff;}

/* 26-regist-sign-order3
----------------------------------------------------------*/
.payment   {background: #fff;padding: 15px;font-size: 12px;border-radius: 6px;border:1px solid #ccc;}
.payment h4{border-left:4px solid #666;padding-left: 6px;font-size: 14px;line-height: 14px;margin-bottom: 10px;}

.payment_inbox{background: #10355a;margin:20px -15px -15px;padding:15px;border-radius:0 0 5px 5px;}
#payment .ui-widget{font-size: 21px;}

label{}

.payment_box{width: 420px;float: left;background: #fff;padding: 15px;font-size: 12px;border-radius: 6px;border:1px solid #ccc;}
.payment_box strong{color:#10355a;}

/* 27-regist-sign-order4
----------------------------------------------------------*/
.thanks{text-align: center;line-height: 300px;}

/* 28-regist-sign-history
----------------------------------------------------------*/
.date_past{display: inline-block;border-radius:0 0 6px 6px;background: #ccc;padding: 8px 18px;margin-top: -20px;margin-bottom: 20px;}

.pst_tb2{border-collapse:separate;border:1px solid #ccc;width: 100%;border-radius:6px 6px 0 0;margin-bottom: 10px;}
.pst_tb2 thead th{padding: 10px;text-align: center;background: #ddd;border-radius:5px 0 0 0;}
.pst_tb2 thead td{padding: 10px;text-align: center;background: #ddd;border-left:1px solid #ccc;font-weight: bold;}
.pst_tb2 thead td:last-child{padding: 10px;text-align: center;border-left:1px solid #ccc;font-weight: bold;border-radius:0 5px 0 0;width: 150px;}
.pst_tb2 tbody th{padding: 10px;text-align: center;}
.pst_tb2 tbody td{padding: 10px;text-align: center;border-left:1px solid #ccc;}
.pst_tb2 tbody td:last-child{padding: 10px;text-align: center;border-left:1px solid #ccc;width: 150px;}
.pst_tb2 tbody td:last-child a      {border-bottom: 2px solid #3b7197;display: block;background: #5586aa;color:#fff;width: 120px;padding: 5px 10px;border-radius: 5px;margin: 0 auto;text-decoration: none;font-size: 11px;}
.pst_tb2 tbody td:last-child a:hover{border-bottom: 2px solid #05376a;display: block;background: #105295;color:#fff;width: 120px;padding: 5px 10px;border-radius: 5px;margin: 0 auto;text-decoration: none;font-size: 11px;}

.pst_tb3{border-collapse:separate;border:1px solid #ccc;border-top: none;width: 300px;border-radius:0 0 6px 6px;margin-bottom: 10px;}
.pst_tb3 tbody th{padding: 10px 20px 10px 10px;text-align: right;border-top: 1px solid #ccc;}
.pst_tb3 tbody td{padding: 10px 20px 10px 10px;text-align: center;border-top: 1px solid #ccc;border-left:1px solid #ccc;}
.pst_tb3 tbody td:last-child{padding: 10px;text-align: center;border-left:1px solid #ccc;width: 150px;}
.pst_tb3 tbody td:last-child a      {border-bottom: 2px solid #3b7197;display: block;background: #5586aa;color:#fff;width: 120px;padding: 5px 10px;border-radius: 5px;margin: 0 auto;text-decoration: none;font-size: 11px;}
.pst_tb3 tbody td:last-child a:hover{border-bottom: 2px solid #05376a;display: block;background: #105295;color:#fff;width: 120px;padding: 5px 10px;border-radius: 5px;margin: 0 auto;text-decoration: none;font-size: 11px;}

.pst_tb3 tr th{background: #ddd;}
.pst_tb3 tr td:last-child{border-radius:0 0 6px 0;}

.pst_tb2 tr.odd,.pst_tb3 tr.odd td{background: #fff;}
.pst_tb2 tr.even,.pst_tb3 tr.even td{background: #f6f6f6;}

/* 29-regist-modify-change
----------------------------------------------------------*/
.modify h3    {color:#10355a;border-top:2px solid #47619c;border-bottom:1px solid #ccc;}


/* 30-regist-modify-change2
----------------------------------------------------------*/
.cst_tb{width: 100%;border-collapse:collapse;border:1px solid #ccc;margin-bottom: 20px;}
.cst_tb th{padding: 10px 15px;text-align: left;border:1px solid #ccc; background: #efefef;width: 200px;}
.cst_tb td{padding: 10px;border:1px solid #ccc;background: #fff;}

.tit_inf{float: left;border-radius:3px 3px 0 0;padding:10px 15px;font-size: 13px;line-height:13px;background: #666;font-weight: normal;color: #fff;white-space:nowrap;}

/* 31-regist-service
----------------------------------------------------------*/
.service h3    {color:#10355a;border-top:2px solid #47619c;border-bottom:1px solid #ccc;}

.service_box{border-radius:5px;padding: 14px;border:1px solid #ddd;border-top:none;}
.service_inbox{background: #f6f6f6;border-radius:4px;padding: 10px 15px;}

.inner10{padding: 0 10px;}

.svc_tb{border-collapse:collapse;border:1px solid #ccc;width: 100%;}
.svc_tb th{padding: 10px;border:1px solid #ccc;text-align: center;background: #666;color:#fff;}
.svc_tb td{padding: 10px;border:1px solid #ccc;text-align: center;background: #fff;}

.svc_tb2{border-collapse:collapse;border:1px solid #ccc;width: 100%;}
.svc_tb2 thead th{padding: 10px;border:1px solid #ccc;text-align: left;background: #666;color:#fff;}
.svc_tb2 thead td{padding: 10px;border:1px solid #ccc;text-align: center;background: #666;color:#fff;}
.svc_tb2 tbody th{padding: 10px;border:1px solid #ccc;text-align: left;vertical-align: top;background: #666;color:#fff;}
.svc_tb2 tbody td{padding: 10px;border:1px solid #ccc;text-align: center;vertical-align: top;background: #fff;}

.svc_tb3{border-collapse:collapse;border:1px solid #ccc;width: 100%;}
.svc_tb3 th{padding: 10px;border:1px solid #ccc;background: #666;color:#fff;}
.svc_tb3 td{padding: 10px;border:1px solid #ccc;background: #fff;}

.tit_service{background: #ddd;margin:-15px -15px 15px;padding: 15px;font-size: 15px;line-height: 15px;margin-bottom: 15px;border-radius:5px 5px 0 0;border-bottom: 1px solid #ccc;}
.service_box h5{border-left:4px solid #666;padding-left: 6px;font-size: 14px;line-height: 14px;margin-bottom: 10px;}
.service_box h6{font-size:100%;margin-bottom: 5px;}

.mini{font-size: 11px;line-height:150%;}
.mini_s{font-size: 10px;line-height:150%;}



/* 38-privacy policy
----------------------------------------------------------*/
.cmnbox{background: #fff;margin-bottom: 20px;border:1px solid #ccc;}
.cmninbox{padding: 19px;}
.cmninbox h3{color:#10355a;margin:-20px -19px 19px;padding:16px 19px 14px;line-height: 14px;font-size: 14px;border-top:2px solid #47619c;border-bottom:1px solid #ccc;}


/* 41-antiquities
----------------------------------------------------------*/
.antiquities{text-align: center;border:1px solid #ccc;padding:30px;width: 560px;margin: 0 auto;font-size: 16px;line-height: 200%;}
.antiquities span{font-size: 24px;}


/* 42-contact
----------------------------------------------------------*/
.ppbox{background: #fff;margin-bottom: 20px;border:1px solid #ccc;}
.ppinbox{padding: 19px;}
.frm_tb   {border-top:1px solid #ccc;border-left:1px solid #ccc;width:100%;margin-bottom: 20px;word-break:break-all;}
.frm_tb th{border-right:1px solid #ccc;border-bottom:1px solid #ccc;line-height:normal;color:#333;background: #f6f6f6;padding:6px 12px;text-align:left;width:140px;font-weight: normal;}
.frm_tb th.required{border-right:1px solid #ccc;border-bottom:1px solid #ccc;line-height:normal;color:#c00;background: #f6cccc;padding:6px 12px;text-align:left;width:140px;font-weight: normal;}
.frm_tb td{border-right:1px solid #ccc;border-bottom:1px solid #ccc;line-height:normal;padding:6px;}
.req{color:#f6cccc;}

/* form */
.pp{border:1px solid #efefef;padding:15px 19px;height:192px;overflow-x:hidden;overflow-y:auto;margin-bottom:20px;background: #fff;border-radius:0 0 5px 5px;}
.agree{margin:0 0 10px;text-align:center;border-bottom:1px dotted #666;}

input[type="checkbox"], input[type="radio"] {vertical-align:middle;}
input{font-size:100%;vertical-align:middle;font-family:"メイリオ", Meiryo, "ヒラギノ角ゴｴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif}
input[type="text"], input[type="password"], select{border:1px solid #ccc;padding:4px;}
textarea{font-size:100%;border:1px solid #ccc;padding:4px;width:98%;}

input[type="text"]:hover,
input[type="password"]:hover,
select:hover[type="password"]{border:1px solid #ccc;padding:4px;line-height:normal;}
textarea:hover{border:1px solid #999;padding:4px;}

input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus{border:1px solid #ccc;padding:4px;background:#f6f6f6;}

label{margin-right: 2em;}

.form-ss{width:10%;}
.form-s{width:25%;}
.form-m{width:50%;}
.form-l{width:75%;}
.form-ll{width:94%;}

/* footer
----------------------------------------------------------*/
.pagetop {
	float:right;
	margin-left:10px;
}
#footer {
	width:100%;
	text-align:center;
	color:#6483a2;
	font-size:90%;
	border-collapse:collapse;
	border-top:5px solid #10355a;
	padding-top:25px;
}

.footer_w960{
	width:960px;
	margin:0 auto;
	padding:0 20px 30px 20px;
}

/* color
----------------------------------------------------------*/
.navy{color:#10355a;}

/* print
----------------------------------------------------------*/
@media print {


}

----------------------------------------------------------*/
div .regist_inbox{background: #ebf5ff;padding: 30px 0;}
.p_link {
	cursor:pointer;
	border:1px solid #ccc;
	background-color:#fff;
	margin-bottom:5px;
	text-align:center;
	width:240px;
	height:20px;
	display:block;
	padding-top:1px;
}
.p_link:hover {
	color:#005ab4;
	text-decoration:underline;
	background-color:#f6f6f6;
}
.redRed {color:#ff0000;font-weight:bold;}

#m_nav li div {display: block;color:#333333;padding: 15px 54px;background: #e8e8e8;}

.support_moji {font-size:120%; padding-top:90px; line-height:1.6em;}

.btn_support_new:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}

.support_title {
	font-size:30px;
	line-height:50px;
	font-weight:normal;
	letter-spacing:1px;
	margin-bottom:40px;
}
.support_description {
	font-weight:normal;
	margin-bottom:50px;
}
.support_content {
	position:relative;
	border:1px solid #cccccc;
	background-repeat:no-repeat;
	background-position:center 70px;
}
.support_content:hover {
	border:1px solid #158cfb;
}
.support_content:active {
	border:1px solid #158cfb;
	box-shadow:0px 0px 5px 1px #75bbfd;
	-moz-box-shadow:0px 0px 5px 1px #75bbfd;
	-webkit-box-shadow:0px 0px 5px 1px #75bbfd;
}
.support_content > a {
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
}
.support_content > .support_name {
	margin-top:20px;
	line-height:30px;
	font-size:20px;
	text-align:center;
}
.support_content > .support_link {
	margin-left:20px;
}
.support_content:hover > .support_link {
}
.support_content > .support_body {
	margin-top:245px;
	text-align:center;
}
.support_content.support_reservation {
	float:left;
	height:410px;
	width:380px;
	background-position:center 100px;
	background-image:url('../img/support/icon_reservation_big.png');
}
.support_content.support_reservation > .support_name {
	margin-top:38px;
}
.support_content.support_tel {
	float:right;
	height:200px;
	width:380px;
	margin-bottom:10px;
	background-image:url('../img/support/icon_tel_inquiry.png');
}
.support_content.support_help {
	float:right;
	height:200px;
	width:380px;
	background-image:url('../img/support/icon_help.png');
}

.support_icon {
	height:70px;
}
.support_icon > div {
	margin-left:109px;
}
.support_icon > div:first-of-type {
	margin-top:15px;
	font-size:20px;
}
.support_icon.link_help > div:first-of-type {
	margin-left:109px;
}
.support_icon > div:last-of-type {
	margin-top:3px;
	margin-left:110px;
}
.support_icon:before {
	position:absolute;
	top:0px;
	left:0px;
	padding:30px 40px;
	margin:5px 20px;
	background-position:center center;
	background-size: 60px 60px;
	background-repeat: no-repeat;
}
.support_icon.link_reservation:before {
	content:'';
	background-image:url('../img/support/link_reservation.png');
	background-size:80px 60px;
}
.support_icon.link_tel_inquiry:before {
	content:'';
	background-image:url('../img/support/link_tel_inquiry.png');
	background-size:50px 50px;
}
.support_icon.link_help:before {
	content:'';
	background-image:url('../img/support/link_help.png');
	background-size:80px 60px;
}

.appointment_advantage {
	margin:20px;
	margin-top:50px;
}
.appointment_advantage > div:first-of-type {
	font-size:20px;
	line-height:40px;
	margin-top:10px;
	margin-bottom:10px;
}
.appointment_advantage > div {
	padding-right:70px;
}

.appointment_indication {
	border:0px;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	margin:40px 50px;
	padding:10px 20px;
	text-align:center;
}
.appointment_indication > div {
	position:relative;
	padding:10px;
}
.appointment_indication > div > div:after {
	font-size:20px;
	position:absolute;
	padding:0px 5px;
}
.appointment_indication > div > div.on_hover:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	cursor:pointer;
}
.appointment_indication > .change_open {
	padding:10px 0px;
}
.appointment_indication > .change_open > div {
	padding:10px;
}
.appointment_indication > .change_open > div.on_hover:after {
	content:'\f107';
	font-family:FontAwesome;
}
.appointment_indication > .change_close {
	padding:10px 0px;
	display:none;
}
.appointment_indication > .change_close > div {
	padding:10px;
}
.appointment_indication > .change_close > div.on_hover:after {
	content:'×';
}

.indication_title {
	position:relative;
	background-color:#999999;
	font-size:18px;
	color:#222222;
	text-align:left;
	padding:5px 50px;
	margin:10px 0px 10px 0px;
}
.indication_title:before {
	content:'\f095';
	position:absolute;
	font-family:FontAwesome;
	margin-left:-40px;
	margin-top:-5px;
	font-size:40px;
	color:#444444;
}
.indication_body {
	text-align:left;
	margin-bottom:10px;
	padding-left:20px;
}
.indication_time {
	margin-bottom:10px;
}
.indication_time > div {
	letter-spacing:-10px;
}
.indication_time > div > span {
	width:65px;
	display:inline-block;
	letter-spacing:0px;
	margin:0px 1px;
}
.indication_time > div.indication_cell > span {
	height:30px;
}
.indication_time > div.indication_hour > span {
	height:25px;
	line-height:20px;
}
.alert_green {
	background-color:#a9d18e;
}
.alert_yellow {
	background-color:#ffd966;
}
.alert_red {
	background-color:#ff7c80;
}
.indication_sample {
	text-align:left;
	margin-left:70px;
}
.indication_sample > span {
	position:relative;
	margin-right:30px;
	padding-left:50px;
}
.indication_sample > span:before {
	content:'';
	position:absolute;
	height:25px;
	width:40px;
	top:-2px;
	left:0px;
}
.indication_sample > span.sample_green:before {
	background-color:#a9d18e;
}
.indication_sample > span.sample_yellow:before {
	background-color:#ffd966;
}
.indication_sample > span.sample_red:before {
	background-color:#ff7c80;
}

.support_inbox.inbox_tel {
}
.support_inbox.inbox_tel > h3 {
	color:#005ab4;
	font-size: 18px;
	letter-spacing: -1px;
	text-align: center;
}
.support_inbox.inbox_tel > h3.lh20 {
	line-height:24px;
	margin-top:-5px;
	margin-bottom:15px;
}
.support_inbox.inbox_tel > h3 > span {
	font-size:20px;
	font-weight:bold;
	letter-spacing:-2px;
}
.support_inbox.inbox_tel > h4 {
	border:0px;
	color:#005ab4;
	font-size:18px;
	line-height:34px;
	text-align:center;
}
.support_inbox.inbox_tel > hr {
	margin:10px 0px;
}
.support_inbox.inbox_tel > .hour {
	background-color:transparent;
}
.support_inbox.inbox_tel > .hour > div > span {
	display:inline-block;
	text-align:left;
}
.support_inbox.inbox_tel > .hour > div > span:first-of-type {
	padding-left:30px;
	width:65px;
}
.support_inbox.inbox_tel > .hour > div > span:last-of-type {
	width:130px;
}

.mlr40 {
	margin:0px 40px;
}
.mt20 {
	margin-top:20px;
}
