@charset "UTF-8";

/*/////////////////////////////////////////////////////////////
NeuroSky

------------------------------------------------------------

[Base] Resetting HTML elements styles
	0. All
	1. HTML, Body, Anchor
	2. Others
		2-1. Inline-level Elements
		2-2. Block-level Elements
		2-3. Table

[Layout] 
	0. Base Layout
	1. Header
	2. Mindset
	3. News
	4. Contact
	5. support
	6. D2



//////////////////////////////////////////////////////////////*/

/* ------------------------------------------------------------
	0. All
------------------------------------------------------------ */

body, div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code, p, blockquote, th, td,
form, fieldset, legend, input, select, textarea {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* ------------------------------------------------------------
	1. HTML, Body, Anchor
------------------------------------------------------------ */

body {
	color: #0099cc;
	font-family:'Verdana', 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
	line-height: 1.5;
}

/* ---------------
EXAMPLES FONT-SIZE
------------------
72% = 10px
79% = 11px
86% = 12px
93% = 13px
100% = 14px
108% = 15px
115% = 16px
122% = 17px
129% = 18px
136% = 19px
143% = 20px
150% = 21px
158% = 22px
--------------- */

a:link {
	color: #0099cc;
	text-decoration: underline;
}

a:visited {
	text-decoration: underline;
	color: #0099cc;
}

a:hover,
a:active  {
	color: #666;
	text-decoration: none;
}
/*
 * INTERNATIONAL FLAGS
 */
.international {
  float: right;
  margin-top: -54px;
  margin-right: 4px;
}

.international ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.international ul li {
  display: inline;
}

.flag a {
  float: left;
  text-indent: -9999px;
  height: 21px;
  width: 27px;
  background-repeat: no-repeat;
  background-image: url('../img/flags.png');
  margin-left: 10px;
  opacity: 0.35;
}

.flag a:hover {
  opacity: 1.0;
}

.flag.usa a {
  background-position: -81px 0px;
}

.flag.china a {
  background-position: -54px 0px;
}

.flag.japan a {
  background-position: -27px 0px;
}
.flag.korea a {
  background-position: -108px 0px;
}


/* ------------------------------------------------------------
	2. Others
------------------------------------------------------------ */

/*  2-1. Inline-level Elements
------------------------------------------------- */
img {
	border: none;
	vertical-align: bottom;
}

object {
	vertical-align: middle;
	outline: none;
}

address, caption, cite, code, dfn, th, var {
	font-weight: normal;
	font-style: normal;
}

em, strong {
	font-weight: bold;
	font-style: normal;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

fieldset {
	border: none;
}

input, textarea, select, label {
	font-size: 100%;
	font-family: inherit;
	vertical-align: middle;
}

label {
	cursor: pointer;
}

textarea {
	overflow: auto;
}

/*  2-2. Block-level Elements
------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-size: 90%;
	line-height: 1.3;
}

hr {
	display: none;
}


q:before, q:after {
	content: '';
}


abbr, acronym {
	border: none;
	font-variant: normal;
}

pre, code {
	font-family: monospace;
}

ul, ol {
	list-style: none;
}

/*  2-3. Table
------------------------------------------------- */
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	font-family: inherit;
}

caption, th, td {
	text-align: left;
	vertical-align: top;
}

/*/////////////////////////////////////////////////////////////
[Layout] 
//////////////////////////////////////////////////////////////*/

/* ------------------------------------------------------------
	0. Base Layout
------------------------------------------------------------ */

body {
	text-align: center;
	background-color: white;
}

div#container {
	position: relative;
	width: 830px;
	margin: 0 auto;
	padding: 0 10px;
	text-align: left;
}

/* ------------------------------------------------------------
	1. Header
------------------------------------------------------------ */

div#header {
	position: relative;
	margin:10px 0px 30px 0px;
	float: left;
}

div#menu {
	padding-top: 10px;
	margin-left: 230px;
	}

div#menu li {
	float: left;
	}
	
#menu span {
	display: none;
	}
	
a#m_item {
	width: 95px;
	height: 45px;
	display: block;
	background: url(../img/btn_1.jpg) no-repeat 0 0;
	}

a#m_item:hover {
	width: 95px;
	height: 45px;
	display: block;
	background: url(../img/btn_1.jpg) no-repeat 0 -50px;
	}

