/* CSS Document */
@import url("default.css");
/*コンセプト*/
#contentswrap .conceptwrap{
padding:40px 0px;
background:#3A3A3A url(../concept/img/bg.jpg) no-repeat right center;
}
.conceptwrap h2 img,.conceptwrap h3 img,.conceptwrap h4 img{
behavior: url("../js/iepngfix2.htc");
}
#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;
font-size:20px;
color:#AD8B57;
}
#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%;
}
/*.ones img{
width:100%;
height:100%;
}*/
#modellistaarea{
clear:both;
margin:0 20px;
padding:30px 0 0 0;
}
.modellista {
margin-bottom:10px;
font-size:18px;
}
#contentswrap #contents #modellistaarea p {
margin-left:15px;
line-height:180%;
}
#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;
background:#333333;
-moz-opacity:0.8;
opacity:0.8;
filter: alpha(opacity=80);
border:1px solid #999999;
}
#profile h3 {
font-size:16px;
}
#profile h4 {
margin:10px 0 5px;
font-size:12px;
}

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

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

/*プライバシーポリシー*/
#contentswrap .privacywrap{
padding:30px 20px;
width:860px;
}
#contentswrap .privacywrap h2 {
font-size:18px;
font-weight:bold;
}
#contentswrap .privacywrap h3 {
margin-top: 40px;
margin-bottom: 10px;
font-size: 15px;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
background:#616161 url(../img/titlebg.gif);
padding:3px 0 3px 5px;
font-weight:bold;
letter-spacing:0.1em;
}
#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 {
color: #FFFFFF;
letter-spacing: 0.2em;
margin-top: 10px;
font-weight: bold;
}
#contentswrap .privacywrap dl ol {
margin-top: 0px;
margin-bottom: 0px;
}
#kanrihonbu dt {
letter-spacing: 0em;
}