@charset "utf-8";

/* *************************************************************** */
/*                                                                 */
/* 内容　:　基本デザイン（基本フレーム・タグ設定・ハック )         */
/* 作成日:　2010年04月08日                                         */
/* 変更日:　2010年05月20日                                         */
/*                                                                 */
/* *************************************************************** */



/* ************************* タグ ************************* */
body {
	margin: 0;
	padding: 0;
	color: #666;
	font-size: small;
	line-height: 1.2em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a {
	color: #00A585;
	text-decoration: underline;
}

a:hover {
	color: #00F0C0;
}

/* リセット */
fieldset {
	border: none;
}

h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, li, ol,
form, input, select {	margin: 0; 	padding: 0; }

img {
	border: none;
	vertical-align: top;
}

em {	font-style: normal; }

ul li {
	list-style-type: none;
	list-style-image: none;
}

address  {
	font-style:normal;
}

table {
	border-collapse: collapse;
}





/* ************************* ベースデザイン ************************* */
/* first --- 基本パターン */
/* second --- ゲームＰＣ用 */
#first {
	background-color: #F5F5F5;
}
#second {
	background: url(../img/cmmn-g_bg_top2.jpg) repeat-x center top;
	background-color: #000;
}

#base {
	width: 958px;
	margin: 0 auto;
}

#baseHeader {
	margin: 0;
	padding: 0;
	clear: both;
	text-align: center;
	font-size: inherit;
}
#baseFooter {
	margin: 0;
	padding: 0;
	clear: both;
	font-size: inherit;
}
#first #base {
	background: url(../img/cmmn_bg_mid.gif) repeat-y center top;
}

#first #baseHeader {
	background: url(../img/cmmn_bg_top.gif) no-repeat center top;
}
#first #baseFooter {
	background: url(../img/cmmn_bg_btm.gif) no-repeat center bottom;
}
#second #base {
	background: url(../img/cmmn-g_bg_mid.gif) repeat-y center top;
}

#second #baseHeader {
	background: url(../img/cmmn-g_bg_top.jpg) no-repeat center top;
}
#second #baseFooter {
	background: url(../img/cmmn-g_bg_btm.gif) no-repeat center bottom;
}


#baseBody {
	margin: 0;
	padding: 20px 14px 0 0;
	clear: both;
	font-size: inherit;
}

#first #baseBody #columnR,
#second #baseBody #columnR {
	width: 235px;
	float: right;
	margin: 0;
	padding: 0;
	
}
#first #baseBody #columnL,
#second #baseBody #columnL {
	width: 695px;
	float: right; 
	margin: 0;
	padding: 0;	
}



/* ************************* ヘッダー ************************* */

/* 最初のテキスト */
#baseHeader #description {
	margin: 0;
	padding: 10px 20px 0px 20px;
	font-size: 12px;
	line-height: 1.2em;
	color: #FFF;
	text-align: left;
	overflow: hidden;
}

/* ロゴ */
#baseHeader #logo {
	width: 391px;
	height: 88px;
	float: left;
	margin: 0;
	padding: 0;
}
#baseHeader #logo a {
	width: 391px;
	height: 88px;
	display: block;
	text-indent: -100px;
	font-size: 1px;
	overflow: hidden;
	text-align: left;
}
#first #baseHeader #logo a {
	background: url(../img/cmmn_head_logo.gif) no-repeat 31px 21px;
}
#second #baseHeader #logo a {
	background: url(../img/cmmn-g_head_logo.jpg) no-repeat 31px 21px;
}


/* 電話番号 */
#baseHeader #call {
	width: 380px;
	float: right;
	margin: 0;
	font-size: 14px;
	line-height: 1em;
	text-align: right;
}
#first #baseHeader #call {
	padding: 32px 20px 10px 0;
	color: #666;
}
#second #baseHeader #call {
	padding: 35px 20px 12px 0;
	color: #FFF;
}
#first #baseHeader #call a {
	padding: 0 0 0 15px;
	background: url(../img/icon_link01.gif) no-repeat left center;
}
#second #baseHeader #call a {
	padding: 0 0 0 15px;
	background: url(../img/icon_link02.gif) no-repeat left center;
	color: #FFF;
}
#second #baseHeader #call a:hover {
	color: #00F0C0;
}

#baseHeader #shop_url{
	width: 380px;
	float: right;
	margin: 0;
	font-size: 9px;
	line-height: 1em;
	text-align: right;
}

#first #baseHeader #shop_url {
	padding: 0px 20px 10px 0;
	color: #666;
}
#second #baseHeader #shop_url {
	padding: 0px 20px 12px 0;
	color: #FFF;
}
#first #baseHeader #shop_url a {
	padding: 0 0 0 15px;
}
#second #baseHeader #shop_url a {
	padding: 0 0 0 15px;
	color: #FFF;
}
#second #baseHeader #shop_url a:hover {
	color: #00F0C0;
}

