@charset "shift_JIS";
* {  
  margin: 0; 
  padding: 0;
}

html {
  height: 100%;
}




/*---------------
__body
---------------*/
body {
  text-align: center;  
  background-color: #fff;
  font-size: 70%;
  font-family: Verdana,Osaka,Arial,Sans-serif;
  color: #757474;
}

li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

img {
  border: 0;
}

a:link,
a:visited {       
  color: #757474;
  text-decoration: none;
  outline:none;    @@@@@@ /*ƒNƒŠƒbƒNŽž‚Μ˜gόΑ‹Ž*/
}

a:hover,
a:active {     
  color: #CCCCCC;
  text-decoration: none;
  outline:none;    @@@@@@ /*ƒNƒŠƒbƒNŽž‚Μ˜gόΑ‹Ž*/
}




/*---------------
__container
---------------*/
#container {
  margin: 0 auto;
  text-align: left;
  width: 900px;
  line-height: 1.3;
}




/*---------------
__wrapper
---------------*/
#wrapper {
  width: 900px;
  height: 315px;
  background-image: url(../img/bg_wrapper.jpg);  
  background-repeat: no-repeat;
}

#wrapper h1 {
	visibility: hidden;
}
/*---------------
__wrapper
---------------*/
#wrapper2 {
	width: 900px;
	height: 200px;
	background-image: url(../img/bg_wrapper2.jpg);
	background-repeat: no-repeat;
}


/*---------------
__header
---------------*/  
#header {
  width: 900px;
  height: 60px;
}

#header h1 {
  float: left;
  width: 155px;
  height: 50px;
  text-indent: -9999px;
  background-image: url(../img/rogo.jpg);
  background-repeat: no-repeat;
  margin: 15px 0 0 20px;
}

p.rogin{
  float: right;
  width: 133px;
  height: 35px;
}
  



/*---------------
__nav
---------------*/ 
#nav {
  width: 880px;
  height: 40px;
  margin-top: 6px;
}

ul.menu  {
  margin-left:30px;
  padding:0;
}

ul.menu li {
  float:left;
  text-indent:-9999px;
  overflow:hidden;
}

ul.menu li a {
  display:block;
  width:140px;
  height:40px;
}

li.menu1 a {
  background:url(../img/nav.jpg) 0 0 no-repeat;
}

li.menu1 a:hover {
  background:url(../img/nav.jpg) 0 -40px no-repeat;
}

li.menu1_over a{
  background:url(../img/nav.jpg) 0 -40px no-repeat;
}

li.menu2 a {
  background:url(../img/nav.jpg) -140px 0 no-repeat;
}

li.menu2 a:hover {
  background:url(../img/nav.jpg) -140px -40px no-repeat;
}
li.menu2_over a{
  background:url(../img/nav.jpg) -140px -40px no-repeat;
}

li.menu3 a {
  background:url(../img/nav.jpg) -280px 0 no-repeat;
}

li.menu3 a:hover {
  background:url(../img/nav.jpg) -280px -40px no-repeat;
}
li.menu3_over a{
  background:url(../img/nav.jpg) -280px -40px no-repeat;
}

li.menu4 a {
  background:url(../img/nav.jpg) -420px 0 no-repeat;
}

li.menu4 a:hover {
  background:url(../img/nav.jpg) -420px -40px no-repeat;
}
li.menu4_over a{
  background:url(../img/nav.jpg) -420px -40px no-repeat;
}

li.menu5 a {
  background:url(../img/nav.jpg) -560px 0 no-repeat;
}

li.menu5 a:hover {
  background:url(../img/nav.jpg) -560px -40px no-repeat;
}
li.menu5_over a{
  background:url(../img/nav.jpg) -560px -40px no-repeat;
}

/* Firefox Safari‘΍τ */
ul.menu:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  font-size:0;
}

/* WinIE7 MacIE5‘΍τ */
ul.menu {
  display:inline-block;
}


/* WinIE5 IE6‘΍τ */
/* Hides from IE-mac \*/
* html ul.menu {
  height:1px;
}

ul.menu {
  display:block;
}
/* End hide from IE-mac */




/*---------------
__contents
---------------*/ 
#contents {
	width: 900px;
	height: auto;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#tablecontents {
	width: 900px;
	padding: 10px 0 0 0;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	color: #333333;
}


/*---------------
__Rcol
---------------*/ 
#Rcol {
  width: 273px;
  float: right;
  padding-top: 5px;
}

ul.banner li {
  clear: both;
  text-indent:-9999px;
}

ul.banner li a {
  display:block;
  width:270px;
  height:128px;
}
li.photo a{
  background-image: url(../img/banner/banner_photoshop.jpg);
}

li.photo a:hover{
  background-image: url(../img/banner/banner_photoshop_over.jpg);
}


li.mogi a{
  background-image: url(../img/banner/banner_mogi.jpg);
}

li.mogi a:hover{
  background-image: url(../img/banner/banner_mogi_over.jpg);
}

li.excel a{
  background-image: url(../img/banner/banner_excel.jpg);
}

li.excel a:hover{
  background-image: url(../img/banner/banner_excel_over.jpg);
}

li.word a {
  background-image:url(../img/banner/banner_word.jpg);
}

li.word a:hover {
  background-image:url(../img/banner/banner_word_over.jpg);
}

