@charset "UTF-8";
/* CSS Document */

/*///////////////////////////
全体
///////////////////////////*/


.content-fullwrap{
	width: 100%;
	background: #f9f9f9;
	border-top: 2px solid #ccc;
}

.inner-contents{
	padding: 60px 0 0;
}

/*///////////////////////////
サイドナビ
///////////////////////////*/
.left-contents{
	float: left;
	
}

h2.section-title{
	color: #f68787;
	font-size: 2.4rem;
	padding-bottom: 10px;
	margin-bottom: 30px;
	position: relative;
}

h2.section-title a{
	color: #f68787;
	font-size: 2.4rem;
}

h2.section-title span{
	display: block;
	color: #333;
	font-size: 1.2rem;
	font-weight: normal;
	margin-bottom: 5px;
}

h2.section-title:after{
	content: "";
	display: block;
	width: 3rem;
	height: 1px;
	background: #f68787;
	position: absolute;
	bottom: 0;
}

.side-nav{
	width: 200px;
	position: relative;
}

.fixed{
	position: fixed;
}

.side-nav li{
	width: 100%;
}

.side-nav li a{
	display: block;
	width: 100%;
	background: #587ebf;
	box-sizing: border-box;
	padding: 15px;
	color: #fff;
	border-bottom: 1px solid #fff;
}

.start-list:after, .mail-list:after, .other-list:after{
    content: '▼';
    font-size: 1.2rem;
    font-weight: bold;
	position: absolute;
	right: 30px;
	
}

.side-nav li a:hover{
	opacity: 0.8;
}

li.thin a{
	padding-left: 3rem;
}

/*///////////////////////////
右全体
///////////////////////////*/
.right-contents{
	float: right;
	width: 760px;
}

.right-wrap{
	width: 100%;
	background: #fff;
}

.right-inner-wrap{
	padding: 50px;
}
/*///////////////////////////
右見出し,導入文
///////////////////////////*/
.breadcrumb{
	font-size: 1.2rem;
	margin-bottom: 15px;
}

.breadcrumb a:hover{
	text-decoration: underline;
}

.right-wrap h3{
	font-size: 2.4rem;
	color: #333;
	padding-left: 30px;
	margin-bottom: 30px;
}

.right-wrap h3.blue{
    background: url(./../../images/h3_background.png) no-repeat left center;
    background-size: contain;
}

.right-wrap h3.orange{
    background: url(./../../images/h3_background_2.png) no-repeat left center;
    background-size: contain;
}

.right-wrap h3.green{
    background: url(./../../images/h3_background_3.png) no-repeat left center;
    background-size: contain;
}

.right-contents p.article,dd.article{
	line-height: 2;
	margin-bottom: 30px;
}

p.intro.on-list{
    margin-bottom: 0;
}

ul.intro-inner-list li{
    margin: 15px 0;
}

/*///////////////////////////
セクション サーバー
///////////////////////////*/
section{
	padding: 0 0 45px 0;
}

section.common-server{
	padding-bottom: 90px;
}

section h4{
	font-size: 2rem;
	margin-bottom: 30px;
}

.common-server dl,.designate-server dl{
	margin-bottom: 30px;
}

.common-server dl:last-of-type,.designate-server dl:last-of-type{
	margin-bottom: 90px;
}

.common-server dt.server-img,.designate-server dt.server-img{
	width: 300px;
	height: auto;
	float: left;
}

.common-server dd.description,.designate-server dd.description{
	width: 300px;
	float:right;
	line-height: 2;
    text-align: justify;
}

.point-list dt{
	width: 50%;
	font-size: 1.8rem;
	padding: 10px;
	margin-bottom: 15px;
	text-align: center;
	border-radius: 20px;
	color: #fff;
}

.point-list dt.good{
	background: #e4849d;
}

.point-list dt.bad{
	background: #587ebf;
}

.point-list dd{
	display: list-item;
	list-style-type: disc;
	list-style-position: inside;
	font-size: 1.6rem;

	padding: 15px 0;
}

.common-plans{
	margin-bottom: 90px;
}

.common-plans li.plan-list{
	width: 180px;
	height: 180px;
	float: left;
	margin-right: 60px;
}