/* グローバルナビ */
#gnavi {
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 930px;
	text-align: left;
}
div#gnavi ul {
	list-style-type: none;
}
div#gnavi li {
	float: left;
	font-size: 1px;
	text-indent: -100px;
	overflow: hidden;
}
div#gnavi ul a {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	background-repeat: no-repeat;
}
div#gnavi ul a:hover {
	background-repeat: no-repeat;
}


/* グローバルナビ　通常用 */
#first #gnavi,
#first #gnavi li,
#first #gnavi ul,
#first #gnavi ul a {
	height: 29px;
}
#first #gnavi {
	background: url(../img/cmmn_gnavi-o.jpg) no-repeat center top;
}
#first div#gnavi ul {
	background: url(../img/cmmn_gnavi.jpg) no-repeat center top;
}
#first div#gnavi ul a:hover {
	background-image: url(../img/cmmn_gnavi-o.jpg);
}
#first div#gnavi .active {
	background-image: url(../img/cmmn_gnavi-o.jpg);
}


/* グローバルナビ　ゲーム用 */
#second #gnavi,
#second #gnavi ul,
#second #gnavi li,
#second #gnavi ul a {
	height: 29px;
}
#second #gnavi {
	background: url(../img/cmmn-g_gnavi-o.jpg) no-repeat center top;
}
#second div#gnavi ul {
	background: url(../img/cmmn-g_gnavi.jpg) no-repeat center top;
}
#second div#gnavi ul a:hover {
	background-image: url(../img/cmmn-g_gnavi-o.jpg);
}
#second div#gnavi .active {
	background-image: url(../img/cmmn-g_gnavi-o.jpg);
}



/* グローバルナビ　ＢＧ画像位置 */
#gnavi01 {
	width: 76px;
}
#gnavi02 {
	width: 141px;
}
#gnavi03 {
	width: 141px;
}
#gnavi04 {
	width: 106px;
}
#gnavi05 {
	width: 197px;
}
#gnavi06 {
	width: 123px;
}
#gnavi07 {
	width: 146px;
}
#gnavi01 a:hover,
#gnavi01 .active {
	background-position: 0px 0px;
}
#gnavi02 a:hover,
#gnavi02 .active {
	background-position: -76px 0px;
}
#gnavi03 a:hover,
#gnavi03 .active {
	background-position: -217px 0px;
}
#gnavi04 a:hover,
#gnavi04 .active {
	background-position: -358px 0px;
}
#gnavi05 a:hover,
#gnavi05 .active {
	background-position: -464px 0px;
}
#gnavi06 a:hover,
#gnavi06 .active {
	background-position: -661px 0px;
}
#gnavi07 a:hover,
#gnavi07 .active {
	background-position: -784px 0px;
}


/* ぱんくず */
#breadcrumbs {
	font-size: 12px;
	text-align: left;
	line-height: 1em;
	margin: 5px 0 0 15px;
}
div#breadcrumbs a {
	color: #666;
	text-decoration: none;
}
div#breadcrumbs a:hover {
	color: #06F;
	text-decoration: underline;
}







/* ************************* フッター ************************* */

/* footer */
#baseFooter #trademark {
	height: 80px;
	margin: 0;
	padding: 10px 20px 0px 20px;
	font-size: 12px;
	line-height: 1.3em;
	color: #FFF;
}
#baseFooter #copyright {
	margin: 0;
	padding: 10px 20px 10px 20px;
	text-align: right;
	font-size: 12px;
	line-height: 1.2em;
	color: #FFF;
}





/* ************************* サブナビ ************************* */

/* sub navi common */
#subnavi {
	margin: 0;
	padding: 0 0 30px;
}
div#subnavi h3 {
	margin: 1px 0 10px 0;
	padding: 0 0 0 4px;
	border-left: 3px solid #F00;
	font-size: 13px;
	font-weight: bold;
}
div#subnavi strong {
	font-family:Arial, Helvetica, sans-serif;
}
div#subnavi ul {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
}
div#subnavi li {
	width: 215px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 11px;
}
#subnavi .banner {
	margin: 10px 0 0 0;
	padding: 0;
}

/* suv navi ::: type01 */

#subnavi01 {
		background: url(../img/snavi_aerostream_p.jpg) no-repeat center top;
}
#subnavi02 {
		background: url(../img/snavi_aeroslim_p.jpg) no-repeat center top;
}
#subnavi03 {
		background: url(../img/snavi_g-gear_p.jpg) no-repeat center top;
}
#subnavi04 {
		background: url(../img/snavi_e-gear_p.jpg) no-repeat center top;
}
#subnavi05 {
		background: url(../img/snavi_chidegi_p.jpg) no-repeat center top;
}
#subnavi06 {
		background: url(../img/snavi_nvidia_p.jpg) no-repeat center top;
}
#subnavi07 {
		background: url(../img/snavi_sencia_p.jpg) no-repeat center top;
}
#subnavi08 {
		background: url(../img/snavi_aeromini_p.jpg) no-repeat center top;
}

