@charset "utf-8";
/* CSS Document */

html {filter: expression(document.execCommand("BackgroundImageCache", false, true)); }
body{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:12px;
color:#666666;
margin:0px;
padding:0px;
line-height:1.4em;
letter-spacing:0.1em;
background:#eeeeee;
}
h1{
font-size:1em;
padding:0px;
margin:0px;
text-indent:-9999px;
background:url(../img/logo.gif) no-repeat top left;
}
h2{
width:239px;
height:40px;
font-size:12px;
margin:0px 0px 10px 0px;
padding:0px;
background:url(../img/left_ber1.gif) no-repeat top left;
text-indent:-9999px;
}
h3{
width:239px;
height:40px;
font-size:12px;
margin:10px 0px 10px 0px;
padding:0px;
background:url(../img/left_ber2.gif) no-repeat top left;
text-indent:-9999px;
}
h4,h5,h6{
font-size:12px;
margin:0px;
padding:0px;
}
img{
margin:0px;
padding:0px;
border:none;
}
p {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
ul{
margin:0px;
padding:0px;
list-style-type:none;
}
li{
margin:0px;
padding:0px;
}
dl{margin:0px;padding:0px;}
dt{margin:0px;padding:0px;}
dd{margin:0px;padding:0px;}

hr{height:1px;border:#ff36b1 solid 1px;margin:0px;padding:0px;}

#content_wrapper{
width:800px;
text-align:left;
margin:0px 0px 0px -400px;
padding:0px 0px 0px 0px;
position:relative;
left:50%;
border:1px solid #82b324;
background:#FFFFFF;
}

/********HEADER*********************************************/
#header{
width:800px;
height:60px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:url(../img/logo.gif) no-repeat top left;
}
.topback{
display:block;
width:262px;
height:60px;
padding:0px;
margin:0px;
float:left;
}
.topback a{
display:block;
width:262px;
height:60px;
padding:0px;
margin:0px;
}
.h_menu{
display:block;
width:538px;
height:20px;
padding:0px 0px 0px 0px;
margin:40px 0px 0px 0px;
float:right;
text-align:right;
}
/********book*********************************************/
#book{
display:block;
background:url(../img/book_bg.gif) repeat-x top center;
width:800px;
height:347px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
#index_book{
display:block;
background:url(../img/book_bg.gif) repeat top center;
width:800px;
height:520px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.book_space{
width:160px;
height:155px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.table_space{
height:5px;
background:#dddddd;
padding:0px 0px 0px 0px;
margin:0px 0px 5px 0px;
}

/********LEFT_COLUMN*********************************************/
#left_column{
width:240px;
float:left;
padding:0px 0px 0px 5px;
margin:0px 0px 0px 0px;
}
#left_column ul{
width:180px;
padding:0px 0px 0px 30px;
margin:0px 0px 0px 0px;
list-style-image:url(../img/left_list.gif);
}
/********MAIN_COLUMN*********************************************/
#main_column{
width:526px;
float:right;
padding:0px 10px 0px 0px;
margin:0px 0px 0px 18px;
}
/**index**/
#main_column .index h4{
width:526px;
height:40px;
font-size:12px;
margin:0px 0px 0px 0px;
padding:0px;
background:url(../img/main_ber1.gif) no-repeat top left;
text-indent:-9999px;
}
#main_column .index h5{
width:526px;
height:18px;
font-size:12px;
margin:10px 0px 5px 0px;
padding:0px;
background:url(../img/main_ber2.gif) no-repeat top left;
text-indent:-9999px;
}
#main_column .p1{
display:block;
height:132px;
background:url(../img/main_bg1.gif) no-repeat top center;
padding:40px 0px 10px 0px;
margin:10px 0px 0px 0px;
}
#main_column .p1what{
display:block;
height:132px;
background:url(../img/main_bg2.gif) no-repeat top center;
padding:40px 0px 10px 0px;
margin:10px 0px 0px 0px;
}

