@charset "utf-8";

/* ------------------------------------------------
 form.html thanks.html
------------------------------------------------ */
/* フォーム入力注意テキスト SPAN */
.form01attention {
color:#600;
font-weight:bold;
}

/* フォームテーブル TABLE */
.form01table {
width:720px;
margin-left:auto;
margin-right:auto;
padding:10px 0;
margin-bottom:10px;
}

/* フォームメッセージ TD */
.form01message {
background:#fff;
color:#600;
font-weight:bold;
}

/* フォーム途中説明 TH */
.form01explain {
color:#006;
text-align:left;
background:#fff;
padding:3px;
}

/* フォーム必須マーク SPAN */
.form01require {
color:#600;
font-weight:bold;
}

/* フォーム左項目 TD */
.form01left {
width:160px;
text-align:left;
background:#ddd;
padding:3px;
}

/* フォームメッセージ TD */
.form01right {
width:560px;
background:#eee;
padding:2px 3px;
}

/* フォーム左右ぶち抜き項目（項目名#使用） TD */
.form01double {}

/* フォーム送信ボタン TD */
.form01submit {
text-align:center;
padding-top:10px;
}

#MailInfo {
width:720px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
}

#MailInfo th {
width:56%;
padding-right:14px;
font-weight:normal;
text-align:left;
vertical-align:top;
}

#MailInfo td.mailinfo01 {
text-align:left;
padding-left:20px;
vertical-align:top;
}

#MailInfo td.mailinfo02 {
text-align:right;
vertical-align:top;
}

#ThanksMessage {
text-align:center;
line-height:180%;
padding:200px 0;
}

/* ------------------------------------------------
 mail.html（もとテンプレ）
---------------------------------------------------
#MailForm01 {
width:720px;
margin-left:auto;
margin-right:auto;
padding:10px 0;
margin-bottom:10px;
background:#eee;
}
#MailForm01 table {
width:690px;
background:#aaa;
margin-left:auto;
margin-right:auto;
margin-bottom:15px;
}
#MailForm01 th {
width:22%;
text-align:left;
background:#ccc;
padding:3px;
}
#MailForm01 td {
width:78%;
background:#eee;
padding:2px 3px;
}
#MailForm01 th span,#MailForm01 td span {
font-size:smaller;
}
caption {
width:690px;
color:#006;
font-weight:bold;
text-align:left;
margin-left:auto;
margin-right:auto;
}
*/

/* ------------------------------------------------
 photo.html
------------------------------------------------ */
#Photo {
width:720px;
margin-left:auto;
margin-right:auto;
text-align:center;
padding-bottom:15px;
}

/* ------------------------------------------------
 Ooiso01.html　Ooiso02.html
------------------------------------------------ */
#Ooiso,#OoisoInfo,#OoisoPhotos {
width:740px;
}
#OoisoInfo {
padding-bottom:5px;
}
#Ooiso {
margin-bottom:15px;
}
#OoisoBtn {
position:relative;
width:740px;
height:59px;
background:url("images/ooiso_bigimage02.jpg") no-repeat;
}
#OoisoBtn ul {
position:absolute;
top:0; left:142px;
list-style-type:none;
}
#OoisoBtn li {
float:left;
}
#Ooiso h2 {
text-align:center;
padding:5px 0;
border-bottom:1px solid #666;
border-top:1px solid #666;
margin-bottom:15px;
}
#Ooiso h3 {
text-align:center;
padding:10px 0;
}
.OoisoContainer {
position:relative;
width:720px;
margin-left:auto;
margin-right:auto;
}
#OoisoLandscape {
position:absolute;
top:0; left:0px;
width:360px;
color:#600;
font-size:smaller;
}
#OoisoItem {
width:340px;
padding-left:380px;
padding-bottom:30px;
}
.OoisoItemBox {
width:225px;
padding-right:115px;
padding-bottom:15px;
}
#OIB01 {
background:url("images/ooiso_img01.jpg") no-repeat;
background-position:top right;
}
#OIB02 {
background:url("images/ooiso_img02.jpg") no-repeat;
background-position:top right;
}
#OIB03 {
background:url("images/ooiso_img03.jpg") no-repeat;
background-position:top right;
}
#OIB04 {
background:url("images/ooiso_img04.jpg") no-repeat;
background-position:top right;
}
#OIB05 {
background:url("images/ooiso_img05.jpg") no-repeat;
background-position:top right;
}
.OoisoItemBox div {
color:#600;
font-weight:bold;
border-bottom:1px solid #600;
padding-bottom:1px;
line-height:120%;
}
.OoisoItemBox p {
padding-right:10px;
line-height:135%;
}
#OoisoPrice {
width:740px;
margin-top:12px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
#OoisoPrice p {
padding-bottom:10px;
}
#OoisoLocationMap {
position:absolute;
top:0; left:0;
width:360px;
color:#600;
font-size:smaller;
}
#OoisoAccess {
width:340px;
padding-left:380px;
}
#OoisoAccess div {
font-size:smaller;
}
#OoisoAccess p {
padding-top:5px;
}
#OoisoAccess p span {
font-size:larger;
font-weight:bold;
}
#OoisoDetail {
width:720px;
}
#OoisoDetail .OD01 {
width:465px;
}
#OoisoDetail .OD02 {
width:235px;
padding-left:20px;
font-size:smaller;
line-height:115%;
}
#OoisoDetail .OD02 img {
padding-top:5px;
}
#OoisoDetail .OD02 div {
padding-top:10px;
}

