@charset "UTF-8";


/* ===== common ====================================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{ margin: 0; padding: 0; }
* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal;}
ol, ul, li { list-style:none;}
fieldset, img { border:0; }
caption, th{ text-align: left;}

html, body { width: 100%; }

body {
	font-size   : 75%;
	line-height : 180%;
	font-family : Arial,'‚l‚r ‚oƒSƒVƒbƒN',sans-serif ;
	background  : #fff;
}

html, body {
scrollbar-arrow-color: #E1E202;
scrollbar-face-color: #fff;
scrollbar-3dlight-color: #E1E202;
scrollbar-darkshadow-color: #E1E202;
scrollbar-highlight-color: #fff;
scrollbar-shadow-color: #fff;
}


/* ===== M's walk common ====================================================*/

body.mswalk { background: #fff;}
body.mswalk h1#logo a {
	display: block;
	width: 95px;
	height: 60px;
	background: url(../img/common/head-logo-ms.png) no-repeat 0 0;
	text-indent: -99999px;
	position:absolute; top:0; right:0;
	float:none;
}

body.mswalk div#foot-inner { width: 100%; height:45px;}
body.mswalk div#foot-inner { position:absolute; bottom:0px;}
body.mswalk div#foot ul    { text-align: center;  margin:0 auto; width: 330px;}
body.mswalk div#foot ul li { float:left; padding: 10px 0 0 1em;}
body.mswalk div#foot ul li a { text-decoration:none; font-weight: bold;}


body.sub div#close   { padding: 50px 0; text-align: center;}
body.sub div#close a {
	width: 120px; height: 50px; display: block;
	background: url(../img/common/close.gif) no-repeat 0 0;
	text-indent: -99999px;
}
body.sub div#close a:hover { background-position: 0 -50px;}




/* ===== staff =====================================================*/
/* color */
body#staff {
	scrollbar-track-color: #fff;
	scrollbar-face-color: #FFF2AE;
	scrollbar-shadow-color: #FFB300;
	scrollbar-darkshadow-color: #fff;
	scrollbar-highlight-color: #FFB300;
	scrollbar-3dlight-color: #fff;
	scrollbar-arrow-color: #FFB300;
	overflow:hidden;
}

body#staff div#container  { background: url(../img/staff-voice/back.gif) #FFF2AE; }
body#staff,
body#staff div#foot-inner { background: #FFB300;}
body#staff div#container div#body { background: #fff; }
body#staff div#foot ul li a       { color: #333;}
body#staff div#foot ul li a:hover { color: #fff;}

/* layout */
body#staff div#container{
	width : 100%;
	height: 100%;
	min-height: 100%;
	margin  :0px auto;
	position:relative;
}
body#staff > #container { height: auto;} /* for IE7 */


body#staff div#head { height        :160px;}
body#staff div#main { padding-bottom: 90px;}
body#staff div#foot { height        : 90px;}

body#staff div#list { overflow-y: auto; height:300px; width: 700px; margin: 0 auto;}


/* parts */
body#staff div#head { text-align: center;}
body#staff div#head img#title-ico { margin-top: 20px;}
body#staff div#head h2#page-title {
	width: 420px;
	height: 70px;
	background: url(../img/staff-voice/page-title.gif) no-repeat 0 0;
	text-indent: -9999px;
	margin: 0 auto;
}
body#staff div#body { padding: 20px 0; }
body#staff div#list table { border: 0; margin: 0 auto;}

body#staff div#list table td,
body#staff div#list table td a { width : 190px; height: 100px;}


body#staff div#list table td { 
	vertical-align: middle;
	margin: 10px;
}
body#staff div#list table tr.even td.cell1,
body#staff div#list table tr.even td.cell3 { background: url(../img/staff-voice/li-odd.gif) no-repeat 0 0;}
body#staff div#list table tr.even td.cell2 { background: url(../img/staff-voice/li-even.gif) no-repeat 0 0;}

body#staff div#list table tr.odd  td.cell1,
body#staff div#list table tr.odd  td.cell3 { background: url(../img/staff-voice/li-even.gif) no-repeat 0 0;}
body#staff div#list table tr.odd  td.cell2 { background: url(../img/staff-voice/li-odd.gif) no-repeat 0 0;}