#main_column ul{
width:300px;
padding:0px 0px 0px 40px;
margin:0px 0px 0px 0px;
list-style-image:url(../img/left_list.gif);
}
#main_column .p2{
display:block;
width:465px;
padding:5px 20px 5px 20px;
margin:10px 0px 10px 0px;
border-top:1px #000000 dotted;
}
/**何ができる？**/
#main_column .what1 h5{
width:526px;
height:18px;
font-size:12px;
margin:10px 0px 5px 0px;
padding:0px;
background:url(../img/main_ber2_2.gif) no-repeat top left;
text-indent:-9999px;
}
#main_column .what2 h5{
width:526px;
height:18px;
font-size:12px;
margin:10px 0px 5px 0px;
padding:0px;
background:url(../img/main_ber2_3.gif) no-repeat top left;
text-indent:-9999px;
}
#main_column .what3 h5{
width:526px;
height:18px;
font-size:12px;
margin:10px 0px 5px 0px;
padding:0px;
background:url(../img/main_ber2_4.gif) no-repeat top left;
text-indent:-9999px;
}
#main_column .what4 h5{
width:526px;
height:18px;
font-size:12px;
margin:10px 0px 5px 0px;
padding:0px;
background:url(../img/main_ber2_5.gif) no-repeat top left;
text-indent:-9999px;
}
#main_column .what5 h5{
width:526px;
height:18px;
font-size:12px;
margin:10px 0px 5px 0px;
padding:0px;
background:url(../img/main_ber2_6.gif) no-repeat top left;
text-indent:-9999px;
}
#main_column .what1 h6{
width:483px;
height:26px;
font-size:12px;
margin:10px 0px 5px 0px;
padding:0px;
background:url(../img/main_ber3.gif) no-repeat top left;
text-indent:-9999px;
}
#main_column .what2 h6{
width:483px;
height:26px;
font-size:12px;
margin:10px 0px 5px 0px;
padding:0px;
background:url(../img/main_ber3_2.gif) no-repeat top left;
text-indent:-9999px;
}
#main_column .p2_1{
display:block;
width:315px;
padding:5px 170px 5px 20px;
margin:10px 0px 10px 0px;
border-top:1px #000000 dotted;
background:url(../img/what_bg1.gif) no-repeat center center;
}
#main_column .p2_2{
display:block;
width:315px;
padding:5px 170px 5px 20px;
margin:10px 0px 10px 0px;
border-top:1px #000000 dotted;
background:url(../img/what_bg2.gif) no-repeat center center;
}
#main_column .p3{
display:block;
width:465px;
padding:187px 20px 5px 20px;
margin:10px 0px 10px 0px;
border-top:1px #000000 dotted;
background:url(../img/what1.gif) no-repeat center center;
}

/**イベント・企画**/
#main_column .event h4{
width:526px;
height:40px;
font-size:12px;
margin:0px 0px 0px 0px;
padding:0px;
background:url(../img/main_ber1_2.gif) no-repeat top left;
text-indent:-9999px;
}
#main_column .event h5{
width:526px;
height:18px;
font-size:12px;
margin:10px 0px 5px 0px;
padding:0px;
background:url(../img/main_ber2_7.gif) no-repeat top left;
text-indent:-9999px;
}
#main_column .event2 h5{
width:526px;
height:18px;
font-size:12px;
margin:10px 0px 5px 0px;
padding:0px;
background:url(../img/main_ber2_8.gif) no-repeat top left;
text-indent:-9999px;
}
#main_column .event3 h5{
width:526px;
height:18px;
font-size:12px;
margin:10px 0px 5px 0px;
padding:0px;
background:url(../img/main_ber2_9.gif) no-repeat top left;
text-indent:-9999px;
}

