@charset "UTF-8";
/* CSS Document */
/* ----------------------------------------------------------------
		general setting 
------------------------------------------------------------------*/
body { margin:0; padding:0; font-family: WebFont; font-size:12px; color: #585858;background:url(/img/bg.jpg) 0 0 repeat;
background-attachment:fixed; line-height: 21px;}
div{ margin:0; padding:0;}
class{ margin:0; padding:0;}

h1{ margin:0; padding:0;}
h2{ margin:0; padding:0;}
h3{ margin:0; padding:0;}
h4 { margin:0; padding:0;}
form { margin:0; padding:0; }
a { color:#585858; text-decoration: none;}
a:hover { color:#585858;}
img {margin: 0; padding: 0;}
ul { margin:0; padding:0; list-style:none; }
li { margin:0; padding:0;}
p { font-size:1.0em; line-height:140%;}
.bold { font-weight:bold; }
.red { color:#c65b5b; }
.italic{ font-style:italic;}
dt dd{ margin:0; padding:0;}

/* ----------------------------------------------------------------
		font
------------------------------------------------------------------*/

@font-face{font-family: WebFont; src: url('/font/GaramondPremrPro-Smbd.otf') format("opentype");}
@font-face{font-family: WebFont2; src: url('/font/GaramondPremrPro.otf') format("opentype");}

/* ----------------------------------------------------------------
		index
------------------------------------------------------------------*/
section#body { 
width: 100%; 
height: 100%;
margin:0; 
padding:0; 
}

section#body header  {width: 90%; height: 159px; display: block; padding-left: 90px; position: fixed; top:0; left: 0;}
section#body header .tag{ width: 140px; height: 159px; float: left; background: url(/img/tag.jpg) no-repeat; text-indent: -9999px;position: absolute; top:-200;}
section#body header .copyrights{ margin-right: 10px; width: 270px; height: 23px; float: right; background: url(/img/copyrights.png) no-repeat; text-indent: -9999px;}

.activeNavi{background: url(/img/activeNavi.gif) no-repeat; width:3px; height: 13px; text-indent: -9999px; position: fixed; top: 233; left: 90;}

section.content{width: 90%; display: block;padding: 60px 0 0 90px;}
section.content nav{ width:450px; float: left; padding-top: 170px;position: fixed;}
.navi{ width:70px; float: left;margin: 0; padding: 0;}
.navi ul{margin: 0; padding: 0;}
.navi ul li{ margin-bottom: 38px; font-size: 1.2em;padding-left: 10px;}
.navi ul li.active{opacity:1;}
li.none{
zoom:1;
filter: alpha(opacity=20);;
opacity: 0.2;}

#mcn_navigation{opacity: 1;}
#mcn_navigation div.subnavi{ width:320px; float: left; margin: 0; padding: 0;}
#mcn_navigation div.subnavi p{margin:0 0 20px 0; padding: 0;}

#mcn_navigation div.subnavi .note{ opacity:1; display: block; background: url(/img/subnavi_bdr_note.png) 0 9px no-repeat; padding-left:115px;}
#mcn_navigation div.subnavi .about{ opacity:1; display: block; background: url(/img/subnavi_bdr_about.png) 0 9px no-repeat; padding-left:115px; height: 70px;}
#mcn_navigation div.subnavi .works{ opacity:1; display: block; background: url(/img/subnavi_bdr_works.png) 0 9px no-repeat; padding-left:115px;height: 130px;}
#mcn_navigation div.subnavi .visual{ opacity:1; display: block;background: url(/img/subnavi_bdr_visual.png) 0 9px no-repeat; padding-left:115px;height: 192px;}
#mcn_navigation div.subnavi .contact{ opacity:1; display: block; background: url(/img/subnavi_bdr_contact.png) 0 9px no-repeat; padding-left:115px;height: 247px;}

#mcn_container{width:635px; float: left; margin: 130px 0 0 450px; position:absolute;}
#mcn_container .box h1{ font-size: 1.9em; margin:0; padding-bottom: 8px; background: url(/img/underline.png) bottom left repeat-x; font-weight: normal;}
#mcn_container .box h1.top{margin: 20px 0 0 0!important;}
#mcn_container .box #about p{margin: 20px 0 50px 0!important;}
#mcn_container .box p{ font-size: 1.2em; margin: 20px 0 20px 0; padding: 0; font-family: Webfont2;}

#mcn_container .box p.date{ font-size: 1.2em; margin:0 0 5px 0; padding: 0;}
#mcn_container .box p.bottom{ margin-bottom: 0;}
#mcn_container .box p#tbox{margin: 0; color: #3b3b3b;}
#mcn_container .box p.gray a{ width: 636px; height: 135px;text-indent: -9999px;overflow: hidden;background-position: center top; display: block;margin: 0!important;}

#mcn_container .box p.gosetsuden{background: url(/works_img/gosetsuden1.jpg) no-repeat;
zoom:1;filter: alpha(opacity=50);opacity: 0.5; }
#mcn_container .box p.olympus{background: url(/works_img/olympus1.jpg) no-repeat; 
zoom:1;filter: alpha(opacity=50);opacity: 0.5;}
#mcn_container .box p.rbma{background: url(/works_img/rbma1.jpg) no-repeat;
zoom:1;filter: alpha(opacity=50);opacity: 0.5; }
#mcn_container .box p.placemovie{background: url(/works_img/placemovie1.jpg) no-repeat;
zoom:1;filter: alpha(opacity=50);opacity: 0.5; }
#mcn_container .box p.mastercard{background: url(/works_img/mastercard1.jpg) no-repeat; 
zoom:1;filter: alpha(opacity=50);opacity: 0.5;}

#mcn_container .box img{border: none;}


#loading {display: block; padding-left: 40px; width: 80px; height: 32px; position: absolute; top:50%; left: 50%; background: url(/img/ajax-loader2.gif) no-repeat; text-indent: -9999px;z-index: 20;}
#loading_nml {display: none; padding-left: 40px; width: 80px; height: 32px; position: absolute; top:50%; left: 50%; background: url(/img/ajax-loader.gif) no-repeat; text-indent: -9999px;z-index: 20;}

#cover{width: 100%; height:100%; position: absolute;top:0;left:0; background-color: #2a1f1d;z-index: 10; text-indent: -9999px;}

#mask{width: 1%; height:100%; position: absolute;bottom:0;left:-100; background-color: #2a1f1d;z-index: 100;}
.contentVisual img{ opacity: 0.8;}
	

/* ----------------------------------------------------------------
		clearFix 
------------------------------------------------------------------*/
.clearFix:after { content:"."; display:block; height: 0; clear:both; visibility:hidden; }
.clearFix:before { content:"."; display:block; height: 0; clear:both; visibility:hidden; }
.clearFix { display:inline-block; }
/* Hides from IE-mac \*/
*html.clearFix { height: 1%; }
.clearFix {display:block; }
/* End hide from IE-mac */