.k-waku {  width: 850px}
.k-waku01 {  height: 30px; width: 100%}
.k-waku02 {  height: 170px; width: 170px}
.k-waku03 {  height: 60px; width: 680px}
.k-waku04 {  height: 60px; width: 98px}
.k-waku05menu {  height: 60px; width: 97px}
.k-waku06 {  height: 50px; width: 524px}
.k-waku07bana {  width: 156px}
.k-waku08menu {  width: 170px; height: 90px}
.k-waku09kousin {  height: 260px; width: 300px}
.k-waku10kiss {  height: 260px; width: 224px}
.k-waku11main {  width: 520px}
.k-waku09kousin2 { height: 240px; width: 300px }
.k-waku09kousin3 { height: 30px; width: 300px }
.f04 {  font-size: 14px}
.f04B { font-size: 14px; font-style: normal; font-weight: bold; line-height: 16px}
.f05B { font-size: 20px; font-style: normal; font-weight: bolder; line-height: 23px}
.f02 {  font-size: 10px; line-height: 13px}
.f01 { font-size: 9px; line-height: 13px ; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px}
.f03 {  font-size: 12px; line-height: 14px}
.f02Copy { font-size: 11px; line-height: 13px }
.f02Copy2 { font-size: 11px; line-height: 13px ; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px}
.k-waku05 { clip:  rect(   )}
.waku04 { border: dashed; border-color: #FFCCCC black; border-width: 3px 0px}

/* --- ボックス --- */
div.section {
width: 100%; /* ボックスの幅 */
font-size: 80%; /* ボックスの文字サイズ */
color: #000000; /* ボックスの文字色 */
}

/* --- タブエリア --- */
div.section ul.tabs {
width: 99%; /* タブエリアの幅（ボックスの幅から2px引いた値） */
margin: 0;
padding: 0;
background-color: #f5f5f5; /* タブエリアの背景色 */
border: 1px #c0c0c0; /* タブエリアの境界線（太さ、色） */
border-style: solid solid none; /* タブエリアの境界線スタイル（上、左右、下） */
list-style-type: none;
}
div.section ul.tabs li {
position: relative;
z-index: 1;
width: 10em; /* タブの幅 */
margin-bottom: -1px; /* タブの下マージン */
text-align: center;
float: left;
}

/* --- リンクエリア --- */
div.section ul.tabs li a {
display: block;
position: relative; /* IE6用 */
padding: 3px 2px; /* リンクエリアのパディング（上下、左右） */
border-left: 1px #ffffff solid; /* リンクエリアの左境界線 */
border-right: 1px #c0c0c0 solid; /* リンクエリアの右境界線 */
outline: none; /* アウトライン（なし） */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.section ul.tabs li a:hover {
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- アクティブなタブ --- */
div.section ul.tabs li.active {
z-index: 3;
background-color: #ffffff; /* アクティブタブの背景色 */
font-weight: bold; /* 太字 */
}
div.section ul.tabs li.active a {
color: #000000; /* アクティブタブの文字色 */
}
/* --- ポイント時の設定 --- */
div.section ul.tabs li.active a:hover {
text-decoration: none; /* テキストの下線（なし） */
}

/* --- 本文領域 --- */
div.section div.topicArea {
position: relative;
z-index: 2;
height: 12em; /* 本文領域の高さ */
overflow: auto; /* はみ出た場合はスクロールで表示 */
padding: 10px; /* 本文領域のパディング */
background-color: #ffffff; /* 本文領域の背景色 */
border: 1px #c0c0c0 solid; /* 本文領域の境界線 */
}
/* --- 段落 --- */
div.section div.topicArea p {
margin: 0 0 1em; /* 段落のマージン（上、左右、下） */
}

/* --- 本文領域内の各ボックス --- */
div.section div.topicArea div.topic {
padding-top: 1em; /* JavaScriptがオフの場合の設定 */
border-bottom: 1px #c0c0c0 solid; /* JavaScriptがオフの場合の設定 */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}