@charset "shift_jis";

/* Base */
body{
color:#000000;
background-color:#ffffff;
width:900px;
margin:0 auto;
font-family:"sans-serif";}

a{color:#ff6666;}
a:visited{color:#6666ff;}
a:hover{color:#66ff66;}

p{line-height:150%;}

em{font-style:normal; font-weight:bold; }

img{border:0;}

h2{
line-height:120%;
border-left:0.5em solid #999999;
border-right:0.5em solid #999999;
border-top:thin solid #999999;
border-bottom:thin solid #999999;
padding:0.2em 0.5em;}

h3{
background-color:#eeeeee;
border-left:0.6em solid #aaaaaa;
font-size:1em;
padding:0.2em 0.2em 0.2em 0.5em;}

ul,dl{line-height:150%;}
li{list-style-type:none;}

div#box_left{
float:left;
width:100px;
margin:0 0 0 -15px;}

div#box_right{
float:right;
width:750px;
}

.clear{clear:both;}

/* header */
#header{
background-image: url("../image/header.jpg");
background-repeat: no-repeat;
text-indent:-9999px;
height:100px;
margin-bottom:1em;
border-top:1px solid white;}

/* footer */
#footer{
clear:both;
padding:1em;}

img.logol{
float:left;
margin:0 12px 0 0;}

#footer p.copyright{
margin-top:12px;
color:#666666;}

/* sign */
#sign{
line-height:120%;
font-size:0.8em;
text-align:right;
padding:3px;
border:1px solid #cccccc;
}

/* main */
#main{
float:left;
width:580px;
padding:1em;
margin-top:-1em;
margin-right:-320px;}

/* decoration */
/* 矢印 */
.arrow a{
background: url("../image/out.png") no-repeat center right;
padding-right:22px;}

/* 終わったイベント */
.done{
color:#999999;
font-size:0.7em;}

/* 感想執筆者　名前　右寄せ */
.author{
text-align:right;}

/* 略歴　右寄せ */
.profile{
text-align:right;
font-size:0.8em;}

/* 感想本文 */
p.impression{
margin:1em 0 0 1em;}

/* sidebar */
#sidebar{
float:right;
width:320px;}

#sidebar li{
clear:both;
height:80px;}

.txt_float{
float:right;
width:195px;
font-size:0.9em;
vertical-align:middle;}

/* sidebar image hover 06 */
#side_06{
float:left;
width:75px;
height:75px;
margin:0;
padding:0;
background:url("../image/06.png") no-repeat left top;
text-indent:-9999px;}

p#side_06 a{
display:block;
width:75px;
height:75px;
margin:0;
padding:0;
border:0;
text-decoration:none;}

p#side_06 a:hover{
background:url("../image/06b.png") no-repeat left top;}


/* sidebar image hover 05 */
#side_05{
float:left;
width:75px;
height:75px;
margin:0;
padding:0;
background:url("../image/05.png") no-repeat left top;
text-indent:-9999px;}

p#side_05 a{
display:block;
width:75px;
height:75px;
margin:0;
padding:0;
border:0;
text-decoration:none;}

p#side_05 a:hover{
background:url("../image/05b.png") no-repeat left top;}

/* sidebar image hover 04 */
#side_04{
float:left;
width:75px;
height:75px;
margin:0;
padding:0;
background:url("../image/04.png") no-repeat left top;
text-indent:-9999px;}

p#side_04 a{
display:block;
width:75px;
height:75px;
margin:0;
padding:0;
border:0;
text-decoration:none;}

p#side_04 a:hover{
background:url("../image/04b.png") no-repeat left top;}

/* sidebar image hover 03 */
#side_03{
float:left;
width:75px;
height:75px;
margin:0;
padding:0;
background:url("../image/03.png") no-repeat left top;
text-indent:-9999px;}

p#side_03 a{
display:block;
width:75px;
height:75px;
margin:0;
padding:0;
border:0;
text-decoration:none;}

p#side_03 a:hover{
background:url("../image/03b.png") no-repeat left top;}

/* sidebar image hover 02 */
#side_02{
float:left;
width:75px;
height:75px;
margin:0;
padding:0;
background:url("../image/02.png") no-repeat left top;
text-indent:-9999px;}

p#side_02 a{
display:block;
width:75px;
height:75px;
margin:0;
padding:0;
border:0;
text-decoration:none;}

p#side_02 a:hover{
background:url("../image/02b.png") no-repeat left top;}

/* sidebar image hover 01 */
#side_01{
float:left;
width:75px;
height:75px;
margin:0;
padding:0;
background:url("../image/01.png") no-repeat left top;
text-indent:-9999px;}

p#side_01 a{
display:block;
width:75px;
height:75px;
margin:0;
padding:0;
border:0;
text-decoration:none;}

p#side_01 a:hover{
background:url("../image/01b.png") no-repeat left top;}

/* sidebar image hover 00 */
#side_00{
float:left;
width:75px;
height:75px;
margin:0;
padding:0;
background:url("../image/00.png") no-repeat left top;
text-indent:-9999px;}

p#side_00 a{
display:block;
width:75px;
height:75px;
margin:0;
padding:0;
border:0;
text-decoration:none;}

p#side_00 a:hover{
background:url("../image/00b.png") no-repeat left top;}

/* sidebar image hover lecturer */
#side_l{
float:left;
width:75px;
height:75px;
margin:0;
padding:0;
background:url("../image/lecturer.png") no-repeat left top;
text-indent:-9999px;}

p#side_l a{
display:block;
width:75px;
height:75px;
margin:0;
padding:0;
border:0;
text-decoration:none;}

p#side_l a:hover{
background:url("../image/lecturer_b.png") no-repeat left top;}