@charset "utf-8";
/* CSS Reset */

*{margin:0;padding:0;}

html {
    height:100%;
	overflow-y: scroll;
	margin: 0;
	padding: 0;
}
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;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}

hr,legend {
	visibility:hidden;
	margin:0px;
	padding:0px;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight:normal;
	margin:0;
	padding:0;
}
img,abbr,acronym,fieldset {
	border: 0;
}

img{
	vertical-align: top;
	vertical-align: bottom;
}

/*______________________________clearFix*/

.cl{ 
	clear:both;
	line-height:0%;
	margin:0;
	padding:0;
	}

/*______________________________clearFix end*/


/*_________________________________________ General-Purpose */

.mgnt10 {
	margin-top:10px;
}
.mgnt20 {
	margin-top:20px;
}

.mgnb10 {
	margin-bottom:10px;
}
.mgnb20 {
	margin-bottom:20px;
}

.mgnr10 {
	margin-right:10px;
}



/*_________________________________________ CONTENTS */


body {
	font-family: "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", Sans-Serif;
	background: #f6f5f0;
	margin: 0;
	padding: 0;
	color:#333333;
}

a:link {text-decoration:underline;color:#003399;}
a:visited {text-decoration:underline;color:#0232A1;}
a:hover {text-decoration:underline;color:#66CCFF;}
a:active {text-decoration:underline;color:#66CCFF;}

#container {
	width: 880px;
	background: #e9fcff;
	margin: 0;
	padding:0;
	text-align: left;
}
#header {
	background-color: #FFFFFF!important; 
	padding: 0;
	height:66px;
}
#header #logo {
	width:214px;
	height:60px;
	display:block;
	margin: 0;
	padding: 0;
	background-image:url(img/logo_01.gif);
	text-indent:-9998px;
	float:left;
}



#header .logo2{
	width:113px;
	height:66px;
	background-image:url(img/logo02.gif);
	text-indent:-9998px;
	float:right;
}

/*_________________________________________ MAIN CONTENTS */

#mainContent {
	padding: 0;
	margin:0;
	background: #e9fcff;
}
h1 {
		text-indent:-9998px;
		font-size:1pt;
}
#mainContent #ttl {
	width:359px;
	height:99px;
	float:left;
}

#mainContent .lead {
	float:right;
	height:99px;
	margin:0;
	padding:0;
}

#menu {
	height:88px;
}

#menu ul,#menu li {
	display: inline;
	margin: 0px;
	padding: 0px;
	line-height:0%;
	list-style-type: none;
}

#menu li {
	float:left; /* ieBugFix */
}

#mainContent h2 {
	width:858px;
	_width:818px;
	height:57px;
	background-image:url(img/headline_bg.gif);
	background-repeat:no-repeat;
	margin:0px 11px 0px 11px;
	padding:10px 0 0px 40px;
	font-weight:bold;
}

#mainContent p.h2lead {
	padding:0 20px;
	line-height:140%;
}

#mainContent p.leadfl {
	padding:10px 20px 0px 20px;
	line-height:120%;
	font-size:80%;
}

#mainContent #inner {
	width:858px;
	margin:30px auto 0px auto;
}

#mainContent #flash {
	width:351px;
	float:left;
	margin-left:11px;
	_margin-left:5px;
	margin-bottom:40px;
}

#mainContent #link {
	width:494px;
	float:left;
	margin-bottom:40px;
}

/*_________________________________________ FOOTER NAVI */
#fnavi {
	width:880px;
	background-color:#e9fcff;
	font-size:80%;
	margin:0;
	padding:10px 0 40px 0;
	text-align:center;
}



/*_________________________________________ FOOTER */

#footer {
	width:860px;
	padding: 10px 10px 30px 10px; 
	background:#FFFFFF;
	font-size:80%;
}

#footer li {
	float:left;
	list-style-type:none;
}

.copyright {
	float:right;
	text-align:right;
}

/*____________________________________________________ Popup */

#popup {
	width:460px;
	background-color:#FFF;
	text-align:center;
}



/*____________________________________________________ PageContents*/

#mainContent #pin {
	width:858px;
	height:419px;
	margin:30px auto 0px auto;
	padding:18px 0 17px 0;
	background-image:url(work/img/monitor_bg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

#mainContent #pin #monitor {
	width:545px;
	margin:0 auto 6px auto;
}

#m_menu {
	width:525px;
	height:37px;
	margin:0 auto;
	padding:22px 18px;
	_padding-bottom:0px;
	background-image:url(work/img/menu_bg.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
#m_menu ul {
	margin:0px;
}
#m_menu li {
	float:left;
	list-style:none;
	margin-right:4px;
	cursor:pointer;
	line-height:0px;
}

.last_li {
	margin-right:0px!important;
}


/*　モートマンができるまで　-----------------------------*/


#mainContent #pin_make {
	width:858px;
	height:419px;
	margin:30px auto 0px auto;
	padding:18px 0 17px 0;
	background-image:url(make/img/monitor_bg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

#mainContent #pin_make #monitor {
	width:545px;
	margin:0 auto 2px auto;
}

#m_menu_make {
	width:583px;
	height:82px;
	margin:0 auto;
	padding:14px 12px;
	_padding-bottom:0px;
	background-image:url(make/img/menu_bg.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
#m_menu_make ul {
	display:inline;
	margin:0px;
	padding:0px;
	line-height:0%;
}
#m_menu_make li {
	display:inline;
	float:left;
	list-style:none;
	margin-right:4px;
	cursor:pointer;
	line-height:0%;
}


/*　モートマンが動く仕組み　-----------------------------*/


#mainContent #pin_move {
	width:858px;
	height:419px;
	margin:30px auto 0px auto;
	padding:18px 0 17px 0;
	background-image:url(move/img/monitor_bg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

#mainContent #pin_move #monitor {
	width:545px;
	margin:0 auto 2px auto;
}

/*　人とロボットが暮らす未来　-----------------------------*/

#mainContent #pin_future {
	width:858px;
	height:419px;
	margin:30px auto 0px auto;
	padding:18px 0 17px 0;
	background-image:url(future/img/monitor_bg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

#mainContent #pin_future #monitor {
	width:575px;
	margin:0 135px 2px 148px;
}