@CHARSET "utf-8";
@IMPORT  "reset.css";

/* -- サイト全体の設定 -------------------------------------------- */
* {		
	margin: 5px 0px;
	padding: 0px;
	
	background-color: #000000;
	
	overflow: hidden;

	font: 100%/160% Arial, Helvetica, Sans-Serif;
	font-weight: normal;
	font-size: small;
	/*font-size: 28pt;   google ハイライト対策 */
	color: #FFFFFF;
}

/* -- ページ全体の設定 ------------------------------------------- */
#page {
	margin: 0px auto;
	padding: 0px;
	
	width: 800px;
	
	/* 背景画像 */
	background-image: url(../Images/back.jpg);
	background-repeat: no-repeat;
				
	/* あとで削除 */
/*	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;
*/
}

/* -- headerの設定 --------------------------------------------- */
#header {
	margin: 0px;
	padding: 0px;
	
	height: 60px;

	background-color: transparent;
	
	/* ヘッダ下線 */
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #666666;
}

#header img {
	margin: 0px;
	padding: 0px;
	margin-left: 15px;
	
	background-color: transparent;
	
	float: left;
	clear: left;
}

/* ヘッダメニュー */
#header ul.menu {	
	margin: 0px 10px;
	padding: 0px;
	
	/* メニュー項目を下寄せにする */
	margin-top: 38px;
	
	background-color: transparent;
	
	float: right;
	clear: right;
}

/* ヘッダメニューの項目 */
#header ul.menu li {				
	margin: 0px 10px;
	padding: 0px;
	
	background-color: transparent;
	
	/* メニュー項目を横に並べる */
	display: inline;
	
	/* ブラウザで文字の大きさを変えても同じ大きさで同じ場所に表示されるように */
	font-size: 10pt;
	
	/* ブラウザで拡大したときの文字のずれを防ぐ */
	zoom: 1;
}

/* ヘッダメニュー項目のリンク */
#header ul.menu li a {		
	margin: 0px;
	padding: 0px;
	
	background-color: transparent;

	/* ブラウザで文字の大きさを変えても同じ大きさで同じ場所に表示されるように */
	font-size: 10pt;
}	

/* メニューリンクの上にマウスカーソルがきたとき */
#header ul.menu li a:hover {
	color: #EE0000;
}

/* 現在表示中のメニューリンクを強調表示 */
#header ul.menu li a.nowthis {
	color: #EE0000;
}

/* -- sideの設定 ----------------------------------------------- */
#side {
	margin: 0px;
	padding: 0px 10px; 
	margin-top: 20px;
	margin-left: 10px;
	
	width: 200px;
	
	background-color: transparent;
	
	float: left;
	clear: left;
}

/* サイドの見出し */
#side h1 {
	margin: 0px;
	padding: 0px; 
	margin-top: 10px;
	
	background-color: transparent;
	
	/* ブラウザで文字の大きさを変えても同じ大きさで同じ場所に表示されるように */
	font-size: 10pt;
	
	font-weight: normal;
	text-decoration:none;
	
	/* 見出し下線 */ 
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #666666;		
}

#side h1 a {
	margin: 0px;
	padding: 0px; 

	background-color: transparent;

	/* ブラウザで文字の大きさを変えても同じ大きさで同じ場所に表示されるように */
	font-size: 10pt;
}

/* 見出し上線 */
#side h1.topLine {
	margin-top: 18px;
	
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #666666;		
	border-bottom-style: none;
}

/* サブメニュー */
#side ul.submenu {
	margin: 2px 0px;
	padding: 0px;
	
	background-color: transparent;
	
	list-style-type: none;
}

/* サブメニューの項目 */
#side ul.submenu li {
	margin: 0px;
	padding: 0px 10px;
	margin-top: 5px;
	
	background-color: transparent;
	
	line-height: 90%;
	
	/* ブラウザで文字の大きさを変えても同じ大きさで同じ場所に表示されるように */
	font-size: 10pt;
	
	/* ブラウザで拡大したときの文字のずれを防ぐ */
	zoom: 1;
	
}

/* サブメニュー項目のリンク */
#side ul.submenu li a {
	margin: 0px;
	padding: 0px;

	background-color: transparent;
	
	/* ブラウザで文字の大きさを変えても同じ大きさで同じ場所に表示されるように */
	font-size: 10pt;
	
	zoom: 1;
}	

/* サブメニュー */
#side ul.submenu li:hover {
	background-color: #444444;
}
#side ul.submenu li.nowthis {
	background-color: #444444;
}

/* サイドの見出し */
#side h1 a:hover {
	color: #EE0000;
}
#side h1 a.nowthis {
	color: #EE0000;
}

/* 間隔狭い行 */
#side br.narrowBR {
	line-height: 10px;	
}

/* -- mainTitleの設定 ----------------------------------------------- */
#mainTitle {		
	position: relative;
	
	margin: 0px 10px;
	padding: 0px;
	margin-top: 30px;
	
	/*width: 64%;*/
	width: 520px;
	height: 52px;
	
	background-color: transparent;
	
	float: right;
	clear: right;
}

