@charset "utf-8";
/* --------------------------------------------------------------------

service.css

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

/* aside リンクなし*/
#wrapper #aside dl.sideNav dd ul li span.ttl{
background:url(../img/common/arrow_04.gif) 10px center no-repeat;
padding:15px 10px 15px 34px;
line-height:1.5;
display:block;
border-top:1px solid #0182dd;
}

/*オプションサービス*/
#article table.optionTable td table.fix{
table-layout:fixed;
margin:0;
}

#article table.optionTable td table th{
background:#f9f9f9;
}

#article table.optionTable td table th,
#article table.optionTable td table td{
padding:5px 10px;
vertical-align:top;
}

#article ul.optionList{
}

#article ul.optionList li{
float:left;
display:inline;
background:url(../img/common/bg_dotted01.gif) left top repeat;
width:208px;
padding:5px;
border:1px solid #d0d0d0;
margin:0 15px 0 0;
}
#article ul.optionList li:last-child{
margin:0;
}

#article ul.optionList li dl.img{
border:1px solid #d0d0d0;
background:#fff;
}
#article ul.optionList li dl.img dd{
padding:8px 5px;
}

#article ul.optionList li dl.img dd a{
background:url(../img/common/icon_zoom.gif) left top no-repeat;
display:inline-block;
padding:0 0 0 30px;
font-size:85%;
}
#article ul.optionList li dl.txt{
padding:10px 0 0;
}
#article ul.optionList li dl.txt dt{
font-weight:bold;
margin:0 0 5px;
}
#article ul.optionList li dl.txt dd img{
padding:10px 0 0 0;
}

/*ご利用料金一覧*/
#article table.chargeTable th{
padding:5px !important;
vertical-align:middle;
}
#article table.chargeTable thead td{
padding:12px 3px !important;
color:#0082dc;
font-size:108%;
}
#article table.chargeTable th span.check{
color:#1fb7d7;
display:block;
}

#article table.chargeTable td{
padding:5px !important;
vertical-align:middle;

}
#article table.chargeTable td.time2,
#article table.chargeTable td.time1,
#article table.chargeTable td.com,
#article table.chargeTable td.item{
font-size:85%;
}
#article table.chargeTable td.item em{
font-size:116%;
margin:5px 0 0 0;
font-weight:bold;
}
#article table.chargeTable td.emInline em{
display:inline;
}
#article table.chargeTable td.item em:first-child{
margin:0;
}

#article table.chargeTable td.price{
vertical-align:middle;
font-size:108%;
font-weight:bold;
text-align:center;
}
#article table.chargeTable td.price2{
vertical-align:middle;
text-align:center;
font-size:85%;
}
#article table.chargeTable td.price2 em{
font-size:131%;
font-weight:bold;
}
#article table.chargeTable td.time1{
text-align:center;
}

#article table .verMiddle{
vertical-align:middle !important;
}

/*SPI3-U 
=============================*/

#article .testColum{
margin-bottom:20px;
}
#article .testColum h3{
background:none;
padding:0;
margin:25px 0 5px;
}
#article .testColum .note02{
margin:0 0 0 1em;
}
#article .testColum dl{
background:#ffa332;
border:15px solid #ffa332;
position:relative;
}
#article .testColum dl.noLink{
background:none;
}
#article .testColum dl.noLink ul{
margin:0;
}
#article .testColum dl.noLink dt, #article .testColum dl.noLink dd.txt{
width:auto;
margin:0 15px;
padding:15px 0;
}
#article .testColum dl.noLink dt.noPad{
padding:0 0 5px;
}
#article .testColum dl.noLink dt{
border-bottom:1px dotted #BFBFBF;
}
#article .testColum dl.noLink dt img{
border:none;
}
#article .testColum dl dd{
background:#fff;
}

#article .testColum dl dd.more{
position:absolute;
right:20px;
top:50px;
}

#article .testColum dl dt,
#article .testColum dl dd.txt{
background:#fff;
width:530px;
padding:0 15px;
}
#article .testColum dl dd.txt{
padding:10px 15px;
width:530px;
}
#article .testColum dl dt img{
border-bottom:1px dotted #bfbfbf;
}

/*---*/
#article .testColum dl.hover{
background:#ffbe6f;
border:15px solid #ffbe6f;
position:relative;
cursor:pointer;
}
#article .testColum dl.hover dd{
background:#fff;
}

#article .testColum dl.hover dd.more{
position:absolute;
right:20px;
top:50px;
}

#article .testColum dl.hover dt,
#article .testColum dl.hover dd.txt{
background:#fff;
color:#979797;
width:530px;
padding:0 15px;
}
#article .testColum dl.hover dd.txt{
padding:10px 15px;
width:530px;
}
#article .testColum dl.hover dt img{
border-bottom:1px dotted #bfbfbf;
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-moz-opacity:0.7;
-khtml-opacity: 0.7;
}
#article .testColum dl.hover dd img{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-moz-opacity:0.7;
-khtml-opacity: 0.7;
}
/*-----*/
#article .othersList li{
width:208px;
float:left;
display:inline;
margin:17px 10px 0 0;
text-align:center;
}
#article .othersList li dl dd{
background:#0182dd;
}
#article .othersList li dl dt{
padding:0;
background:none;
border:none;
margin:0 0 5px;
}
#article .othersList li dl dd{
padding:0;
margin:0;
border:10px solid #0182dd;
}
#article .othersList li dl dd.txt{
background:#fff;
text-align:left;
padding:5px 5px 0;
line-height:1.7;
font-size:93%;
}

#article table.itemTable td.item em,
#colorbox table.itemTable td.item em{
font-size:116%;
font-weight:bold;
color:#0082dc;
}
#article table.itemTable td.ttl,
#colorbox table.itemTable td.ttl{
background:#f9f9f9;
font-weight:bold;
vertical-align:middle;
}
#article table.itemTable td ul,
#colorbox table.itemTable td ul{
margin:5px 0;
}
#article table.itemTable td span.note,
#colorbox table.itemTable td span.note{
font-size:85%;
}
#article table.itemTable td table,
#colorbox table.itemTable td table{
margin:0;
}
#article table.itemTable td table td,
#colorbox table.itemTable td table td{
text-align:center;
}
#article table.itemTable table th,
#article table.itemTable table td{
padding:3px 10px;
}

#article table.itemTable td ul.listStyle li{
margin:0;
}

#article table.noStyle{
width:auto !important;
}

#article table.noStyle th,
#article table.noStyle td{
padding:0 !important;
margin:0 !important;
border:none;
background:none;
text-align:left !important;
}

#article table.noStyle th{
vertical-align:top;
font-weight:normal;
}

#article table.noStyle th li{
white-space: nowrap; 
}

#article table.noStyle ul,
#article table.noStyle li{
margin:0 !important;
}

/* clearfix
-------------------------------------------------------------------- */
ul.othersList,
#article .optionList,
.clearfix{
display: inline-block;
}
ul.othersList,
#article .optionList,
.clearfix{
display: block;
}
ul.othersList:after,
#article .optionList:after,
.clearfix:after{
content: url(../img/common/spacer.gif);
display: block;
clear: both;
height: 0;
}