@charset "utf-8";

/* -------------------------------------------------------------------------------- 
Author and Copyright
Author: A*Design
Copyright: A*Design&Co All Rights Reserved.(http://adesign.jp)
Description: outline.css
-------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------- 
■企業関連情報　outline/
・サイトマップ　outline/sitemap.html
・トピックス　outline/topics.html
・プライバシーポリシー  outline/privacy.html
・社会貢献活動　outline/social-contributions.html
・免責事項　outline/disclaimer.html
・会社概要　outline/outline.html
・採用情報　outline/recruit.html
・グループリンク　outline/link.html
-------------------------------------------------------------------------------- */



/* ■サイトマップ　outline/sitemap.html
-------------------------------------------------------------------------------- */


/* clearfix ----------------------------- */
#sample:after {
content : '';
display : block;
clear : both;
height:0;
}

#sample {
zoom: 1;
}



/* ■トピックス　outline/topics.html
-------------------------------------------------------------------------------- */

.topics .section .article {
margin: 20px;
background: #fff;
}

/* topics entry */
.topics .section .article .entry {
line-height: 1.2;
padding: 4px 4px 3px 4px;
_padding: 4px 4px 2px 4px; /* IE6 hack */
background: #352421;
color: #cba367;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック';
}

.topics .section .article .entry p {
float: left;
padding: 1px 10px 0 0;
color: #fff;
font-size: 108%;
font-weight: bold;
}

.topics .section .article .entry p span {
display: block;
position: relative;
float: left;
margin-right: 5px;
padding: 1px 4px;
background: #8b060b;
color: #cba367;
font-size: 88%;
}

.topics .section .article .entry h2 {
display: table-cell;
/float: left; /* IE6・7 hack */
font-size: 123.1%;
font-weight: bold;
}


.topics .section .article ul.info {
line-height: 0;
padding: 8px 0 3px 8px;
border-right: 1px #918c8a solid;
border-bottom: 1px #918c8a dotted;
border-left: 1px #918c8a solid;
}

.topics .section .article ul.info li {
float: left;
width: 107px;
height: 25px;
}
.topics .section .article ul.none {
padding: 8px 0 0 8px;
margin-bottom: -4px;
border-bottom: none;
}


/* topics details */
.topics .section .article .details {
padding: 10px;
border: 1px #918c8a solid;
border-top: none;
}

.topics .section .article .details div {
float: left;
width: 400px;
}

.topics .section .article .details div.onlyText {
float: none;
width: auto;
}

.topics .section .article .details ul.photo {
width: 200px;
float: right;
text-align: right;
}

.topics .section .article .details ul.photo li {
margin-top: 5px;
line-height: 0;
}

.topics .section .article .details ul.photo li:first-child {
margin-top: 0;
}

/* IE-expression (first-child) */
.topics .section .article .details ul.photo li.first-child {
_margin-top: 0;
}

.topics .section .article .details ul.photo li {
  behavior: expression(
    this.className += (this.previousSibling == null) ? " first-child" : "",
    this.style.behavior = "none"
  );
}

.topics .section .article ul.entryBtn {
line-height: 0;
margin-top: -1px;
padding: 8px 0 8px 8px;
border: 1px #918c8a solid;
border-top: 1px #918c8a dotted;
background: #fff;
text-align: center;
}

.topics .section .article ul.entryBtn a:hover img {
opacity: 0.8;
-moz-opacity: 0.8; /* Firefox */
filter: alpha(opacity=80); /* IE6/7 */
-ms-filter: "alpha(opacity=80)"; /* IE8 */
}


/* clearfix ----------------------------- */
.topics .section .article .details:after,
.topics .section .article .entry:after,
.topics .section .article ul.info:after {
content : '';
display : block;
clear : both;
height:0;
}

.topics .section .article .details,
.topics .section .article .entry,
.topics .section .article ul.info {
zoom: 1;
}



/* ■プライバシーポリシー  outline/privacy.html
-------------------------------------------------------------------------------- */

.privacy .section {
font-size: 93%;
line-height: 1.6;
}

.privacy .section p {
padding: 30px 25px 1em 25px;
}

.privacy .section dl {
padding: 0 25px 1em 25px;
}

.privacy .section dt {
color: #6a3a0d;
text-decoration: underline;
}

.privacy .section dd {
margin-bottom: 1em;
}

.privacy .section dl dl{
padding: 0;
}

.privacy .section dl dl dt {
color: #000;
font-weight: bold;
text-decoration: none;
}

.privacy .section dl dl dd {
padding: 0;
}

.privacy .section dd p {
margin: 1em 0 0 0;
}

.privacy .section .name {
margin-bottom: 20px;
}

.privacy .section .info01 {
margin: 0 25px;
}

.privacy .section .info02 {
margin: 0 25px 0 18px;
}

.privacy .section dl.add {
padding-bottom: 30px;
}

.privacy .section dl.add dt {
font-weight: bold;
color: #000;
text-decoration: none;
}

.privacy .section dl.add dd {
margin-bottom: 0;
}



/* ■社会貢献活動　outline/social-contributions.html
-------------------------------------------------------------------------------- */


/* clearfix ----------------------------- */
#sample:after {
content : '';
display : block;
clear : both;
height:0;
}

#sample {
zoom: 1;
}



/* ■免責事項　outline/disclaimer.html
-------------------------------------------------------------------------------- */

.disclaimer .section  {
font-size: 93%;
line-height: 1.6;
}

.disclaimer .section p {
padding: 30px 25px 1em 25px;
}

.disclaimer .section dl {
padding: 0 25px 1em 25px;
}

.disclaimer .section dt {
color: #6a3a0d;
text-decoration: underline;
}

.disclaimer .section dd {
margin-bottom: 1em;
}




/* ■会社概要　outline/outline.html
-------------------------------------------------------------------------------- */


/* clearfix ----------------------------- */
#sample:after {
content : '';
display : block;
clear : both;
height:0;
}

#sample {
zoom: 1;
}



/* ■採用情報　outline/recruit.html
-------------------------------------------------------------------------------- */


/* clearfix ----------------------------- */
#sample:after {
content : '';
display : block;
clear : both;
height:0;
}

#sample {
zoom: 1;
}



/* ■グループリンク　outline/link.html
-------------------------------------------------------------------------------- */


/* clearfix ----------------------------- */
#sample:after {
content : '';
display : block;
clear : both;
height:0;
}

#sample {
zoom: 1;
}