/* mainタイトル  英語 （重ね位置：上） */ 
#mainTitle h1.titleE1 {		
	position: absolute;
	z-index: 3;
	top: 0px;
	left: 0px;
	
	margin: 0px;
	padding: 0px;
	
	background-color: transparent;
	
	line-height: 100%;
	
	font-size: 28pt;
	font-weight: normal;
	color: #FFFFFF;
}

/* mainタイトル  英語 （重ね位置：下） */
#mainTitle h1.titleE2 {		
	position: absolute;
	z-index: 2;
	top: 2px;
	left: 2px;
	
	margin: 0px;
	padding: 0px;
	
	background-color: transparent;
	
	line-height: 100%;
	
	font-size: 28pt;
	font-weight: normal;
	color: #888888;
}

/* mainタイトル  日本語 */
#mainTitle h1.titleJ1 {
	position: absolute;
	z-index: 1;
	top: 20px;
	left: 50px;
	
	margin: 0px;
	padding: 0px;
	
	background-color: transparent;
	
	line-height: 100%;
	
	font-size: 24pt;
	font-weight: normal;
	color: #555555;
}

/* mainタイトル  日本語 */
#mainTitle h1.titleJ2 {
	position: absolute;
	z-index: 1;
	top: 20px;
	left: 180px;
	
	margin: 0px;
	padding: 0px;
	
	background-color: transparent;
	
	line-height: 100%;
	
	font-size: 24pt;
	font-weight: normal;
	color: #555555;
}

/* -- mainの設定 ----------------------------------------------- */
#main {		
	margin: 10px;
	padding: 0px;
	margin-top: 25px;
	
	width: 520px;
/*	height: 550px; */
	
	overflow: auto;
	
	background-color: transparent;
	
	float: right;
	clear: right;
	
	font-size: small;
	text-align: left;
}

/* 本文の枠 */
#main .mainText {	
	margin: 0px;
	padding: 0px;
	margin-left: 20px;
	margin-bottom: 5px;
	
	background-color: transparent;
	
	width: 92%;
	
	vartical-align: top;
}

/* 中見出し */
#main h2 {
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
	
	background-color: transparent;
	
	font-size: small;
	font-weight: bold;
	text-decoration: underline;
}

/* 小見出し */
#main h3 {
	margin: 0px;
	padding: 0px;
	padding-left: 2em;
	
	background-color: transparent;
	
	text-indent: -1em;
}

/* テーブルのタイトル列 */
#main .mainText .titleColumn {
	margin: 0px;
	padding: 0px;
	
	width: 23%;
	
	background-color: transparent;
	
	float: left;
	clear: left;
	
	font-size: 10pt;
}

/* テーブルのデータ列 */
#main .mainText .dataColumn {
	margin: 0px;
	padding: 0px;
	
	width: 72%;
	
	background-color: transparent;
	
	float: right;
	clear: right;
}

#main br {
	line-height: 120%;
}

/* 字下げ、ぶら下げなしの段落 （テーブル中で使用） */
#main p {
	margin: 0px;
	padding: 0px; 
	
	background-color: transparent;
	
	line-height: 120%;	
	font-size: small;
}

/* 1字字下げ */
#main .mainText p.indented {		
	text-indent: 1em;
	line-height: 180%;
}

/* 1字ぶら下げ */
#main .mainText p.indented2 {		
	padding-left: 4em;
	padding-top: 5px;
	
	text-indent: -1em;
}

/* 字下げぶら下げ なし */
#main .mainText p.indented3 {		
	padding-left: 3em;
	padding-top: 5px;
	
	text-indent: 0em;
}

/* Productの説明文 1字字下げ */
#main .mainText p.indented4 {		
	padding-left: 2em;
	padding-right: 1em;
	padding-top: 0px;
	
	text-indent: 1em;
	line-height: 180%;
}
/* Productの説明文 字下げなし */
#main .mainText p.indented5 {		
	padding-left: 2em;
	padding-right: 1em;
	padding-top: 0px;
	
	text-indent: 0em;
	line-height: 180%;
}

/* GoogleMap */
#main .mainText iframe {
	margin: 0px;
	padding: 0px;
	margin-left: 20px;
	margin-top: 10px;
	
	background-color: transparent;
	
	width: 90%;
	height: 500px;
}

/* GoogleMapのリンク */
#main .mainText small {
	margin: 0px 20px;
	padding: 0px; 
	
	background-color: transparent;
}
#main .mainText small a {
	background-color: transparent;
}
#main .mainText small a:hover {
	color: #EE0000;
}

/* Productの説明図 */
#main img {
	margin: 10px;
	margin-left: 30px;	
}
/* Productの説明図 （横２つ並べ） */
#main img.yoko2 {
	margin: 0px;
	margin-left: 30px;	
}

/* AppStoreへのリンク用 */
#main .mainText a {
	margin: 0px;
	padding: 0px; 
		background-color: transparent;
}

/* -- footerの設定 --------------------------------------------- */
#footer {
	margin: 0px;
	padding: 0px;
	clear: both;
	
	background-color: transparent;
}

/* フッタのCopyright */
#footer address {
	margin: 0px;
	padding: 5px 20px;
	
	background-color: transparent;

	text-align: right;

	/* ブラウザで文字の大きさを変えても同じ大きさで同じ場所に表示されるように */
	font-size: 10pt;
	
	/* フッタの上線 */
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #666666;
}