/************************
	COMMON
************************/
body {
	font-size:			75%;		/* IE */
}
html>/**/body {
	font-size:			12px;	/* Except IE */
}

p,ul,dl,ol,div	{
    font-family:	"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	line-height:		1.3em;
}
/************************
	BASE
************************/
body	{
	background-color:	#de363a;
	width:				797px;
	text-align:			center;
	margin:				20px auto;
	padding:			0;
	font-family:		"Areal","Helvetica";
}
div	{
	margin:				0;
	padding:			0;
}
img	{
	border:				0;
}
a, a:hover, a:link, a:visited, a:active	{
	color:				#000;
	text-decoration:	none;
}
.stdlink	{
	font-weight:		bold;
	color:				#048;
	text-decoration:	none;
}
.stdlink:link, .stdlink:visited, .stdlink:active	{
	font-weight:		bold;
	color:				#048;
}
.stdlink:hover	{
	font-weight:		bold;
	color:				#ea0;
}

/************************
	FRAME
************************/
#outer	{
	width:				797px;
	background-color:	#fff;
}
#header	{
	width:				797px;
	height:				56px;
	text-align:			left;
}
#logo	{
	display:			block;
	position:			relative;
	left:				612px;
	top:				23px;
	text-indent:		-9999px;
	background:			url(../img/i_logo.gif) no-repeat scroll top left;
	width:				96px;
	height:				25px;
	overflow:			hidden;
}
#footer	{
	clear:				both;
	text-align:			center;
	font-size:			0.8em;
	width:				797px;
	height:				40px;
}

.font-lsmall	{
	font-size:			0.8em;
}
.font-small	{
	font-size:			0.7em;
}
.font-vsmall	{
	font-size:			0.6em;
}
.font-slarge	{
	font-size:			1.1em;
}
.font-mlarge	{
	font-size:			1.2em;
}
.font-large	{
	font-size:			1.3em;
}
.font-vlarge	{
	font-size:			1.4em;
}
.font-strong	{
	font-weight:		bold;
}

/************************
	UPPER MENU
************************/
#uppermenu	{
	width:				797px;
	text-align:			left;
	color:				#fff;
	font-weight:		bold;
	padding-bottom:		6px;
}
#uppermenu a	{
	color:				#fff;
	font-weight:		bold;
	margin:				0 1em;
	background-color:	#de363a;
}
#uppermenu a:hover	{
	color:				#de363a;
	background-color:	#fff;
}
#uppermenu span	{
	color:				#f88;
	font-weight:		bold;
	margin:				0 1em;
}

/************************
	SIDE MENU
************************/
#sidemenu	{
	float:				left;
	width:				155px;
	margin:				0;
	padding:			0;
}
#sidemenu ul	{
	display:			block;
	list-style-type:	none;
	margin:				0;
	padding:			0;
}
#sidemenu li	{
	display:			block;
	padding:			0;
	width:				86px;
	height:				86px;
	margin:				0 auto 24px auto;
}
#sidemenu a	{
	display:			block;
	text-indent:		-9999px;
	width:				86px;
	height:				86px;
	margin:				0;
	padding:			0;
/*\*/
	overflow:			hidden;
/**/
}
#sidemenu span	{
	display:			block;
	text-indent:		-9999px;
	width:				86px;
	height:				86px;
	margin:				0;
	padding:			0;
	overflow:			hidden;
}
#menu1s	{
	background:			url(../img/b_side_home_s.jpg);
}
#menu1	{
	background:			url(../img/b_side_home_n.jpg);
}
#menu1:hover	{
	background:			url(../img/b_side_home_r.jpg);
}
#menu2s	{
	background:			url(../img/b_side_about_s.jpg);
}
#menu2	{
	background:			url(../img/b_side_about_n.jpg);
}
#menu2:hover	{
	background:			url(../img/b_side_about_r.jpg);
}
#menu3s	{
	background:			url(../img/b_side_works_s.jpg);
}
#menu3	{
	background:			url(../img/b_side_works_n.jpg);
}
#menu3:hover	{
	background:			url(../img/b_side_works_r.jpg);
}
#menu4s	{
	background:			url(../img/b_side_products_s.jpg);
}
#menu4	{
	background:			url(../img/b_side_products_n.jpg);
}
#menu4:hover	{
	background:			url(../img/b_side_products_r.jpg);
}
#menu5s	{
	background:			url(../img/b_side_talk_s.jpg);
}
#menu5	{
	background:			url(../img/b_side_talk_n.jpg);
}
#menu5:hover	{
	background:			url(../img/b_side_talk_r.jpg);
}

