/* GENERAL */
/* ================================================================================= */
html		{overflow-y:scroll;}
body		{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0;
	color:#111;
	font-size:100%;
	background-color: #000;
}
h1			{
	font-size:180%;
}
h2			{
	font-size:210%;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h3			{
	font-size:110%;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
h4			{
	font-size:120%;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
p			{
	font-size:75%;
	line-height: 1.7em;
}
ul			{font-size:16px; line-height:24px;}
small		{
	font-size:10px;
	letter-spacing: 0.3em;
}
a			{color:#111;}
.block {
	display: block;
}
.txt_small		{
	font-size:75%;
	line-height: 2em;
}
.txt_big		{
	font-size:110%;
	line-height: 1.5em;
}
.txt_middle		{
	font-size:80%;
	line-height: 1.5em;
}
.txt_R {
	text-align: right;
}
.txt_C {
	text-align: center;
}
.mgn_T5 {
	margin-top: 5px;
}
.pdg_T5 {
	padding-top: 5px;
	display: block;
}
.mgn_T10 {
	margin-top: 10px;
}
.mgn_T15 {
	margin-top: 15px;
}
.mgn_T30 {
	margin-top: 30px;
}
.mgn_T55 {
	margin-top: 55px;
}
.mgn_U5 {
	margin-bottom: 5px;
}
.mgn_U10 {
	margin-bottom: 10px;
}
.mgn_U30 {
	margin-bottom: 30px;
}
.mgn_R5 {
	margin-right: 5px;
}
.mgn_L5 {
	margin-left: 5px;
}
.Ltr_spc {
	letter-spacing: 0.2em;
}
.clear		{clear:both;}
.gap		{height:30px;}
.lucida		{font-family: "Lucida Grande", Tahoma; color:#CCC;}
#wrap		{
	margin:0 auto;
	width: 1024px;
	background-color: #000;
	color: #FFF;
	padding: 20px 40px 0;
}
#content	{
	margin:16px auto 0;
	padding:20px 40px;
	background-color:#F1F1F1;
	width: 1024px;
}
#background {
	display:none;
	background-color:#F1F1F1;
}
.nowrap		{white-space:nowrap;}
/* GRIDS */
.grid			{
	width:920px;
	margin-right:51px;
	margin-left: 51px;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 40px;
}


/* GRIDS */
.grid_2			{
	width:410px;
	float:left;
	margin-right:100px;
	margin-left: 51px;
	position: relative;
	margin-bottom: 30px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.grid_2_last	{
	width:410px;
	float:left;
	margin-right:0;
	margin-bottom: 30px;
}
.grid_4			{
	float:left;
	margin-right:75px;
	text-align: left;
}
.grid_4_first			{
	float:left;
	margin-right:75px;
	text-align: left;
}
.grid_4_last	{
	float:left;
	margin-right:0;
	text-align: left;
}
/*#header h1 span	{letter-spacing:-10px; padding-right:4px;}*/
.doubleline 		{
	padding:10px 0;
	border-top:4px double #CCC;
	border-bottom:4px double #CCC;
}
#wrap #slide_txt {
	display: block;
	clear: both;
	height: 71px;
	width: 400px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}

/* HEADER */
#header			{text-align:center; margin-top:10px;}
#header h1		{letter-spacing:-2px; word-spacing:10px; margin:10px 0 30px 0; line-height:1;}
#header h1 span	{letter-spacing:-0.13em; padding-right:0.06em;}
#header h4 span	{letter-spacing:-0.06em; padding-right:0.03em;}

/* NAVIGATION */
#nav					{
	width: 920px;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	padding-left: 52px;
	font-size: 16px;
}
#nav h3					{
	margin:0 0 13px 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
}
#nav div.hover h3		{
	color:#FC0;
}
#nav div.hover p		{color:#111;}
#nav div.hover .lucida	{color:#FFBFBE;}
#nav div.hover 			{cursor:pointer;}
#nav div.inactive		{
	color:#666;
}
#profile_content:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
#profile_content {
	background-color: #F1F1F1;
}