li.pp a {
  background-image:url(../img/banner/banner_pp.jpg);
}

li.pp a:hover {
  background-image:url(../img/banner/banner_pp_over.jpg);
}

li.web a {
  background-image:url(../img/banner/banner_web.jpg);
}

li.web a:hover {
  background-image:url(../img/banner/banner_web_over.jpg);
}

li.hp a {
  background-image:url(../img/banner/banner_hp.jpg);
}

li.hp a:hover {
  background-image:url(../img/banner/banner_hp_over.jpg);
}

li.demo a {
  background-image:url(../img/banner/demo.jpg);
}
li.demo a:hover {
  background-image:url(../img/banner/demo.jpg);
}

/*---------------
__Lcol
---------------*/ 
#Lcol {
  width: 620px;
  float: left;
  padding: 13px 0 0 0;
}

#button1 {
	width: 610px;
	height: 100px;
	padding-left: 0px;
}

#button1 ul li {
	float:left;
	margin: 0px;
 /* text-indent:-9999px; 
  overflow:hidden;*/
} 


li.button_join a{
  display: block;
  width: 270px;
  height: 123px;
  background-image: url(../img/button_join.jpg);
}
li.button_monitor a{
	text-indent:-9999px;
	display: block;
	width: 182px;
	height: 73px;
	background-image: url(../img/button_gakuwari.jpg);
	background-repeat: no-repeat;
}
li.button_photoshop a{
	text-indent:-9999px;
	display: block;
	width: 182px;
	height: 73px;
	background-image: url(../img/button_photoshop.jpg);
	background-repeat: no-repeat;
}

li.button_manual a{
  display:block;
  width: 151px;
  height: 69px;
  background-image: url(../img/button_manual.jpg);
  background-repeat: no-repeat;
  margin-top: 55px;
}

li.button_contact a{
	text-indent:-9999px;
	display:block;
	width: 151px;
	height: 69px;
	background-image: url(../img/button_contact.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}

#EL {
  width: 590px;
  padding: 0 0 10px 23px;
}
  
h2.title_EL {
  width: 590px;
  height: 65px;
  background-image: url(../img/title_EL.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
}

#EL ul {
  width: 570px;
  padding-bottom: 10px;
}
li.check {
	width: 561px;
	height: 27px;
	background-image: url(../img/check.jpg);
	background-repeat: no-repeat;
	text-indent: 40px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 18px;
	font-style: normal;
	color: #666666;
	background-position: left;
	line-height: 17px;
	font-weight: bold;
}

li.check0 {
  width: 561px;
  height: 27px;
  background-image: url(../img/check0.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
}

li.check1 {
  width: 561px;
  height: 27px;
  background-image: url(../img/check1.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
}

li.check2 {
  width: 561px;
  height: 27px;
  background-image: url(../img/check2.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
}

li.check3 {
  width: 561px;
  height: 27px;
  background-image: url(../img/check3.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
}

li.check4 {
  width: 561px;
  height: 27px;
  background-image: url(../img/check4.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
}

li.deco_text {
	padding: 3px 0 0 35px;
	font-size: 14px;
}

#EL p img {
  padding: 10px 0 10px 100px;
}

#FLOW {
  width: 590px;
  padding: 0 0 10px 23px;
}
  
h2.title_FLOW {
  width: 590px;
  height: 65px;
  background-image: url(../img/title_FLOW.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
}

#FLOW p img {
  padding: 10px 0 10px 0;
}

/****

kougi comment
*/
#kougi {
	text-indent: 30px;
	float: left;
}

/*---------------
__footer
---------------*/ 
#footer {
  clear: both;
  width: 900px;
  height: 254px;
  background-image: url(../img/bg_footer.jpg);
  background-repeat: no-repeat;
}

#Frogo {
  float: left;
  width: 280px;
  height: 250px;
}  

p.footer_rogo {
  width: 192px;
  height: 42px;
  background-image: url(../img/footer_rogo.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
  margin: 45px 0 0 30px;

}

#footer_menu {
  float: right;
  width: 615px;
  height: 250px;
} 

#footer_menu_Lcol {
  float: left;
  width: 305px;
  height: 250px;
} 

#Fservice {
  float: left;
  width: 150px;
  height: 250px;
}

li.h5_service {
  width: 125px;
  height: 13px;
  border-bottom: 1px solid #0486d0;
  margin: 40px 0 10px 5px;
}


#Fcontents {
  float: right;
  width: 150px;
  height: 250px;
}

li.h5_contents {
  width: 125px;
  height: 13px;
  border-bottom: 1px solid #0486d0;
  margin: 40px 0 10px 5px;
}

#footer_menu_Rcol {
  float: right;
  width: 305px;
  height: 250px;
} 

#Fcompany {
  float: left;
  width: 150px;
  height: 250px;
}

li.h5_company {
  width: 125px;
  height: 13px;
  border-bottom: 1px solid #0486d0;
  margin: 40px 0 10px 5px;
}
   
#blank {
  float: right;
  width: 150px;
  height: 250px;
}

.Flist {
  width: 120px;
  height: 20px;
  background-image: url(../img/arrow_Flist.jpg);
  background-repeat: no-repeat;
  margin-left: 6px;
  padding-left: 10px;
}