
html {
	height:100%;
}

body {
	height:100%;
	background-color:#EEE;
	-webkit-background-size: 2px;
	font-size:small;
	padding: 0px;
	margin: 0px;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	-webkit-text-size-adjust:none;
}

/*画像の変な空白を無くす　全ての画像に適用*/
img {
	vertical-align:bottom;
}

/*スモールサイズ通常ボタン*/
.ButtonSmall {
	display: inline-block;
	font-size: medium;
	font-weight: bold;
	width: 16%;
	color: #000;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.2), 0 1px 1px rgba(255,255,255,1);
	-webkit-box-shadow:inset 0px 1px 1px 0 rgba(255,255,255,0.9);
	box-shadow: inset 0px 1px 1px 0 rgba(255,255,255,0.9);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.4);
	border-width: 2px;
	border-color:#333;
	border-style: solid;
	border-radius:15px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c7c7c7), color-stop(0.51, #c4c4c4), color-stop(0.50, #ffffff), color-stop(0.00, #d1d1d1));
	background: -webkit-linear-gradient(top, #d1d1d1 0%, #ffffff 50%, #c4c4c4 51%, #c7c7c7 100%);
	background: -moz-linear-gradient(top, #d1d1d1 0%, #ffffff 50%, #c4c4c4 51%, #c7c7c7 100%);
	background: -o-linear-gradient(top, #d1d1d1 0%, #ffffff 50%, #c4c4c4 51%, #c7c7c7 100%);
	background: -ms-linear-gradient(top, #d1d1d1 0%, #ffffff 50%, #c4c4c4 51%, #c7c7c7 100%);
	background: linear-gradient(to bottom, #d1d1d1 0%, #ffffff 50%, #c4c4c4 51%, #c7c7c7 100%);
	margin-top: 4px;
	margin-right: 1%;
	margin-bottom: 4px;
	margin-left: 1%;
	padding: 8px;
	text-align: center;
}

/*ミドルサイズ通常ボタン*/
.ButtonMid {
	display: inline-block;
	font-size: medium;
	font-weight: bold;
	width: 40%;
	color: #000;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.2), 0 1px 1px rgba(255,255,255,1);
	-webkit-box-shadow:inset 0px 1px 1px 0 rgba(255,255,255,0.9);
	box-shadow: inset 0px 1px 1px 0 rgba(255,255,255,0.9);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.4);
	border-width: 2px;
	border-color:#333;
	border-style: solid;
	border-radius:15px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c7c7c7), color-stop(0.51, #c4c4c4), color-stop(0.50, #ffffff), color-stop(0.00, #d1d1d1));
	background: -webkit-linear-gradient(top, #d1d1d1 0%, #ffffff 50%, #c4c4c4 51%, #c7c7c7 100%);
	background: -moz-linear-gradient(top, #d1d1d1 0%, #ffffff 50%, #c4c4c4 51%, #c7c7c7 100%);
	background: -o-linear-gradient(top, #d1d1d1 0%, #ffffff 50%, #c4c4c4 51%, #c7c7c7 100%);
	background: -ms-linear-gradient(top, #d1d1d1 0%, #ffffff 50%, #c4c4c4 51%, #c7c7c7 100%);
	background: linear-gradient(to bottom, #d1d1d1 0%, #ffffff 50%, #c4c4c4 51%, #c7c7c7 100%);
	padding: 8px;
	margin-top: 4px;
	margin-right: 2%;
	margin-bottom: 4px;
	margin-left: 2%;
	text-align: center;
}

/*ビッグサイズ通常ボタン*/
.ButtonBig {
	display: inline-block;
	font-size: medium;
	font-weight: bold;
	width: 90%;
	color: #000;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.2), 0 1px 1px rgba(255,255,255,1);
	-webkit-box-shadow:inset 0px 1px 1px 0 rgba(255,255,255,0.9);
	box-shadow: inset 0px 1px 1px 0 rgba(255,255,255,0.9);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.4);
	border-width: 2px;
	border-color:#333;
	border-style: solid;
	border-radius:15px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c7c7c7), color-stop(0.51, #c4c4c4), color-stop(0.50, #ffffff), color-stop(0.00, #d1d1d1));
	background: -webkit-linear-gradient(top, #d1d1d1 0%, #ffffff 50%, #c4c4c4 51%, #c7c7c7 100%);
	background: -moz-linear-gradient(top, #d1d1d1 0%, #ffffff 50%, #c4c4c4 51%, #c7c7c7 100%);
	background: -o-linear-gradient(top, #d1d1d1 0%, #ffffff 50%, #c4c4c4 51%, #c7c7c7 100%);
	background: -ms-linear-gradient(top, #d1d1d1 0%, #ffffff 50%, #c4c4c4 51%, #c7c7c7 100%);
	background: linear-gradient(to bottom, #d1d1d1 0%, #ffffff 50%, #c4c4c4 51%, #c7c7c7 100%);
	padding: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
	text-align: center;
}

/*ヘッダーボタン*/
.header {
	background-color: #F80;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 4px;
	border-bottom-color: #000;
}

.HeaderButton {
	display: inline-block;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	text-decoration: none;
	color: #000;
}

/*フッターボタン*/
.footer {
	background-color: #F80;
	border-top-width: 4px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000;
}

.FooterButton {
	display: inline-block;
	-webkit-box-shadow:inset 1px 1px 4px 0px rgba(0,0,0,0.2), 1px 1px 1px 0px rgba(255,255,255,0.4);
	box-shadow:inset 1px 1px 4px 0px rgba(0,0,0,0.2), 1px 1px 1px 0px rgba(255,255,255,0.4);
	border-radius:8px;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	text-align: center;
	border: 1px solid #D60;
	padding-top: 4px;
	padding-right: 14px;
	padding-bottom: 4px;
	padding-left: 14px;
	text-decoration: none;
	color: #000;
}

/*ログインボタン*/
.Buttonlogin {
	display: inline-block;
	font-size: medium;
	color: #300;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.2), 0 1px 1px rgba(255,255,255,0.6);
	-webkit-box-shadow:inset 0px 1px 1px 0 rgba(255,255,255,0.4);
	border-radius:4px;
	background-color:#F80;
	margin-top: 4px;
	margin-right: 1%;
	margin-bottom: 8px;
	margin-left: 1%;
	text-align: center;
	padding-top: 4px;
	padding-right: 14px;
	padding-bottom: 4px;
	padding-left: 14px;
}

.midashi_title {
	background-color:#000000;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #474747), color-stop(0.51, #0a0f0b), color-stop(0.50, #6d7673), color-stop(0.00, #afbdc0));
	background: -webkit-linear-gradient	(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 51%, #474747 100%);
	background: -moz-linear-gradient (top, #afbdc0 0%, #6d7673 50%, #0a0f0b 51%, #474747 100%);
	background: -o-linear-gradient (top, #afbdc0 0%, #6d7673 50%, #0a0f0b 51%, #474747 100%);
	background: -ms-linear-gradient (top, #afbdc0 0%, #6d7673 50%, #0a0f0b 51%, #474747 100%);
	background: linear-gradient (top, #afbdc0 0%, #6d7673 50%, #0a0f0b 51%, #474747 100%);
	font-size: large;
	color: #FFF;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.9), 0 1px 1px rgba(255,255,255,0.5);
	font-weight: bold;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	padding-top: 4px;
	padding-bottom: 4px;
}

/*ボタンの右にある「＞＞」このマーク*/
.yajirusi {
	color:#F00;
	font-size: small;
	font-weight: bold;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.5), 0 1px 1px rgba(255,255,255,1);
	position:relative;
	right:5px;
	letter-spacing: -0.5em;
	display: inline-block;
	float: right;
	margin-top: 3px;
}

/*グレーの破線*/
.hasenGray {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-color: #CCC;
	margin-bottom:4px;
	margin-top:4px;
}

/*サポートメニュー等の四角ボタン*/
.list01 {
	display: inline-block;
	font-size: medium;
	width: 100%;
	color: #333;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.2), 0 1px 1px rgba(255,255,255,1);
	text-align: left;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #b0cbd8), color-stop(0.00, #ebf1f4));
	background: -webkit-linear-gradient(top, #ebf1f4 0%, #b0cbd8 100%);
	background: -moz-linear-gradient(top, #ebf1f4 0%, #b0cbd8 100%);
	background: -o-linear-gradient(top, #ebf1f4 0%, #b0cbd8 100%);
	background: -ms-linear-gradient(top, #ebf1f4 0%, #b0cbd8 100%);
	background: linear-gradient(to bottom, #ebf1f4 0%, #b0cbd8 100%);
	padding-top: 10px;
	padding-bottom: 10px;
	text-indent: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #889;
}

/*サポートメニュー等の四角ボタン横の「＞」このマーク*/
.list_yajirusi {
	color:#333;
	font-size: small;
	font-weight: bold;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.5), 0 1px 1px rgba(255,255,255,1);
	position:relative;
	right:13px;
	display: inline-block;
	float: right;
	margin-top: 3px;
}

.kadomaru_box {
	-webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.4);
	border-style: solid;
	border-radius:8px;
	margin:10px;
}

.text_normal {
	text-align: left;
	width: 95%;
}

.text_right {
	text-align: right;
	width: 95%;
}

.ImageBorder {
	border: 1px solid #333;
	border-radius: 4px;
	margin-right: 4px;
	padding: 2px;
	margin-left: 4px;
}

/*登録促すボタン*/
.tourokuButton {
	display: inline-block;
	font-size: medium;
	font-weight: bold;
	width: 80%;
	color: #FFF;
	text-decoration: none;
	text-shadow: 0px 1px 4px rgba(0,0,0,1);
	-webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.8);
	box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.8);
	border-radius:40px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #7295b5), color-stop(0.47, #005081), color-stop(0.70, #147bb6), color-stop(0.94, #00abe5), color-stop(1.00, #02a8e4));
	background: -webkit-linear-gradient(top, #7295b5 0%, #005081 47%, #147bb6 70%, #00abe5 94%, #02a8e4 100%);
	background: -moz-linear-gradient(top, #7295b5 0%, #005081 47%, #147bb6 70%, #00abe5 94%, #02a8e4 100%);
	background: -o-linear-gradient(top, #7295b5 0%, #005081 47%, #147bb6 70%, #00abe5 94%, #02a8e4 100%);
	background: -ms-linear-gradient(top, #7295b5 0%, #005081 47%, #147bb6 70%, #00abe5 94%, #02a8e4 100%);
	background: linear-gradient(to bottom, #7295b5 0%, #005081 47%, #147bb6 70%, #00abe5 94%, #02a8e4 100%);
	padding: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
	text-align: center;
}

/*無料体験版を促すボタン*/
.FreeAppButton {
	display: inline-block;
	font-size: medium;
	font-weight: bold;
	width: 70%;
	color: #FFF;
	text-decoration: none;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.8), 0 1px 1px rgba(128,128,255,0.5);
	-webkit-box-shadow:inset 0px 1px 1px 0 rgba(255,255,255,0.9);
	box-shadow: inset 0px 1px 1px 0 rgba(255,255,255,0.9);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.4);
	border-width: 1px;
	border-color:#333;
	border-style: solid;
	border-radius:15px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #afbdc0), color-stop(0.50, #6d7673), color-stop(0.51, #0a0f0b), color-stop(1.00, #0a0809));
	background: -webkit-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 51%, #0a0809 100%);
	background: -moz-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 51%, #0a0809 100%);
	background: -o-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 51%, #0a0809 100%);
	background: -ms-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 51%, #0a0809 100%);
	background: linear-gradient(to bottom, #afbdc0 0%, #6d7673 50%, #0a0f0b 51%, #0a0809 100%);
	padding: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
	text-align: center;
}

.Text_decoOFF {
	text-decoration: none;
	color: #000;
}

.Button2 {
	display: inline-block;
	font-size: medium;
	font-weight: bold;
	width: 90%;
	color: #FFFFFF;
	text-decoration: none;
	box-shadow: inset 0px 1px 1px 0 rgba(255,255,255,0.9);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.4);
	border-width: 2px;
	border-color:#fff;
	border-style: solid;
	border-radius:15px;
	border:2px solid #000000;
	
	background: #fc5555; /* Old browsers */
background: -moz-linear-gradient(top,  #fc5555 0%, #e56969 48%, #dd1a08 50%, #ef0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc5555), color-stop(48%,#e56969), color-stop(50%,#dd1a08), color-stop(100%,#ef0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fc5555 0%,#e56969 48%,#dd1a08 50%,#ef0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fc5555 0%,#e56969 48%,#dd1a08 50%,#ef0000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fc5555 0%,#e56969 48%,#dd1a08 50%,#ef0000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fc5555 0%,#e56969 48%,#dd1a08 50%,#ef0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc5555', endColorstr='#ef0000',GradientType=0 ); /* IE6-9 */

	padding: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
	text-align: center;
}
