/* 
 * ONO, Hiroki option stylesheet version 1.1
 * original: Feb 2, 2001
 * revised : Feb 27, 2001 option stylesheet by CGI
 * revised : 2016-07-17 responsible caption-box img
 *
 */

p { line-height: 150%; }



body {
    /* new URL 
    background-image: url(onohiroki-cycling-jp.gif);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom right; */
}


blockquote {
	border-top: 2px #DCDCDC solid;
	border-right: 2px white solid;
	border-bottom: 2px white solid;
	border-left: 2px #DCDCDC solid;
	padding: 8px;
	margin: 0 0 1.3em 2.5em;
	background-color: #EDEDED;
    color: black;
}

ol, ul {
	margin: 0 0 0 0;
	padding: 1em 0 1em 0;
}

li {
	margin-left: 2.7em;
}

.onohirokionlinetitle {
	line-height: 100%; 
}

/* image box */

img.imagebox {
	clear: both;
	float: left;
	margin-left: 0;
	margin-right: 0.8em;
	display: block;
}

/* .caption-box
 * 2001 02 06 ONO, Hiroki onohiroki@cup.com
 */

.caption-box img
{
	width: 100%;
	height: auto;
	max-width: 480px;
}

.caption-box {
	clear: both;
	max-width: 420px;
}

/* without clear both */
.caption-box,
.caption-box-160,
.caption-box-180,
.caption-box-240,
.caption-box-320,
.caption-box-400,
.caption-box-480,
.caption-box-640 {
	float: left;
	margin-top: 0;
	margin-right: 2.5em;
	text-align: center;
	font-weight: bold;
	font-size: 0.8em;
	color: #696969;
	background-color: #fffaf0;
}

.caption-box-640 {max-width: 640px;}
.caption-box-480 {max-width: 480px;}
.caption-box-400 {max-width: 400px;}
.caption-box-320 {max-width: 320px;}
.caption-box-240 {max-width: 240px;}
.caption-box-180 {max-width: 180px;}
.caption-box-160 {max-width: 160px;}

.caption-box img,
.caption-box-160 img,
.caption-box-180 img,
.caption-box-240 img,
.caption-box-320 img,
.caption-box-400 img,
.caption-box-480 img,
.caption-box-640 img{
	width : 100%; 
	height: auto; 
}

.image-comment {
	width: 40%;
	min-width: 15em;
	float: right;
}

div.image-comment ul,
div.image-comment li {
	margin-left: 20%;
	padding: 0.3em;
}

/* recommended */
.recommended {
    color: #000000;
    background-color: #FFDEAD;
	padding: 2px;
}

li p.recommended,
li.recommended {
	font-weight:bold;
	padding: 0.5em;
	border: 1px #FFFFFF solid;
    margin: 0em 3em 0em 0em;
}

/* notice */
.notice {
	font-weight:bold;
    color: #000000;
    background-color: #D8BFD8;
    border: thin #FFFFFF solid;
    margin: 0em 3em 0em 0em;
    padding: 0.5em;
}

/* alteration */
.alteration {
	border-right: thin red solid;
}

/* banner */
.banner {
	border:0;
	width:88px;
	height:31px;
}

/* navi */
p.navi { line-height: 200%; }

.logo,
.logo a:link,
.logo a:visited {
    color: #fffaf0;
    background-color: #000033;
    text-decoration: none;
    border-left: 5px #000033 solid;
    border-right: 5px #000033 solid;
    border-top: 3px #000033 solid;
    border-bottom: 2px #000033 solid;
}

/* navi focus */

.focus{
	font-weight: bold;
	font-size: 1.1em;
	color:#DCDCDC;
	background-color: #444444;
	padding: 1px;	 
}
.focus big {font-size: 1.1em;}

a.focus:link,
.focus a:link{
	color:#DCDCDC;
	background-color: #778899;
	padding: 1px;
}
a.focus:visited,
.focus a:visited{
	color:#DCDCDC;
	background-color: #996699;
	padding: 1px;
}

/* seek */
.seek {
    color: #000000;
    background-color: #DCDCDC;
}

/* MSIE 5 */

/* table-like list */
ol.table-data li p,
ul.table-data li p,
ol.table-like li p,
ul.table-like li p{
	margin: 0;
	padding: 0.4em;
	min-width: 8em;
	max-width: 100em;
}

ol.table-data li,
ul.table-data li,
ol.table-like li,
ul.table-like li{
	list-style-type: none;
	margin: 0;
}

dl.table-data dt,
li p.label {
	float: left;
	width: 15%;
	height: auto;
	text-align: right;
}

dl.table-data dt,
li p.element {
	float: left;
	width: 20%;
	height: auto;
}

.table-data li {
	clear: left;
}
ul.table-data,
ul.table-data + p {
	clear: both;
}

/* - end - MSIE 5 win */


/* Q-A List */
dl.q_a_list{
	margin: 1em;
	padding: 0 0 0 1em;
}

dl.q_a_list dt{
	border: #efefcf 0.5em solid;
	margin: 1em 0 0 0;
	color: black;
	background-color: #cfcfaf;
}

dl.q_a_list dd{
	border: #efefcf 0.2em solid;
	margin: 0 0 0 0;
	padding: 0 0.3em 0.3em 1em;
	color: black;
	background-color: #efefcf;
}