@charset "utf-8";
/* CSS Document */

/*-------------------------------*/
/*会社概要　販売店の皆様へ*/
/*個人情報保護など*/
/*-------------------------------*/
.profile{
	margin:0;
	padding:25px;
	background:#FFF;
	border:1px solid #CCC;
}
.profile dt{
	background:#DDD;
}
.profile dd{
	margin:0 0 1em 1em;
}
.profile ul{
	list-style:circle;
}
.profile ul.note{
	list-style:none;
}
.profile dl.company{
	/*float:left;
	width:50%;*/
	margin:0;
	padding:0;
}
.profile .company dt{
	background:#EEE;
	margin:0 20px 0 0;
	padding:0 5px;
	font-weight:normal;
}
.profile .company dd{
	margin:5px 20px 2em 1em;
}

.profile .company ul{
	margin:5px 1em 0.5em 2em;
}
.profile .company li{
	margin:0 0 0.2em 0;
}
.profile div.eco{
	display:none;
	/*width:45%;
	float:left;*/
	border:1px dashed #174E9D;
	padding:15px;
}
@media(max-width:1023px){
	.profile dl.company{
		float:none;
		width:100%;
	}
	.profile .company dd{
		margin:0 0 0 0;
	}
	.profile .company dd{
		margin:5px 0 2em 1em;
	}
	.profile div.eco{
		display:none;
		width:95%;
		float:none;
		border:1px dashed #174E9D;
		padding:15px;
		margin:5px auto;
	}
}
.profile div.eco p{
	margin:0 0 0 0;
	padding:0;
}

.Newsinner{
	padding:25px;
	margin:0 0 10px 0;
	background:#FFF;
	border:1px solid #CCC;
}
.Newsinner h4{
	margin-bottom:10px;
}


/*-------------------------------*/
/*更新履歴*/
/*-------------------------------*/
/*年度ごとのリンク*/
.yearlink{
	clear:both;
	text-align:center;
	margin:0 0 5px 0;
	padding:5px 0 0 0;
	font-size:90%;
	border-top:1px solid #CCC;
}
.yearlink ul{
	list-style:none;
	margin:0;
	padding:0;
}
.yearlink ul li{
	display:inline-block;
	margin:0;
	padding:1px 2px;
}
.yearlink ul li a{
	display:inline-block;
	position/*\**/: relative\9;/*ieハック　IE7,IE8のみ適応　背景消え対策*/
	text-decoration:none;
	padding:3px 10px;
	margin:0;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior: url(/assets/templates/PIE.htc);
}
.yearlink ul li a:link,
.yearlink ul li a:visited{
	background:#CCC;
	color:#666;
}

.yearlink ul li a:active,
.yearlink ul li a:hover{
	background:#174E9D;
	color:#FFF;
}
/*---------------------*/
/*更新履歴2010 07～*/
.profile ul.RirekiListNew2{
	margin:0;
	padding:0;
	list-style:none;
	line-height:120%;
	border-bottom:1px solid #CCC;
}

.profile .RirekiListNew2 li{
	clear:both;
	margin:0;
	padding:10px 0 10px 0;
	border-top:1px solid #CCC;
}
.profile .RirekiListNew2 div.iconimage{
	width:70px;
	float:left;
	background-color:transparent;
}
.profile .RirekiListNew2 div.iconimage a{
	margin:0;
	padding:0;
}
.profile .RirekiListNew2 div.iconimage a img{
	width:58px;
	border:1px solid #CCC;
	display:block;
	margin:0 0 10px 0;
	padding:0;
}
.profile .RirekiListNew2 h4,
.profile .RirekiListNew2 h3,
.profile .RirekiListNew2 p{
	margin:0 0 0 70px;
	padding:0;
}
.profile .RirekiListNew2 h4{
	background-color:transparent;
	font-weight:normal;
}
.profile .RirekiListNew2 h4,
.profile .RirekiListNew2 h3{
	font-size:100%;
	border:none;
}
.profile .RirekiListNew2 p{
}

/*更新履歴2009 01～2010 07 */
.profile .noicon h4,
.profile .noicon h3,
.profile .noicon p{
	margin:0 0 0 0;
	padding:0;
}


/*過去の更新履歴old 2002~2008 日付とタイトルのみ*/
.profile ul.RirekiList{
	position/*\**/: relative\9;/*ieハック　IE7,IE8のみ適応　背景消え対策*/	
	margin:0;
	padding:10px 0 0 0;
	list-style:none;
	line-height:120%;
	border-top:1px solid #CCC;
}
.profile .RirekiList li{
	margin:0 0 10px  0;
	padding:0 0 10px 100px;
	border-bottom:1px solid #CCC;
	
}
.profile .RirekiList li span{
	font-size:11px;
	width:140px;
	padding:2px 10px;
	margin:0 0 2px -100px;
	border:1px solid #CCC;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	behavior: url(/assets/templates/PIE.htc);
}

