*{
	margin:0;
	padding:0;
	list-style-type:none;
	border-style : none ;

}


div#maincontentsarea.gyroPages .leftbd{
	width:550px;
	}

div#maincontentsarea.gyroPages h2{
	height:32px;
	width:550px;
	background: url("../images/gyro_title.gif") no-repeat top left;
	text-indent : -1000px ;
	margin : 0 0 16px 0;
}
div#maincontentsarea.gyroPages h3{
	width:545px;
	color:#fff;
	font-size : 14px ;

	line-height :1.2em ;
	background: url("../images/gyro_headtitle_bg.gif") repeat-x center left;
	margin : 8px 0 ;
	padding : 4px ;

}

div#maincontentsarea.gyroPages div.gyroContents{
	clear : both ;
	padding : 8px 0 8px 0 ;
}

div#maincontentsarea.gyroPages ul#gyroNaviMenu{
	width:550px;

}

div#maincontentsarea.gyroPages ul#gyroNaviMenu li{
	float:left;
	width:137px;
	height:36px;
}

div#maincontentsarea.gyroPages ul#gyroNaviMenu li a{
	display:block;
	width:137px;
	height:36px;
	outline:none;
		text-indent : -1000px ;

}

div#maincontentsarea.gyroPages ul#gyroNaviMenu li#about a{
	background: url("../images/gyro_menu_about_bt.gif") no-repeat 0 0;

}

div#maincontentsarea.gyroPages div#gyroIndex ul#gyroNaviMenu li#about a,
div#maincontentsarea.gyroPages ul#gyroNaviMenu li#about a:hover{
	background-position : 0 -36px ;
}

div#maincontentsarea.gyroPages ul#gyroNaviMenu li#feature a{
	background: url("../images/gyro_menu_feature_bt.gif") no-repeat 0 0;
}

div#maincontentsarea.gyroPages div#gyroPage2 ul#gyroNaviMenu li#feature a,
div#maincontentsarea.gyroPages ul#gyroNaviMenu li#feature a:hover{
	background-position : 0 -36px ;
}

div#maincontentsarea.gyroPages ul#gyroNaviMenu li#seclet a{
	background: url("../images/gyro_menu_seclet_bt.gif") no-repeat 0 0;
}

div#maincontentsarea.gyroPages div#gyroPage3 ul#gyroNaviMenu li#seclet a,
div#maincontentsarea.gyroPages ul#gyroNaviMenu li#seclet a:hover{
	background-position : 0 -36px ;
}

div#maincontentsarea.gyroPages ul#gyroNaviMenu li#appli a{
	background: url("../images/gyro_menu_appli_bt.gif") no-repeat 0 0;

}

div#maincontentsarea.gyroPages div#gyroPage4 ul#gyroNaviMenu li#appli a,
div#maincontentsarea.gyroPages ul#gyroNaviMenu li#appli a:hover{
	background-position : 0 -36px ;
}


div#maincontentsarea.gyroPages div#pageNavi{
	clear : both ;
	background: url("../images/gyro_dotline.gif") repeat-x 4px 0;
	padding-top : 2px ;
	margin : 4px 0 0 0 ;
	height:4em;
	font-family : sans-serif ;

}

div#maincontentsarea.gyroPages div#pageNavi a.naviNext{
	float : right ;
	display:block;
	width:235px;
	height:3em;
	background: url("../images/gyro_next_bt.gif") no-repeat right 10px;
	padding-right : 36px ;
	padding-top : 10px ;
	line-height : 1.2em ;
	text-align : right ;

}

div#maincontentsarea.gyroPages div#pageNavi a.naviPrev{
	float : left ;
	display:block;
	width:235px;
	height:3em;
	background: url("../images/gyro_prev_bt.gif") no-repeat left 10px;
		padding-left : 36px ;
	padding-top : 10px ;
	line-height : 1.2em ;

}

div#maincontentsarea.gyroPages div#gyroLinkBn{
	clear : both ;
	padding : 8px 0;
	font-size :0.5em ;
	text-align : center ;

}


div#maincontentsarea.gyroPages div#gyroLinkBn a{
	margin : 0 4px ;

}

div#maincontentsarea.gyroPages p.gyroRead{
	font-size : 12px ;
		margin : 0 0 4px 0;

}

div#maincontentsarea.gyroPages dl.point{
	width:540px;
	min-height:35px;
	margin : 16px 0;

}



div#maincontentsarea.gyroPages dl.point dt{
	float:left;
	color:#fff;
	width:136px;
	height:35px;
	background: url("../images/gyro_pointitle_bg.gif") no-repeat 4px 0;
	font-weight : bold ;
	text-align : center ;
	line-height : 2.7em ;

}
div#maincontentsarea.gyroPages dl.point dd{
	line-height : 1.3em ;
	padding-top : 10px ;

}

div.notice{
	margin : 0 0 0 4px ;
	width:545px;
	height:154px;
	background: url("../images/gyro_notice_bd01.gif") no-repeat 0 26px;	
}


div.gyroContents div.notice p{
	float : left ;
	color : #0f218b ;
	line-height : 1.2em ;
	font-weight : bold ;
	height:68px;
	
	}

div.gyroContents div.notice img.kirara{
	float : right ;
	margin-right:-4px;
}


div.gyroContents p.stRead{
	background: url("../images/gyro_sttitle_bg.gif") repeat-x top left;
	color:#FFF;
	text-align : center ;
	font-weight : bold ;

}

/*page01*/


div.gyroContents#page1 div.notice p{
	width:370px;
	margin : 35px 0 0 5px ;
}



