/*トップとメンバーログインに共通なフッターのCSS記述*/

@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}
img {
	vertical-align: bottom;
	border: none;
}


body {
	background-color: #a03232;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #fff;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	line-height: 150%;
    font-size : 87.5%;
}

footer {
    width: 100%;
	background-color: #3BA35D;
/*	clear: both;*/
}

footer div {
    width: 100%;
}
table {
	border-style: none;
    padding: 2%;
/*    width: 50%;*/
    margin: 0 auto;
}


table tr th {
	text-align: left;
	vertical-align: middle;
	padding-right: 10px;
	display: block;
}

textarea[name] {
	height: 100px;
	max-width: 100%;
	min-width: 100%;
	overflow-y: scroll;
}

input[type="submit"] {
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	height: 30px;
}
#reference .popup {
	color: #fff;
}
#reference .popup:hover {
	color: #FF0;
	text-decoration: none;
}

#reference p {
    margin: 0 auto;
    width: 90%;
}

/*スクロールボタン*/
.pagetop {
 display: none;
 position: fixed;
 bottom: 30px;
 right: 5%;
 opacity: 0.3;
 } 
/*スクロールボタン*/


/*モバイル用設定*/
@media screen and (min-width:480px){
    
    #reference p {
    width: 60%;
}
}
/* END for Mobile width 320px and General */


/*ここからタブレット・PC用設定*/

@media screen and (min-width:768px){
    
    body{ font-size : 100%}


#reference p {
    display: block;
    padding-left: 8%;
        margin: 0;
}

table {
    float: right;
    font-size: 0.85em;
    padding-left: 25px;
    padding-right: 5%
}
footer {
    overflow: hidden;
}
}


@media screen and (min-width:860px){
    table {
        padding-right: 15%;
}
}