@charset "UTF-8";
/* CSS Document */
@import "common.css";
/*共通*/

body{
	background:#000;
	background:url(../img/common/bg.png) repeat-x;

}


/* ドロップダウンメニュー */

#header #nav a {text-shadow:1px 1px #222; color:#FFF;}
#header #nav a:hover {background:url(../img/common/h-hover.png) no-repeat; color:#FFF;}

#header #nav .nav-title {text-shadow:1px 1px #222;}



/*トップコンテンツ*/

#top_container{
	width:980px;
	margin:0 auto 30px;
	clear:both;
	-webkit-box-shadow: 0px 1px 5px #333;	-moz-box-shadow: 0px 1px 5px #333;
	-moz-border-radius: 10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;
	background:#FFF;
	behavior: url(http://www.macgizmo.jp/css/ie-css3.htc);
	padding:30px 0;
	height:600px;
	overflow:hidden;
}
#sub_container{width:980px; margin:0 auto 30px;}
#sub_thumb li{ float:left;}
#sub_thumb img{-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px; border:5px solid #000; background:#FFF; opacity: 0.8; filter: alpha(opacity=80);}
#sub_thumb img:hover{border:5px solid #22B2E9; -webkit-box-shadow: 0px 1px 5px #FFF;-moz-box-shadow: 0px 1px 5px #FFF; opacity: 1.0; filter: alpha(opacity=100);}
#sub_thumb li:nth-child(2){ margin:0 15px;}
/*メインコンテンツ*/

#container,#container-product,#store_container,#about_container{
	width:980px;
	margin:0 auto 30px;
	clear:both;
	-moz-border-radius: 8px;-khtml-border-radius: 8px;-webkit-border-radius: 8px;
	-webkit-box-shadow: 0px 1px 5px #333;	-moz-box-shadow: 0px 1px 5px #333;
	color:#333;
	
}

#container h2{ color:#333; font-size:1.5em; padding:30px;}

#container-b{
	width:980px;
	margin:0 auto 30px;
	clear:both;
}

#sub-container{width:920px; padding:30px;}
.folio_block {
	position: absolute;
	left: 50%; top: 50%;
	margin: -140px 0 0 -395px;
}

#mainbottom-radius{
}

/*プロダクト----------------------------------------------------------------------------------------------------------------------------------*/


/*プロダクトページ下部*/

/*特長*/
#feature{width:980px; clear:both;}
#feature ol li a{display:block;width:450px; text-decoration:none; padding:15px 0 15px 30px;background:url(../img/common/feature-list-bg.png) left no-repeat;font-size:0.8em;}
#feature ol p{padding:0 30px 5px;} 
#feature ol li a:hover{ background:#CCC; color:#222; background:url(../img/common/feature-list-bgon.png) center no-repeat;}
#feature ol li a:active{ background:#CCC; color:#222; background:url(../img/common/feature-list-bgcl.png) center no-repeat;}
#feature ol li .f-list-act{ background:#CCC; color:#222; background:url(../img/common/feature-list-bgact.png) center no-repeat;}


/*左*/
#feature .panel{
	width:500px; height:420px;background:#FFF; float:left; position:relative;
}
#shadow-bottom{	width:500px; height:4px; position:absolute; bottom:0;-webkit-box-shadow: 1px 3px 3px #CCC;	-moz-box-shadow: 1px 3px 3px #CCC; behavior: url(http://www.macgizmo.jp/css/ie-css3.htc);}
#feature .g-bg{ background:url(../img/common/gallery_bg.png) no-repeat bottom;-webkit-box-shadow: 1px 3px 3px #CCC;	-moz-box-shadow: 1px 3px 3px #CCC; behavior: url(http://www.macgizmo.jp/css/ie-css3.htc);}
.act,.act:hover{background:url(../img/common/gallery_bg-on.png) no-repeat;}
/*右*/
#feature .tab{
	color:#BBB;
	float:right;background:#070707;
	padding-bottom:20px;
	width:480px; min-height:400px;
	-webkit-border-top-right-radius: 10px;	-webkit-border-bottom-right-radius: 10px;-moz-border-radius-topright: 10px;	-moz-border-radius-bottomright: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;
	-webkit-box-shadow: -4px 3px 5px #CCC;-moz-box-shadow: -3px 3px 3px #CCC;
	behavior: url(http://www.macgizmo.jp/css/ie-css3.htc); line-height:1.2em;
}
#feature .tab ul{ padding:0 20px;}
#feature .tab ul li{font-size:1em;}
#feature .tab li a:hover{color:#222;}
#feature .tab p{padding-top:5px;}


