@charset "UTF-8";
/*
colorset：
arrow:#EC008C;
text:#000000;
*/


/*
.selector { 
content: "."; 
display: block; 
visibility: visible; 
position: relative; 
float: none; 
left: 0; 
top: 0; 
width: 10px; 
height: 20px; 
margin: 0; 
border: 1px solid #fff; 
padding: 9px; 
color: red; 
font: normal 11px/14px trebuchet, verdana, arial, sans-serif; 
background: blue url(foo.gif) no-repeat left top; 
} 

*/
  
/* ////////////////////////////////////////
default
//////////////////////////////////////// */
* {
margin: 0;
padding: 0;
font-size: 100%;
font-weight:normal;
}

body {
color: #000000;
font-size: 12px;
font-family: HiraKakuPro-W3, 'ヒラギノ角ゴ Pro W3', "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック",sans-serif;
line-height:1em;
text-align:center;
background:url("../images/background01.gif") top center repeat-y;
_background:url("../../images/background02.gif") top center repeat-y;
_font-size: 84%;
}

img {
vertical-align: bottom;
border: none;
}

a {
}

a:link {
}

a:visited {
color:#666666;
}

a:active {
}

a:hover {
color:#F0037F;
}

.preload {
height:0px;
width:0px;
}

.line_8px {
display:block;
margin:10px 0px;
width:100%;
height:8px;
background:#000000;
}

.line_7px {
display:block;
margin:10px 0px;
width:100%;
height:7px;
background:#000000;
}

.line_6px {
display:block;
margin:10px 0px;
width:100%;
height:6px;
background:#000000;
}

.line_5px {
display:block;
margin:10px 0px;
width:100%;
height:5px;
background:#000000;
}

.line_4px {
display:block;
margin:10px 0px;
width:100%;
height:4px;
background:#000000;
}

.line_3px {
display:block;
margin:10px 0px;
width:100%;
height:3px;
background:#000000;
}

.line_2px {
display:block;
margin:10px 0px;
width:100%;
height:2px;
background:#000000;
}

.line_1px {
display:block;
margin:10px 0px;
width:100%;
height:1px;
background:#000000;
}


/*
----------------------------------------------------------
[LAYOUT]
----------------------------------------------------------*/
#container {
margin:0px auto;
text-align:center;
}

#wrapper {
margin:0px auto;
width:970px;
text-align:left;
}

#side {
float:left;
width:250px;
margin-right:25px;
}

#main {
float:left;
width:695px;
}


/*
----------------------------------------------------------
[SIDE]
----------------------------------------------------------*/
#header {
margin-bottom:10px;
}

#header h1 {
}

#header h1 a {
display:block;
width:250px;
height:300px;
background:url("../images/header_title01.gif") top left  no-repeat;
}

#header h1 a span {
display:none;
}

#i_navi ul li a#navi_recruiting {
background:url(../images/navi_recruiting01.gif) 0px 0px no-repeat;
}
#i_navi ul li a#navi_recruiting:hover{
background-position: 0px -61px;
}


/*
----------------------------------------------------------
[SIDE]navi_global
----------------------------------------------------------*/
#navi_global {
margin-bottom:30px;
}

#navi_global ul {
margin:0px;
padding:0px;
list-style:none;
border-top:8px solid #000000;
border-bottom:8px solid #000000;
}

#navi_global ul li {
display:block;
margin:0px;
padding:0px;
border-bottom:1px solid #000000;
line-height:1.4em;
font-weight:bold;
}

#navi_global ul li a {
display:block;
padding:8px 0px 8px 40px;
color:#000000;
text-decoration:none;
font-weight:bold;
}

#navi_global ul li a:hover {
background:url("../images/arrow_mini.gif") 15px center no-repeat;
}

#navi_global ul li a.g_active {
background:url("../images/arrow_mini.gif") 15px center no-repeat;
}

#navi_global ul li h3 {
margin:0px;
font-weight:bold;
}

#navi_global ul li ul {
margin:0px;
padding:0px;
list-sytle:none;
border:none;
}

#navi_global ul li ul li {
border:none;
font-weight:bold;
}

#navi_global ul li ul li a {
margin:0px;
padding:4px 0px 4px 40px;
}


#navi_global ul li ul li #panel {
margin:0px;
padding:4px 0px 4px 40px;
font-weight:bold;
}

#navi_global ul li ul li #panel a {
display:inline;
padding:0px 5px;
border-left:1px solid #000000;
background-image:none;
}

#navi_global ul li ul li #panel a:hover {
background-color:#EC008C;
background-image:none;
}

#navi_global ul li ul li #panel a.active {
background-color:#EC008C;
background-image:none;
}

.stretcher {
}

.display {
}

.display a {
cursor:pointer;
}

ul#links {
list-style: none outside none;
margin: 0 0 0 24px;
padding: 0;
}

ul#links li {
    list-style-type: none;
    margin: 3px 0;
    padding: 4px 0 4px 0;
    line-height: 1.4em;
}

ul#links li a { 
    text-decoration: none;
    padding-left: 15px;
    color: #000;
 }
 
ul#links li a:hover {background: url("/repre/images/arrow02.gif") no-repeat scroll left center transparent;}

/*
----------------------------------------------------------
[MAIN]
----------------------------------------------------------*/
#main {
margin-bottom:20px;
float:left;
}

/*bread_list*/
#main #main_bread_list {
padding:32px 0px;
}

#main #main_bread_list table {
}

#main #main_bread_list table th {
padding:0px 5px;
}

