@charset "utf-8";

/*----------------------------------------------------------------
 common
----------------------------------------------------------------*/
/*----------------------------------------------------------------
 base
----------------------------------------------------------------*/
body{
	color				: #434343;
	font-family			: "ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro W3',"メイリオ", Osaka, Verdana, "ＭＳ Ｐゴシック", sans-serif;
}

/* inline element
-----------------------------------------------------*/
/* link
----------------------------------*/
a:link{
	text-decoration		: underline;
	color				: #242d66;
}
a:visited	{ color: #242d66; }
a:hover		{ text-decoration: none; }
a:active	{ color: #FF0033; }
a[name]{
	text-decoration		: none;
	color				: #434343;
}

/*-----------------------------------------------------
 class
-----------------------------------------------------*/

/* separater line
-----------------------------------------------------*/
hr.separater{ display: none; }

/* anchor(pagetop)
-----------------------------------------------------*/
p.anchor{
	visibility			: hidden;
	position			: absolute;
	top					: 0px;
	left				: 0px;
}

/* pagetoplink
-----------------------------------------------------*/
.pagetop a{
	opacity				: 1;
}
.pagetop a:hover	{ opacity: 0.7; }


/*----------------------------------------------------------------
 layout
----------------------------------------------------------------*/

/*-----------------------------------------------------
 wrap
-----------------------------------------------------*/
.wrap{
	position			: relative;
	overflow			: hidden;
}
#wrap{
	width				: 100%;
}

/*-----------------------------------------------------
 area
-----------------------------------------------------*/
.area{
	overflow			: hidden;
	position			: relative;
	clear				: both;
	width				: 100%;
}
#navigation{
	z-index				: 10;
	height				: 50px;
	padding				: 10px 0;
	background			: url(../images/navi_bg.png) left top repeat;
}

/*-----------------------------------------------------
 container
-----------------------------------------------------*/
.container{
	position			: relative;
	overflow			: hidden;
	clear				: both;
	margin				: 0 auto;
	width				: 1000px;
}

/*----------------------------------------------------------------
 styles
----------------------------------------------------------------*/
/*-----------------------------------------------------
 header
-----------------------------------------------------*/
#header .sns{
	position			: relative;
	left				: 40px;
}
#header .sns .fb-like,
#header .sns .tweet{
	display				: inline-block;
}
#header .sns .tweet{
	position			: relative;
	top					: 5px;
}
/*-----------------------------------------------------
 navigation
-----------------------------------------------------*/
#navigation ul{
	position			: relative;
	overflow			: hidden;
	clear				: both;
}
#navigation ul li{
	float				: left;
}

#navigation a{
	transition			: opacity linear 0.1s;
	opacity				: 1;
}
#navigation a:hover	{ opacity: 0.7; }

/*-----------------------------------------------------
 footer
-----------------------------------------------------*/
#footer a		{ text-decoration: none; }
#footer a:hover	{ text-decoration: underline; }
#footer .navi{
	float				: left;
	font-size			: 13px;
}
#footer .navi li{
	display				: inline;
	letter-spacing		: 1px;
}
#footer .navi li:after				{ content: ' |'; }
#footer .navi li.last-child:after	{ content: ''; }

#footer .copy{
	text-align			: right;
	font-size			: 10px;
}