@charset "UTF-8";

@import url("bootstrap.min.css");
@import url("../iconfont/material-icons.css");

.pc {display:block;}		/* 表示/非表示 切替 */
.phone {display:none;}
.cen{text-align:center !important;}
.red{color:#c51544;}
.m_b10{margin-bottom:10px;}

.txtbox01{
	clear: both;
	padding: 10px 15px;
	line-height: 1.4em;
	overflow: hidden;
}
.txtbox02 {
	padding:25px;
	margin:20px auto;
	border:5px solid #D1EDFB;
	border-radius: 10px;
	-webkit-border-radius: 10px;
}
.txtbox03 {
	margin: 15px;
	padding:25px;
	line-height: 1.4em;
	overflow: hidden;
	border: 2px dotted #D100FB;
	border-radius: 10px;
	-webkit-border-radius: 10px;
}

ul.commlist{margin-left:1.0em;}
ul.commlist li{text-indent:-1.0em;}

h4.cate_h4 {
	margin-bottom:15px;
	padding: 0 15px;
	font-size:16px;
	line-height: 36px;
	border-left: 5px solid #0279CD;
	background-color: #E3F4FD;
}
h5.sub{
	margin:0 0 15px 1em;
	padding-left:1.5em;
	font-weight:bold;
	background: url(../img/icon-h5.gif) no-repeat left top;
}

.login-box {
	width:90%;
	border:#eee 1px solid;
	padding:30px;
	background-color:#fdfdef;
	margin:30px auto;
}
.login-now {
	width:70%;
	border:#eee 1px solid;
	padding:20px;
	background-color:#fdfdef;
	margin:5px auto 30px;
}
.login-now>ul>li {
	line-height:1.5em;
}

ul.list-dl {}
ul.list-dl li {margin:10px 0 10px 10px; }
ul.list-dl li.doc {background:#eee;}

.download {padding:10px 10px 10px 20px;; overflow:hidden; margin-bottom:20px;}
.download .dlbox {width:100%; margin-bottom:10px; border-bottom:1px solid #ddd; clear:both; overflow:hidden;}

.download .dlbox .dl-img {float:left; width:25%;}
.download .dlbox .dl-img img {width:180px; padding:3px; border:1px solid #D8D8D8;}

.download .dlbox .dl-exp,
.download .dlbox .dl-exp2 {clear:none !important; float:right; margin:0 0 0 2%; padding:10px;}
.download .dlbox .dl-exp {width:70%;}
.download .dlbox .dl-exp2 {width:100%;}

.download .dlbox .dl-exp p,
.download .dlbox .dl-exp2 p {margin-bottom:5px;margin-left:10px;}

.download .dlbox .dl-exp p a,
.download .dlbox .dl-exp2 p a {
	float:right;
	display: inline-block;
	padding: 4px 20px;
	border-radius: 4px;
	background: #0279CD;
	text-decoration: none;
	color: #fff;
}
.download .dlbox .dl-exp p a {margin-top:10px;}
.download .dlbox .dl-exp2 p a {margin-top:0;}

.download .dlbox .dl-exp p a i,
.download .dlbox .dl-exp2 p a i {vertical-align:middle;}
.download .dlbox .dl-exp p span,
.download .dlbox .dl-exp2 p span {font-weight:bold !important;}

.download .dlbox .dl-charimg {float:left; width:30%; margin-right:5px; padding:6px; background-color:#E3F4FD;}
.download .dlbox .dl-charimg img {width:172px; padding:3px; border:1px solid #D8D8D8;}

.dlmenu {margin:10px 0;}

.form-control {
	padding:10px;
	margin:10px 0;
	font-family: "Sawarabi Gothic";
	font-size:16px;
	width:90%;
}
.submit-btn {text-align:center;margin-top:30px;}
.submit-btn input {
	color:#FFF;
	font-size:16px;
	padding:5px 30px;
	background-color:#0279CD;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	border:none;
	cursor:pointer;
	font-family: "Sawarabi Gothic";
	-moz-transition: background-color 0.4s;
	-o-transition: background-color 0.4s;
	-webkit-transition: background-color 0.4s;
	transition: background-color 0.4s;
	-webkit-appearance: button;
}
.submit-btn input:hover {background-color:#35AEEE;}

/* color */
.c-ks {color:#34aded;}
.c-s {color:#0279cd;}
.c-jks {color:#81bf42;}
.c-js {color:#4bc287;}
.red{color: #c51544;}

/* お知らせ */
.rgt {text-align:right;}

.infobox {margin-bottom:30px;}
.infobox h4 {font-size:120%; border-left:5px solid #35aeee;padding-left:10px;}

.more{
	width:110px;
	padding:5px 0;
	margin:10px 0 5px auto;
	text-align:right;
	background: url(../img/link_ya.png) no-repeat left 3px;
}
.more a{
	display:block;
	padding:1px 10px;
}

/* お知らせ(リスト) */
.infolist{
	list-style-position:inside;
	margin:0 0 10px 20px;
}
.infolist li{
	padding: 0 1em 0 6em;
	text-indent: -6em;
	margin-bottom:10px;
}
.infolist .date{
	color:#777;
	font-size:0.9em;
	margin-right:15px;
	font-family:Arial, Helvetica, sans-serif;
}
.ttl a {color:#2f748e;}
.ttl a:hover {text-decoration:none; color:#FEA700;}

/* ■画面サイズ ～640px(+margin) for スマフォ(iPhone) */
@media screen and (max-width:655px) {

.pc {display:none;}
.phone {display:block;}

.login-now {width:90%; margin:10px auto;}

.download .dlbox .dl-img,
.download .dlbox .dl-charimg {float:none; width:90%; margin:0 auto;}

.download .dlbox .dl-img img,
.download .dlbox .dl-charimg img {width:90%; margin:0 auto;}

.download .dlbox .dl-exp {width:100%;}

}