/*----------------------------------------------------------
 - DEFAULT STYLE
----------------------------------------------------------*/
body {
  background-image: url(../images/base00.gif);
  background-attachment: fixed;
  font-size: 0.8em;
  line-height: 1.4em;
  font-weight: normal;
  color: #333;
  text-align: left;
  font-family: "‚l‚r ‚oƒSƒVƒbƒN","‚l‚r ƒSƒVƒbƒN",sans-serif;
  margin: 0;
  padding: 0;
  overflow-y: scroll; /*ƒZƒ“ƒ^ƒŠƒ“ƒO‚ΜƒYƒŒ‰ρ”π*/
}

*html body {@@  /* IE6‚Ύ‚―‚Ι“K—p */
overflow-y: auto;
}

*+html body {@@ /* IE6‚Ύ‚―‚Ι“K—p */
overflow-y: auto;
}


h1 {
  font-size: 0.8em;
  line-height: 1.5em;
  font-weight: bold;
  color: #0000ff;
  margin: 0;
  padding: 0 ;
  border: none;
}

h1#logo{
	width:830px;
	height:39px;
	background: url(../images/logo_bg.jpg) no-repeat;
	color:#666666;
	padding:15px 0 0 20px;
	}

h2 {
  font-size: 1.0em;
  line-height: 1.4em;
  font-weight: bold;
  font-family: "ƒqƒ‰ƒMƒm–Ύ’© ProN W3", "Hiragino Mincho ProN", 'Times New Roman', Times, serif;
  color: #000;
  margin: 0;
  padding: 0;
  border: none;
}


h3 {
  font-size: 1.4em;
  line-height: 1.8em;
  font-family: "ƒqƒ‰ƒMƒm–Ύ’© ProN W3", "Hiragino Mincho ProN", 'Times New Roman', Times, serif;
  font-weight:bold;
  color: #000;
  margin: 0;
  padding: 0 ;
  border: none;
}
h4 {
  font-size: 1.0em;
  line-height: 1.4em;
  font-weight: bold;
  font-family: "ƒqƒ‰ƒMƒm–Ύ’© ProN W3", "Hiragino Mincho ProN", 'Times New Roman', Times, serif;
  color: #000;
  margin: 0;
  padding: 0;
  border: none;
}

p {
  margin: 0;
  padding: 0;
}

a:link {
  text-decoration:underline;
  color: #900013;
}
a:visited {
  text-decoration:underline;
  color: #333333;
}
a:hover {
  color: #900;
  color:#cccccc;
}

.l {  text-align: left;}
.c {  text-align: center;}
.r {  text-align: right;}
.j {  text-align: justify;}
.t {  vertical-align: top;}
.m {  vertical-align: middle;}
.b { vertical-align: bottom;}

.fl{float:left;}

.fr{float:right;}

.c2{margin:0 auto;}

.hidden{
	visibility:hidden;
	text-indent:-9999px;

}

.mgb10{	margin-bottom:10px;}

.mgt50{ margin-top:50px;}



.rred{
	color:#c11000;
	}




/*----------------------------------------------------------
 - FONT
----------------------------------------------------------*/
p.title_about_p {
  font-size: 1.4em;
  line-height: 3em;
  font-family: "ƒqƒ‰ƒMƒm–Ύ’© ProN W3", "Hiragino Mincho ProN", 'Times New Roman', Times, serif;
  font-weight:bold;
  color: #000;
  border: none;
  margin:15px;
}


/*----------------------------------------------------------
 - background
----------------------------------------------------------*/
td.title {
  background-image: url(../images/title01.gif);
}


/*----------------------------------------------------------
 - layout
----------------------------------------------------------*/
/*layout clear*/
.clearfloat { 
  clear: both;
  height: 0;
  line-height: 0px;
}

/*layout wrapper*/
div#wrapper {
  background-image: url(../images/base01.gif);
  width: 920px;
  height: 100%;
  margin: auto;
  padding: 0;
  border: 0;
}

/*layout header*/
div#header{
  margin: 0 auto;
  text-align: left;
  width: 850px;
}

/*layout menu*/
div#menu{
  margin: 0 auto;
  text-align: left;
  width: 850px;
}
div#menu ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
div#menu li{
  margin: 0;
  padding: 0;
  float: left;
}

/*hoverƒCƒ[ƒW*/
div#menu a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}



/*layout line*/
div#line{
  margin: 0 auto;
  text-align: left;
  width: 850px;
}

/*layout stage*/
div#stage {
  background-color: #fff;
  width: 850px;
  margin: auto;
  padding: 0;
  border: 0;
}
/*layout con_left*/
div#stage_left {
  float: left;
  background-image: url(../images/stage_main.gif);
  width: 620px;
  height: 480px;
  margin: auto;
  padding: 0;
  border: 0;
}
div#stage_left_f {
  background-color:#0ff;
  width: 600px;
  height: 340px;
  margin-top: 10px;
  margin-left: 10px;
  padding: 0;
  border: 0;
}
div#stage_left_i {
  background-image: url(../images/stage_main_base.gif);
  width: 590px;
  height: 95px;
  margin-top: 10px;
  margin-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  border: 0;
  overflow: auto;
  font-size:80%;
}
/*layout con_right*/
div#stage_right {
  float: right;
  /*background-image: url(../images/stage_sub.gif);*/
  width: 220px;
  height: 480px;
  margin: auto;
  padding: 0;
  border: 0;
}
/*div#stage_right_m {
  background-color:#fff;
  width: 200px;
  height: 460px;
  margin-top: 10px;
  margin-left: 10px;
  padding: 0;
  border: 0;
  text-decoration: underline;

}*/