.common-plans li.plan-list a{
	margin-top: 30px;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #ff8a5b;
}

.common-plans li a,.designate-plans li a{
	display: block;
	width: 100%;
	color: #fff;
}

.common-plans li a:hover,.designate-plans li a:hover{
	opacity: 0.8;
}

.common-plans li:last-of-type{
	margin: 0;
}

.common-plans .plan-list .server-icon{
	display: block;
	width: 30%;
	padding-top: 30px;
	margin: 0 auto 20px;
}

.common-plans .server-icon img{
	width: 100%;
}

.plan-name,.plan-cap{
	display: block;
	text-align: center;
}

.plan-name{
	font-size: 1.8rem;
	margin-bottom: 5px;
}

.plan-cap{
	font-size: 2.4rem;
}

.unit{
	font-size: 1.2rem;
}

p.button{
	width: 150px;
	margin: 0 auto;
}

.button a{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
	border-radius: 5px;
	color: #fff;
	text-align :center;
	font-size: 1.6rem;
}

.button.common a{
	background: #ff8a5b;
}

.button.common a:hover{
	opacity: 0.8;
}

.warning{
	font-size: 1.2rem;
}
/*///////////////////////////
セクション　サーバートップ後半
///////////////////////////*/
.designate-server{
	margin-top: 90px;
}

.designate-plans li.plan-list{
	width: 250px;
	height: 250px;
	float: left;
	margin-top: 30px;
	margin-right: 160px;
	margin-bottom: 60px;
}

.designate-server li.plan-list a{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #587ebf;
}

.designate-plans li:last-of-type{
	margin-right: 0;
}

.designate-plans .plan-list .server-icon img{
	display: block;
	width: 30%;
	padding-top: 50px;
	margin: 0 auto 20px;
}

.designate-plans .plan-name{
	margin-bottom: 15px;
	font-size: 2rem;
}

.plan-desc{
	display: block;
	width: 70%;
	margin: 0 auto;
	text-align: center;
	line-height: 1.2;
}

p.button.designate a{
	background: #587ebf;
}

p.button.designate a:hover{
	opacity: 0.8;
}

/*サーバーの載せ替え*/
section.server-transfer .small-table.transfer-table td{
	font-size: 1.6rem;
	text-align: center;
}

/*///////////////////////////
セクション 料金表
///////////////////////////*/
/*共用サーバー*/
.table table{
	width: 100%;
	margin-bottom: 30px;
}

/*テーブル汎用デザイン*/
.table th{
	
	padding: 25px;
	background: #ff8a5b;
	color: #fff;
	font-size: 1.8rem;
	font-weight: normal;
	letter-spacing: 0.2rem;
}



.common-table th:first-of-type{
	width: 28%;
}

.table td{
	padding: 20px;
}

.table tr:nth-of-type(2n){
	background: #f7f7f7;	
}

.table tr:nth-last-of-type(2n-1){
	background: #eeeeee;
}

.table td{
	border-right: 1px solid #c6c6c6;
	vertical-align: middle;
	text-align: center;
}

.table td:nth-of-type(4n){
	border: none;
}

.common-table th{
	border-right: 1px solid #d8724e;
	width: 24%;
}

.common-table th:last-of-type{
	border: none;
}

.table .td-std{
	font-size: 1.6rem;
}

.table .price{
	font-size: 2rem;
}

.table-description{
	margin-top: 90px;
}

.table-description dl{
	margin-bottom: 30px;
}

.table-description dt{
	display: list-item;
	list-style-type: disc;
	list-style-position: inside;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 1.6rem;
}

.table-description dt .normal{
	font-weight: normal;
}

.table-description dd{
	line-height: 2;
}

.table-description ul{
	margin-top: 15px;
}

.table-description ul li{
	margin-left: 2rem;
}

.table-description dd li{
	list-style-type: circle;
	list-style-position: inside;
	line-height: 2;
}

.warning{
	font-size: 1.2rem;
	}


/*専用サーバー*/
.table.designate-table th{
	width: 50%;
	background: #587ebf;
	border-left: 1px solid #005d9f;
}

.designate-table.table td:nth-of-type(2n){
	border: none;
}