#feature h3{padding:15px 15px 20px;}
#feature-title{padding:15px 15px 10px; color:#FFF;}
#feature h4{color:#FFF; font-size:36px; padding:20px 15px 5px; border-bottom:1px solid #333;}
#feature p{padding:0 20px;}
.tab li{font-size:16px; line-height:1.2em;}
.tab dt{padding:5px 15px 3px; }
.tab dd{font-size:.9em; border-bottom:1px dotted #666; margin:5px 0; padding:0 20px 10px;}
#press-download li{float:left; margin:15px 0 0 15px; position:relative;}
#screenshot{position:absolute;display:none;}


/*デザインギャラリー*/
#gallery{	width:500px;	height:350px;}
#gallery img{
	position:absolute;
	margin-left:-20px;
}

#gallery-container li{
	width:80px;
	float:left;
	 margin-top:1px;
	padding-top:7px;
	border-left:1px solid #DDD;
	border-right:1px solid #FFF;	
	
}
#gallery-container li .click-img{}
#gallery-container li a{ padding:3px 0; outline: none;}
#gallery-container li img{ background:#FAFAFA\9;}
#gallery-container li.act img{ background:#B7B7B7\9;}


/*仕様*/

.spec-box{background:url(../img/common/spec-bg.png) repeat-x;}




/*リンクアイコン*/

dd a[href$=".pdf"] {   background: url(../img/common/pdficon.png) no-repeat 100% 50%; padding:2px 20px 0 0; }  
* html dd a.pdf{    background: url(../img/common/pdficon.png) no-repeat 100% 50%;  padding:2px 20px 0 0; } 
/*
dd a[href$=".zip"] {   background: url(../img/common/zipicon.png) no-repeat 100% 50%; padding:2px 20px 0 0; }  
* html p a.zip{    background: url(../img/common/zipicon.png) no-repeat 100% 50%;  padding:2px 20px 0 0; } 
a[target="_blank"]{background: url(../img/common/outlinkicon.png) no-repeat 100% 25%; padding:2px 14px 0 0; margin:0 5px;}
*/



/*プレスキット----------------------------------------------------------------------------------------------------------------------------------*/

