@import url("base.css");
@import url("thickbox.css");

div.ttleng { background-image: url(../benefits/img/ttl_eng.gif);}
.d-title { background: url(../benefits/img/dttl.gif) left no-repeat;}

p.footlinks { clear: both; padding: 15px 0 0; text-align: center;}
a.nowlink { color: #333; text-decoration: none;}

/* index */

div.block { float: left; width: 230px; min-height: 120px; margin: 0 24px 20px; padding: 5px 15px; border: 1px solid #CCC; background: #F3F9FF;}
*html div.block { height: 120px; margin: 0 12px 20px;}
div.block h2 { padding: 2px 0; border-bottom: 1px solid #0C3D98; text-align: center; font-size: 100%; font-weight: normal;}
div.block h2 a { color: #0C3D98; text-decoration: none;}
div.block h2 a:hover { color: #0C41EA; text-decoration: underline;}
div.block ul { padding: 5px 0 5px 2px; list-style-type: none;}
div.block li { margin: 3px 0; padding: 0 0 0 1em; text-indent: -1em;}
div.block li a { color: #333; text-decoration: none;}
div.block li a:hover { color: #0C41EA; text-decoration: underline;}

/* about */

.about .ttl { margin: 30px 0 10px;}
.about .subttl { font-size: 83%; font-weight: normal; color: #0C41EA;}
.about .ttl2 { margin: 2px 0 5px;}
.about .contents p { margin: 3px 0 8px;}

.about img.floatl { margin: 0 20px 10px 0; border: 1px solid #CCC;}
div.rbox { margin: 0 0 0 220px;}
img.tieimage { float: left; margin: 5px 20px 25px 0;}

/* about, environ */

.environ .contents p { margin: 3px 0 8px;}
.environ img.floatl { margin: 0 20px 30px 0; border: 1px solid #CCC;}

/* benefits */

.benefits .contents p { margin: 5px 0 10px;}
.benefits table { margin: 10px 0; font-size: 90%;}
.benefits th { padding: 5px 8px; border-top: 2px solid #FFF; border-bottom: 1px dotted #DDDCE6; background: #F6FCFF; font-weight: normal; white-space: nowrap; color: #111;}
.benefits td { padding: 5px 0 5px 8px; border-top: 2px solid #FFF; border-bottom: 1px dotted #DDDCE6; vertical-align: top;}
.offbusiness img.floatr { margin: 0 0 20px 20px; border: 1px solid #CCC;}
.offbusiness p.tcenter img { margin: 0 3px; border: 1px solid #CCC;}

/* system */

.personnel dl { margin: 0 0 0 40px; padding: 0 0 0 235px; background: url(../benefits/img/personnel.gif) left 30px no-repeat;}
.personnel dt { font-weight: bolder; letter-spacing: 1px; color: #666;}
.personnel dd { margin: 2px 0 10px 2em; padding: 0 0 0 8px;}

.education p { width: 420px;}
.tcenter { clear: both; padding: 20px 0 0;}

div.box1 { float: left; width: 335px;}
div.box2 { float: right; width: 370px;}
.education img.floatl { padding: 5px 0 0;}
div.box2 p { margin: 0 0 12px;}
strong { color: #5555CC; letter-spacing: 1px;}