/* CSS Document */
@import url("default.css");
/*コンセプト*/
#contentswrap .conceptwrap {
padding: 40px 0px;
background: #3A3A3A url(../concept/img/bg.jpg) no-repeat right center;
}
#about {
float: left;
width: 300px;
padding: 0 0 0 80px;
line-height: 180%;
}
#contentswrap #contents #about img {
margin-bottom: 30px;
}
#osv {
float: right;
width: 450px;
}
#osv h3 {
margin-top: 20px;
color: #AD8B57;
font-size: 20px;
}
#osv h3 img {
line-height: 0 !important;
font-size: inherit !important;
}
#osv h4 {
margin: 8px 0;
font-size: 12px;
}
#osv h4 img {
line-height: 0 !important;
font-size: inherit !important;
}
#osv p {
line-height: 150%;
}
#modellistaarea {
clear: both;
margin: 0 20px;
padding: 30px 0 0 0;
}
.modellista {
margin-bottom: 10px;
font-size: 18px;
}
#contentswrap #contents #modellistaarea p {
line-height: 180%;
margin-left: 15px;
}
#katoh {
float: left;
width: 280px;
margin-top: 20px;
text-align: right;
}
#katoh img {
border: 1px solid #CCCCCC;
}
#contentswrap #contents #modellistaarea #profile {
float: right;
width: 500px;
margin: 20px 20px 0 0;
padding: 23px 15px;
border: 1px solid #999999;
background: #333333;
-moz-opacity: 0.8;
opacity: 0.8;
filter: alpha(opacity=80);
}
#profile h3 {
font-size: 16px;
}
#profile h4 {
margin: 10px 0 5px;
font-size: 12px;
}

/*サービス*/
#contentswrap .servicewrap {
width: 860px;
line-height: 180%;
padding: 30px 20px;
}
#contentswrap .servicewrap .serviceimg {
float: right;
margin-left: 20px;
padding: 15px;
border: 1px solid #000000;
background: #FFFFFF;
}
#contentswrap .servicewrap .rakutenlogo {
margin-bottom: 20px;
}
#contentswrap .servicewrap h2 {
font-family: Arial, Helvetica;
letter-spacing: 0.18em;
font-size: 25px;
}
#contentswrap .servicewrap h3 {
clear: both;
margin: 30px 0 20px;
padding: 3px 0 3px 5px;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
font-weight: bold;
font-family: Arial, Helvetica;
font-size: 15px;
letter-spacing: 0.1em;
background: #616161 url(../img/titlebg.gif);
}
#contentswrap .servicewrap h3 img {
vertical-align: middle;
}
#contentswrap .servicewrap h3.card img {
width: 134px;
height: 13px;
}
#contentswrap .servicewrap h3.management img {
width: 196px;
height: 13px;
}
#contentswrap .servicewrap h4 {
clear: both;
margin-bottom: 10px;
font-weight: bold;
font-size: 13px;
}
#contentswrap .servicewrap p {
margin: 0 10px;
}
#contentswrap .servicewrap ol {
margin: 10px 10px;
width: 500px;
}
#contentswrap .servicewrap ol li {
height: 25px;
}
#p1 {
padding-top: 4px;
padding-left: 30px;
background: url('../service/img/p1.png') no-repeat;
}
#p2 {
padding-top: 4px;
padding-left: 30px;
background: url('../service/img/p2.png') no-repeat;
}
#p3 {
padding-top: 4px;
padding-left: 30px;
background: url('../service/img/p3.png') no-repeat;
}
#pointlink {
width: 260px;
height: 29px;
padding-left: 330px;
}
html #pointlink {
/padding-left: 310px;
}
#pointlink p{
height: 29px;
}
#pointlink a {
display: block;
width: 230px;
line-height: 25px;
border: 2px solid #878787;
color: #333333;
text-align: center;
text-decoration: none;
background: #e7e7e7 url(../img/blackarrow7px.gif) no-repeat 8px center;
}
#pointlink a:hover {
color: #AD8B57;
border: 2px solid #C4C4C4;
background: #FFFFFF url(../img/blackarrow7px.gif) no-repeat 8px center;
}

