@charset "UTF-8";

@import "/css/common.css";
@import "/css/about/category.css";
@import "/css/mod/contents.css";
@import "/css/mod/list.css";
@import "/css/mod/table.css";
@import "/css/mod/column.css";
@import "/css/mod/anchor.css";
@import "/css/print/style_reset.css";




.typeRow1 {
width: 586px;
padding: 0 0 12px 0;
margin: 0 0 1em 0;
background: url(/about/images/index/bg_r1.gif) no-repeat left bottom;
}

/* 左右共通 */
#contentWrapper .typeRow1 h3,
#contentWrapper .typeRow2 h3 {
background: none;
padding: 0;
margin: 0 0 7px 0;
}

.typeRow1 h3 a,
.typeRow2 h3 a {
padding: 0;
margin: 0;
border: none;
}

#contentWrapper .typeRow1 p, 
#contentWrapper .typeRow2 p {
display: inline-block;
padding: 0 14px;
margin: 0;
color: #444;
}

html[xmlns]>/**/body #contentWrapper .typeRow1 p {
display:block;
}

.typeRow1 p:after, 
.typeRow2 p:after {/* float clear */
content: ".";
display: block;
clear: both;
height: 0px;
font-size: 0px;
line-height: 0px;
visibility: hidden;
}

.typeRow1 p img, 
.typeRow2 p img {
margin: 0 0 0.5em 1em;
border: 0;
float: right;
vertical-align: top;
}

.typeRow1 p a img {
margin: 0 0 0 5px;
}


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

.typeRow2 {
width: 586px;
display: inline-block;
padding: 0 0 12px 0;
margin: 0 0 1em 0;
background: url(/about/images/index/bg_r2.gif) no-repeat left bottom;
}

.typeRow2:after {/*float clear */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* 左側 */
.typeRow2 .lBox {
width: 283px;
float: left;
}

/* 右側 */
.typeRow2 .rBox {
width: 283px;
float: right;
}

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

#contentWrapper div.column1r div {
padding-top: 16px;
}

#contentWrapper div.column1r h4 {
background: url(/images/common/column_title_bg.gif) repeat-x bottom #fff;
border-top: 3px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
color: #666;
margin: 0 12px 1em 12px;
padding: 4px 0 4px 8px;
}

#contentWrapper .column1r p {
padding: 0 1em 1em 2em;
margin: 0;
}

#contentWrapper .column1r ul.linkBtn {
padding: 0 1em 1em 1em !important;
margin: 0;
}

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

.sla {
border:1px solid #ddd;
/*background-color:#efefef;*/
padding:7px 0;

}

.sla strong {
margin:0 18px 0 18px;
}

.sla p {
margin:0 22px 0 22px !important;
padding:7px 0 7px 0;
}

#contents .sla ul.linkBtn {
margin:0 0 0 22px;
padding-bottom:2px;
}

#contents .sla ul.linkBtn li {
padding-bottom:0;
}


/* ------------------------------------------ Safari, FireFox スタイルのリセット */
html[xmlns]>/**/body .typeRow1, 
html[xmlns]>/**/body .typeRow2 {
background:none;
}