.press-container{
	clear:both;
	padding:0 0 30px 50px;
	margin-top:25px;
	border-bottom:1px dotted #EEE;
}
.press-container p img {float:left; margin-right:30px;}
.press-container li{float:left; margin:5px 5px 15px;}
.press-container li a{background:url(../img/press/btn_download.jpg) bottom center no-repeat; padding-bottom:35px; height:120px;}
.press-container li a:hover{background:url(../img/press/btn_download_h.jpg) bottom center no-repeat;}
.press-container h3 a{ font-size:16px; color:#111; text-decoration:none;}
.press-container h3 a:hover{color:#39C; text-decoration:underline;}
.press-container h4{clear:both; float:left; margin:10px 30px 100px; overflow:hidden;}
.press-container h5{color:#666; font-weight:normal; margin:2px 0 7px; font-size:1em;}
.press-container dl{ overflow:hidden;}
.press-container dt{color:#0BF;}
.press-container dd{ clear:both;margin:0 0 10px;}
.press-container div{ float:left; width:700px;}
.dl-img dd a{margin-top:15px; display:block; width:230px; height:30px; background:url(../img/press/btn_alldownload.jpg) no-repeat; overflow:hidden; }
.dl-img dd a:hover{margin-top:15px; display:block; width:230px; height:30px; background:url(../img/press/btn_alldownload_h.jpg) no-repeat; overflow:hidden;}





/*プライバシーポリシー----------------------------------------------------------------------------------------------------------------------------------*/
#about_container h3{margin:20px 0 10px; padding-left:5px; font:bold 1.1em; border-left:6px solid #BBB; }

/*tableハイライト*/

tr:nth-child(even){background:#F2F2F2;}





/*オンラインショッピング----------------------------------------------------------------------------------------------------------------------------------*/
#store_container h2{margin:30px; padding-top:35px;font-size:1em;}
#store_container h2 img{margin:0 3px;}
#store_container h1,#store_container h3{margin:30px; padding-top:35px;clear:both; font-size:1.7em; font-weight:normal; border-bottom:1px solid #CCC;}
#store_container h3{margin-bottom:5px;}
#store_container p{font-size:large; text-indent:2em;}
#store_container p img{ float:left; margin:20px; overflow:hidden;}
.shopping a{ color:#09C; padding:3px; text-decoration:none;}
.shopping a:visit{ color:#666;}
.shopping a:hover{color:#36C; text-decoration:underline;}
.shopping a:active{color:#36C; position:relative; top:1px;}
.shopping{margin:0 0 30px 40px;	color:#333; float:left;}
.shopping li a{line-height:2em; padding-right:14px;}

#online_list li{ text-align:center; float:left; margin-left:125px; width:300px;}
#online_list li a{ color:#09F; text-decoration:none;}

#retail_store {padding-bottom:50px;}
#retail_store p{font-size:.8em; text-indent:30px;}
#retail_store li{float:left; margin:10px 0 10px 30px;}




/*404----------------------------------------------------------------------------------------------------------------------------------*/

.notfound h2,.notfound p,.notfound ul{margin:20px; line-height:2em;color:#CCC;}
.notfound .map{float:left; width:450px; margin:50px 20px; }
.notfound h3{margin:30px 0 15px;border-bottom:1px solid #DDD;font-size:1.7em; color:#EEE; font-weight:normal; }
/*ContentFlow*/
.ContentFlow{width:980px; position:absolute; top:0; padding:0; margin:0;}





/*サイトマップ----------------------------------------------------------------------------------------------------------------------------------*/

#map-list{ float:left; margin:30px 0 0 80px;}
.sitemap {position:relative; padding-top:30px;}
.sitemap h2{ margin-bottom:20px; padding-left:50px;}
.sitemap h3{
	font-size:1.7em; 
	width:250px; 
	border-bottom:1px solid #BBB; 
	margin:30px 0 15px;
	color:#36C;
}
.sitemap .map{float:left; width:350px; margin:100px 0 50px 100px;}
.sitemap p,.sitemap ul{margin-left:8px;}
.sitemap li,.notfound li{line-height:1.8em;}

.sitemap .caption{color:#333;}
#siteproduct h4{clear:both; color:#09C; border-bottom:1px solid #999;clear:both; width:240px; padding-top:20px;}
#siteproduct ul li{float:left;}





/*フッター----------------------------------------------------------------------------------------------------------------------------------*/
#footer-bg{	background:#000; padding-top:15px; }



/* フッターメニュー

.footer_product li ul{ margin-left:23px; border-left:5px solid #000;}
#footer table {border-collapse:collapse; border:0; margin:0; padding:0; font-size:1em; position:absolute; left:0; top:0;}
#footer ul li:hover {position:relative; z-index:90;}
* html #footer ul li a:hover {position:relative; z-index:100;}
#footer ul li:hover ul,#footer ul li a:hover ul {visibility:visible; position:absolute; height:auto; overflow:visible;}
#footer ul li:hover ul li a,#footer ul li a:hover ul li a{display:block; background:transparent; line-height:15px; padding:5px 0 5px 5px; height:auto; text-decoration:none; color:#FFF;}
#footer ul li:hover ul li:hover a,#footer ul li a:hover ul li a:hover {background:#069; color:#FFF;}
#footer ul li:hover ul li ul,#footer ul li a:hover ul li a ul {visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:85px;}
#footer ul li:hover ul li:hover ul,#footer ul li a:hover ul li a:hover ul {color:#000; padding:0; list-style-type:none; background:#069; color:#FFF;}
#footer ul li:hover ul li:hover ul li a,#footer ul li a:hover ul li a:hover ul li a {display:block;color:#CCC;}
#footer ul li:hover ul li:hover ul li:hover a,#footer ul li a:hover ul li a:hover ul li a:hover {color:#FFF;}