div.gyroContents#page1 div#page1-1read{
	width:375px;
	margin:0 0 0 170px;
}

div.gyroContents#page1 div#page1-1read img{
	margin : 0 0 0 8px ;

}

div.gyroContents#page1 div#ex01{
	margin : 0 0 0 8px ;
	width:150px;
	font-size : 0.8em ;
	line-height : 1.3em ;
	float:left;

}


/*page02*/

div#page2 dl#point1 dd,
div#page2 dl#point2 dd{
	padding-top : 0 ;
}

div.gyroContents#page2 div.notice{
	margin : 0 0 0 4px ;
	width:545px;
	background: url("../images/gyro_notice_bd02.gif") no-repeat 0 4px;	
}

div.gyroContents#page2 div.notice p{
	width:388px;
	margin : 10px 0 0 5px ;
	overflow: auto;
height:90px;

}


/*page03*/


div.gyroContents#page3 div#gyroAnime{
	width:540px;
	background: url("../images/gyro_page3_arrow.gif") no-repeat center 40px ;


}

div.gyroContents#page3 div#gyroAnime div{
	text-align : center ;
}

div.gyroContents#page3 div#gyroAnime div#gyroAnime01{
	float:left;
	width:255px;
}

div.gyroContents#page3 div#gyroAnime div#gyroAnime02{
	float:right;
	width:255px;
}


div.gyroContents#page3 div#gyroAnime div dt{
	margin:4px;
	color : #0f218b ;
	font-weight : bold ;
}

div.gyroContents#page3 div#gyroAnime div dd{
	text-align : left ;
		line-height : 1.3em ;

}


div.gyroContents#page3 div#doubleT{
	clear : both ;


}

div.gyroContents#page3 div#doubleT h4{
	color : #CC0000 ;
	font-size : 1.2em ;
padding-top:12px;
}

div.gyroContents#page3 div#doubleT p{
width:280px;
}
div.gyroContents#page3 div#doubleT img{
	float : right ;
		margin-right : 40px ;


}
div.gyroContents#page3 div#doubleT p span{
display:block;
}

div.gyroContents#page3 div.notice{
	clear :both ;
	margin : 0 0 0 45px ;
	width:480px;
	height:154px;
	background: url("../images/gyro_notice_bd01.gif") no-repeat 0 26px;	
}

div.gyroContents#page3 div.notice p{
	width:305px;
	margin : 35px 0 0 5px ;

}



div.gyroContents#page3 div#gyroQmems div#qmemsEx{
margin:8px 0 0 4px;
float:left;
width:175px;
	font-size : 0.8em ;
	line-height : 1.5em ;
	text-align : center ;

}


div.gyroContents#page3 div#gyroQmems p.gyroRead{
	margin-left : 185px ;

}


/*page04*/

div.gyroContents#page4 dl.GyroAppli{
	padding : 0 0 8px 0 ;

}

div.gyroContents#page4 dl.GyroAppli dt{
	font-weight : bold ;
	color:#0F218B;

}

div.gyroContents#page4 dl.GyroAppli dd{
	margin : 0 1em 8px 1em ;

}
div.gyroContents#page4 dl.GyroAppli dd img.appliImg{
	float : left ;
	margin-right : 8px ;


}


div.gyroContents#page4 div.notice p{
	width:370px;
	margin : 35px 0 0 5px ;
}

div.gyroContents#page4 div.AppliCase{
	clear : both ;
width:550px;
margin-bottom:12px;
	background: url("../images/gyro_page4_future_bg.gif") repeat-y 10px 0;
	padding-bottom : 10px ;


}

div.gyroContents#page4 div.AppliCase p.futureTitle{

	width:550px;
	background: url("../images/gyro_page4_futuretitle_bg.gif") no-repeat 10px 0;
	height:40px;
	text-align : center ;
	font-weight : bold ;

}
div.gyroContents#page4 div.AppliCase p.futureTitle span{
	font-size : 0.8em ;
	font-weight : normal ;
}

div.gyroContents#page4 div#demo.AppliCase{
	background-image : none ;

}
div.gyroContents#page4 div.AppliCase table.AppliCase{
width:550px;
margin: 0 0 4px 0;

}
div.gyroContents#page4 div.AppliCase table.AppliCase td{
	vertical-align : top ;
}

div.gyroContents#page4 div.AppliCase table.AppliCase td.appCaptBtm{
	vertical-align : bottom ;
	padding : 0 4px ;
	
}

div.gyroContents#page4 div.AppliCase table#AppliCase01.AppliCase td.appCapt{
	width:100%;

}
div.gyroContents#page4 div.AppliCase table.AppliCase td.appCapt{
	padding : 0 4px ;
}

div.gyroContents#page4 div.AppliCase .captRight{
	background: url("../images/gyro_arrow_s_l.gif") no-repeat top left;
	padding-left:12px;
	font-weight : bold ;
	color:#0F218B;
	line-height : 1.25em ;
}


div.gyroContents#page4 div.AppliCase .captLeft{
	text-align : right ;
	background: url("../images/gyro_arrow_s_r.gif") no-repeat top right;
	padding-right:12px;
	font-weight : bold ;
	color:#0F218B;
	line-height : 1.25em ;

}

div.gyroContents#page4 div.AppliCase table.AppliCase td dd{
	padding-left : 1em ;

}

div.gyroContents#page4 p#demoTitle{
	background: url("../images/gyro_page4_demo_bg.gif") no-repeat 10px 0;
	clear : both;
	text-align : center ;
	font-weight : bold ;
	margin: 10px 4px;

}

div.gyroContents#page4 p.stRead{
	margin-top : 10px ;


}