#main_column .p1_2{
display:block;
padding:0px 10px 0px 10px;
margin:10px 0px 10px 0px;
}
#main_column .p2{
display:block;
width:464px;
padding:5px 20px 5px 20px;
margin:10px 0px 10px 0px;
border-top:1px #000000 dotted;
}
#main_column .event h6{
width:483px;
height:26px;
font-size:12px;
margin:10px 0px 5px 0px;
padding:0px;
background:url(../img/main_ber3_3.gif) no-repeat top left;
text-indent:-9999px;
}
#main_column .event h6{
width:483px;
height:26px;
font-size:12px;
margin:10px 0px 5px 0px;
padding:0px;
background:url(../img/main_ber3_4.gif) no-repeat top left;
text-indent:-9999px;
}
#main_column .p2_3{
display:block;
width:315px;
padding:5px 170px 5px 20px;
margin:10px 0px 10px 0px;
border-top:1px #000000 dotted;
background:url(../img/event_bg1.gif) no-repeat center center;
}
#main_column .p2_4{
display:block;
width:315px;
padding:5px 170px 5px 20px;
margin:10px 0px 10px 0px;
border-top:1px #000000 dotted;
background:url(../img/event_bg2.gif) no-repeat center center;
}
/*company*/
#main_column .company h4{
width:526px;
height:40px;
font-size:12px;
margin:0px 0px 0px 0px;
padding:0px;
background:url(../img/main_ber1_6.gif) no-repeat top left;
text-indent:-9999px;
}

/*inquiry*/
#main_column .inquiry h4{
width:526px;
height:40px;
font-size:12px;
margin:0px 0px 0px 0px;
padding:0px;
background:url(../img/main_ber1_7.gif) no-repeat top left;
text-indent:-9999px;
}

/*job*/
#main_column .job h4{
width:526px;
height:40px;
font-size:12px;
margin:0px 0px 0px 0px;
padding:0px;
background:url(../img/main_ber1_8.gif) no-repeat top left;
text-indent:-9999px;
}

/*job1*/
#main_column .job h5{
width:526px;
height:40px;
font-size:12px;
margin:0px 0px 0px 0px;
padding:0px;
background:url(../img/main_ber1_5.gif) no-repeat top left;
text-indent:-9999px;
}

/*privacy*/
#main_column .privacy h4{
width:526px;
height:40px;
font-size:12px;
margin:0px 0px 0px 0px;
padding:0px;
background:url(../img/main_ber1_9.gif) no-repeat top left;
text-indent:-9999px;
}
.privacy_txt{
width:516px;
height:500px;
margin:10px 0px;
padding:5px 5px;
overflow:auto;
}
/*SEOy*/
#main_column .seo h4{
width:526px;
height:40px;
font-size:12px;
margin:0px 0px 0px 0px;
padding:0px;
background:url(../img/main_ber1_10.gif) no-repeat top left;
text-indent:-9999px;
}

/********FOOTER*********************************************/
#footer{
display:block;
width:800px;
height:22px;
background:url(../img/footer.gif) no-repeat top center;
padding:7px 0px 0px 0px;
margin:0px;
font-size:10px;
color:#FFFFFF;
}
#footer a:link{
color:#FFFFFF;
text-decoration:none;
}
#footer a:visited{
color:#FFFFFF;
text-decoration:none;
}
#footer a:active {
color:#FFFFFF;
text-decoration:none;
} 
#footer a:hover{
color:#FFFFFF;
font-weight:bold;
text-decoration:underline;
}



/*****************************************************/
.floatEnd {
clear:both;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.line{
display:block;
background:url(../img/line.gif) no-repeat top center;
height:1px;
width:505px;
margin:5px 0px;
padding:0px 0px 0px 0px;
}
.text-ind{
display:block;
padding:0px 10px 0px 25px;
letter-spacing:0.1em;
}
.text-ind2{
display:block;
padding:0px 25px 0px 10px;
letter-spacing:0.1em;
}
.red{color:RED;}
.info{
padding:0px 20px 0px 0px;
margin:0px 0px 0px 0px;
text-align:right;
}