@charset "shift_jis";
/* CSS Document */

/*===============================================
●paso.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 1536px){
.mobilemenu {
	display: none !important;
}
}
@media screen and (min-width: 769px){
p {
	font-size:16px;
	line-height:1.5;
}
img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
	border-style: none;
	border-width: 0;
　
}
.ui-header p {
	text-align:center;
}
/*header*/
#header {
	padding: 0px;
	margin: 0px;
	top: 0; /* 一番上に表示 */
	width: 930px; /* 中央に表示 */
	height:65px;
}
.ui-header {
	width: 930px;
	margin:0 auto;
}
h1 {
	height:65px;
	background-image: url(../image/h1_pc.png);
	background-size:contain;
	background-repeat: no-repeat;
}
.ui-content #topmain {
	width:900px;
 height:250px;
	margin-right: auto;
	margin-left: auto;
}
#topmain #topmainmenu {
	width:800px;
	margin-right: auto;
	margin-left: auto;

}
#start a {
	background-image: url(../image/top/start.png);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	background-position: center center;
	height: 76px;
	background-size:264px;
}
#start {
	width:264px;
	display: block;
	position:relative;
	top:20px;
}
#login {
	position:relative;
	top:70px;
	background-color:#33cccc;
	/*box-shadow*/ 
 box-shadow: 5px 5px 0px #008e97;
	-webkit-box-shadow: 5px 5px 0px #008e97;
	-moz-box-shadow: 5px 5px 0px #008e97;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	width:264px;
	display: block;
}
#login:hover {
	background-color:#43e8e8;
}
#login a {
	background-image: url(../image/top/login.png);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	background-position: center center;
	height: 76px;
	background-size:264px;
}
#start_bun {
	float:right;
	width: 500px;
	height: 220px;
	margin-top:-130px;
	margin-left:2010px;
	margin-bottom:0px;
	line-height:1.4;
	font-size:18px;
	background-image: url(../image/top/pc_mobile.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size:200px;
}
.toposhirase {
	width:900px;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	height: 230px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.toposhirase dl {
	height: 190px;
}
.oshirase {
	width:800px;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	height: 200px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.oshirase dl {
	height: 190px;
}
/*contents*/
#contents {
	padding: 0px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.ui-footer .banner {
	padding:0;
	border:none;
	width: 400px;
	margin-bottom: 30px;
	line-height: 0px;
}
.banner img {
	width: 400px;
}
a.banner {
	margin-right: auto;
	margin-left: auto;
	padding:0;
	border:none;
}
a { /* FireFox リンク選択時の点線を消す　*/
	overflow: hidden;
	outline: none;
	text-decoration: none;
}
.main {
	margin-top: 0px;
	margin-bottom: 0px;
	width: 900px;
	min-height:500px;
	height:auto !important;
	height:500px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
}
h2 {
	font-size:20px;
	margin: 0 auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 10px;
}
.ui-footer {
	font-size: 12px;
	font-weight:normal;
}
.ui-footer h3:after {
	content: "\3000 D2A\30C0\30A6\30F3\30ED\30FC\30C9";
}
/*form*/
button, input, select, textarea {
	font-family : inherit;
	font-size : 100%;
}
form {
	width: 90%;
	margin: 0 auto;
}
.ui-content.main form label.koumoku {
	width: 30%;
	font-size:14px;
	float: left;
	text-align: right;
	line-height:38px;
}
.ui-content.main form label.schoolname {
	width: 60%;
	font-size:18px;
	float: left;
	text-align: left;
	line-height:38px;
}
.ui-content.main form label input[type="text"] {
	font-size:18px;
 width: 50% display: block;
	border: 1px solid #CCC;
	background-color:#fff;
	padding:5px;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
}
.ui-content.main form label input[type="checkbox"] {
	property: value;
	float:none;
	text-align: left;
	border: 1px solid #CCC;
}
fieldset#delete {
	display: block;
	margin: 20px auto;
	width: 544px;
}
.mobiletxt {
	display: none;
}
.canselltxt {
	border: 1px solid #CCC;
	width: 400px;
	margin-top: 100px;
	padding:40px;
	margin-right: auto;
	margin-left: auto;
}
p.bun_center {
	text-align:center;
	font-size:18px;
	margin-bottom:100px;
}
.waku {
	font-size: 16px;
	width:90%;
	margin: auto;
}
#fix_bottom {
	position:absolute;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	clear: both;
	bottom: 20px; /* 下に表示 */
}
.ui-content.main #tourokujouhou {
	width:90%;
	margin: 10px auto 30px;
}
.ui-content.main #tourokujouhou dl {
	margin-left: 5em;
}
.ui-content.main #tourokujouhou dl dt {
	float: left;
	width: 15em;
}
.ui-content.main #tourokujouhou dl dd {
	margin-top: 3em;
	margin-bottom: 3em;
}
.inline_btn {
	margin-right: 5%;
	margin-left: 5%;
	width: 40%;
	float:right;
}
.ui-content.main form input {
	font-weight:normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.mini {
	width: 300px;
	margin-top: 50px;
	margin-left: auto;
	margin-bottom:0px;
	margin-right:auto;
	float:none;
	clear:both;
}
.sign_in_album_id {
	float:left;
	width: 30%;
	margin-left:5%;
	margin-top:-0.5em;
}
.sign_in_text {
	float:left;
	width: 65%;
	margin-left:5%;
	margin-top:-0.5em;
}
.down_text {
	float:left;
	width: 30%;
	margin-left:5%;
	margin-top:-0.5em;
}
.add_text {
	font-size: 14px;
	float:right;
	width: 65%;
	margin-left:5%;
}
.login_btn {
	float:right;
	width: 300px;
	margin-top:30px;
}
.forget_txt {
	clear:both;
	text-align:center;
	margin-top:15px;
}
.ui-content.main .bun {
	width: 90%;
	margin:auto;
}
.ui-content.main .dl_tejun {
	width: 730px;
	margin-right: auto;
	margin-left: auto;
}
.ui-content.main .honbun {
	width: 730px;
	margin-right: auto;
	margin-left: auto;
}
.ui-content.main .qa div div p {
	padding: 20px;
	line-height:1.8;
	font-size:14px;
}
.ui-content.main .qa {
	width: 730px;
	margin-right: auto;
	margin-left: auto;
}
.ui-content #breadcrumbs {
	width:930px;
	margin-right: auto;
	margin-left: auto;
}
#breadcrumbs li {
	float: left;
	line-height: 1;
	padding:1em 0em 1em 3em;
	position: relative;
	background-color: #ccc;
	color: #000;
	width:16%;
}
.ui-content.main .downroad {
	margin-top: 50px;
}
.ui-content.main .downroad fieldset {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	padding-bottom:5px;
}
.ui-content.main .name_form {
	font-size: 16px;
		width: 90%;
	margin: 0 auto;
}
.ui-content.main .name_form dt {
	width: 30%;
	float: left;
	text-align: right;
	line-height:50px;

}

.ui-content.main .name_form dd {
	float:left;
	width: 65%;
	margin-left:5%;
		line-height:50px;
}
.ui-content.main .waku.bun_center #moumita {
	margin-top:50px;
	margin-bottom:30px;
	width: 250px;
}
}