@charset "utf-8";
/*
Theme Name: Foundations
Theme URI: http://foundations-inc.jp/
Description: Foundations
Version: 1
Author: fjm
Author URI: http://grandbase.jp/
*/

/* ////////////////////////////////////////
Reset by Blueprint
//////////////////////////////////////// */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
margin:0; padding:0; border:0; font-style:inherit; font-size:100%; vertical-align:baseline;
}

table{
border-collapse:separate; border-spacing:0;
}

caption, th, td{
text-align:left;
}

blockquote:before, blockquote:after, q:before, q:after{
content:"";
}

blockquote, q{
quotes:"" "";
}

a img{
border:none;
}

/* ////////////////////////////////////////
YUI Font CSS 
//////////////////////////////////////// */
body {
font:13px/1.231;
*font-size:small; /* for IE */
*font:x-small; /* for IE in quirks mode */
}

/**
* Nudge down to get to 13px equivalent for these form elements
*/ 
select,
input,
button,
textarea {
font:99%;
}

/**
* To help tables remember to inherit
*/
table {
font-size:inherit;
font:100%;
}

/**
* Bump up IE to get to 13px equivalent for these fixed-width elements
*/
pre,
code,
kbd,
samp,
tt {
font-family:monospace;
*font-size:108%;
line-height:100%;
}

/* ////////////////////////////////////////
Settings
//////////////////////////////////////// */
body {
margin:0px;
padding:0px;
color: #000;
line-height:1.6;
font-size:77%;
text-align:center;
font-family: Helvetica,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

img {
vertical-align: bottom;
border: none;
}

a {
cursor:pointer;
color:#ee2a32;
text-decoration: none;
}

a:link { }
a:visited { }
a:hover,
a:active {
color:#666;
text-decoration:none;
}

a:focus{
outline:none;
}

a:hover img { 
filter:alpha(opacity=60); 
-moz-opacity:0.60;
-khtml-opacity: 0.6;
opacity:0.60;
}

em {
font-style:normal;
}

hr {
margin:1em 0px;
padding:0.5em 0px;
border:none;
border:1px solid #fff;
border-color:#fff;
}

.hover { }
.heightLine { }

/* new clearfix */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE */

.bn,
.last {
border:none !important;
}

.left {
float:left;
}

.right {
float:right;
}

/* ////////////////////////////////////////
module
//////////////////////////////////////// */
.content h2 {
padding:0px 5px 15px;
margin-bottom:15px;
border-bottom: 1px dotted #000;
}

.content h3 {
padding:0px 0px  15px;
border-bottom: 1px dotted #000;
}

.section {
padding-bottom:80px;
}


.hd p {
padding:10px 0px;
line-height:1.8em;
}

.status span {
color:#ee2a32;
}

.status em {
color:#999999;
}


.post-edit-link {
	display: block;
	margin: 40px 0px;
	background: #efefef;
	padding: 5px;
}


/* ////////////////////////////////////////
layout
//////////////////////////////////////// */
/* #wrapper ------------------------------ */
#wrapper {
width: 925px;
margin: 0px auto;
text-align: left;
}

/* ////////////////////////////////////////
#navi
//////////////////////////////////////// */
#navi {
margin: 35px 0px 60px;
}

#navi h1 {
float: left;
width: 335px;
}

#navi ul {
float: right;
list-style: none;
margin: 0px;
padding: 0px;
width: 540px;
text-align: right;
}

#navi ul li {
display: inline;
padding-left: 7px;
text-align: right;
}

#navi ul li a img {
border-bottom: 3px solid #000;
}

#navi ul li a:hover img {
border-bottom: 3px solid #ee2a32;
}

#navi ul li.current a:hover img {
border-bottom: 3px solid #ee2a32;
}

/* ////////////////////////////////////////
#footer
//////////////////////////////////////// */
#footer {
padding-top: 50px;
}

#footer div {
padding: 0px;
height: 14em;
border-left: 1px dotted #c6c9c9;
padding-top:5px;
}

#footer-info {
float: left;
width: 308px;
}

#footer-info p {
padding-left: 10px;
font-size: 0.9em;
line-height: 2em;
}

#footer-info p strong {
font-size:1.1em;
}


#footer-navi {
float: left;
width: 308px;
}

#footer-navi ul {
list-style: none;
padding-left: 10px;
padding-top: 5px;
font-weight:bold;
line-height: 1em;
}

#footer-navi ul li {
padding-bottom: 10px;
}

#footer-navi ul li a {
color: #000;
}

#footer-navi ul li a:hover {
color: #999;
}

#footer-navi ul li.footer-navi-help {
padding-top:30px;
font-weight:normal;
font-size: 0.9em;
}

#footer-copyright {
float: right;
width: 206px;
}

