@charset "UTF-8";

/*----------------------------------------------------------------------

CSS 
LastUpdate : 120824
Auther     : nao

[0] reset
[1] layout : mainPage
[2] layout : opupPage
[3] interactive

----------------------------------------------------------------------*/

 /* [0] ****************************************************************/

*{ margin:0; padding:0;}

html, body, div, span, object, iframe, strong, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, table, label, tr, th, td{ margin: 0; padding: 0;border: 0; outline: 0; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; list-style: none; }

header, footer, nav, article, section, aside { display: block; }

a{ text-decoration: none; outline:none; }

a:active img, img{ border:0; display:block; vertical-align:middle; }

a img, img{ border:0px; display: block; }

 /* [1] ****************************************************************/

body {
	background-color: #ffffff;
	font-size: 14px;
	color: #000000;
	font-family: Helvetica;
	line-height: 1.4em;
	letter-spacing: normal;
}

#wrap { width: 100%; height: auto; }

#wrapInner { width: 960px; margin: 0 auto; }

h1 { width: 308px; height: 82px; }

#eyecatch { width: 960px; height: 883px; margin: 50px 0 46px 0; }

#movie { width: 960px; height: 540px; margin: 0 0 46px 0;}

#main { width: 582px; height: 179px; margin: 0 auto; }

#content {
	width: 960px;
	height: 240px;
}

#content h2{ margin: 22px auto 14px auto; width: 850px; height: 70px;}

#content dl { width: 307px; float: left; }

#content dt { margin: 0 0 25px 0; height: 20px;}

#content dd {margin: 0 0 30px 0;}

#view { width: 314px; height: 53px; margin: 36px auto 0 auto; }

.outline { width: 960px; height: auto; border-top: #000000 solid 5px;  clear: both; }

.topDev { width: 307px; float: left; }

.topDev dl { width: 307px; height: 387px; }

.outline dl h3 { width: 307px; margin: 30px 0 17px 0; }

.outline dt { width: 307px; }

.ml { margin: 0 16px 0 0; }

#detail { width: 960px; height: 976px; clear: both; padding: 50px 0 0 0; }

#detail dl { width: 307px; font-size: 13px; line-height: 1.5em; letter-spacing: 0em; }

#detail dt { margin: 0 0 17px 0; }

.secDev { width: 307px; height: 382px; float: left; margin: 29px 16px 0 0; }

.secDev dl { width: 307px; height: 364px; }

 /* [2] ****************************************************************/

#mbl { overflow-x: hidden; width: 383px;  }

 /* [3] ****************************************************************/

 .hover { cursor: pointer; }

/* END */