@charset "UTF-8";

/*
information{
    file name : /css/common/desigin/modules.css;
    infomation : This CSS file define [default property] styles.;
    site name : Archetype Co.,Ltd.;
    copyrihgt : Copyright (C) Archetype Co.,Ltd. All Rights Reserved.;
}
*/

/* contents
--------------------------------------------------------------------------
1. bodySection

--------------------------------------------------------------------------
*/

/* 1. area
-----------------------------------------------	*/
div.firstColumn {
    color: #FFFFFF;
}




/* 1. area
-----------------------------------------------	*/
div.firstColumn div.area,
div.secondColumn div.area {
    padding: 30px 25px 15px 25px;
    border-top: solid 1px #000000;
}

div.firstColumn div.firstChild,
div.secondColumn div.firstChild {
    padding: 20px 25px 15px 25px;
    border: 0;
    background-color: #FFFFFF;
}

/* 1. siteID
-----------------------------------------------	*/
div.firstColumn div.siteID {
    width: 314px;
    margin-top: 4px;
}

div.firstColumn div.siteID h1 {
    float: right;
    width: 112px;
    margin:  0 0 15px 0;
    padding: 0;
}

div.firstColumn div.siteID ul {
    float: left;
    width: 120px;
}

div.firstColumn div.siteID ul li {
    margin:  0 0 20px 0;
    font-size: 1px;
    line-height: 100%;
}

div.firstColumn div.siteID ul li img {
    vertical-align: text-bottom;
}

/* 1. div.cell3
-----------------------------------------------	*/
div.cell3 {
    margin: 0 0 15px 0;
}


/* 1. div.cell1-cell2
-----------------------------------------------	*/
div.firstColumn div.cell1-cell2 {
    width: 314px;
}

div.firstColumn div.cell1-cell2 div.cell1 {
    float: left;
    width: 100px;
    margin: 0 0 15px 0;
}

div.firstColumn div.cell1-cell2 div.cell2 {
    float: right;
    width: 200px;
    margin: 0 0 15px 0;
}

/* 1. h2
-----------------------------------------------	*/
h2 {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 1px;
    line-height: 100%;
}

/* 1. h3
-----------------------------------------------	*/
h3 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 1px;
    line-height: 100%;
}

h4 {
    margin: 0 0 3px 0;
    padding: 0px;
    font-size: 1em;
    font-weight: bold;
}

/* 1. [UL] textLink
-----------------------------------------------	*/
ul.textLink {
    margin: 0 0 20px 0;
    padding: 0;
}

ul.textLink li {
    display: inline;
    margin: 0 0 0 0.5em;
    border-left: 1px solid #00B03B;
}

ul.textLink li a {
    margin: 0 0 0 0.5em;
}

ul.textLink li.firstChild {
    margin: 0;
    border: 0;
}

ul.textLink li.firstChild a {
    margin: 0;
}

/* 1. [DL] dateList
-----------------------------------------------	*/
dl.dateList {
    margin: 0;
    padding: 0;
    font-size: 85%;
}

dl.dateList dt {
    margin: 0 0 0.5em 0 ;
    padding: 0;
    color: #FFFF00;
    font-weight: bold;
}

dl.dateList dd {
    margin: 0 0 1.5em 0 ;
    padding: 0;
}

/* 1. [DL] expText
-----------------------------------------------	*/
dl.expText {
    margin: 0;
    padding: 0;
}

dl.expText dt {
    margin: 0 0 0.2em 0 ;
    padding: 0;
    font-weight: bold;
}

dl.expText dd {
    margin: 0 0 0.5em 0 ;
    padding: 0;
}

/* 1. [TABLE] outlineTable
-----------------------------------------------	*/
table.outlineTable {
    margin: 0 0 15px 0;
    padding: 0;
    border-collapse: collapse;
    background-image: url("../../img/dotline_h.gif");
    background-repeat: repeat-y;
    background-position: 25% 0%;
    font-size: 85%;
}

table.outlineTable tr th {
    width: 25%;
    padding: 0 10px 10px 0;
    text-align: left;
    vertical-align: top;
}

table.outlineTable tr td {
    width: 75%;
    padding: 0 0 10px 10px;
    vertical-align: top;
}