#footer-copyright p {
font-size: 0.9em;
padding-left: 10px;
}

/* ////////////////////////////////////////
#index
//////////////////////////////////////// */
#index {
}

/* #banner ------------------------------ */
#banner {
width: 924px;
height: 332px;
margin:0px auto;
padding:0px;
position:relative;
}

#banner ul {
position: relative;
width:924px;
list-style: none;
padding:0px;
height:332px;
overflow: hidden;
}

#banner ul li {
position: absolute;
left:0px;
top:0px;
width:924px;
margin:0px auto;
padding:0px;
}


/* #index-topics ------------------------------ */
#index-topics {
float: left;
width: 512px;
}

#index-topics h2 {
padding-bottom: 15px;
}

#index-topics ul {
list-style: none;
border-bottom:1px dotted #000;
}

#index-topics ul li {
border-top:1px dotted #000;
padding:10px 0px;
}

#index-topics ul li a {
display: block;
}
#index-topics ul li a:hover,
#index-topics ul li a:hover strong,
#index-topics ul li a:hover em {
color:#999 !important;
}

#index-topics ul li em {
display: block;
float:left;
width:80px;
}

#index-topics ul li span {
display: block;
float:left;
width:120px;
}

#index-topics ul li strong {
display: block;
float:left;
width:310px;
color:#000;
}

#index #index-project {
float: right;
width: 387px;
}

#index-project div {
margin:15px 0px;
padding:10px;
border:1px solid #ccc;
}

#index-project div dt {
width:100px;
float:left;
}

#index-project div dt a img {
border:1px solid #ccc;
padding:2px;
}

#index-project div dt a:hover img {
border:1px solid #ee2a32;
}


#index-project div dd {
width:260px;
float:right;
}

#index-project div dd strong {
font-size:1.1em;
display: block;
}

#index-project div dd a {
color:#000;
}

#index-project div dd a:hover {
color:#999;
}

/* ////////////////////////////////////////
#topics
//////////////////////////////////////// */
#topics-wrapper {}

/* topics-navi ------------------------------ */
#topics-navi {
padding:30px 0px 0px;
margin:30px 0px 0px;
border-top:1px dotted #000;
}

#topics-navi div {
width:308px;
float:left;
}

#topics-navi h3  {
border:none;
padding:0px 0px 10px;
}

#topics-navi ul  {
border:none;
list-style:none;
}

#topics-main {
}

/* #topics .posts ------------------------------ */
#topics .posts {
border-bottom:1px dotted #000;
}

#topics .posts .left {
width:100px;
padding:15px 0px;
}

#topics .posts .right {
width:825px;
padding:15px 0px;
}

#topics .posts dl dt {
width:120px;
float:left;
}

#topics .posts dl dt span {
padding:0px;
}

#topics .posts dl dt a img {
border:1px solid #ccc;
padding:2px;
}

#topics .posts dl dt a:hover img {
border:1px solid #ee2a32;
}

#topics .posts dl dd {
width:705px;
float:right;
}

#topics .posts h4 {
border:none;
padding-bottom:10px;
font-size:1.1em;
line-height:1.4em;
color:#000;
}

#topics .posts h4 a {
color:#000;
}

#topics .posts h4 a:hover {
color: #999;
}

#topics .posts h3 {
border-bottom:none;
padding-bottom:10px;
}

#topics .posts dl dd a.more-link {
display: block;
text-align:right;
width:100%;
}

#topics-news {
padding-bottom:30px;
}

.topics-more {
padding:20px 0px;
text-align: right;
}

#column #post-content {
width:100%;
}

/* ////////////////////////////////////////
#company
//////////////////////////////////////// */
#company { }

.hd {
}
/* #company-info ------------------------------ */
#company-info {
}

#company-info h3 { 
border-bottom: 1px dotted #000;
}

#company-info dl {
border-bottom: 1px dotted #000;
}

#company-info dt {
float: left;
padding: 15px 5px;
width:120px;
color: #333;
}

#company-info dd {
float: right;
padding: 15px 0px;
width: 780px;
font-weight: bold;
}

/* #company-members ------------------------------ */
#company-members {
padding-bottom: 40px;
border-bottom: 1px dotted #000;
}

#company-members div {
padding: 0px 5px;
/* 
width:915 
51 * 3 = 17
216 x 4 = 864 
*/
}

#company-members .company-members-box {
padding: 15px 0px;
width: 233px;
float: left;
}

#company-members .company-members-box div {
padding: 0px 17px 0px 0px;
}

#company-members .lst {
width: 216px !important;
}

#company-members .lst div {
padding: 0px !important;
}

#company-members em {
font-size: 0.8em;
color: #333;
}