/*--------------------------------------
news Release ニュースリリース

<li><span>[+date+]<img src="assets/images/icon/icon_pdf.png" width="30" height="12" alt="PDFファイル" /></span>
<p><a href="assets/files/release/[+alias+].pdf">[+pagetitle+]</a></p>
<small>（[+description+]）</small></li>
----------------------------------------*/
ul.newsRelease{
	list-style:none;
	margin:0 0 1.5em 0;
	padding:0;
	border-bottom:1px solid #CCC;
}
.newsRelease li{
	margin:0;
	padding:10px 0;
	border-top:1px solid #CCC;
}
.newsRelease li span{
}
.newsRelease li span img{
	padding-left:3px;
}
.newsRelease li p{
	margin:0;
	padding:0;
	font-weight:bold;
}



/*アクロバット告知*/
.readerKokuti{
	margin:0;
	padding:10px;
	border:1px solid #CCC;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior: url(/assets/templates/PIE.htc);
}
.readerKokuti p{
	margin:0;
	padding:0;
	font-size:80%;
	text-align:center;
}

.readerKokuti img{
	vertical-align:middle;
	padding:0 10px 0 10px;
}

.readerKokuti + h3,
.upgreadInfo + h3{
	margin-top:3em;
}



/*------------------------------------------
その他table
--------------------------------------------*/
#aboutBox table{
	border-color:#666;
	border-style:solid;
	border-width:1px 0 0 1px;
	margin: 1em 0 2em 0;
	line-height:110%;
}
#aboutBox th,
#aboutBox td{
	border-color:#666;
	border-style:solid;
	border-width:0 1px 1px 0;
	padding:5px;
}
#aboutBox th{
	background:#999;
	color:#FFF;
}

#aboutBox col.col_aten{
	background:#FBD5D8;
}


/*------------------------------------------
年末年始　夏休み　GW　休業のお知らせtable
--------------------------------------------*/
#aboutBox table.businessday{
	border-color:#CCC;
	border-width:1px 0 0 0;
}

/*#aboutBox .businessday tbody tr:nth-child(2n+0) {background-color: #EEF9FC;}
#aboutBox .businessday tbody tr:nth-child(2n+1) {background-color: #FFF;}

.businessday col.colA01,
.businessday col.colA03,
.businessday col.colB01,
.businessday col.colB03{
	background:#EEF9FC;
	
}
.businessday col.colA02,
.businessday col.colA04,
.businessday col.colB02{
	background:#FFF;
}*/

#aboutBox .businessday td,
#aboutBox .businessday th{
	border-color:#CCC;
	text-align:center;
	vertical-align:middle;
	font-weight:normal;
	padding:3px 8px;
}
#aboutBox .businessday thead th{
	background:#EEE;
	color:#000;
	
}
#aboutBox .businessday thead tr.head1 th{
	background:#999;
	color:#FFF;
}
#aboutBox .businessday tbody tr th{
	background:#77A5D2;
	color:#FFF;
	border-left:1px solid #CCC;
}
#aboutBox .businessday tbody tr.off th{
	background:#0060A0;
	color:#FFF;
	border-left:1px solid #CCC;
}
#aboutBox .businessday tbody tr.off td{
	background:#EEF9FC;
}
#aboutBox .businessday tbody th{
	padding:5px;
}
#aboutBox .businessday tbody td{
}

#aboutBox .businessday tfoot td{
	background:#FFF;
	text-align:left;
	padding:5px 0;
	border-width:0 0 0 0;
}




/*製品おまけのプレゼントコード*/
/*ログイン*/
.PresentCode form{
}
.PresentCode fieldset{
	padding:10px 20px;
	border:none;

}
.PresentCode label{
	display:block;
	padding:5px;
}