/* 1. [PARAGRAPH]
-----------------------------------------------	*/
div.firstColumn p,
div.secondColumn p {
    margin: 0 0 15px 0;
}

p.test {
    margin: 0 0 15px 0;
    padding: 50px 25px;
    border: solid 1px #CCCCCC;
    background-color: #FFFFFF;
    color: #999999;
    font-size: 85%;
    text-align: center;
}



/* 1. [ALIGN]
-----------------------------------------------	*/
.alignr {
    text-align: right;
}

.alignc {
    text-align: center;
}

/* 1. [SIZE]
-----------------------------------------------	*/
.textS {
    font-size: 85%;
}

strong {
    color: #00B03B;
    font-weight: bold;
}


/* 1. [OTHER]
-----------------------------------------------	*/
.url {
    font-size: 85%;
}


/* 1. [footerColumn] textArea
-----------------------------------------------	*/
div.footerColumn div.textArea {
    float: left;
    width: 650px;
}

div.footerColumn div.logoArea {
    float: right;
    width: 40px;
}

div.footerColumn a {
    color: #00B03B;
    text-decoration: none;
}

div.footerColumn a:link {
    color: #00B03B;
    text-decoration: none;
}

div.footerColumn a:visited {
    color: #00B03B;
    text-decoration: none;
}

div.footerColumn a:hover {
    color: #FF6600;
    text-decoration: underline;
}



/* 1. [naviSection] naviArea
-----------------------------------------------	*/
div.naviSection div.naviArea {
    margin-bottom: 20px;
    border-right: solid 1px #000000;
    border-bottom: solid 1px #000000;
}

div.naviSection div.naviArea ul li {
    margin: 0;
    padding: 1px 0 0 0;
    background-image: url("../../img/dotline_w.gif");
    background-repeat: repeat-x;
    background-position: left top;
}

div.naviSection div.naviArea ul li.firstChild {
    padding: 0;
    background-image: none;
    border-top: 1px solid #000000;
}

div.naviSection div.naviArea ul li img {
    vertical-align: text-bottom;
}

div.naviSection div.naviArea ul li.firstColumn {
    background-color: #FFFFFF;
}

div.naviSection div.naviArea ul li.secondColumn {
    background-color: #00B03B;
}


/* 1. [naviSection] subInfoArea
-----------------------------------------------	*/
div.naviSection div.subInfoArea {
    margin-bottom: 20px;
    padding: 10px;
    border-top: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
    background-color: #FFFFFF;
}


/* [contact] contact form
----------------------------------------------- */
#contact table.contactTable input {
    color: #00B03B;
    font-size: 1em;
    font-family: "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック",verdana,arial, sans-serif;
    background-color: #FFFFFF;
    border: 1px solid #7DC622;
    width: 200px;
}

#contact table.contactTable textarea {
    color: #00B03B;
    font-size: 1em;
    font-family: "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック",verdana,arial, sans-serif;
    background-color: #FFFFFF;
    border: 1px solid #7DC622;
    width: 200px;
    height: 80px;
}

#contact table.contactTable th {
    font-size: 0.8em;
}

#contact ul.contactError {
    color: #FFFFFF;
    background-color: #7DC622;
    border: 1px solid #FFFFFF;
    padding: 10px;
    margin-bottom: 10px;
}

#contact ul.contactError li {
    padding: 4px;
}

#contact table.contactConfirmTable {
    margin-top: 10px;
}

#contact table.contactConfirmTable .confirmTitle {
    font-size: 0.8em;
}

#contact table.contactConfirmTable .confirmDetail {
    color: #FFFFFF;
    font-size: 1em;
    background-color: #7DC622;
    border: 1px solid #FFFFFF;
    padding: 5px;
    width: 190px;
}

#contact p.contactThanks {
    color: #00B03B;
    font-size: 1em;
    text-align: center;
    background-color: #FFFFFF;
    border: 1px solid #7DC622;
    padding: 30px 10px;
    width: 290px;
}

#worksArea dd.detail {
    font-size: 0.8em;
}

#fieldArea div.cell3 dl.expText dd ul.list li {
    margin: 5px 0px 5px 30px;
    list-style-type: square;
    font-size: 0.8em;
}