.buttons{
	margin-top: 60px;
}

.button.terms a{
	display: block;
	width: 100%;
	border-radius: 5px;
	background: #666;
}

.button.terms a:hover{
	opacity: 0.8;
}

.button.left{
	float: left;
	margin-left: 90px;
}

.button.right{
	float: right;
	margin-right: 90px;
}

/*セクション　ハウジング*/
section.housing{
	margin-top: 90px;
}

/*///////////////////////////
セクション オプショントップ
///////////////////////////*/
section.option-contents{
	margin-bottom: 60px;
}

section.option-contents.after-option-contents{
	margin-top: 60px;
}

h5{
	font-size: 1.6rem;
	margin-bottom: 15px;
}

.option-contents dt.option-img{
	width: 300px;
	float: left;
}

section:nth-of-type(2n).option-contents dt.option-img{
	float: right;
}

dt.option-img{
	display: block;
	width: 100%;
	height: auto;
}

.option-contents dd.description{
	width: 300px;
	float: right;
    text-align: justify;
}

section:nth-of-type(2n).option-contents dd.description{
	float: left;
}

p.option-button a{
	margin-top: 60px;
	display: block;
	background: #41bf98;
}

p.option-button a:hover{
	opacity: 0.8;
}

/*オプション詳細*/
p.warning{
	margin-top: 15px;
}

/*電話、メール問い合わせボタン*/
section.contact-banner{
	margin-top: 45px;
}

.customer-button{
	width: 100%;
}

.customer-button li{
	width: 42%;
	height: 60px;
}

li.tel{
	float: left;
}

.customer-button li a{
	display: block;
	width: 100%;
	height: 100%;
}

.customer-button li i{
	font-size: 2.6rem;
}

li.tel{
	text-align: center;
	font-size: 2.4rem;
	color: #587ebf;
}

li.tel i.tel-left{
	float: left;
	padding: 10px 0.5em 0 0.5em;
	color: #587ebf;
}

li.tel .tel-right{
	float: left;
	padding-top: 5px;
}

li.tel span{
	display: block;
}

li.tel .small{
	font-size: 1.2rem;
	margin-top: 5px;
}

li.mail{
	float: right;
	letter-spacing: 0.05em;
}

li.mail i{
	padding-right: 0.5em;
}

li.mail a{
	background: #ff8a5b;
	box-sizing: border-box;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	padding: 15px 0;
	font-size: 1.6rem;
}

li.mail a:hover{
	opacity: 0.8;
}

/*WEBサイト制作*/
p.article-image.website-image{
	padding-top: 0;
}

p.website-image img{
	display: block;
	width: 100%;
	height: auto;
}

/*WEBシステム*/
p.option-keyimage{
	width: 100%;
}

p.option-keyimage img{
	width: 100%;
}

.system-header span{
	display: block;
	text-align: center;
	font-size: 1.2rem;
	padding: 15px;
}

.system-header{
	margin-bottom: 60px;
}

.websystem p{
	line-height: 1.5;
	text-align: justify;
	margin-bottom: 30px;
}

.websystem ul{
	margin-bottom: 30px;
}

.websystem ul li{
	padding: 10px 15px;
	list-style-type: circle;
	list-style-position: inside;
}

p.article.system{
	margin-bottom: 30px;
}

/*ウイルスチェック*/
section.after-section{
	margin-top: 45px;
}

.virus-table.table th{
	background: #41bf98;
	border-right: 1px solid #266b52;
}

.virus-table th:nth-of-type(2){
	border-right: none;
}

.virus-table td:nth-of-type(2n){
	border-right: none;
}

p.article{
	line-height: 1.5;
	text-align: justify;
}

p.article-image{
	width: 80%;
	margin: 0 auto;
	padding: 30px 0 40px;
}

p.article-image img{
	width: 100%;
}

.small-table{
	margin: 30px 0;
}

.small-table th{
	background: #999;
	border-right: 1px solid #666;
}

.small-table th:nth-of-type(2){
	border-right: none;
}

.small-table td:nth-of-type(2n){
	border-right: none;
}

.small-table th.narrow-sell{
	width: 32%;
}

