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

/* 基本構造
-------------------------------- */
.container {
width:900px;
}
.main {
width:650px;
}
#kunrenmain {
clear:both;
float:left;
position:relative;
width:100%;
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;
}
/**/
/* カバー部分
-------------------------------- */
h1 {
width:571px;
height:52px;
margin:0;
padding:0;
background:url(../img3/kunren3/h1title.jpg) no-repeat left center;
text-indent:-9999em;
}
h1 a {
width:571px;
height:52px;
margin:0;
padding:0;
background:url(../img3/kunren3/h1title.jpg) no-repeat left center;
text-indent:-9999em;
display:block;
text-decoration:none;
}
h1 a:hover {
width:571px;
height:52px;
margin:0;
padding:0;
background:url(../img3/kunren3/h1title.jpg) no-repeat left center;
text-indent:-9999em;
display:block;
text-decoration:none;
}
.navi-top {
margin:0;
padding:2px 0 0 0;
background:url(../img3/kunren3/titlecover_r2_c1.jpg) no-repeat top left;
}

.sakalevel {
margin:0;
padding:50px 2px 10px 2px;
background: url(../img3/kunren3/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:0.75em;
color:#999999;
font-weight:normal;
}

#kunrenmain a:link {
text-decoration:none;
font-size:0.75em;
color:#99ccff;
}
#kunrenmain a:visited {
text-decoration:none;
font-size:0.75em;
color:#99ccff;
}
#kunrenmain a:hover {
font-size:0.75em;
color:#FF9900;
}
#kunrenmain a:active {
font-size:0.75em;
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(../img3/kunren3/sakalevel.jpg) no-repeat;
padding:15px 0 10px 0;
margin:6px 0;
text-indent:-9999em;
font-size:14px;
border-bottom:#999999 solid 1px;
}
p#lv297 {
background: url(../img3/kunren3/marker1.gif) no-repeat;
padding:5px 0 8px 15px;
margin:10px 0 0 0;
font-size:0.75em;
color:#990000;
}
p#lv298 {
background: url(../img3/kunren3/marker2.gif) no-repeat;
padding:5px 0 8px 15px;
margin:10px 0 0 0;
font-size:0.75em;
color:#990000;
}
p#lv299 {
background: url(../img3/kunren3/marker3.gif) no-repeat;
padding:5px 0 8px 15px;
margin:10px 0 0 0;
font-size:0.75em;
color:#990000;
}
p#lv300 {
background: url(../img3/kunren3/marker4.gif) no-repeat;
padding:5px 0 8px 15px;
margin:10px 0 0 0;
font-size:0.75em;
color:#990000;
}
p#lv301 {
background: url(../img3/kunren3/marker5.gif) no-repeat;
padding:5px 0 8px 15px;
margin:10px 0 0 0;
font-size:0.75em;
color:#990000;
}
p#lv302 {
background: url(../img3/kunren3/marker6.gif) no-repeat;
padding:5px 0 8px 15px;
margin:10px 0 0 0;
font-size:0.75em;
color:#990000;
}

/* 写真部分
-------------------------------- */
#photo {
float:left;
margin:10px 0 5px 10px;
padding:0;
width:320px;
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:420px;
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:190px;
margin:8px 5px;
padding:0;
line-height:150%;
font-size:0.85em;
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:0.75em;
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;
}
/* navi
-------------------------------- */
.navi {
clear:both;
position:relative;
margin:50px 0;
}
.navi ul {
margin:0;
padding:0 10px;
list-style:none;
border-left:#666666 solid 1px;
overflow:hidden;
}
.navi li {
float:left;
margin:0 10px 0;
padding:0 10px 0 0;
font-size:0.8em;
border-right:#666666 solid 1px;
}
.komered {
font-size:10px;
color:#FF0000;
}
/* サイド
-------------------------------- */
.kunrenside p {
font-size:0.8em;
color:#666666;
}
.kunrenside h5 {
margin:0;
padding:0 0 4px 0;
font-size:0.8em;
color:#009900;
border-bottom:#009900 solid 1px;
}
p.s-backto {
margin:20px 0;
font-size:0.75em;
}
p.s-backto a {
text-decoration:none;
}