/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2015/01/10, 17:46:36
    Author     : admin
*/
* {
	margin: 0;
	padding: 0;
}

body {
	background: #333;
}

body, th, td {
	color: #FFF;
	font-size: 20px;
	font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", ".HiraKakuInterface-W1"; 
}

.page li {
	margin-left: 50px;
	margin-bottom: 10px;
}
.page {
	color: #DDD;
}
.page h3 {
	color: #FFF;
	border-bottom: 1px solid #999;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.page {
	padding-bottom: 40px;
}

a {
	color: #FFF;
	text-decoration: none;
}
a:hover {
	color: #FFF;
	text-decoration: underline;
}
.starter-template {
	padding: 40px 15px;
	text-align: center;
}

pre {
	text-align: left;
}

#top-contents {
	padding-top: 24px;
	background: url(/img/topbg.jpg) no-repeat right 50%;
	background-size: cover;
}
#nav-icon {
	width: 40px;
	height: 40px;
	border-radius: 8px;
	margin-right: 16px;
}

#nav {
	background-color: #E3D4AF;
	color: #666;
}

.article .logo {
	margin: 10px;
	margin-left: 0;
}

#nav h1 {
	margin: 0;
	font-size: 26px;
	line-height: 40px;
}

#nav h1 a {
	text-decoration: none;
	color: #666;
}

#nav h1 a:hover {
	text-decoration: none;
}

body {
	padding-top: 60px;
}
.article h1, .home h1, .admin h1 {
	color: #FFF;
	margin-bottom: 40px;
}

.article .which-image {
	width: 100%;
	max-width: 600px;
	border-radius: 10px;
	margin-bottom: 20px;
}

.footer-download, .footer-download-article {
	padding: 20px 0;
	background-color: #FFFCF2;
	color: #666;
}
.footer-download a, .footer-download-article a {
	color: #666;
}

.footer-download .message {
	font-size: 24px;
}

.footer, .footer-article {
	font-size: 16px;
	padding: 20px 0;
}

.admin {
	text-align: left;
}

.mgb-normal {
	margin-bottom: 20px;
}
.mgb-big {
	margin-bottom: 40px;
}
.font-big {
	font-size: 20px;
}

.lineb {
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.gray {
	color: #999;
}

.icon {
}

.text-pink {
	color: #D62967;
}
.text-blue {
	color: #0F71B7;
}
.text-yellow {
	color: #FB843A;
}
.bg-pink {
	background-color: #D62967;
}
.bg-blue {
	background-color: #0F71B7;
}
.bg-yellow {
	background-color: #FB843A;
}

.store-image {
	width: 240px;
	margin: 0px 10px 20px;
}