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

/* 基本構造
-------------------------------- */

#kunrenmain {
clear:both;
float:left;
position:relative;
width:580px;
background:#333333;
margin:10px 0;
padding:0;
overflow: hidden;
}
#kunrenmain:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #kunrenmain {
    height: 1em;
    overflow: visible;
}
/**/
/* カバー部分
-------------------------------- */
.titlecover {
clear:both;
width:570px;
height:65px;
margin:0;
padding:0;
font-size:0.8em;
color:#660000;
background:url(../img2/kunren/titlecover_r1_c1.jpg) no-repeat bottom left;
}
.titlecover a {
width:570px;
height:65px;
margin:0;
padding:0;
color:#990000;
background:url(../img2/kunren/titlecover_r1_c1.jpg) no-repeat bottom left;
display:block;
text-decoration:none;
}
.navi-top {
margin:0;
padding:2px 0 0 0;
background:url(../img2/kunren/titlecover_r2_c1.jpg) no-repeat top left;
}

.sakalevel {
margin:0;
padding:50px 2px 10px 2px;
background: url(../img2/kunren/sakalevel.jpg) no-repeat left top;
font-size:0.75em;
color:#666666;
line-height:150%;
}


#read {
margin:10px 0 0 18px;
padding:0;
font-size:12px;
color:#999999;
font-weight:normal;
}

#kunrenmain a:link {
text-decoration:none;
font-size:12px;
color:#99ccff;
}
#kunrenmain a:visited {
text-decoration:none;
font-size:12px;
color:#99ccff;
}
#kunrenmain a:hover {
font-size:12px;
color:#FF9900;
}
#kunrenmain a:active {
font-size:12px;
color:#FF9900;
}
/* TBサイド部分
-------------------------------- */
.tbbox {
margin:5px 0;
padding:2px 5px;
background:url(../img2/pub/border.gif) repeat-x top left;
}
.tbbox h6 {
margin:0;
padding:0;
font-size:0.85em;
color:#660000;
line-height:150%;
}
.tbinfo {
font-size:0.75em;
color:#666600;
}
.info {
padding: 2px 4px;
margin:5px 0;
border: 1px solid #e9e9e9;
width: 120px;
color:#333333;
font-size:10px;
}
/* 坂道レベルサイド部分
-------------------------------- */
#saka h5 {
background: url(../img2/kunren/sakalevel.jpg) no-repeat;
padding:15px 0 10px 0;
margin:6px 0;
text-indent:-9999em;
font-size:14px;
border-bottom:#999999 solid 1px;
}
p#lv2 {
background: url(../img2/kunren/marker1.gif) no-repeat;
padding:5px 0 8px 15px;
margin:10px 0 0 0;
font-size:12px;
color:#990000;
}
p#lv5 {
background: url(../img2/kunren/marker2.gif) no-repeat;
padding:5px 0 8px 15px;
margin:10px 0 0 0;
font-size:12px;
color:#990000;
}
p#lv6 {
background: url(../img2/kunren/marker3.gif) no-repeat;
padding:5px 0 8px 15px;
margin:10px 0 0 0;
font-size:12px;
color:#990000;
}
p#lv7 {
background: url(../img2/kunren/marker4.gif) no-repeat;
padding:5px 0 8px 15px;
margin:10px 0 0 0;
font-size:12px;
color:#990000;
}
p#lv8 {
background: url(../img2/kunren/marker5.gif) no-repeat;
padding:5px 0 8px 15px;
margin:10px 0 0 0;
font-size:12px;
color:#990000;
}
p#lv9 {
background: url(../img2/kunren/marker6.gif) no-repeat;
padding:5px 0 8px 15px;
margin:10px 0 0 0;
font-size:12px;
color:#990000;
}

/* 写真部分
-------------------------------- */
#photo {
float:left;
margin:10px 0 5px 10px;
padding:0;
width:260px;
overflow: hidden;
}
#photo:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #photo {
    height: 1em;
    overflow: visible;
}
/**/
#photo img {
margin:8px 4px 0 0;
padding:0;
}
/* テキスト部分
-------------------------------- */
#text {
float:right;
margin:15px 0 5px 0;
padding:0;
color:#ffffff;
overflow: hidden;
}
#text:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #text {
    height: 1em;
    overflow: visible;
}
/**/
#textbox {
clear:both;
position:relative;
width:280px;
margin:0 10px 0 0;
padding:0;
}
#textbox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #textbox {
    height: 1em;
    overflow: visible;
}
/* テキスト見出し部分
-------------------------------- */
#oowaku {
width:270px;
height:328px;
margin:0;
padding:0;
text-align: center;
}
#oowaku p {
margin:5px 0;
padding:0;
width:270px;
line-height:150%;
font-size:14px;
}
#oowaku h2{
width:270px;
margin:10px 0;
padding:0;
font-size:14px;
}
/* テキスト下部部分
-------------------------------- */
#kowaku p {
float:left;
width:125px;
height:160px;
margin:8px 5px;
padding:0;
line-height:150%;
font-size:12px;
color:#CCCCCC;
overflow-y:auto;
  scrollbar-face-color: #333333;       /* 表面の色 */
  scrollbar-3dlight-color: #333333;    /* 左端と上端の色 */
  scrollbar-highlight-color: #333333;  /* ハイライトの色 */
  scrollbar-shadow-color: #333333;     /* 影の色 */
  scrollbar-darkshadow-color: #333333; /* 右端と下端 */
  scrollbar-arrow-color: #FFFF66;      /* 矢印の色 */
  scrollbar-track-color: #333333;      /* バーの背景の色 */
}

/* 次
-------------------------------- */
#next {
clear:both;
display:block;
text-align: right;
margin:5px 5px 10px 0;
padding:0;
}
/* 下部メニュー
-------------------------------- */
#kunrenmenu {
clear:both;
width:580px;
margin:5px 0;
padding:0;
text-align: center;
}
#kunrenmenu p {
font-size:12px;
color:#666666;
}
#kunrenmenu p a:link{
text-decoration:none;
color:#003399;
}
#kunrenmenu p a:visited{
text-decoration:none;
color:#006699;
}
#kunrenmenu p a:hover {
color:#FF9900;
}
#kunrenmenu p a:active {
color:#FF9900;
}