.small-table td:nth-of-type(2n-1){
	text-align: center;
	line-height: 1.5;
	font-size: 1.6rem;
	letter-spacing: 0.1rem;
}

.small-table td:nth-of-type(2n){
	text-align: justify;
	line-height: 2;
	font-size: 1.2rem;
}

.small-table.column-3-table th{
	background: #41bf98;
	border-right: 1px solid #266b52;
}

.small-table.column-3-table th:nth-of-type(3){
	border-right: none;
}

.small-table.column-3-table td:nth-of-type(3n){
	border-right: none;
}

.small-table.column-3-table td:nth-of-type(2n){
	border-right: 1px solid #c6c6c6;
}

/*ドメイン　ドメインチェッカー*/
.domain-checker .checker-contents{
	width: 100%;
	height: 80px;
	border: 1px solid #44b691;
	color: #44b691;
	margin-top: 30px;
}

.checker-contents h6, .checker-contents h4{
	float: left;
	width: 30%;
	height: 100%;
	font-size: 1.6rem;
	line-height: 80px;
	text-align: center;
	background: url(./../../images/server/border.gif) no-repeat center right;
}

.checker-contents .checker-right{
	float: left;
	margin-left: 5%;
	width: 60%;
	padding: 20px 0;
}

.checker-right form{
	margin-top: 5px;
}

.checker-right form input.input{
	width: 40%
}

.checker-right .form-buttons{
	margin-left: 5px;
}

.checker-right .form-buttons input{
	width: 60px;
	height: 20px;
	font-size: 1.2rem;
}

/*SPAMチェック*/
section.spam-2column{
	width: 300px;
	float: left;
}

section.spam-2column:nth-of-type(2){
	margin-left: 60px;
}

.spam-2column h5{
	padding-top: 15px;
	text-align: center;
}

.section-warning{
	clear: both;
}

.section-warning h6{
	margin-bottom: 15px;
	font-size: 1.4rem;
}

.section-warning ul li{
	list-style-type: disc;
	list-style-position: inside;
	font-size: 1.2rem;
	line-height: 1.5;
}

.section-warning ul li, .section-warning p{
	font-size: 1.2rem;
	margin-bottom: 15px;
	line-height: 2;
}

dl.address{
	margin-top: 15px;
}

dl.address dt{
	float: left;
	line-height: 2;
	
}

dl.address dd{
	float: left;
	line-height: 2;
}

.spam-apply{
	margin-top: 30px;
}

/*導入事例*/
.example-contents{
	margin-bottom: 60px;
}

section.example-contents.after-example-contents{
    margin-top: 60px;
}

.example-contents.detail{
	margin-bottom: 0;
}

.example-contents dl{
	margin-bottom: 15px;
}

.example-contents dt.example-img{
	width: 300px;
	float: left; 
}

div.customer-detail{
    font-size: 1.2rem;
    line-height: 1.5;
    margin-bottom: 60px; 
}

.customer-detail p{
    margin-bottom: 10px;
}

p.customer-point{
    font-size: 1.6rem;
    font-weight: bold;
    color: #587ebf;
}


.example-img img{
	display: block;
	width: 80%;
	height: auto;
}

.example-contents dd.description{
	width: 300px;
	float: right;
}

section.example-question{
    padding: 30px 0;
}

h6.example-heading{
	font-size: 2rem;
}

span.q{
    font-size: 3.6rem;
    font-weight: bold;
    font-style: italic;
    padding-right: 1rem;
    color: #587ebf;
}

span.q.a{
    color: #e4849d;
}


.example-contents ul{
	width: 100%;
}

.example-contents ul li{
	box-sizing: border-box;
	float: left;
	width: 90px;
	padding: 10px 0;
	margin-right: 15px;
	margin-bottom: 10px;
	border: 1px solid #333;
	border-radius: 3px;
	text-align: center;
	font-size: 1rem;
}

.example-contents li.non-margin{
	margin-right: 0;
}

/*サービスボタン装飾*/
.example-contents .service-list1 li.active:nth-of-type(1){
	color: #fff;
	background: #587ebf;
}

.example-contents .service-list1 li.active:nth-of-type(2){
	color: #fff;
	background: #ff8a5b;
}