.PresentCode label input{
}
.PresentCode form input.button{
	position/*\**/: relative\9;/*ieハック　IE7,IE8のみ適応　背景消え対策*/
	border:2px solid #CCC;
	background:#EEE;
	color:#333;
	padding:0px 30px;
	margin:5px 0;
	text-align:center;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior: url(/assets/templates/PIE.htc);
}
/*ログイン中*/
.LoginInside{
	position/*\**/: relative\9;/*ieハック　IE7,IE8のみ適応　背景消え対策*/
	padding:0 0 0 0;
	margin:0 0 1.5em 0;
	
	/*background:#EFEFEF;*/
	background: -webkit-gradient(linear, 0% 0%, 0% 70%, from(#EEE), to(#FFF)); 
	background: -moz-linear-gradient(0% 70% 90deg,#FFF, #EEE); 
	-pie-background: linear-gradient(#EEE, #FFF);
	/*background: linear-gradient(#EEE, #FFF);　本来のCSS3 
	　 PIE用 */
	
	border:2px solid #EFEFEF;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior: url(/assets/templates/PIE.htc);
}
.LoginInside h4{
	background:#DDD;
	margin-top:10px;
}

/*プレゼントコードテーブル*/
.codetableDS,
.codetablePSP,
.codetableWii{
	margin:0 0 2em 0;
	width:100%;
	padding:0;
	border-style:solid;
	border-width:2px 4px 2px 2px;
}
.codetableDS{
	border-color:#DDD;	
}
.codetablePSP{
	border-color:#DDD;	
}
.codetableWii{
	border-color:#DDD;	
}
.codetableDS th,
.codetableDS td,
.codetablePSP th,
.codetablePSP td,
.codetableWii th,
.codetableWii td{
	padding:5px;
	border-style:solid;
	border-width:0px 0px 2px 2px;
	vertical-align:top;
	text-align:left;
}
.codetableDS th,
.codetableDS td{
	border-color:#DDD;	
}
.codetablePSP th,
.codetablePSP td{
	border-color:#DDD;
}
.codetableWii th,
.codetableWii td{
	border-color:#DDD;	
}
.codetableDS th{
	background:#DDD;
	color:#666;
}
.codetableWii th{
	background:#DDD;
	color:#666;
}
.codetablePSP th{
	background:#DDD;
	color:#666;
}
.codetableDS th img,
.codetableWii th img,
.codetablePSP th img{
	padding:0 3px 0 0;
	vertical-align:middle;
}
.codetableDS th.ver,
.codetableWii th.ver,
.codetablePSP th.ver{
	text-align:right;
	font-weight:normal;
	vertical-align:bottom;
}
.codetableDS thead tr.code_M td{
	background:#FBE5E8;
}
.codetableWii thead tr.code_M td{
	background:#E0EDD4;
}
.codetablePSP thead tr.code_M td{
	background:#D4EDF4;
}
.codetableDS tbody td,
.codetableWii tbody td,
.codetablePSP tbody td{
}
.codetableDS td.code,
.codetableWii td.code,
.codetablePSP td.code{
	width:30%;
	font-size:11pt;
	line-height:13pt;

	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	text-align:center;
	background:#EFEFEF;
}
.codetableDS tfoot td,
.codetableWii tfoot td,
.codetablePSP tfoot td{
	background:#DDD;
}

.codetable td{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

/*--------------------------------------
Campaign.css　キャンペーン　イベント
----------------------------------------*/
/*イベントリストページ*/
.eventLists{
	list-style:none;
	margin:0 0;
	padding:0;
}	
.eventLists li{
	clear:both;
	margin:0;
	padding:0;
	border-bottom:2px dotted #DDD;
}

/*clearfix ie対策済み*/
.eventLists li {zoom:1;}
.eventLists li:after{
    content: ""; 
    display: block; 
    clear: both;
	}

.eventLists img{
	float:left;
	padding:0;
	margin:10px 10px 10px 0;
}
.film li img{
	width:500px;
}
.eventLists p{
	margin:0;
	padding:10px 0 0 0;
}

.event{
	margin:20px 80px;
}
.eventLists + h4{
	margin-top:3em;
}
/*キャンペーン終了告知*/
.end_info{
	border:1px solid #C00;
	color:#C00;
	margin:0;
	padding:3px;
	text-align:center;
	font-weight:bold;
	background:#EEE;
}

/*--------------------------*/
/*体験会*/
/*--------------------------*/
.eventTaikenkai{
}
.eventTaikenkai table strong{
	font-size:100%;
	color:#0066CC;
	display:block;
}
.eventTaikenkai h2{
	border:none;
	margin:0 0 1em 0;
	padding:0;
}
.eventTaikenkai .note_red{
	margin-left:1.5em;
	margin-right:1.5em;
}
#aboutBox table.eventtable,
#aboutBox table.eventtableEnd{
	line-height:120%;
	border-top:1px solid #999;
	border-left:1px solid #999;
	margin:0 0 3em 0;
	width:auto;
	}

	
#aboutBox table.eventtable tbody th,
#aboutBox table.eventtable tbody td,
#aboutBox table.eventtableEnd tbody th,
#aboutBox table.eventtableEnd tbody td{
	text-align:left;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	padding:5px;

}
#aboutBox table.eventtable tbody th,
#aboutBox table.eventtableEnd tbody th{
	background:#999;
	font-weight:bold;
	text-align:center;
}
#aboutBox table.eventtable tbody td,
#aboutBox table.eventtableEnd tbody td{
}

#aboutBox table.eventtable td.area,
#aboutBox table.eventtableEnd td.area{
	width:4em;
	text-align:center;
}