/* PROFILE */
/* ================================================================================= */

.profile				{
	clear:both;
	margin-top:20px;
}
.profile a				{font-size:14px; margin:0 3px 0 0; background-color:#D5D5D5; color:#FFF; padding:3px 6px; line-height:22px; -webkit-border-radius:3px; -moz-border-radius:3px; border:0;}
/* GRIDS */
#profile_grid			{
	width:1024px;
	position: relative;
	margin-bottom: 40px;
	height: 151px;
	background-image: url(../img/profile/Ryukyuinnovation_IMG.jpg);
	background-repeat: no-repeat;
}
#profile_grid p {
	visibility: hidden;
	text-indent: -9999px;
}
.profile a:hover		{background-color:#C5C5C5; color:#FFF; border:0;}
.profile p				{
}
.profile .header		{
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}
.profile .header 	p span a{
	white-space: nowrap;
	margin-left: 30px;
}
.profile p.last	{margin-bottom:0;}
.profile h2		{margin:0 0 11px 0;}
.profile h2 em				{color:#BBB;}
.profile h2 span	{letter-spacing:-0.07em;}
.profile h3		{
	margin:0 0 25px 0;
	color:#999;
}
.profile h3.first{
	border-bottom:1px solid #D5D5D5;
	color: #000;
	padding-bottom: 3px;
	margin-bottom: 15px;
	letter-spacing: 0.3em;
}
.profile		h3.txt_Sbig{
	font-size:500%;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	color: #CCC;
	line-height: 1em;
}
.profile h4				{
	float:left;
}
.profile object		{margin:0 auto; display:block;}

/* LINKS */
.profile .links			{
	float:left;
	width:100%;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin:0px 0 60px;
}
.profile ul				{margin:0; padding-top:12px;}
.profile li				{
	float:left;
	margin-right:12px;
	padding-bottom:14px;
	list-style: square;
	list-style-type: none;
}
.profile li a				{background-color:#BBB; color:#FFF; padding:4px 7px 5px 7px; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.profile li a:hover		{background-color:#999;}
.profile li a.home			{background-color:#555;}
.profile li a.home:hover	{
	background-color:#111;
	vertical-align: middle;
}

/* THUMBNAILS */
.profile .gallery		{
	width:100%;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
}
.profile .thumbnail	{width:90px; height:90px; border:1px solid #CCC; float:left; margin:0 20px 30px 0; padding:4px; background:url("") no-repeat center center #FFF;}
#profile_content .grid_2 #gaiyo h4 {
	font-size: 90%;
	line-height: 1.5em;
}
#profile_content .grid_2 table tr{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 80%;
	white-space: nowrap;
}
#profile_content .grid_2 table tr th{
	width: 80px;
	font-weight: normal;
	padding: 10;
	background-color: #999;
	color: #FFF;
	}
#profile_content .grid_2 table tr td {
	padding: 10px;
	white-space: nowrap;
	background-color: #E6E6E6;
	line-height: 1.5em;
}
#profile_content .grid_2_last #jigyonaiyo p {
	white-space: nowrap;
	line-height: 2em;
}
#profile_content .grid_2_last #torihikisaki p {
	line-height: 2em;
	font-size: 11px;
	white-space: nowrap;
}
#profile_content .grid_2_last #torihikisaki #left {
	float: left;
}
#profile_content .grid_2_last #torihikisaki #right {
	float: left;
}
#profile_content .grid_2_last #kigyorinen p {
	line-height: 2em;
	font-size: 80%;
	letter-spacing: 0.3em;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#profile_content .grid_2_last #yakuin table {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#profile_content .grid_2_last #yakuin table tr{
	letter-spacing: 0.2em;
	font-size: 80%;
}
#profile_content .grid_2_last #yakuin table tr #YakuinKatagaki {
	text-align: right;
	padding: 5px;
}
#profile_content .grid_2_last #yakuin table tr #YakuinName {
	padding: 5px;
}
#torihikisaki div {
	float: left;
	margin-right: 40px;
}
.thumbnail:hover		{cursor:pointer;}