a#m_tech {
	width: 95px;
	height: 45px;
	display: block;
	background: url(../img/btn_2.jpg) no-repeat 0 0;
	}

a#m_tech:hover {
	width: 95px;
	height: 45px;
	display: block;
	background: url(../img/btn_2.jpg) no-repeat 0 -50px;
	}

a#m_news {
	width: 134px;
	height: 45px;
	display: block;
	background: url(../img/btn_3.jpg) no-repeat 0 0;
	
	}

a#m_news:hover {
	width: 134px;
	height: 45px;
	display: block;
	background: url(../img/btn_3.jpg) no-repeat 0 -50px;
	}

a#m_company {
	width: 134px;
	height: 45px;
	display: block;
	background: url(../img/btn_4.jpg) no-repeat 0 0;
	}

a#m_company:hover {
	width: 134px;
	height: 45px;
	display: block;
	background: url(../img/btn_4.jpg) no-repeat 0 -50px;
	}
	
a#m_contact {
	width: 134px;
	height: 45px;
	display: block;
	background: url(../img/btn_5.jpg) no-repeat 0 0;
	}

a#m_contact:hover {
	width: 134px;
	height: 45px;
	display: block;
	background: url(../img/btn_5.jpg) no-repeat 0 -50px;
	}









/* ------------------------------------------------------------
	2. MindSet
------------------------------------------------------------ */
div#mindset {
	overflow: hidden;
	zoom: 1;
	}


div#mindset p,
div#mindset h2 {
	margin-left: 320px;
	margin-bottom: 10px;
	}
	
div#mindset img {
	float: left;
	}

#sale {
	font-weight: bold;
	color: black;
	text-align: center;
	padding: 5px;
	background-color: #caecf5 ;
	}

#mindset span {
	display: none;
	}


a#mindsetimg{
	width: 300px;
	height: 450px;
	display: block;
	background: url(../img/mindset.jpg) no-repeat 0 0;
	float: left;
	}


/* ------------------------------------------------------------
a#mindsetimg:hover {
	width: 300px;
	height: 400px;
	display: block;
	background: url(../img/mindset.jpg) no-repeat 0 -600px;
	}
------------------------------------------------------------ */


/* ------------------------------------------------------------
	3. News
------------------------------------------------------------ */
div#news p,
div#news h3 {
	margin-left: 290px;
	margin-bottom: 20px;
	}

div#news img {
	float: left;
	margin-right: 10px;
	margin-bottom: 3px;
	}
	
	
/* ------------------------------------------------------------
	4. contact
------------------------------------------------------------ */
div#contact {
	margin-bottom: 20px;
	}

div#contact p,
div#contact h3 {
	width: 550px;
	margin-left: 400px;
	}
	
.title {
	font-weight: bold;
	}

/* ------------------------------------------------------------
	5. support
------------------------------------------------------------ */
div#support {
	margin-bottom: 20px;
	}

div#support p {
	width: 550px;
	margin-left: 400px;
	}
	
.title {
	font-weight: bold;
	}

	

/* ------------------------------------------------------------
	6. D2
------------------------------------------------------------ */
#d2_title {
	clear: both;
	}

#d2_title {
	display: block;
	font-size: 130%;
	margin: 0px 0px 20px 0;
	font-weight: bold;
	color: black;
	padding: 10px;
	background: repeat-x url(../img/title_bg.jpg) ;
	}

div.d2_content h3 {
	font-size: 90%;
	display: block;
	margin-bottom: 5px;
	font-weight: normal;
	}

div.d2_content p {
	display: block;
	margin-bottom: 20px;
	}

div.d2_content img {
	float: left;
	margin-right: 2px;
	}


.news_text { 
	font-size: 72%;
	}


a#sp_site {
	width: 317px;
	height: 549px;
	display: block;
	background: url(../img/top.jpg) no-repeat 0 0;
	}

a#sp_site:hover {
	width: 317px;
	height: 549px;
	display: block;
	background: url(../img/top.jpg) no-repeat 0 -548px;
	}

a#sp_site span {
	display: none;
	}
	

/* copyright
------------------------------------------------- */


/* ------------------------------------------------------------
	99. Clearfix
------------------------------------------------------------ */

div#mindset:after,
div#header:after,
div#menu:after,


div.d2_content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}


/* Hides from IE-mac \*/
* html .group {
    height: 1%;
}
/* End hide from IE-mac */