.service-list1 li.active{
	color: #fff;
	background: #41bf98;
}

/*導入事例詳細*/
p.example-description{
	margin-top: 15px;
	line-height:1.5;
}

/*お申込みまでの流れ*/
.apply-list{
	margin-bottom: 30px;
}



.apply-list .apply-h{
	float: left;
}

.apply-list .apply-description{
	float: right;
	width: 400px;
}

.apply-h{
	width: 180px;
	line-height: 80px;
	padding: 7px;
	border-radius: 40px;
}

.apply-h.customer{
	background: #f9cdbb;
}

.apply-h.auc{
	background: #b1d6ef;
}

.apply-h .in-circle{
	float: left;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 1.4rem;
	text-align: center;
	color: #fff;
	border-radius: 50%;
}

.in-circle.customer{
	background: #f0865a;
}

.in-circle.auc{
	background: #587ebf;
}

.apply-h .step{
	float: left;
	line-height: 60px;
	margin-left: 15px;
	font-size: 2.4rem;
}

.apply-description h5{
	font-size: 1.8rem;
	margin-bottom: 10px;
}

img.under-arrow{
	display: block;
	width: 60px;
	margin-left: 60px;
	margin-bottom: 30px;
}

/*///////////////////////////
セクション ビジネス　事業内容
///////////////////////////*/


h4.internet{
	color: #587ebf;
}

h4.learning{
	color: #3eb59e;
}

h4.cbt{
	color: #78c14d;
}

.business-contents dl{
	margin-bottom: 30px;
}

dt.business-img{
	width: 300px;
	float: left;
}

dt.business-img img{
	width: 100%;
}

img.testcenter{
    border: 1px solid #ccc;
}

.business-contents dd.description{
	width: 300px;
	float: right;
	line-height: 2;
}

.business-contents dd.description img{
	display: block;
	margin-top: 15px;
}

.business-list > li{
	margin-bottom: 15px;
	line-height: 1.5;
}

.business-list > li a:hover{
	text-decoration: underline;
}

.business-list > li span{
	font-size: 1.2rem;
	padding-left: 10px;
}

.business-list.internet > li:first-of-type span{
	padding-left: 20px;
}



.business-list > li:before{
	content: "\f138";
 	font-family: FontAwesome;
	margin-right: 0.5em;
}

.business-list.internet > li:before{
	color: #587ebf;
}

.business-list.learning > li:before{
	color: #3eb59e;
}

.business-list.cbt > li:before{
	color: #78c14d;
}

.business-list > li > ul > li{
	list-style-type: circle;
	list-style-position: inside;
	margin: 15px 0 15px 1em;
}

p.button.cbt a{
	background: #78c14d;
}

/*///////////////////////////
セクション サポート
///////////////////////////*/
/*サポート　サイドナビ*/
.side-nav li.no-link{
	width: 100%;
	background: #587ebf;
	box-sizing: border-box;
	padding:15px;
	color: #fff;
	border-bottom: 1px solid #fff;
	font-size: 1.4rem;
}

li.no-link:hover{
	opacity: 0.8;
}


.warning.support-warning{
	margin-top: 30px;
}

section.support-menu .support-menu-list{
	float: left;
	width: 200px;
	margin-right: 30px;
}

section.support-menu .support-menu-list:last-of-type{
	margin-right: 0;
}

.support-menu-list li{
	margin: 30px 0;
	list-style-type: circle;
	list-style-position: inside;
}

.support-menu-list li a:hover{
	text-decoration: underline;
}

/*サポート　管理*/

.support ol{
	list-style-position: inside;
	font-size: 1.6rem;
}

.support ol > li{
	float: left;
	width: 300px;
	margin: 15px 30px 15px 0;
}

.support ol > li > ul > li{
	margin: 15px 0 15px 15px;
	font-size: 1.4rem;
}

.support ol a:hover{
	text-decoration: underline;
}

.support-contents p.article{
	line-height: 2;
}

.red-letter{
	color: #dc143c;
}

.support-contents .blue-letter{
	color: #4169e1;
}

.support-contents .yellow-letter{
	color: #ffd700;
}