body#staff div#list table td a      { display:block; text-align: center; text-decoration:none; padding-top: 30px;}
body#staff div#list table td a:hover{ text-decoration:underline;}
body#staff div#list table td a img  { filter: Gray();}
body#staff div#list table td a span {
	display:block;
	width:160px;
	margin: 0 auto;
 padding-top: 20px;
}
body#staff div#list table tr.even td.cell1 a span,
body#staff div#list table tr.even td.cell3 a span,
body#staff div#list table tr.odd  td.cell2 a span { color: #FF7F00;}

body#staff div#list table tr.odd  td.cell1 a span,
body#staff div#list table tr.odd  td.cell3 a span,
body#staff div#list table tr.even td.cell2 a span { color: #FFB300;}


body#staff div#list table td a:hover { background: url(../img/staff-voice/li-hover.gif) no-repeat 7px 6px; text-indent: -99999px;}
body#staff div#list table td a:hover img,
body#staff div#list table td a:hover span { display:none;}

body#staff div#footillust {
	position:absolute;
	right: 20px;
	bottom:0px;
	width :242px;
	height:156px;
}




/* ===== staff movie ===============================================*/

body#movie {
	scrollbar-track-color: #fff;
	scrollbar-face-color: #F39800;
	scrollbar-shadow-color: #F39800;
	scrollbar-darkshadow-color: #fff;
	scrollbar-highlight-color: #F39800;
	scrollbar-3dlight-color: #fff;
	scrollbar-arrow-color: #fff;
	overflow:hidden;
}

body#movie div#container { background: #F39800; margin: 25px 25px 0 25px; padding: 10px; width:630px;}
body#movie div#container div#main { background: #fff;}

body#movie div#title { float: right;}
body#movie div#title a#page-title img { padding : 0 0 10px 0;}
body#movie #head #title-ico { clear: both;}

body#movie div#head, body#movie div#body { margin: 0 35px;}

body#movie div#head,
body#movie div#body { border-bottom: 1px solid #FFB300; margin-bottom : 25px; padding:0;}

body#movie div#body div#logo { width:250px; float:left; text-align: center; padding-top:10px;}
body#movie div#body div#text { margin-left:250px; margin-bottom: 20px;}


body#movie div#body a {
	text-decoration: none;
	color: #FFB300;
	letter-spacing: 1px;
}
body#movie div#body a:hover { text-decoration: underline;}
body#movie div#body div#logo a { font: normal bold 10px/150% 'Tahoma',serif;}
body#movie div#body div#text p#head  {
	letter-spacing: 1px;
	margin-bottom: 10px;
}
body#movie div#body div#text p#head a { padding-left: 5px;}

body#movie div#movie { margin: 0 auto; text-align: center;}

body#movie div#main {
	overflow: auto;
	height: 680px;
}
body#movie div#foot { padding-top: 5px;}





/* ===== family =====================================================*/
/* color */
body#family {
	scrollbar-track-color: #66C4CA;
	scrollbar-face-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-darkshadow-color: #66C4CA;
	scrollbar-highlight-color: #fff;
	scrollbar-3dlight-color: #66C4CA;
	scrollbar-arrow-color: #66C4CA;
}
body#family h1#logo a { right:20px;}
body#family  { background: #fff; }
body#family div#head { width:100%; background: #66C4CA; }
body#family div#body { width:100%; background: url(../img/ms-family/container.gif) repeat-x bottom left #66C4CA; text-align: center;}
body#family div#foot-inner { background: #fff;}
body#family div#foot ul li a       { color: #333;}
body#family div#foot ul li a:hover { color: #F44FA5;}


/* layout */
body#family div#head { height:10px;}
body#family div#foot-inner { position:static;}

/* parts */
body#family div#head h2#page-title {
	width: 320px;
	height:230px;
	background: url(../img/ms-family/page-title.png) no-repeat 0 0;
	text-indent: -9999px;
	position:absolute; top:20px; left:20px;z-index:5;
}
body#family div#body table { border: 0;margin:0 auto;}