@charset "utf-8";

@import url("base.css");

div.dimage { background: url(../about/img/about_title.jpg) left top no-repeat;}

.index div.timage {background: url(../about/img/about_photo.jpg) left top no-repeat;}
.walk div.timage {background: url(../about/img/walk_photo.jpg) left top no-repeat;}
.policy div.timage {background: url(../about/img/policy_photo.jpg) left top no-repeat;}
.meter div.timage {background: url(../about/img/meter_photo.jpg) left top no-repeat;}
.vision div.timage {background: url(../about/img/vision_photo.jpg) left top no-repeat;}

p { margin: 12px 0;}

.about_img img {
float: left;
padding-right: 15px;
}
.about_img2 img {
float: right;
padding-left: 15px;
}


/* index */
div.inner { margin: 0 10px;}
.index h3 { margin: 5px 0 25px; padding: 0; background: none;}
.index h3.ttl2 { margin: 35px 0 20px;}
img.logomark { margin: 0 25px 25px 0; padding: 25px 40px; border: 3px double #EEEEEE;}
.index .contents li { margin: 6px 0 6px 25px; list-style-type: square;}
div.movie { width: 620px; margin: 25px auto 15px; padding: 7px; border: 5px double #CCC; background: #444444;}

/* walk */

.walk strong {
letter-spacing: 1px;
color: #CC3333;
}

/* meter */

.meter strong {
letter-spacing: 1px;
color: #CC3333;
}

/* vision */

.vision strong {
letter-spacing: 1px;
color: #CC3333;
}
p.story_link {
margin: 20px 0 10px;
text-align: center;
}
.vision ol {
margin: 5px 0 5px 25px;
}

/* policy */

.policy h3 {
margin: 25px 0 10px;
padding: 0 0 10px;
background: url(../about/img/line_bg.gif) bottom repeat-x;
color: #666;
font-size: 1.1em;
}
.policy h4 {
color: #CC3333;
letter-spacing: 1px;
font-size: 1em;
}
.policy h4:first-letter {
padding-right: 2px;
font-size: 0.9em;
}

.policy .contents p {
margin: 12px 0 12px 10px;
}