/* 基本構造、メインメニュー、コンテンツ枠、フッター、リンク色 */
/* 基本・骨組み */

body {
	margin: 0;
	padding: 0;
	text-align:center;
	background-color:#ffffff;
	color:#333333;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Verdana", sans-serif;
	background-image: url("../images/bg_contents_back.png");
}
ul {
	margin: 0;
	padding: 0;
}
ol {
	margin-top: 0;
	margin-bottom: 0;
}
h1,h2,h3,h4,p {
	margin: 0;
	padding: 0;
	font-size:100%;
}
img { border: none; }

.bold { font-weight:bold; }

.text10 { font-size: 10pt; }
.text11 { font-size: 11pt; }
.text12 { font-size: 12pt; }

.text-lh12 { line-height: 1.2em; }
.text-lh14 { line-height: 1.4em; }
.text-lh16 { line-height: 1.6em; }

.fclear { clear: both; }
.fleft  { float: left; }
.fright { float: right; }

.tleft   { text-align: left; }
.tright  { text-align: right; }
.tcenter { text-align: center; }

.pad3  { padding: 3px; }
.pad5  { padding: 5px; }
.pad8  { padding: 8px; }
.pad10 { padding: 10px; }

.pad3_w  { padding: 0px 3px; }
.pad5_w  { padding: 0px 5px; }
.pad8_w  { padding: 0px 8px; }
.pad10_w { padding: 0px 10px; }

.pad3_h  { padding: 3px 0px; }
.pad5_h  { padding: 5px 0px; }
.pad8_h  { padding: 8px 0px; }
.pad10_h { padding: 10px 0px; }

.margin3  { margin: 3px; }
.margin5  { margin: 5px; }
.margin8  { margin: 8px; }
.margin10 { margin: 10px; }

.margin3_w  { margin: 0px 3px; }
.margin5_w  { margin: 0px 5px; }
.margin8_w  { margin: 0px 8px; }
.margin10_w { margin: 0px 10px; }

.margin3_h  { margin: 3px 0px; }
.margin5_h  { margin: 5px 0px; }
.margin8_h  { margin: 8px 0px; }
.margin10_h { margin: 0px; }

.red    { color: #e13333; }
.green  { color: #1c9652; }
.orange { color: #e14833; }
.blue   { color: #0084be; }
.pink   { color: #de7791; }
.purple { color: #b646df; }
.aqua   { color: #41c1e8; }
.yellow { color: #fda005; }

.hide { display: none; }

.btn-light a:hover img { /* マウスオーバーで画像を明るく */
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

/* ヘッダー */
#header {
	height: 347px;
	background-image: url("../images/bg_header_back.jpg");
}
#header-area {
	width: 940px;
	height: 347px;
	margin-left:auto;
	margin-right:auto;
	position: relative; /* 配置基準 */
}

/* アプリ説明 */
#header-copy {
	padding: 10px;
	width: 900px;
	margin-left:auto;
	margin-right:auto;
}
#header-copy-text {
	font-size: 11pt;
	line-height: 1.6em;
	color:#ffffff;
	text-align: center;
	padding: 10px;
}

/* ページ内リンクメニュー */
#header-menu {


}
#header-menu-area {
	width: 934px;
	margin-left:auto;
	margin-right:auto;

	background-color:#439e1a;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	margin-bottom: 20px;
}
.mainmenu {
	width:113px;
	margin: 6px 0px 6px 3px;
	font-size: 9pt;
	line-height: 1.6em;
	color:#ffffff;
	float: left;
	background-color:#368d0e;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.mainmenu-in {
	background-image: url("../images/pic_mainmenu_mark.png");
	background-repeat: no-repeat;  /* 背景を繰り返さない */
	background-position: left center;
}
.mainmenu-in p {
	padding: 4px 10px 4px 18px;
}
.mainmenu-in a:link {
	color: #ffffff;
	text-decoration: none;
}
.mainmenu-in a:hover {
	color: #ffffff;
}
.mainmenu-in a:visited {
	color: #ffffff;
}
.mainmenu-in a:visited:hover {
	color: #ffffff;
}
.mainmenu:hover {
	background-color:#2f7f0a;
}

/* トップページ他・基本構造 */
#contents {
	margin-left:auto;
	margin-right:auto;
	position: relative; /* 配置基準 */
}
.contents940 {
	width: 940px;
	margin-left:auto;
	margin-right:auto;
}
.contents900 {
	width: 900px;
	margin-left:auto;
	margin-right:auto;
}
.window-blue-mid {
	width: 940px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	background-image: url("../images/win_blue_middle.png");
}
.window-green-mid {
	width: 940px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	background-image: url("../images/win_green_middle.png");
}

/* ダウンロード */
.download-area {
	width: 880px;
	margin-left:auto;
	margin-right:auto;
	padding: 8px 0 8px 0;
}

/* アプリ紹介 */
.apply-setsumei {
	padding: 10px 0 20px 0;
}
.kinou-capture-area1 {
	width: 300px;
	padding: 15px 0 15px 0;
	float: left;
}
.kinou-setumei-area1 {
	width: 580px;
	padding: 15px 0 15px 0;
	float: left;
}
.kinou-capture-area2 {
	width: 240px;
	padding: 15px 0 15px 0;
	float: left;
}
.kinou-setumei-area2 {
	width: 400px;
	padding: 15px 0 15px 0;
	float: left;
}
.kinou-capture {
	margin-left:auto;
	margin-right:auto;
	background-color:#eeeeee;
}
.kinou-capture p {
	margin: 4px;
}
.kinou-setumei-window {
	text-align: left;
	background-color: #ffffff;
	border: 4px solid #bed4de;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.kinou-setumei-window p {
	font-size: 11pt;
	line-height: 1.6em;
	padding: 10px 20px 10px 20px;
}














/* トップへもどる */
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
}
.pagetop a {
    display: block;
}
.pagetop a:hover {
    display: block;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

/* フッター */
#footer {

}
.footer-area {

}
.copyright {
	padding: 8px 0px 8px 0px;
	font-size:10pt;
	background-color:#3c9414;
	color:#ffffff;
	text-align: center;
}

/* 通常リンク関連 */
a:link {
	color: #0e5eb9;
}
a:hover {
	color: #68a300;
}
a:visited {
	color: #0e5eb9;
}
a:visited:hover {
	color: #68a300;
}