.support-contents figure.article-image{
	margin: 15px 0 60px 0;
}

.support-contents figure.article-image.image-on-p{
	margin-bottom: 15px;
}

.support-contents p.p-on-image{
	margin-bottom: 60px;
}

.support-contents h5{
	margin-top: 30px;
}

.ftp-dl dt{
	float: left;
	clear: both;
	width: 120px;
	margin-bottom: 15px;
	color: #dc143c;
}

.ftp-dl dd{
	float: left;
}

section.access-list h4{
	margin-bottom: 15px;
}

.access-list ol{
	font-size: 1.6rem;
}

section.access-list .word-list dt{
	float: left;
	clear: both;
	width: 100px;
	margin-bottom: 15px;
}

section.access-list .word-list dd{
	float: left;
}

.outlook-list dt,.mac-list dt{
	float: left;
	clear: both;
	margin: 15px 0;
}

.outlook-list dd,.mac-list dd{
	float: left;
	margin: 15px 0;
}

.image-center figure,.image-center P{
	text-align: center;
}

.image-center p{
	font-size: 1.6rem;
}

section.support-contents .image-center figure.article-image{
	margin-bottom: 15px;
}

.image-center p{
	margin-bottom: 60px;
}

/*formmail*/
dl.form-dl dt{
	font-weight: bold;
	font-size: 1.6rem;
	margin-bottom: 10px;
}

dl.form-dl dd{
	line-height: 2;
	margin-bottom: 30px;
}

pre{
	line-height: 2;
	margin-bottom: 60px;
}

pre.inner-pre{
	margin-bottom: 30px;
}

.sample-source pre:last-of-type{
	margin: 0;
}

.sample-table{
	width: 80%;
}

.sample-table td:nth-of-type(2n-1){
	width: 20%;
	line-height: 2;
}

.sample-table td input.long-space{
	width: 90%;
}

p.form-buttons.sample{
	margin-top: 10px;
	width: 74%;
	text-align: right;
}

/*///////////////////////////
コンタクト
///////////////////////////*/
form.contact-form dl{
	width: 70%;
	font-size: 1.6rem;
}

.contact-form dt{
	margin-bottom: 5px;
}

.contact-form dd{
	margin-bottom: 30px;
}

.contact-form dd input{
	line-height: 1.5;
	font-size: 1.6rem;
}

form.contact-form dd.dd-short{
	width: 40%;
}

form.contact-form dd.dd-long{
	width: 80%;
}

.contact-form dd input,.contact-form dd textarea{
	width: 100%;
}

.form-buttons{
	width: 56%;
	text-align: center;
}

.form-buttons input{
	width: 80px;
    height: 30px;
	font-size: 1.4rem;
    text-align: center;
	background-color: #666;
	color: #fff;
	border-style: none;
	border-radius: 5px;
}

/*///////////////////////////
サイトマップ
///////////////////////////*/
.sitemap-menu-list{
	width: 200px;
	float: left;
	margin: 0 30px 60px 0;
	font-size: 1.4rem;
}

.sitemap-menu-list:nth-of-type(3n){
	margin-right: 0;
}

.sitemap-menu-list li{
	list-style: circle;
	list-style-position: inside;
	margin: 30px 0 30px 0;
}

.sitemap-menu-list li a:hover{
	text-decoration: underline;
}

.support-menu h4.none{
	display: none;
}

/*///////////////////////////
プライバシー
///////////////////////////*/
dl.privacy-list dt{
	font-size: 1.8rem;
	margin-bottom: 15px;
}

dl.privacy-list dd{
	line-height: 3;
	margin-bottom: 30px;
}

.privacy-list dd li{
	list-style-position: inside;
	margin-bottom: 15px;
	line-height: 2;
}

.privacy-list ul li{
	list-style-type: disc;
}

.privacy-list .inner-list{
	margin-top: 15px;
}

a.underline{
	text-decoration: underline;
}

/*///////////////////////////
お申し込み
///////////////////////////*/
.domain-judge dl{
	margin-bottom: 30px;
}

.domain-judge dt, .domain-judge dd{
	margin-bottom: 15px;
}

