@charset "UTF-8";

/*

Cascading Style Sheets : common.css
- (c) TAKE OFF

*/



/* 1. Reset style -----------------------------*/

/* 1.1. Layout */

html {
	color: #000;
	background: #FFF;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

li {
	list-style: none;
}

caption,
th {
	text-align: left;
}

th {
	vertical-align: baseline;
}

section,
header,
footer,
nav,
article,
aside,
hgroup {
	display: block;
}

/* 1.2. Font */

body {
	font-family: Helvetica, Arial, clean, sans-serif;
	font-size: 13px;
	line-height: 1.231;
 *font-size: small;
 *font: x-small;
}

select,
input,
button,
textarea {
	font: 99%;
}

table {
	font-size: inherit;
	font: 100%;
}

address,
caption,
em,
strong,
th {
	font-style:normal;
	font-weight:normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

input,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

input,
textarea,
select {
 *font-size: 100%;
}

/* 2. Default style ---------------------------*/

/* 2.1. Font */

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka",  "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.6;
}

/* 2.2. Anchor */

a {
	color: #1A4452;
	text-decoration: none;
	outline: none;
	-webkit-transition: all 0.3s ease;
}

a:visited {
	color: #1A4452;
	text-decoration: none;
	outline: none;
}

a:hover,
a:active {
	color:  #EA6379;
	outline: none;
}

.Opacity a:hover,
.Opacity input:hover {
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

/* 2.3. Hack */

.Offleft {
	text-indent: -9999px;
}

.OffleftHeadline { /*オフレフトしてもスペースが残る場合（h要素等）*/
	display: none;
}

.Clearfix:before,
.Clearfix:after {
	content: "";
	display: block;
	overflow: hidden;
}

.Clearfix:after {
	clear: both;
}

.Clearfix {
	zoom: 1;
}



/* 3. Common style ----------------------------*/

#Wrapper {
	width: 100%;
	min-width: 1020px;
	position: relative;
	overflow: hidden;
}

header {
	font-size: 138.5%;
	font-family: 'Fjalla One', sans-serif;
	letter-spacing: 1px;
}

#Header {
	width: 1020px;
	margin: 0 auto;
	padding-top: 35px;
}

h1 {
	width: 143px;
	margin-left: 50px;
	float: left;
}

#SocialBtn {
	width: 1020px;
	margin-left: -510px;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 100;
}

#SocialBtn li {
	margin-left: 3px;
	float: right;
}

#GlobalNav {
	width: 770px;
	margin-top: 50px;
	padding-bottom: 20px;
	float: right;
}

#GlobalNav li {
	margin-right: 38px;
	float: left;
}

#GlobalNav li.Right {
	margin-right: 0;
}

#Keyvisual {
	width: 100%;
	position: relative;
}

#TakeoffBird {
	width: 980px;
	position: absolute;
	top: 80px;
	left: 50%;
	z-index: 1;
	margin-left: -490px;
	text-align: right;
}

#KeyvisualImg {
	width: 100%;
}

#KeyvisualImg img {
	width: 100%;
	height: auto;
}

#Container {
	width: 100%;
	margin-top: 40px;
}

#Main {
	width: 1020px;
	margin: 0 auto;
}

#SideNav {
	width: 200px;
	float: left;
}

#Update {
	width: 130px;
	margin: 30px auto 0;
}

#BlogName {
	margin: 45px 0 3px;
	color: #070057;
	font-size: 84.6%;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.5px;
}

#BlogUpdate, #BlogList {
	margin-top: 18px;
}

#BlogUpdate li, #BlogList li {
	width: 200px;
	height: 312px;
	margin-bottom: 15px;
}

#BlogList li a {
	display: block;
	width: 150px;
	height: 272px;
	padding: 20px 25px;
	background: url(http://takeoff16.jp/img/side-blog-bg.png) no-repeat;
}

#BlogUpdate .Days, #BlogList .Days {
	color: #858391;
	font-size: 84.6%;
	font-weight: bold;
}

#BlogUpdate .Img, #BlogUodate .Title, #BlogList .Img, #BlogList .Title {
	margin-top: 5px;
}

#BlogUpdate .Img, #BlogList .Img {
	width: 150px;
	height: 150px;
	border: 1px solid #EFEFEF;
	text-align: center;
	overflow: hidden;
}

#BlogUpdate .Title, #BlogList .Title {
	color: #080057;
	font-size: 92.3%;
	font-weight: bold;
	text-align: center;
}

#BlogUpdate .Description, #BlogList .Description {
	margin-top: 2px;
	color: #666;
	font-size: 92.3%;
	line-height: 1.4;
}

#Contents {
	width: 760px;
	float: right;
}

#SnsBox {
	width: 1020px;
	margin: 110px auto 0;
}

#SnsBox p {
	width: 500px;
}

#FbBox {
	float: left;
}

#TwBox {
	float: right;
}

footer {
	margin-top: 100px;
}

#FooterCatch {
	width: 100%;
	height: 95px;
	background: url(http://takeoff16.jp/img/footer-grass.png) repeat-x center bottom;
}

#FooterCatch p {
	width: 980px;
	margin: 0 auto;
}

#Footer {
	width: 100%;
	padding: 40px 0 15px;
	background: #44595F;
}

#FooterContents {
	width: 980px;
	margin: 0 auto;
}

#LogoImg {
	width: 140px;
	float: left;
}

#Copyright {
	width: 185px;
	height: 9px;
	margin: 87px 0 0 20px;
	float: left;
}


#Social {
	width: 220px;
	margin-top: 87px;
	float: right;
}

#Social li {
	width: 90px;
	float: left;
}