@charset "utf-8";

/*
	Site Name: saya web 
	Description: top page
	Version: 
	Author: 
*/

/*
===== CONTENTS ===========================================

	1: layout

==========================================================
*/

/* -------------------------------------------------------
	1: layout
------------------------------------------------------- */

body {
	background-color: #000;
	background      : none;
}
li a{
	font-family:"Arial Black", Gadget, sans-serif;
	font-weight: bold;
	font-size: 15px;
	text-decoration: none !important;
	color: #ffffff !important;
}
li a:hover{
	text-decoration: underline !important;
	color: #99072d !important;
}
	


@media only screen and (min-width: 640px), print {
	#layoutWrapper {
		width: 680px;
		margin-top		: 360px;
	}
	h1 {
		float 	     	: left;
		width       	: 135px;
		margin-right	: 48px;
	}
	ul {
		padding-top		: 70px;
	}
	li {
		float       	: left;
		margin-right	: 25px;
		
	}
	li.btnSNS{
		position		: relative;
		top				: -2px;
		margin-right	: 10px;
	
	}
	.update{
		position		: relative;
		top				: -37px;
		right			: -64px;	
		display			: block;
		width			: 20px;
		height			: 20px;
		-webkit-border-radius	: 50%;
		-moz-border-radius		: 50%;
		text-align		: center;
		line-height		: 2;
		color			: #fff;
		font-size		: 10px;
		border-radius	: 50%;
		background-color: #99072d;
	}
}
@media only screen and (min-width: 1px) and (max-width: 639px) {
	#layoutWrapper {
		width:100%;
		padding: 50px 0px 0;
	}
	h1 {
		padding: 0 20px 0 ;
	}
	ul {
		padding: 0 20px 0 ;
	}
	li {
		padding: 13px 0 0;
		
	}
	li.btnSNS{
		display: inline-block;
	
	}
	.update{
		position		: relative;
		top				: -9px;
		right			: -2px;	
		display			:  inline-block;
		width			: 20px;
		height			: 20px;
		-webkit-border-radius	: 50%;
		-moz-border-radius		: 50%;
		text-align		: center;
		line-height		: 2;
		color			: #fff;
		font-size		: 10px;
		border-radius	: 50%;
		background-color: #99072d;
	}
	

}