.domain-judge span.emphasis{
	font-size: 2.4rem;
	font-weight: bold;
}

table.conduct-table{
	width: 100%;
}

table.conduct-table tr{
	width: 100%;
	border-top: 1px solid #ccc;
}

table.conduct-table tr:last-of-type{
	border-bottom: 1px solid #ccc;
}

table.conduct-table th{
	width: 40%;
	padding: 30px 0;
	line-height: 1.5;
	vertical-align: middle;
	border-right: 1px solid #ccc;
}

table.conduct-table td{
	width: 100%;
	padding: 30px 0 30px 80px;
	vertical-align: middle;
}

table.conduct-table input{
	margin-bottom: 10px;
}


.conduct-table span.red-letter{
	color:  #dc143c;
	line-height: 1.5;
}

.form-buttons.conduct-button{
	margin-top: 60px;
}

.customer-info{
	margin-top: 30px; 
}

.customer-table{
	margin-bottom: 60px;
}

.customer-table, .domain-table{
	width: 100%;
} 

.customer-table tr,.customer-table th,.customer-table td, .domain-table tr,.domain-table th,.domain-table td{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.customer-table th, .domain-table th{
	width: 25%;
	border-right: 1px solid #ccc;
	vertical-align: middle;
}

.customer-table td, .domain-table td{
	padding: 15px 0;
	font-size: 1.2rem;
	vertical-align: middle;
}

.customer-table tr td:first-of-type, .domain-table tr td:first-of-type{
	text-align: center;
	padding-left: 0;
}

.customer-table td.long-space input, .domain-table td.long-space input{
	width: 80%;
	line-height: 1.5;
}

.customer-table td.short-space input{
	width: 50%;
	line-height: 1.5;
}

.customer-table span, .domain-table span{
	display: block;
	font-size: 1.2rem;
	color:  #dc143c;
	line-height: 2;
}

/*///////////////////////////
ログイン
///////////////////////////*/
.login-info{
	margin-top: 60px;
}

.login-info dt{
	font-size: 1.8em;
	float: left;
	width: 15%;
	letter-spacing: 0.1em;
}

.login-info dd{
	float: left;
	width: 80%;
    height: 2.4rem;
}

.login-info form > input{
	float: left;
	width: 70%;
    height: 2.4rem;
}

.login-info .form-buttons{
	float: left;
	width: 20%;
	font-size: 1.2rem;
}

.login-info .form-buttons input{
	background: #ff8a5b;
}

/*///////////////////////////
ニュース一覧
///////////////////////////*/
.news-date{
	font-size: 0.9em;
	margin-bottom: 10px;
}

.news-category{
	width: 15%;
	box-sizing: border-box;
	border-radius: 5px;
	background: #587ebf;
	color: #fff;
	letter-spacing: 0.1rem;
	text-align: center;
	line-height: 2;
	margin-bottom: 15px;
}

.news-contents p.article{
	margin-bottom: 15px;
}

.news-list li{
	margin: 15px 0;
	list-style-type: disc;
	list-style-position: inside;
}

.news-contents dl{
	line-height: 1.5;
}

.news p.button{
	margin-top: 60px;
}


.news-contents .article a{
	text-decoration: underline;
}
/*///////////////////////////
ラーニング
///////////////////////////*/

#training_kyu span ,#training_ken span {
    font-size: 1.4rem;
    padding-left: 2px;
	display: inline-block;
	font-weight: bold;
}
.imgPDF {
	margin-bottom: 10px;
	border: 1px solid #999;
}

.imgPDF img{
	width: 100%;
}
p.button a {
    background: #587ebf;
    text-align: center;
    font-size: 1.6rem;
    color: #fff;
    border: 1px solid #3e81c3;
    border-radius: 5px;
    transition: 0.2s;
}
.telLink{
	font-size: 1.8rem;
	display: inline-block;
	margin-right: 5px;
	
}
.colorRed{
	color: #C43A25;
}

/*イワン　ここから*/

#training_ken .mb30 {
    margin-bottom: 40px;
    font-weight: normal;
}

#training_ken img.mb10 {
    margin-bottom: 10px;
}

#training_ken img {
    border: 1px solid #999;
}