/*layout title_about*/
div.title_about {
  width: 780px;
  margin: auto;
  border: 0;
}

table.top_thumnail{ margin-top:10px;}
table.top_thumnail td{ height:320px;}



/*layout effect*/
div#effect {
  width: 780px;
  margin: auto;
  border: 0;
  text-align: center;
}
div#effect ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
div#effect li{
  margin: 0;
  padding: 0;
  float: left;
}

/*layout footer*/
div#footer {
  background-image: url(../images/base01.gif);
  width: 920px;
  height: 100%;
  margin: auto;
  padding: 0;
  border: 0;
}

/*layout footer_header*/
div#footer_header{
  margin: 0 auto;
  text-align: left;
  width: 850px;
}
div#footer_header ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
div#footer_header li{
  margin: 0;
  padding: 0;
  float: left;
  font-size: 0.8em;
}



/*----------------------------------------------------------
 - Top page Main jQuery
----------------------------------------------------------*/
div#Head{ width:600px; height:340px; margin:0 auto; background:#FFFFFF;}


/*------------------------------------------
@SLIDE SHOW ##############################
-------------------------------------------*/
#slideshow {
    position:relative;
    height:340px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 340px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 340px;
    display: block;
    border: 0;
}







/*----------------------------------------------------------
 - Top page Tabs
----------------------------------------------------------*/

.tablist {
    height:30px;
	width:220px;
}

.tab_selector {
    border_bottom:none;
    padding:2px 0 0 0;
    cursor:pointer;
    background:#ffffff;
	width:65px;
	height:30px;
	float:left;
	display:block;
	text-align:center;
	line-height:30px;
	color:#666666;
    background:url(../images/drr_tab01.jpg) no-repeat;
}
.selected {
    background:url(../images/drr_tab01_on.jpg) no-repeat;
	color:#FFFFFF;
}

.tab {
	background:url(../images/drr_tabbg.jpg) top no-repeat;
    padding:10px 10px;
    display:block;
    width:200px;
	height:430px;
	color:#FFFFFF;
}

.tab a{
	color:#FFFFFF;
	font-size:85%;
	text-decoration:none;
}

.tab a:hover{
	text-decoration:underline;
}



.noshow {
    display:none;
	}
	
	

/*-------------------------------------------------------------
@-@Top page recomend
-------------------------------------------------------------*/

table#rec_table{
	margin:10px auto 50px;
	}

table#rec_table td{
	width:388px;
	height:106px;
	vertical-align:middle;
}


td.rec01{
	background:url(../images/recomendlist01.jpg) center no-repeat;
	}

td.rec02{
	background:url(../images/recomendlist02.jpg) center no-repeat;
	}

td.rec03{
	background:url(../images/recomendlist03.jpg) center no-repeat;
	}

td.rec04{
	background:url(../images/recomendlist04.jpg) center no-repeat;
	}

td.rec05{
	background:url(../images/recomendlist05.jpg) center no-repeat;
	}

p.recp{
	font-size:75%;
	margin:10px 0 0 50px;
	}


	
table#rec_table p.recttl{
	font-size:180%;
	margin:0 0 0 50px;
}

table#rec_table p.recttl a:link{
	text-decoration:none;
	}

table#rec_table p.recttl a:hover{
	text-decoration:underline;
	color:#990000;
	}

/*----------------------------------------------------------------------
   - Recommend page
------------------------------------------------------------------------*/

div.rec{
	width:780px;
	height:209px;
	margin:20px auto 0;
	}

div.recl{
	width:184px;
	float:left;
	}

div.recr01{
	width:596px;
	height:209px;
	float:right;
	background:url(../recommend/img/crmbg01.gif) bottom no-repeat;
	}

div.recr02{
	width:596px;
	height:209px;
	float:right;
	background:url(../recommend/img/crmbg02.gif) bottom no-repeat;
	}


div.recr03{
	width:596px;
	height:209px;
	float:right;
	background:url(../recommend/img/crmbg03.gif) bottom no-repeat;
	}

div.recr04{
	width:596px;
	height:209px;
	float:right;
	background:url(../recommend/img/crmbg04.gif) bottom no-repeat;
	}

div.recr05{
	width:596px;
	height:209px;
	float:right;
	background:url(../recommend/img/crmbg05.gif) bottom no-repeat;
	}


p.cmn_read{
  font-size: 1.2em;
  line-height:1.6em;
  font-family: "ƒqƒ‰ƒMƒm–Ύ’© ProN W3", "Hiragino Mincho ProN", 'Times New Roman', Times, serif;
  font-weight:bold;
  color:#666666;
  margin-bottom:10px;	
	}

div.crm_tab{
	width:760px;
	margin:0px auto 20px;
	background-color:#FFFFFF;
	}