@charset "shift_jis";

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* common */

body { color: #000000; background: #DBEB7C url(../images/bg.gif) repeat-x 0 0; }
.c_indent { text-indent: -9999px; overflow: hidden; font-size: x-small; }
.ctop_ma { margin-top: 1em; }

#container { position: relative; margin: 0px auto; width: 708px; min-height: 500px; background-color: #FFFFFF;border-left: 1px #C8C8C8 solid; border-right: 1px #C8C8C8 solid; }


/*-----------------------------------------------------------------------------------------*/
/* header */

#header { width: 534px; height: 160px; margin-left: 174px; }
#header h1 {  }

/*-----------------------------------------------------------------------------------------*/
/* global navigation */

#gnavi { position: absolute; top: 0px; left:0px; width: 174px; height: 299px; }
#staff { position: absolute; top: 322px; left:0px; width: 32px; height: 62px; background: transparent url(../images/recruit-btn.gif) no-repeat 0 0; }
#staff a { display: block; width: 102px; height: 62px; }

/*#staff2 { position: absolute; top: 322px; left:15px; width: 32px; height: 62px; }*/
#staff2    { position: absolute; top: 322px; left:15px; width: 150px; height: 62px; }
#staff2 .n_link { margin: 5px 0px 0px -4px; text-indent: 0px; }
#staff2 .n_link img { vertical-align: top; padding-right: 5px ; padding-top: 2px ; padding-left: 20px ;}
#staff2 .n_link a { font-size:small ; vertical-align: top; color: #0066FF; text-decoration: underline;}


/*-----------------------------------------------------------------------------------------*/
/* sub navigation */

#sub_contents { position: absolute; top: 20px;  right: -51px; width: 51px; height: 201px; background: transparent url(../images/cmn-tab.gif) no-repeat 0 0; }
#sub_contents p { text-indent: -9999px; }
#sub_contents p a { display: block;  width: 51px; height: 201px;  }

/*-----------------------------------------------------------------------------------------*/
/* footer */

#footer { margin: 0px auto; width: 710px; height: 93px; text-align: center; background: #DBEB7C url(../images/bottom.gif) no-repeat top;  }
#footer address { padding-top: 50px; }

/*-----------------------------------------------------------------------------------------*/
/* contents */

.contents { width: 534px; margin-left: 174px;   }
.contents .detail_a a{ color: #0066FF; text-decoration: underline; }
#work h2 { width: 145px; height: 52px; text-indent: -9999px; }
#work h2#title1 { background: transparent url(../images/work-title1.gif) no-repeat 0 0; }
#work h2#title2 { background: transparent url(../images/work-title2.gif) no-repeat 0 0; }
#work h2#title3 { background: transparent url(../images/work-title3.gif) no-repeat 0 0; }
#work .work_game { width: 494px; margin-bottom: 8px; padding : 8px; background-color: #DEF1F3; }
#work .work_game p { float:left; margin-right: 7px; } 
#work .work_game .g_title { margin: 0 0 2px 0; font-weight: bold; color: #003333;}
#work .work_game .g_title2 { margin: 0 0 2px 0; color: #003333;}
#work .work_game .g_copy_hard {  color: #003333; }
#work .work_game .g_copy_hard span{  color: #003333; padding: 1px 2px; background-color:#ffffff;}
#work .work_game .g_copy {  color: #006666; }
#work .work_game .g_link img { padding-right: 5px; }
#work .work_game .g_link { margin-top: 1px; }
#work .work_game .g_link a { vertical-align: top; color: #0066FF; text-decoration: underline;  }


.work_pict{width: 80px; height:80px; float:left; margin-right: 7px; text-align:right;}
.work_pict_etc{width: 80px; height:80px; float:left; margin-right: 0px;padding-left:10px}

.clear{clear:both;}


#work.lisence  {
	width: 458px;
	height: 27px;
	margin-left: 340px;
	margin-top: 0px;
}

#work .work_other { width: 494px; border-bottom: 1px solid #DEF1F3; }
#work .work_other li { width: 494px; padding: 6px; border-top: 1px solid #DEF1F3;  }
#work .work_other li img { padding-right: 5px; vertical-align: midle;  }



#news .news_area { width: 502px; border-bottom: 1px solid #DEF1F3;  }
#news .news_area dl { position: relative; padding: 10px 0; color: #003333; border-top: 1px solid #DEF1F3; }
#news .news_area dt.n_day {  padding-bottom: 1px; font-weight: bold; background: transparent url(../images/work-list-allow.gif) no-repeat 68px 5px;  }
#news .news_area .n_copy { margin: -19px 0 0 82px; width:423px; line-height:18px; }
#news .news_area .n_link { margin: 5px 0 0 60px; text-indent: 19px; }
#news .news_area .n_link img { padding-right: 5px; }
#news .news_area .n_link a { vertical-align: top; color: #0066FF; text-decoration: underline; }
#news .news_area .n_banner { display:block; margin: 5px 0 0 80px; }

#access h2 { width: 117px; height: 48px; background: transparent url(../images/access-title.gif) no-repeat 0 0; text-indent: -9999px; }
#access #add { color: #003333; margin-top: 11px; }
#access #add_mail a{ color: #0066FF; text-decoration: underline; }

#office .office_area { width: 502px; border-bottom: 1px solid #DEF1F3;  }
#office .office_area dl { position: relative; padding: 10px 0; color: #003333; border-top: 1px solid #DEF1F3; }
#office .office_area dt.o_entry1 { width: 85px; text-align: right;  padding-bottom: 1px; font-weight: bold;  }
#office .office_area .o_entry2 { margin: -19px 0 0 97px; padding-left:20px; width:389px; line-height:18px; background: transparent url(../images/work-list-allow.gif) no-repeat 0px 5px; }
#office .office_area .o_link { margin: 5px 0 0 100px; text-indent: 19px; }
#office .office_area .o_link img { padding-right: 5px; }
#office .office_area .o_link a { vertical-align: top; color: #0066FF; text-decoration: underline; }


/*-----------------------------------------------------------------------------------------*/
/* recruit */
#recruit { width: 540px; position: relative; margin: 0 auto; background: transparent url(../images/recruit-title.gif) no-repeat top;  }
#recruit dl { position: relative; top: 86px; left: 123px; width: 380px; margin-bottom: 86px; padding-bottom: 2em;  }
#recruit dt { padding: 3px 8px; font-weight: bold; color: #006666; background-color: #E3EF9A; }
#recruit dd { margin: 7px 1px 4px 8px; color: #003333; }
#recruit  p { margin: 2px 1px 4px 22px; color: #003333; }

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

/* Win IE 7, 6 not Mac IE \*/

* html #container { height: 500px; }

/* */