#aboutBox table.eventtable a.place,
#aboutBox table.eventtableEnd a.place{
	font-weight:bold;
	display:block;
}
#aboutBox table.eventtable caption,
#aboutBox table.eventtableEnd caption{
	text-align:left;
	padding:1px 3px;
	font-weight:bold;
	color:#333;
}
#aboutBox table.eventtable caption{
	background:#9ECEE7;
}
#aboutBox table.eventtableEnd caption{
	background:#CCC;
}


#aboutBox table.eventtable a img,
#aboutBox table.eventtableEnd a img{
	border:none;
	vertical-align:middle;
}

#aboutBox table.eventtable tfoot td{
	padding:2px;
	font-size:90%;
}



/*--------------------------
greeting ご挨拶
jQuery lightBox plugin v0.5
#gallery ulリスト
---------------------------*/
.greetingimage{
	margin:20px -10px;
	text-align:center;
}
.greetingimage img{
	display:block;
	margin:10px auto;
	max-width:100%;
		width:auto;
		height:auto;
}


/*--------------------------
ジャンプくんギャラリー
jQuery lightBox plugin v0.5
#gallery ulリスト
---------------------------*/
.gallerylist ul {
	list-style:none;
	margin:0 0 5px 0;
}
.gallerylist ul li {
	display:inline;
	margin:0 4px 0 0;
	padding:4px 0 0 0;
	
}
.gallerylist ul img {
	border:2px solid #DDD;
}
.gallerylist ul li a{
	padding:0;
	margin:0;
}
.gallerylist ul li a:hover img {
	border:2px solid #0066CC; color:#fff;
	margin:0;
	padding:0;
}
.gallerylist ul li a:hover {
	color:#fff;
}
.seasonJunp img{
	width:198px;
}
.seasonJunp + h4{
	margin-top:25px;
}



/*--------------------------*/
/*3DScoordinate*/
/*--------------------------*/
.coordinate{
	margin:0;
	padding:0;
}
.coordinate img{
	margin:0;
	padding:0 0 50px 0;
	border:1px solid #CCC;
	background:#FFF;
	display:block;
}
	

/*--------------------------*/
/*cmページ*/
/*--------------------------*/

/* CM メニュー SubMenuBox内*/
div.banner{
	margin:0 0 5px 0;
}
.movie_menu{
	list-style:none;
	margin:0 0 30px 0;
	padding:0;
	border-top:1px solid #CCC;
}
.movie_menu li{
	margin:0 0 0 0;
	padding:5px 0 0 0;
	border-bottom:1px solid #CCC;
	font-size:90%;
}
.movie_menu li {zoom:1;}
.movie_menu li:after{
    content: ""; 
    display: block; 
    clear: both;
	}

.movie_menu li img{
	float:left;
	width:80px;
	margin:0 5px 5px 0;
}
.movie_menu li span{
	margin:0 0 5px 0;
	font-size:90%;
	display:block;
	clear:both;
	background:#EFEFEF;
}
.CMmenu{
	list-style:none;
	margin:0 0 30px 0;
	padding:0;
	font-size:90%;
}
.CMmenu li{
	margin:0 0 10px 0;
	padding:5px;
	background:#EFEFEF;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior: url(/assets/templates/PIE.htc);
}

.CMmenu li img{
	display:block;
	margin:0 auto;
	width:80px;
}
.CMmenu li span{
	display:block;
	font-size:90%;
	text-align:center;
}
/*--------------------------*/
/*カタログダウンロード*/
/*--------------------------*/
.catalogItemBox{
	list-style:none;
	margin:0 -1% 1.5em -5px;
}
.catalogItemBox li{
	width:33%;
	float:left;
	margin:0;
	padding:0;
}

@media(max-width:1023px){
	.catalogItemBox{
		margin:0 0 1.5em -5px;
	}
	.catalogItemBox li{
		width:50%;
	}
}
@media(max-width:640px){
	.catalogItemBox li{
		width:100%;
		float:none
	}
}
.catalogItemBox li div{
	position/*\**/: relative\9;/*ieハック　IE7,IE8のみ適応　背景消え対策*/
	margin:0 0 5px 5px;
	padding:15px;
	border:1px solid #DDD;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior: url(/assets/templates/PIE.htc);
}
.catalogItemBox h3{
	margin:0 0 10px 0;
	font-size:100%;
	line-height:110%;
}
.catalogItemBox p{
	text-align:center;
	font-size:80%;
	margin:0 0 5px 0;
}
.catalogItemBox p img{
	border:1px solid #CCC;
}
