@import url("base.css");

#contents { float: left; width: 530px;}

/* flow ----------- */

div.flowbox { clear: both; padding: 45px 0 0; background: url(../tree/img/flow_arrow.gif) top center no-repeat;}
div.flow1 { padding: 30px 0 0; background: none;}
.flow img.floatr { float: right; padding: 0 0 15px 20px;}

/* use -------------- */

.use h2 { margin: 20px 0 15px;}
.use img.floatl { border: 1px solid #CCC; margin: 0 10px 10px 0;}
.use img.floatr { border: 1px solid #CCC; margin: 0 0 10px 10px;}

/* dryness ----------- */

.dryness h2 { margin: 20px 0 12px;}
.dryness em { font-size: 110%; font-style: normal; color: #FF6600;}
div.dryflow { float: left; width: 250px; margin: 25px 0 0; border: 1px solid #663300; background: #FFEEDD;}
div.dryflow div { padding: 10px;}
div.dryflow p { margin: 8px 0 15px;}
div.dryflow h3 { padding: 2px 8px; background: #663300; color:#FFF; font-size: 100%; letter-spacing: 1px;}
div.dryflow h4 { color: #663300; font-size: 100%; letter-spacing: 1px;}
div.dryflow hr { height: 20px; border: none; background: url(../tree/img/dry_arrow.gif) center no-repeat;}

div.shisetsu { float: right; width: 250px; margin: 25px 0 0;}
div.shisetsu h3 { padding: 2px 8px; border: 1px solid #CCC; background: #EEEEEE; color: #666; font-size: 100%; letter-spacing: 1px;}
div.shisetsu img { margin: 0 0 10px;}
div.shisetsu strong { color: #663300; letter-spacing: 1px;}

div.kansodo { clear: both; padding: 15px 0 0;}
div.kansodo dl { margin: 0 0 25px;}
div.kansodo dt { color: #664422;}
div.kansodo dd { margin: 0 0 12px 1em;}

div.kansodo table { float: right; border-collapse: collapse;}
div.kansodo td { padding: 3px 10px; border: 1px solid #CCC; text-align: center;}
div.kansodo thead td { background: #EEEEEE;}
div.kansodo img { padding: 15px 0 5px;}

div.kansozai { width: 740px; margin: 40px 0 0;}
*html div.kansozai { width: 530px; overflow: auto;}
div.kansozai table { width: 740px; border-collapse: collapse; font-size: 90%;}
div.kansozai thead td { padding: 6px; background: #EEEEEE; text-align: center;}
div.kansozai td { padding: 3px 6px; border: 1px solid #CCC;}
td.value { text-align: right; font-family: Arial, Helvetica, sans-serif;}

/* gradings ------------- */

.gradings h2 { margin: 15px 0 10px;}
.gradings em { font-size: 110%; font-style: normal;}
p.flame { margin: 10px; padding: 15px 15px 10px; border: 3px double #006600; background: #EEFFEE;}
.gradings dl { margin: 30px 0 40px; padding: 12px 12px 8px; border: 1px solid #CCC; background: #F9F6F3;}
.gradings dt { color: #664422;}
.gradings dd { margin: 0 0 12px 20px;}
.gradings strong { color: #FF6600; letter-spacing: 1px;}
div.gshisetsu { margin: 25px 0 0;}
div.gshisetsu h3 { padding: 2px 8px; border: 1px solid #CCC; background: #EEEEEE; color: #666; font-size: 100%; letter-spacing: 1px;}
div.gshisetsu img { margin: 0 6px 6px 0; border: 1px solid #CCC;}
div.gshisetsu img.imgright { margin: 0 0 6px 0;}