#subnavi ul.type01 a {
	display: block;
	width: 100%;
	height: 140px;
	color: #F5F5F5;
	text-decoration: none;
}
#subnavi ul.type01 a:hover {
	text-decoration: underline;
}
#subnavi ul.type01 .mname {
	display: none;
}
#subnavi ul.type01 .mcc {
	display: block;
	padding: 122px 0 0 10px;
}



/* sub navi ::: type02 */
#subnavi h4 {
	background-color: #00A684;
	padding: 5px 0 4px;
	width: 215px;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	margin-bottom: 2px;
}
#subnavi ul.type02 li {
	width: 215px;
	margin: 0 0 1px 0;
	padding: 0;
	font-size: 11px;
	background: url(../img/snavi-g_bg.gif) no-repeat center top;
}
#subnavi ul.type02 a {
	display: block;
	width: 100%;
	height: 55px;
	color: #F5F5F5;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
#subnavi ul.type02 a:hover {
	text-decoration: underline;
}
#subnavi ul.type02 .mname {
	display: block;
	padding: 10px 0 0 73px;
}
#subnavi-g101 {
	background-image: url(../img/snavi-g_tn101.jpg);
}
#subnavi-g102 {
	background-image: url(../img/snavi-g_tn102.jpg);
}
#subnavi-g103 {
	background-image: url(../img/snavi-g_tn103.jpg);
}
#subnavi-g104 {
	background-image: url(../img/snavi-g_tn104.jpg);
}
#subnavi-g105 {
	background-image: url(../img/snavi-g_tn105.jpg);
}
#subnavi-g106 {
	background-image: url(../img/snavi-g_tn106.jpg);
}
#subnavi-g107 {
	background-image: url(../img/snavi-g_tn107.jpg);
}
#subnavi-g108 {
	background-image: url(../img/snavi-g_tn108.jpg);
}
#subnavi-g109 {
	background-image: url(../img/snavi-g_tn109.jpg);
}
#subnavi-g110 {
	background-image: url(../img/snavi-g_tn110.jpg);
}
#subnavi-g111 {
	background-image: url(../img/snavi-g_tn111.jpg);
}
#subnavi-g112 {
	background-image: url(../img/snavi-g_tn112.jpg);
}
#subnavi-g113 {
	background-image: url(../img/snavi-g_tn113.jpg);
}
#subnavi-g114 {
	background-image: url(../img/snavi-g_tn114.jpg);
}
#subnavi-g115 {
	background-image: url(../img/snavi-g_tn115.jpg);
}
#subnavi-g116 {
	background-image: url(../img/snavi-g_tn116.jpg);
}
#subnavi-g117 {
	background-image: url(../img/snavi-g_tn117.jpg);
}
#subnavi-g118 {
	background-image: url(../img/snavi-g_tn118.jpg);
}
#subnavi-g119 {
	background-image: url(../img/snavi-g_tn119.jpg);
}
#subnavi-g120 {
	background-image: url(../img/snavi-g_tn120.jpg);
}
#subnavi-g201 {
	background-image: url(../img/snavi-g_tn201.jpg);
}
#subnavi-g202 {
	background-image: url(../img/snavi-g_tn202.jpg);
}
#subnavi-g203 {
	background-image: url(../img/snavi-g_tn203.jpg);
}
#subnavi-g204 {
	background-image: url(../img/snavi-g_tn204.jpg);
}
#subnavi-g205 {
	background-image: url(../img/snavi-g_tn205.jpg);
}
#subnavi-g206 {
	background-image: url(../img/snavi-g_tn206.jpg);
}
#subnavi-g207 {
	background-image: url(../img/snavi-g_tn207.jpg);
}
#subnavi-g208 {
	background-image: url(../img/snavi-g_tn208.jpg);
}
#subnavi-g209 {
	background-image: url(../img/snavi-g_tn209.jpg);
}
#subnavi-g210 {
	background-image: url(../img/snavi-g_tn210.jpg);
}
#subnavi-g211 {
	background-image: url(../img/snavi-g_tn211.jpg);
}

#subnavi-g212 {
	background-image: url(../img/snavi-g_tn212.jpg);
}

#subnavi-g301 {
	background-image: url(../img/snavi-g_tn301.jpg);
}


/* ************************* HACK ************************* */

/* Hack IE06  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \*/
* html #header #left ul li a {
	zoom: 1;
}
* html #header,
* html #footer,
* html #contents,
* html #body { height: 1%; }
/* Hack IE06 */


/* Hack IE07  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \*/
*:first-child+html #footer,
*:first-child+html #header,
*:first-child+html #contents,
*:first-child+html #body { height: 1%; }
/* Hack IE07 */