#main #main_bread_list table th span{
font-weight:bold;
_font-weight:bold;
}

/*main_contents*/
#main #main_contents {
clear:both;
}


#main #main_contents {
}

#main #main_contents #main_title {
}

#main #main_contents #main_title h2 {
border-top:8px solid #000000;
border-bottom:8px solid #000000;
line-height:1.6em;
font-size:1.4em;
font-weight:bold;
height:205px;
width:470px;
padding-top:10px;
float:left;
}

#main #main_contents #main_title h2 span {
font-size:0.9em;
}

#main #main_contents #main_title #main_3col {
width:210px;
float:right;
height:205px;
padding-top:10px;
border-top:8px solid #ffffff;
border-bottom:8px solid #000000;
}

#main #main_contents h2#main_title_img {
padding:0px;
margin:0px;
margin-right:0px;
width:100%;
height:215px;
}

/*topics*/

#main #main_contents .main_contents_topics h2 {
border-top:8px solid #000000;
line-height:1.6em;
font-size:1.4em;
font-weight:bold;
padding-top:10px;
}

#main #main_contents .main_contents_topics img {
margin-top:20px;
float:right;
}

#main #main_contents .main_contents_topics p {
margin:15px 0px;
padding:0px 0px;
line-height:2em;
width:470px;
}


/*books*/
#main #main_contents .main_title_book a {
display:block;
text-decoration:none;
color:#000000;
}

#main #main_contents .main_title_book a:hover {
background:url("../images/arrow_mini.gif") 0px center no-repeat;
}

#main #main_contents .main_title_book a h3 {
border-bottom:8px solid #000000;
line-height:1.6em;
font-size:1.2em;
font-weight:bold;
padding:8px 0px;
margin-left:25px;
}

#main #main_contents .main_title_book em {
font-size:0.8em;
color:#666666;
font-style:normal;
}

#main #main_contents .main_title_book_sub h3 {
display:block;
border-bottom:3px solid #000000;
line-height:1.6em;
font-size:1em;
font-weight:bold;
padding:8px 0px;
margin-left:25px;
}

#main #main_contents .main_title_book_sub h3 span {
font-size:0.9em;
}

#main #main_contents #back {
text-align:center;
font-size:0.9em;
}

#main #main_contents #back a {
color:#F0037F;
text-decoration:none;
}

#main #main_contents_text {
position:relative;
float:left;
width:470px;
border-bottom:8px solid #000000;
}

#main #main_contents_text h3 {
margin:40px 0px 20px 0px;
font-size:1.1em;
line-height:1.6em;
font-weight:bold;
}

#main #main_contents_text p {
margin:15px 0px;
padding:0px 0px;
line-height:2em;
}

/* activity */

#main #main_contents .activity {
display:block;
border-bottom:3px solid #000000;
line-height:1.6em;
font-size:1em;
font-weight:bold;
padding:16px 0px 0px 0px;
margin-left:25px;
}

#main #main_contents .activity ul{
list-style:disc inside;
padding:16px 0px;
}

#main #main_contents .activity li{
padding:4px 49px 0px 16px ;
}

/*
----------------------------------------------------------
[pagetop]
----------------------------------------------------------*/
#pagetop {
margin:10px 0px;
padding:10px 0px;
font-size:0.9em;
text-align:right;
}

#pagetop a {
color:#F0037F;
text-decoration:none;
}


/*
----------------------------------------------------------
[notes]
----------------------------------------------------------*/
#notes_img {
width:210px;
float:right;
text-align:left;
padding-top:10px;
}

#notes_img img {
border:1px solid #cccccc;
}

#notes_img p {
font-size:0.9em;
line-height:1.6em;
}


/*
----------------------------------------------------------
[INDEX]
----------------------------------------------------------*/
#index #side {
width:260px;
margin-right:25px;
}

#index #side #header h1 {
margin:0px;
padding:0px;
}

#index #side #header h2 {
margin:30px 0px 0px 0px;
padding:0px;
}


#index #side #header_recommend {
margin:30px 0px;
color:#666666;
font-size:0.8em;
}

#index #side #header_recommend p {
line-height:2em;
padding:3px;
color:#000000;
}


#index #main {
width:685px;
text-align:right;
margin:0px;
}

#index #main #main_top {
padding:0px;
margin:0px;
text-align:left;
}
#index #main #main_top h2 {
padding-left:30px;
margin:68px 0px 50px 0px;
font-size:1.4em;
font-weight:bold;
letter-spacing:1px;
text-align:left;
}



#index #main .stretcher a {
display:block;
padding-left:30px;
}

#index #main .stretcher a:hover {
background:url("../images/arrow01.gif") 0px 12px no-repeat;
}

#index #main .stretcher a img {
border-top:8px solid #000000;
border-bottom:8px solid #000000;
}

#index #main .stretcher h3 {
padding:0px;
}

#index #footer {
margin-top:80px;
}

/*
----------------------------------------------------------
[footer]
----------------------------------------------------------*/
#footer {
margin:20px 0px;
width:100%;
clear:both;
text-align:center;
}

#footer ul {
display:inline;
list-style:none;
}

#footer ul li {
display:inline;
list-style:none;
padding-right:10px;
font-size:0.8em;
}

/*
----------------------------------------------------------
[other]
----------------------------------------------------------*/

.name	{
			font-weight:bold;
			font-family:'ＭＳ Ｐゴシック', Osaka, 'ヒラギノ角ゴ Pro W3';
		}