/*ショップ*/
#contentswrap .shopwrap {
background: #444444;
}
#contentswrap .shopwrap #shoptop {
width: 580px;
height: 125px;
padding-top: 285px;
padding-right: 20px;
text-align: right;
font-family: Arial, Helvetica;
font-size: 45px;
letter-spacing: 0.1em;
background: url(../shop/img/image.jpg) no-repeat;
}
#contentswrap .shopwrap #shoptop,#contentswrap .shopwrap #shopexp {
float: left;
line-height: 150%;
border-right: 1px solid #666666;
}
#contentswrap .shopwrap #shopexp {
width: 600px;
background: #3a3a3a;
}
#contentswrap .shopwrap #shoplink {
float: right;
width: 299px;
}
#contentswrap .shopwrap #shopexp h2 {
line-height: 52px;
font-weight: bold;
height: 52px;
margin-bottom: 20px;
padding-left: 20px;
border-top: 1px solid #C6C6C6;
border-bottom: 1px solid #C6C6C6;
color: #000000;
font-size: 16px;
letter-spacing: 0.1em;
background: #EEEEEE url(../shop/img/namebg.gif) repeat-x;
}
#contentswrap .shopwrap #shopexp h3 {
height: 20px;
line-height: 20px;
margin: 15px 0;
padding-left: 10px;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
font-weight: bold;
letter-spacing: 0.1em;
background: #000000 url(../shop/img/titlebg.gif) repeat-x;
}
#contentswrap .shopwrap #shopexp p {
margin-left: 20px;
}
#contentswrap .shopwrap #shopexp #shopinfo,#contentswrap #contents #shopexp #shopaccesslist {
margin-left: 20px;
}
#contentswrap .shopwrap #shopexp #shopinfo li,#contentswrap #contents #shopexp #shopaccesslist li {
list-style: disc outside;
margin-left: 15px;
}
#contentswrap #contents #shopexp #shopmap {
overflow: hidden;
margin-left: 20px;
}
#contentswrap #contents #shopexp #shopmap:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #contentswrap #contents #shopexp #shopmap {
height: 1em;
overflow: visible;
}
/**/
#contentswrap #contents #shopexp #shopmap li {
float: left;
background: #FFFFFF;
}
#contentswrap #contents #shopexp #shopmap li img {
vertical-align: top;
}
#contentswrap #contents #shopexp #shopmap #googlelink {
padding-left: 20px;
background: url(../img/arrow7px.gif) no-repeat 9px center;
}
#contentswrap #contents #shopexp #shopimg {
margin-bottom: 20px;
margin-left: 20px;
overflow: hidden;
}
#contentswrap #contents #shopexp #shopimg:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #contentswrap #contents #shopexp #shopimg {
height: 1em;
overflow: visible;
}
/**/
#contentswrap #contents #shopexp #shopimg li {
float: left;
margin-right: 10px;
background: #FFFFFF;
}
#contentswrap #contents #shopexp #shopimg li img {
border: 1px solid #666666;
}
#contentswrap #contents #shopexp li a:hover img {
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=70);
}
#contentswrap .shopwrap #shoplink h2 {
height: 30px;
line-height: 30px;
font-weight: bold;
font-family: Arial, Helvetica;
font-size: 14px;
text-align: center;
background: #000000 url(../shop/img/titlebg.gif) repeat-x;
}
#contentswrap .shopwrap #shoplink dl {
line-height: 180%;
margin-top: -10px;
}
#contentswrap .shopwrap #shoplink dl dt {
margin: 10px 0;
padding-left: 20px;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
font-weight: bold;
font-family: Arial, Helvetica;
letter-spacing: 0.1em;
background: #616161 url(../img/titlebg.gif);
}
#contentswrap .shopwrap #shoplink dl dd {
padding-left: 30px;
background: url(../img/arrow7px.gif) no-repeat 20px center;
}
#contentswrap .shopwrap #shoplink dl dd a {
color: #FFFFFF;
text-decoration: none;
}
#contentswrap .shopwrap #shoplink dl dd a:hover {
color: #AD8B57;
text-decoration: underline;
}
/*サイトマップ*/
#contentswrap .sitemapwrap {
width: 870px;
padding: 25px 0px 0px 30px;
}
#contentswrap .sitemapwrap h2 {
padding-bottom: 20px;
font-family: Arial, Helvetica;
font-size: 25px;
letter-spacing: 0.1em;
}
.sitemapblock {
float: left;
width: 260px;
margin-right: 30px;
padding-bottom: 30px;
}
.sitemapblock h3 {
margin-bottom: 10px;
padding: 3px 0 3px 5px;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
font-weight: bold;
font-size: 15px;
background: #616161 url(../img/titlebg.gif);
}
.sitemapblock h3 a {
color: #FFFFFF;
font-size: 14px;
}
.sitemapblock h3 a:hover {
color: #CCCCCC;
font-size: 14px;
}
.sitemapblock h4 {
font-size: 13px;
}
.sitemapblock ul {
margin-bottom: 10px;
}
.sitemapblock li {
list-style: disc outside;
line-height: 220%;
margin-left: 15px;
}
.sitemapblock li a {
font-size: 13px;
}

/*プライバシーポリシー*/
#contentswrap .privacywrap {
width: 860px;
padding: 30px 20px;
}
#contentswrap .privacywrap h2 {
font-weight: bold;
font-size: 18px;
}
#contentswrap .privacywrap h3 {
margin-top: 40px;
margin-bottom: 10px;
padding: 3px 0 3px 5px;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
font-weight: bold;
font-size: 15px;
letter-spacing: 0.1em;
background: #616161 url(../img/titlebg.gif);
}
#contentswrap .privacywrap p {
line-height: 190%;
margin: 0 10px;
}
#contentswrap .privacywrap ol {
margin: 10px 0 10px 20px;
}
#contentswrap .privacywrap ol li {
list-style-type: decimal;
list-style-position: inside;
line-height: 150%;
}
#contentswrap .privacywrap dl {
line-height: 180%;
margin: 10px 20px 0 20px;
}
#contentswrap .privacywrap dt {
margin-top: 10px;
color: #FFFFFF;
font-weight: bold;
letter-spacing: 0.2em;
}
#contentswrap .privacywrap dl ol {
margin-top: 0px;
margin-bottom: 0px;
}
#kanrihonbu dt {
letter-spacing: 0em;
}

/*プライバシーポリシー*/
#contentswrap .sns_privacywrap {
width: 860px;
padding: 30px 20px;
}
#contentswrap .sns_privacywrap h2 {
font-weight: bold;
font-size: 18px;
}
#contentswrap .sns_privacywrap h3 {
margin-top: 40px;
margin-bottom: 10px;
padding: 3px 0 3px 5px;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
font-weight: bold;
font-size: 15px;
letter-spacing: 0.1em;
background: #616161 url(../img/titlebg.gif);
}
#contentswrap .sns_privacywrap p {
line-height: 190%;
margin: 0 10px;
}
#contentswrap .sns_privacywrap ol {
margin: 10px 0 10px 50px;
}
#contentswrap .sns_privacywrap ol li {
list-style-type: decimal;
list-style-position: inside;
line-height: 150%;
text-indent:-2em;
}