#company-members h4 {
font-size: 1.2em;
font-weight:bold;
padding-top: 10px;
}

#company-members p {
padding-top: 1em;
font-size: 0.9em;
}

#company-members p.members-btn {
padding:15px 0px 0px;
margin:0px;
width: 216px;
}

#company-members p.members-btn a {
display: block;
padding:5px 0px;
width:216px;
background: #666 url(images/btn-arrow.gif) 7px center no-repeat;
text-align: right;
color:#fff;
line-height:1em;
-moz-border-radius: 4px;
-webkit-border-radius:4px;
border-radius:4px;
}

#company-members p.members-btn a span {
padding:0px 10px;
}

#company-members p.members-btn a:hover  {
background:#e6e6e6;
}

/* ////////////////////////////////////////
#service
//////////////////////////////////////// */
#service {}

#service-list ul {
list-style: none;
}

#service-list ul li {
padding:20px 10px;
border-bottom:1px dotted #000;
}

#service-list ul li h4 {
font-size:1.4em;
padding-bottom:20px;
}

#service-list ul li#service-project01 {
padding-left:100px;
background:url(images/service-project-01.gif) left center no-repeat;
}

#service-list ul li#service-project02 {
padding-left:100px;
background:url(images/service-project-02.gif) left center no-repeat;
}

#service-list ul li#service-project03 {
padding-left:100px;
background:url(images/service-project-03.gif) left center no-repeat;
}



#project-list { }

#project-list h3 {
border-top:1px dotted #000;
border-bottom:none;
padding-top:10px;
padding-bottom:40px;
}

#project-list ul {
list-style: none;
border-bottom:1px dotted #000;
}

#project-list ul li {
border-top:1px dotted #000;
padding:10px 5px;
}

#project-list ul li a {
display: block;
}

#project-list ul li a:hover,
#project-list ul li a:hover strong,
#project-list ul li a:hover em {
color:#999 !important;
}

#project-list ul li span {
display: block;
float:left;
width:170px;
}

#project-list ul li strong {
display: block;
float:left;
width:650px;
color:#000;
}

#project-list ul li em {
display: block;
float:right;
width:80px;
}

/* ////////////////////////////////////////
#post-detail
//////////////////////////////////////// */
.post-btn-back {
padding-bottom:30px;
}
#post-detail {
padding:30px 0px;
margin-bottom:30px;
border-bottom:1px dotted #000;
}

#post-detail .left {
width:700px;
}

#post-detail .right {
width:200px;
}

#post-detail .right ul {
list-style: none;
}

#post-detail .right ul li {
float:left;
width:100px;
height:100px;
text-align: right;
}

#post-detail .right ul li a {
}
#post-detail .right ul li a img {
border:1px solid #ccc;
padding:2px;
}

#post-detail .right ul li a:hover img {
border:1px solid #ee2a32;
}

/* #post-detail ------------------------------ */
#post-title {
border-top:1px dotted #000;
padding:12px 5px 12px 20px;
border-bottom:1px dotted #000;
background:url(images/project-icon-c.gif) left center no-repeat;
}

#post-title h2 {
float:left;
width:700px;
font-size:1.2em;
padding:0px;
margin:0px;
border:none;
}

#post-title div {
float:right;
width:200px;
padding-top:0.3em;
text-align: right;
}

/* #post-content ------------------------------*/
#post-content {
}

#post-content h3 {
border:none;
padding:0px 0px 0.5em;
font-size:3em;
margin:0px;
}

#post-content h4 {
padding:0px 0px 0.8em;
font-size:1.4em;
}

#post-content h5 {
font-size:1.1em;
}

#post-content p {
padding-bottom:1em;
}

#post-content dl  {
margin-bottom:1em;
}

#post-content dt  {
font-weight: bold;
}

#post-content dd  {
margin-left:1em;
}

#post-content ul,
#post-content ol {
margin-left:1.5em;
margin-bottom:1em;
}

#post-content table {
margin:1em 0px;
}

#post-content table th {
padding:5px;
border-bottom:1px solid #ccc;
}

#post-content table  td {
padding:5px;
border-bottom:1px dotted #ccc;
}

#post-content pre {
margin:1em 0px;
}

#post-content blockquote {
margin:1em 0px;
font-style:italic;
color:#666;
}


/* ////////////////////////////////////////
#inquiry
//////////////////////////////////////// */
#inquiry { }

#inquiry ul {
list-style: none; 
}

#inquiry ul li {
padding:25px 0px;
border-bottom:1px dotted #000;
}

#inquiry a {
display: block;
padding:7px 110px;
background: url(images/inquiry-mail-btn.gif) left bottom no-repeat;
}

#inquiry a:hover {
background: url(images/inquiry-mail-btn.gif) left top no-repeat;
}