/* body */
/*
a:link {
	text-decoration: none;
    color: #FFFFFF;
}
*/

a:hover {
	text-decoration: underline;
}

/* button */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .2em; 
	-moz-border-radius: .2em;
	border-radius: .2em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.button:hover {
	text-decoration: none;
}

.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

.large {
	font-size: 14px;
	padding: .4em 2em .42em;
}

.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}

.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* color style */
.black {
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* メインコンテンツの前後を調整するためのスペース */
.space {
    position: static;
    margin-top: 0px;
    margin-left: 0px;
    height: 20px;
    width: 500px;
}

/* 縦のコンテンツ間を調整するためのスペース */
.space-offset {
    position: static;
    height: 20px;
    margin-top: 0px;
    margin-left: 10px;
    width: 10px;
}

/* メール送信完了テキスト */
.send-mail-message {
    font-size: 15px;
    font-weight: bolder;
}

/* 注意書きをまとめる箱 */
.caution-content {
    position: static;
    margin-top: 50px;
    margin-left: 30px;
    height:300px;
    width: 1000px;
}

/* 注意書きテキスト */
.caution-note {
    font-size: 10px;
}

/* エラーメッセージをまとめる箱 */
.error-message-content {
    position: static;
    margin-top: 0px;
    margin-left: 30px;
    width: 800px;
}

/* 戻るボタンの配置位置 */
.back-button {
    float: right;
    margin: 0px;
}

/* 入力欄をまとめる箱 */
.input-content {
    position: static;
    margin-top: 0px;
    margin-left: 30px;
    height: 70px;
    width: 300px;
}

/* 戻るボタンをまとめる箱 */
.backbutton-content {
    /*background-color: blue;*/
    position: static;
    margin-top: 30px;
    margin-bottom: auto;
    margin-left: 30px;
    margin-right: 0px;
    height: 40px;
    width: 550px;
}

/*□■□■□■□■□■□■□■□　ここからモバイル用　■□■□■□■□■□■□■□■□■*/




/* メインコンテンツの前後を調整するためのスペース */
.space-mobile {
    position: static;
    margin-top: 0px;
    margin-left: 0px;
    height: 20px;
    width: 320px;
}

/* メール送信完了テキスト */
.send-mail-message-mobile {
    font-size: 15px;
    font-weight: bolder;
}