/************************
	PAGE NAVI
************************/
.pagenavi	{
	float:				right;
	padding-bottom:		1em;
}
.pagenavi a, .pagenavi div	{
	float:				left;
	display:			block;
	text-indent:		-9999px;
	width:				24px;
	height:				24px;
	background-color:	#444;
}
div.page1	{
	background:			#fff url(../img/navi_1_s.gif) no-repeat scroll center left;
}
a.page1	{
	background:			#fff url(../img/navi_1_n.gif) no-repeat scroll center left;
}
a.page1:hover	{
	background:			#fff url(../img/navi_1_r.gif) no-repeat scroll center left;
}
div.page2	{
	background:			url(../img/navi_2_s.gif) no-repeat scroll center left;
}
a.page2	{
	background:			url(../img/navi_2_n.gif) no-repeat scroll center left;
}
a.page2:hover	{
	background:			url(../img/navi_2_r.gif) no-repeat scroll center left;
}
div.page3	{
	background:			url(../img/navi_3_s.gif) no-repeat scroll center left;
}
a.page3	{
	background:			url(../img/navi_3_n.gif) no-repeat scroll center left;
}
a.page3:hover	{
	background:			url(../img/navi_3_r.gif) no-repeat scroll center left;
}

/************************
	CONTENTS
************************/
#main	{
	float:				left;
	width:				563px;
	margin:				0;
	padding:			0;
}
#cont-frame	{
	background:			#fff url(../img/i_redline_middle.gif) repeat-y scroll top left;
}
#contents	{
	background:			url(../img/i_redline_top.gif) no-repeat scroll top left;
	margin:				0;
	padding:			20px 20px 10px 20px;
	text-align:			left;
}
/************************
	LINK
************************/
#tailer	{
	background:			url(../img/i_redline_bottom.gif) no-repeat scroll top left;
	padding-top:		30px;
}
#tailer	a	{
	display:			block;
	width:				158px;
	height:				43px;
	text-indent:		-9999px;
	float:				right;
	margin:				0 10px 20px 10px;
}
#bloglink	{
	background:			url(../img/b_link_blog_n.gif) no-repeat scroll top left;
}
#bloglink:hover	{
	background:			url(../img/b_link_blog_r.gif);
}
#katatilink	{
	background:			url(../img/b_link_katati_n.gif) no-repeat scroll top left;
}
#katatilink:hover	{
	background:			url(../img/b_link_katati_r.gif);
}
#team-6link	{
	background:			url(../img/b_link_tm6_n.gif) no-repeat scroll top left;
}
#team-6link:hover	{
	background:			url(../img/b_link_tm6_r.gif);
}
#saikorolink	{
	background:			url(../img/b_link_saikoro_n.gif) no-repeat scroll top left;
}
#saikorolink:hover	{
	background:			url(../img/b_link_saikoro_r.gif);
}
#appgyrolink	{
	background:			url(../img/b_link_appgyro_n.gif) no-repeat scroll top left;
}
#appgyrolink:hover	{
	background:			url(../img/b_link_appgyro_r.gif);
}

/************************
	ETC
************************/
.clearfix:after {
	content:			"."; 
	display:			block; 
	height:				0; 
	clear:				both; 
	visibility:			hidden;
}
.clearfix {
	display:			inline-block;
}  

/************************
	HACK
************************/
/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */