@charset "UTF-8";


input[type="submit"],input[type="button"],input[type="reset"]{
	-webkit-appearance: none;
}



.page_ttl{
	color:#fff;
	background:#9b0f0f;
	border-bottom:solid 4px #710000;
	padding:0 10px;
	font-size: 24px;
	margin-bottom:20px;
}
@media(max-width:480px){.page_ttl{font-size:22px}}




.btn_pageback{
	max-width:280px;
	margin:40px auto;
	width:90%;
}
.btn_pageback a{
	display:block;
	border-radius:50px;
	background-color:#fff;
	color:#122a88;
	border:solid 2px #122a88;
	text-align:center;
	text-decoration:none;
	font-size:20px;
	font-weight:bold;
	padding:5px 0;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
@media(max-width:480px){.btn_pageback a{font-size:18px}}

.btn_pageback a:hover{
	background-color:#122a88;
	color:#fff;
	box-shadow:0 0 6px #666;
}

.btn_pageback a:active{
	box-shadow:none;
}




/*================================================
 *  info/index
 ================================================*/

.info{
}
.info input[type="text"],
.info input[type="submit"],
.info input[type="reset"]{
	-webkit-appearance: none;
}
.info label{
	cursor:pointer;
}

.info a{
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
.info li{
	list-style:none;
	margin:0;
	padding:0;
}

.info .page_ttl{
	color:#fff;
	background:#9b0f0f;
	border-bottom:solid 4px #710000;
	padding:0 10px;
	font-size: 24px;
	margin-bottom:20px;
}
@media(max-width:480px){.info .page_ttl{font-size:22px}}


.info .course_box{
	margin-bottom:80px;
}
.info .course_box .course_cell{
	margin-bottom:40px;
}

/*================================================
 *  info/nyukai
 ================================================*/

.nyukai{
}
.nyukai input[type="text"],
.nyukai input[type="submit"],
.nyukai input[type="reset"]{
	-webkit-appearance: none;
}
.nyukai label{
	cursor:pointer;
}

.nyukai a{
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
.nyukai li{
	list-style:none;
	margin:0;
	padding:0;
}

.nyukai .nyukai_link{
	margin:20px 0 40px;
}
.nyukai .nyukai_link li{
	width:31.3%;
	padding:0 1%;
	float:left;
}
.nyukai .nyukai_link li a{
	display:block;
	text-align:center;
	padding:20px 0;
	text-decoration:none;
	background-color:#eee;
}
@media(max-width:480px){.nyukai .nyukai_link li a{font-size:12px}}
@media(max-width:400px){.nyukai .nyukai_link li a{font-size:11px}}

.nyukai .nyukai_link li a:hover{
	background-color:#fafafa;
	box-shadow:0 0 6px #999;
}
.nyukai .nyukai_link li a:active{
	background-color:#fafafa;
	box-shadow:0 0 2px #999;
}
.nyukai .nyukai_form_wrap{
}
.nyukai .nyukai_form_wrap dl{
	margin: 40px auto;
}
.nyukai .nyukai_form_wrap dl dt{
}
.nyukai .nyukai_form_wrap dl dd{
}
.nyukai .nyukai_form_wrap dl dd input[type="text"]:focus{
	border-color:#aaf;
	background-color:#f6f6ff;
}

.nyukai .nyukai_form_wrap dl dt.nf_01{}
.nyukai .nyukai_form_wrap dl dd.nf_01{}
.nyukai .nyukai_form_wrap dl dd.nf_01 li{
	float:left;
	width:48%;
	padding:10px 1%;
	position:relative;
	z-index:1;
}
@media(max-width:480px){
	.nyukai .nyukai_form_wrap dl dd.nf_01 li{
		float:none;
		width:98%;
		z-index:1;
	}
}
.nyukai .nyukai_form_wrap dl dd.nf_01 li input{
	position:absolute;
	z-index:3;
	left:0;
	left: 10%;
	top: 16px;
}
.nyukai .nyukai_form_wrap dl dd.nf_01 li label{
	display:block;
	position:relative;
	z-index:2;
	border-radius:5px;
	text-align:center;
	border:solid 1px #ccc;
	padding:5px 0;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
.nyukai .nyukai_form_wrap dl dd.nf_01 li label:hover{
	background-color:#eef;
}

.nyukai .nyukai_form_wrap dl dd.nf_01 li input:checked + label{
	background-color:#ccf;
	border:solid 1px #ccf;
	box-shadow:0 0 4px #ccc;
	
}

.nyukai .nyukai_form_wrap dl dt.nf_02{}
.nyukai .nyukai_form_wrap dl dd.nf_02{}
.nyukai .nyukai_form_wrap dl dt.nf_03{}
.nyukai .nyukai_form_wrap dl dd.nf_03{}
.nyukai .nyukai_form_wrap dl dd.nf_03 input[type="button"]{
	margin:0 auto;
	display:block;
	font-size:16px;
}
.nyukai .nyukai_form_wrap dl dt.nf_04{}
.nyukai .nyukai_form_wrap dl dd.nf_04{}
.nyukai .nyukai_form_wrap dl dt.nf_05{}
.nyukai .nyukai_form_wrap dl dd.nf_05{}
.nyukai .nyukai_form_wrap dl dt.nf_06{}
.nyukai .nyukai_form_wrap dl dd.nf_06{}

.nyukai .nyukai_form_wrap dl dd input[type="text"]{
	width:97%;
	padding:3px 1%;
	border-radius:5px;
	border:solid 1px #ccc;
	font-size:16px;
}
.nyukai .nyukai_form_wrap .btn_send{
	margin:20px 0 60px;
	text-align:center;
}
.nyukai .nyukai_form_wrap .btn_send input{
	font-size:22px;
	margin:0 auto;
	border: solid 2px #0b0;
	background-color:#0b0;
	color:#fff;
	border-radius:100px;
	padding: 5px 2em;
	font-weight: bold;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
	box-shadow:0 4px 4px #ccc;
}


.nyukai .nyukai_form_wrap .btn_send input:hover{
	box-shadow:none;
}
.nyukai .nyukai_form_wrap .btn_send input:active{
	border: solid 2px #6c6;
}


.nyukai .sup_cen{
margin-bottom:40px;
}
.nyukai .sup_cen dt{
}
.nyukai .sup_cen dd{
}


/*================================================
 *  info/privacy
 ================================================*/

.privacy{
}


.privacy .privacy_box{
	margin:40px 0 80px;
}
.privacy .privacy_box .privacy_cell{
	margin:40px 0;
}

/*================================================
 *  info/ryokin
 ================================================*/

.ryokin{
}


.ryokin .ryokin_box{
	margin:40px 0 80px;
}
.ryokin .ryokin_box .ryokin_cell{
	margin:40px 0;
}





.ast li{
	display:block;
	list-style:none;
	text-indent:-1em;
	padding-left:1em;
	margin:0;
}

/*================================================
 *  info/kiyaku
 ================================================*/

.kiyaku{
}
.kiyaku dd{
	margin-bottom:30px;
	padding-left:1em;
}
.kiyaku dd li{
	margin-bottom:1em;
}
.kiyaku dd ol{
	padding:1em 0;
}

.kiyaku dd ol li ol li{
	 list-style:upper-roman;
}
.kiyaku dd ol li ol li ol li{
	 list-style:lower-roman;
}

/*================================================
 *  info/support
 ================================================*/

.support{
}
.support .telnum{
	text-align:center;
}
.support .telnum img{
	display:block;
	margin:0 auto;
	width:auto;
	max-width:100%;
}
.support .telnum p{
	display:inline-block;
	text-align:left;
}

.f-red{color:#c33 !important;}
.f-blue{color:#33c !important;}


/*================================================
 *  info/flets
 ================================================*/

.flets .mb0{
	margin-bottom:0;
}
.flets h3{
	margin-bottom:1em;
}
.flets section{
	margin-bottom:40px;
}
/*================================================
 *  info/option, info/service , info/accesspoint
 ================================================*/

.option .bold,.service b,.accesspoint b,.smtpauth b{
	font-weight:bold;
}

.option dd + dt,.service dd + dt,.home section,
.viruscheck section,.mailfilter section{
	margin-top:40px;
}
.accesspoint dl,.home dl{margin-bottom:40px;}
.accesspoint dd + dt,.home  dd + dt{
	margin-top:20px;
}

.home h3{
	margin-bottom:30px;
}

.home .ggl_search{
	margin-bottom:40px;
}
.home .ggl_search .text-input{
	
}
.home .ggl_search .text-input input{
	border-radius:5px;
	border:solid 1px #ccc;
	font-size:16px;
	width: 97%;
	padding: 3px 1%;
}
.home .ggl_search .text-input input:focus{
	border-color:#aaf;
	background-color:#f6f6ff;
}

.home .ggl_search .btn-search{
	margin:20px 0 40px;
	text-align:center;
}
.home .ggl_search .btn-search input{
	font-size:18px;
	margin:0 auto;
	border: solid 2px #4285F4;
	background-color:#4285F4;
	color:#fff;
	border-radius:100px;
	padding: 5px 2em;
	font-weight: bold;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
	box-shadow:0 4px 4px #ccc;
}
.home .ggl_search .btn-search input:hover{
	box-shadow:none;
	background-color:#06f;
}
.home .ggl_search .btn-search input:active{
	border: solid 2px #4285F4;
}