/* ------------------------------------------------
 jio.html
------------------------------------------------ */
.Jio {
position:relative;
width:690px;
padding:10px;
}

/* h2の指定はページヘッダ内 */

.Jio h3 {
text-align:center;
}

.Jio img.mark {
float:left;
padding-right:10px;
}

.Jio div {
width:100%;
text-align:center;
padding-top:5px;
padding-bottom:10px;
}
.Jio p {
padding:5px 30px 0 30px;
}
.Jio p.cap {
font-size:smaller;
text-align:center;
}
#JioTestFlow {
width:690px;
margin-top:10px;
}
#JioObject {
position:absolute;
top:10px; left:15px;
width:342px;
padding-top:0;
}
#JioObject h2 {
padding:0;
}
#JioObject p {
padding-bottom:5px;
}
#JioBuilder {
width:319px;
background:#fff url("images/jio_bg_02.gif") no-repeat;
background-position:bottom;
padding-top:0;
padding-bottom:10px;
margin-left:365px;
}
#JioBuilder p {
text-align:left;
background:#fff;
padding-bottom:5px;
}

/* ------------------------------------------------
 company.html
------------------------------------------------ */
.Company {
position:relative;
width:690px;
padding:10px;
}

.Company dl.Company_Layout dt {
position:absolute;
top:10px; left:10px;
width:120px;
}

.Company dl.Company_Layout dd {
width:560px;
padding:0 0 0 130px;
}

.Company dl.Company_Layout dd strong {
color:#660000;
font-size:small;
font-weight:bold;
}

.Company h3 {
color:#04062f;
font-size:small;
}

.Company_Item {
width:560px;
background:#fff;
}

.Company_Item th {
width:110px;
padding:3px 15px 3px 3px;
color:#000000;
text-align:left;
background:#e5e5e5;
}

.Company_Item td {
padding:3px 15px 3px 3px;
text-align:left;
background:#e5e5e5;
}

.ProjectColumn {
width:100%;
padding-top:15px;
}

.ProjectColumn img {
border:1px solid #04062f;
margin-left:10px;
float:right;
}

/* ------------------------------------------------
 link.html
------------------------------------------------ */
#Link {
position:relative;
width:690px;
padding:10px;
}

#Link01 {
position:absolute;
top:10px; left:10px;
width:340px;
}

#Link02 {
padding-left:360px;
width:340px;
}

#Link dl {
margin:0 0 15px 5px;
}

#Link dt {
color:#000000;
font-weight:bold;
line-height:140%;
}

#Link dd {
font-size:smaller;
line-height:140%;
}

#Link dd a {
font-size:small;
line-height:140%;
}

/* ------------------------------------------------
 sitemap.html
------------------------------------------------ */
#SiteMap {
width:710px;
margin-left:auto;
margin-right:auto;
}

/* ------------------------------------------------
 policy.html
------------------------------------------------ */
#Policy {
width:690px;
padding:10px 10px;
}

#Policy h3 {
font-size:small;
}

#Policy h4 {
font-size:small;
padding-top:20px;
}

#Policy p {
padding-bottom:15px;
}

#Policy ol {
list-style-type:decimal inside;
margin-left:30px;
}

#Policy dt {
font-weight:bold;
padding-top:10px;
}

#Policy dd {
font-weight:normal;
padding-left:20px;
}