/* PRODUCTS */
/* ================================================================================= */
.products p					{margin-bottom:23px;}
.products h3					{
	padding-bottom:6px;
	padding-left: 10px;
}
.products h3.first			{margin:20px 0 18px 0; border-bottom:1px solid #CCC;}
.products h3 em				{color:#BBB;}
.products h3.extra-margin		{
	margin:40px 0 50px;
	border-left: 10px solid #CCC;
}
.products .button				{background-color:#BBB; color:#FFF; padding:3px 6px; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.products .button:hover		{background-color:#999; color:#FFF; border-bottom:1px solid #999;}
.products a					{border-bottom:1px solid #BBB; padding-bottom:1px;}
.products a:hover				{border-bottom:1px solid #FFBFBE; color:#F00;}

/* CLEARS */
.products .clear 				{margin:0 30px;}
.products .clear.margin 		{margin-bottom:40px; border-top:1px solid #DDD;}
.products .clear.gap			{margin-top:70px;}

/* CONTENT AREA SPECIFIC */
.products .content				{
	background-color:#FFF;
	padding-top:14px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}
.products .content p				{
	padding-left:30px;
	color:#888;
	margin-top:10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.products .content h3				,.products .content h4,.products .content h5{
	font-family: "Times New Roman", Times, serif;
	line-height: 1.5em;
	margin-left: 30px;
}
.products .content h4				{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 110%;
	white-space: nowrap;
}
.products .content h5				{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 85%;
	margin-bottom: 10px;
	margin-top: 10px;
}
.products .content small			{font-size:11px; color:#CCC; margin-top:10px; display:block;}
.products .content .grid_2_last	{
	float:left;
}

/* 280 NORTH */
.products .cappuccino .icon img		{margin:-90px auto 20px auto; display:block;}
.products .aristo .calendar			{float:left; width:50%; margin:0 26px;}
.products .aristo .calendar small		{margin-left:8px;}
.products .aristo .checkbox			{float:left; margin-top:12px;}
.products .aristo .checkbox small		{margin:22px 0 34px 0;}
.products .aristo .window				{overflow:hidden; margin-left:10px;}
.products .aristo .window small		{margin-left:22px; margin-bottom:40px;}
.products .atlas .icon				{float:left; width:50%; margin:0 26px;}
.products .atlas .icon img			{margin:0 auto; display:block;}
.products .atlas .window				{overflow:hidden;}

/* TOMTOM */
.products .tomtom .grid_2						{width:60%; margin:0;}
.products .tomtom .grid_2_last				{width:40%; margin:0;}
.products .tomtom .grid_2_last .extra-margin	{margin-top:30px;}
.products .tomtom .grid_2 .device img			{margin:-50px auto 0 auto; display:block; margin-bottom:50px;}
.products .tomtom p							{padding-right:30px;}
.products .tomtom .collection					{width:96%; margin:0 auto; height:130px;}
.products .tomtom .collection .grid_8			{float:left; width:12.5%; text-align:center;}
.products .tomtom								{margin-bottom:100px;}

/* MOZILLA */
.products .content.mozilla			{background-color:#2e3439; margin-bottom:100px;}
.products .content.mozilla h3			{color:#FFF;}
.products .content.mozilla h3 em		{color:#667079;}
.products .content.mozilla h4			{color:#8d959b;}
.products .content.mozilla p			{color:#859099;}
.products .content.mozilla a			{color:#FFF; border-bottom:1px solid #667079;}
.products .content.mozilla a:hover	{color:#a6d1f4; border-bottom:1px solid #596b7a;}
.products .content.mozilla small		{color:#4b5258;}
.products .content.mozilla .profile-update	{margin:-93px auto 0 auto; display:block;}
.products .content.mozilla .grid_4			{width:25%; margin:0; padding:34px 0 20px 0; height:240px; text-align:center;}

/* NIKE */
.products .nike .grid_2					{width:35%; margin:0; padding:0;}
.products .nike .grid_2_last				{width:65%; margin:0; padding:0;}
.products .nike .grid_2_last .runners		{margin:-79px auto 0 auto; display:block;}
.products .nike .grid_2 img			{padding-left:20px; padding-bottom:30px;}
.products .nike .collection			{width:96%; margin:0 auto; height:300px;}
.products .nike .collection .grid_3	{float:left; width:33%; text-align:center;}

/* ICON ARCHIVE */
.products .icon-archive .header						{width:50%; margin:0 0 70px 0;}
.products .icon-archive .header h3					{margin-bottom:16px;}
.products .icon-archive .content						{height:300px; margin:0 0 90px 0; padding:0;}
.products .icon-archive .content .grid_2				{width:50%; margin:0; padding:0;}
.products .icon-archive .content img.appzapper		{margin:-45px auto 0 auto; display:block; padding-left:55px;}
.products .icon-archive .content small.appzapper		{padding:20px; margin-top:-134px;}
.products .icon-archive .content img.transmission		{margin:-60px auto 0 auto; display:block; padding-right:40px;}
.products .icon-archive .content small.transmission	{padding:20px; margin-top:-119px; text-align:right;}
.products .icon-archive .content .grid_4				{width:25%; margin:0; padding:34px 0 20px 0; height:240px; text-align:center;}

/* DISCO */
.products .content.disco					{margin:70px 0 40px 0; background-color:#141414; padding-top:0; -webkit-border-top-left-radius:10px; -khtml-border-radius-topleft:10px; -moz-border-radius-topleft:10px; border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -khtml-border-radius-topright:10px; -moz-border-radius-topright:10px; border-top-right-radius:10px;}
.products .content.disco .white			{background-color:#FFF; height:276px; -webkit-border-top-left-radius:6px; -khtml-border-radius-topleft:6px; -moz-border-radius-topleft:6px; border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -khtml-border-radius-topright:6px; -moz-border-radius-topright:6px; border-top-right-radius:6px;}
.products .content.disco .icon			{margin:-165px auto 0 auto; display:block; padding-left:40px;}
.products .content.disco p				{padding-right:30px; z-index:1; position:relative;}
.products .content.disco h3				{z-index:1; position:relative;}
.products .content.disco .window			{margin:-207px auto 40px auto; display:block; padding-left:30px;}
.products .content.disco .various-icons	{margin:65px auto 0 auto; display:block; padding-left:40px;}
.products .content.disco a				{border-bottom:1px solid #999;}
.products .content.disco a:hover			{border-bottom:1px solid #FFBFBE; background-color:#FFF;}

/* SHOP */
/* ================================================================================= */
.shop h3				{margin:46px 0 18px 0; border-bottom:1px solid #CCC; padding-bottom:6px;}
.shop h3.first		{margin:20px 0 18px 0;}
.shop p				{margin-bottom:23px;}
.shop a				{border-bottom:1px solid #BBB; padding-bottom:1px;}
.shop a:hover		{border-bottom:1px solid #FFBFBE; color:#F00;}
.shop .white			{background-color:#FFF; margin:30px 0; padding:14px 20px; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.shop .white p		{margin:0 0 26px 40px;}
.shop .white p.left	{margin-left:0;}
.shop .white p.last	{margin-bottom:0px;}
.shop .white img		{float:left; margin-top:8px;}
.shop .white small	{color:#AAA; margin-left:6px;}
.shop .more			{text-align:center;}
.shop .more a		{color:#AAA; border-bottom:1px solid #CCC; font-size:14px;}
.shop .more a:hover	{color:#777; border-bottom:1px solid #AAA;}
.shop .thumbnail:hover {cursor:default;}
.shop ul					{margin-left:24px;}
.shop ul li				{list-style-position:outside; list-style-image: url("/media/img/bullet-company.gif"); margin-bottom:10px;}

/* THUMBNAILS */
.shop .thumbnail		{width:90px; height:90px; border:1px solid #CCC; float:left; margin:0 20px 30px 0; padding:4px; background:url("") no-repeat center center #FFF;}

/* BLOG */
/* ================================================================================= */
.blog a:hover		{color:#F00;}
.blog a .lucida		{color:#BBB;}
.blog em			{color:#BBB;}
.blog .author		{color:#888; font-style:normal; white-space:nowrap;}
.blog .date			{color:#888; font-style:normal;}
#contact_content {
	background-color: #F1F1F1;
}
#contact_content .grid_1 {
	float: right;
}
#thanks_content {
	background-color: #F1F1F1;
}
#thanks_content .grid_1 {
	float: right;
}

/* FIRST POST */
.first_post					{margin:20px 0 30px 0;}
.first_post p				{margin-top:6px; font-size:18px; line-height:30px; font-style:italic;}
.first_post h2				{line-height:60px;}
.first_post .author			{font-size:16px;}
.first_post .button			{background-color:#BBB; color:#FFF; padding:3px 6px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.first_post .button:hover	{background-color:#999; color:#FFF;}
.first_post .clear			{height:20px;}
.first_post .no_show		{display:none;}

/* ALL POSTS */
.all_posts					{border-top:1px solid #CCC; padding-top:20px;}
.all_posts h3				{margin-bottom:10px; line-height:34px;}
.all_posts p				{margin-bottom:10px;}
.all_posts .button			{font-size:14px; background-color:#D5D5D5; color:#FFF; padding:3px 6px; line-height:22px; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.all_posts .button:hover	{background-color:#C5C5C5; color:#FFF;}
.all_posts .wrap_date		{float:left; width:90px; text-align:center;}
.all_posts .wrap_date h3	{color:#888;}
.all_posts .wrap_date span	{color:#888; font-size:16px;}
.all_posts .wrap_title		{margin-left:100px; padding-left:20px; border-left:1px dashed #CCC;}
.all_posts .clear 			{height:20px;}

/* ANNOUNCEMENT */
#announcement				{margin:70px auto 0 auto; text-align:center; font-size:14px;}
#announcement img			{margin-right:10px; position:relative; margin-bottom:-9px;}
#announcement a				{color:#AAA; padding-bottom:2px;}
#announcement a:hover		{border-bottom:1px solid #ccc;}
#announcement a span		{font-size:16px; color:#111; margin-right:6px;}

/* FOOTER */
#footer small		{
	font-family: "Lucida Grande", Verdana, Tahoma;
	font-size: 10px;
	line-height: 24px;
}
#footer				{
	margin:30px 0 10px;
	text-align:center;
	color:#CCC;
}
#content #footer	{color:#CCC; margin:0;}

/* OVERLAY */
#overlay 				{display:none; background-image: url("/media/img/overlay/overlay.png"); position:absolute; margin:auto; top:0; left:0; z-index:100; width:100%; height:100%;}
#overlay .wrapper		{position:fixed; width:100%; top:25px;}
#overlay .content		{width:889px; height:693px; margin:auto; background-image: url("/media/img/overlay/back.png");}
#overlay .header		{position:relative; top:40px; left:44px; margin-right:90px; text-align:center;}
#overlay .title			{color:#111; font-size:1.2em;}
#overlay .close			{color:#666; float:left;}
#overlay .navigation a	{color:#666; float:right;}
#overlay img			{position:relative; top:50px; left:39px;}
* html #overlay			{background-color:#000; background-color:transparent; background-image:url("/media/img/overlay/blank.gif"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/media/img/overlay/overlay.png", sizingMethod="scale");}

/* GRID */
#grid {
	display:none;
	background-image: url(../img/grid.png);
	background-attachment:scroll;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* HOVER FADING IMAGES */
img.fade				{display:none;}