/* ------------------------------------------
Style Sheet
	rental/
------------------------------------------ */
/*  サブページ　メニュー  */

#sub-menu ul {
    margin: 0;
    padding: 0;
}

#sub-menu li {
    list-style-type: none;
    width: 155px;
    height: 46px;
    padding: 0;
    margin: 0;
}

/*  サブページ　製品概要  */
#sub-menu li.sub-summary a {
    display: block;
    width: 155px;
    height: 46px;
    background: url('../images/rental/sub-menu_rental.gif') 0 0 no-repeat;
    text-decoration: none;
}
 #sub-menu li.sub-summary a:hover { background-position: -155px 0; }

/*  サブページ 機能詳細  */
#sub-menu li.sub-function a {
    display: block;
    width: 155px;
    height: 46px;
    background: url('../images/rental/sub-menu_rental.gif') 0 -46px no-repeat;
    text-decoration: none;
}
#sub-menu li.sub-function a:hover { background-position: -155px -46px; }

/*  サブページ　導入実績  */
#sub-menu li.sub-achivement a {
    display: block;
    width: 155px;
    height: 46px;
    background: url('../images/rental/sub-menu_rental.gif') 0px  -92px no-repeat;
    text-decoration: none;
}
#sub-menu li.sub-achivement a:hover { background-position: -155px -92px; }


/*  サブページ　料金表  */
#sub-menu li.sub-price a {
    display: block;
    width: 155px;
    height: 46px;
    background: url('../images/rental/sub-menu_rental.gif') 0 -138px no-repeat;
    text-decoration: none;
}
#sub-menu li.sub-price a:hover { background-position: -155px -138px; }


/*  サブページ　お問い合わせ  */

#sub-menu li.sub-contact a {
    display: block;
    width: 155px;
    height: 46px;
    background: url('../images/rental/sub-menu_rental.gif') 0 -184px no-repeat;
    text-decoration: none;
}
#sub-menu li.sub-contact a:hover { background-position: -155px -184px; }



#sub-menu span {
	visibility : hidden;
	text-indent:-9999px;
}



/*  タイトル  h1 p などsub.cssファイルに */


.read h2 {
	font-size:15px;
	color:#844100;
	background-color:#F9F5E6;
	border-top:1px solid #DA9466;
	border-right:1px solid #DA9466;
	border-bottom:1px solid #DA9466;
	border-left:7px solid #DA9466;
	line-height:130%;
	margin:0 0 0px 0 ;
	padding:2px 5px;
}

.read h3 {
	font-size:16px;
	color:#333333;
	background-color:#ffffff;
	border-top:3px double #dddddd;
	border-bottom:2px dotted #cccccc;
	line-height:130%;
	margin:20px 0 3px 0 ;
	padding:2px 0 2px 0;
}


p.read-rental {
    margin-top: 5px;
    margin-bottom: 20px;
    color:#5b5b5b;
    margin-left:70px;
    width: 420px;
}

.read span.leader {
	color:#0066FF;
}


/*  料金表  */
p.price {
	font-size:14px;
	color:#333333;
	background-color:#ffffff;
	border-bottom:1px solid #999999;
	line-height:130%;
	margin:10px 10px 20px 300px ;
	padding:2px 5px;
	text-indent: 0em;
	text-align: right;
}

/*  機能詳細  */

#function_housing ,#price_housing {
    margin: 0 0 10px 0;
}

#function_housing h3.housing {
    background-image: url('../images/rental/title_housingservice.gif');
    background-repeat: no-repeat;
    height: 18px;
    overflow: hidden;
    padding-top: 25px;
    width: 500px;
    text-indent: -999999px;
    border-top:4px #ff9900 solid;
    border-bottom: 0px !important;
}

#function_housing h3.rental {
    background-image: url('../images/rental/title_rentalservice.gif');
    background-repeat: no-repeat;
    height: 18px;
    overflow: hidden;
    padding-top: 25px;
    width: 500px;
    text-indent: -999999px;
    border-top:4px #ff9900 solid;
    border-bottom: 0px !important;
}



#function_hosting ,#price_hosting {
    margin: 0 0 10px 0;
}

#function_hosting h3 ,#price_hosting h3 {
    background-image: url('../images/rental/title_hostingservice.gif');
    background-repeat: no-repeat;
    height: 18px;
    text-indent: -999999px;
    overflow: hidden;
    padding-top: 25px;
    width: 500px;
    margin-bottom:10px;
    border-top:4px #ff9900 solid;
    border-bottom: 0px !important;
}

#function_rental, #price_rental {
    margin: 0 0 10px 0;
}

#function_rental h3 ,#price_rental h3 {
    background-image: url('../images/rental/title_rentalservice.gif');
    background-repeat: no-repeat;
    height: 18px;
    text-indent: -999999px;
    overflow: hidden;
    padding-top: 25px;
    width: 500px;
    margin-bottom:10px;
    border-top:4px #ff9900 solid;
    border-bottom: 0px !important;
    border-bottom: 0px !important;
}


#price_housing h3.housing {
    background-image: url('../images/rental/title_housingservice.gif');
    background-repeat: no-repeat;
    height: 18px;
    overflow: hidden;
    padding-top: 25px;
    width: 500px;
    text-indent: -999999px;
    border-top:4px #ff9900 solid;
    border-bottom: 0px !important;
}


#function_idc {
    margin: 0 0 10px 0;
}

#function_idc h3 {
	font-size:15px;
	color:#6D1102;
	background-color:#F9F5E6;
	border-top:1px solid #DA9466;
	border-right:1px solid #DA9466;
	border-bottom:1px solid #DA9466;
	border-left:7px solid #DA9466;
	line-height:130%;
	margin:0 0 30px 0 ;
	padding:2px 5px;
}

#function_idc img {
	margin:30px 0 0 20px ;
}

#function_housing p,#function_idc p,#price_housing p, #price_hosting p, #price_rental p {
	margin:0px 0px 10px 20px ;
	font-size:100%;
	color:#333333;
	line-height:125%;
}

#function_rental p {
	font-size: 80%;
}

#function_idc p {
	font-size: 80%;
}

#function_hosting p {
    font-size: 80%;
}

#function_hosting table , #function_rental table {
	color:#333333;
	margin:5px 0px 5px 20px ;
	border-collapse: collapse ;
	border: 1px #cccccc solid;
	font-size:95%;
	width:500px;
}

#function_hosting table th , #function_rental table th {
	padding: 2px 10px;
	border-bottom: 1px #cccccc solid;
	font-weight:normal;
	background:#dddddd;
}

#function_hosting table td , #function_rental table td {
	padding: 2px 10px;
	border-bottom: 1px #cccccc solid;
	border-left:1px #cccccc dotted;
}


/*  ulの設定  */
#function_housing {
    font-size:80%;
}

#function_idc li {
    font-size:80%;
}

#function_rental li {
    font-size:80%;
}

#function_hosting li {
    font-size:80% !important;
}

#price_housing table ,#price_hosting table ,#price_rental table {
	color:#333333;
	margin:5px 10px 5px 20px ;
	border-collapse: collapse ;
	border: 1px #cccccc solid;
	font-size:90%;
	width:480px;
}

#price_housing table th ,#price_hosting table th ,#price_rental table th {
	padding: 2px 10px;
	border-bottom: 1px #cccccc solid;
	font-weight:normal;
	background:#dddddd;
	white-space: nowrap;
}

#price_housing table td , #price_hosting table td , #price_rental table td {
	padding: 2px 10px;
	border-bottom: 1px #cccccc solid;
	border-left:1px #cccccc dotted;
        font-size:90%;
}

#price_housing table td.data_price , #price_hosting table td.data_price , #price_rental table td.data_price {
	padding: 2px 10px;
	border-bottom: 1px #cccccc solid;
	border-left:1px #cccccc dotted;
	white-space: nowrap;
	text-align:center;
}


#price_housing  ul li{
	clear:both;
	font-size:80% !important;
        display:inline;
}




#contents p.mini {
	margin:10px 0 0 20px ;
	padding:0;
	font-size:75%;
	line-height:125%;
	border:0;
	background:#ffffff;
}

#contents h4 {
	border-bottom:1px #999999 dotted;
	margin:20px 10px 5px 10px;
	padding:3px 5px;
	color:#333333;
	font-size:14px !important;
}

.function_navi {
	margin:15px 0 15px 0px;
	padding:0;
}

.function_navi ul li{
	clear:both;
	font-size:80%;
    display:inline;
}


.function_navi a{
    padding-left: 1.5em;
    background: url('../images/rental/gorental.gif') center left no-repeat;
    margin-right:20px;
}

.function_navi a:link {
	color:#333333;
	text-decoration:none;
}

.function_navi a:visited {
	color: #666666;
	text-decoration:none;
}

.function_navi a:hover {
	color:#ff3300;
	text-decoration:underline;
}

.function_navi a:active {
	color:#ff3300;
	text-decoration:underline;
}



.gorental {
    text-align: right;
    font-size:13px;
    margin:10px 0 20px 0;
}

.gorental a{
    padding-right: 1.5em;
    background: url(../images/rental/gorental.gif) center right no-repeat;
    margin-right:20px;
}

.gorental a:link {
	color:#cc0000;
	text-decoration:none;
}

.gorental a:visited {
	color:#cc0000;
	text-decoration:none;
}

.gorental a:hover {
	color:#ff3300;
	text-decoration:none;
}

.gorental a:active {
	color:#ff3300;
	text-decoration:none;
}


/*  ulの指定 */
#function_housing li {
	margin-left :10px;
	font-size: 80%;

}

/*  PRエリア  */
.pr {
	margin:10px 0 10px 0 ;
	font-size:95%;
	color:#cc0000;
	font-weight:bold;
}



/*  製品概要の枠  */

#summary {
	margin:0 0 20px 0;
	padding:0;
}

#housingservice {
    margin: 0 0 10px 0;
    width:510px;
}

#housingservice h2 {
    background-image: url('../images/rental/title_housingservice.gif');
    background-repeat: no-repeat;
    height: 0;
    overflow: hidden;
    padding-top: 25px;
    width: 510px;
}

#housingservice ul, #housingservice li {
	padding: 0;
	margin: 0;
	list-style: none ;
	font-size:15px;
	font-weight:bold;
}

#housingservice li {
	float: left;
	border-right :2px solid #ffffff;
	border-top :10px solid #ffffff;
	border-bottom :10px solid #ffffff;
	list-style: none ;
	height:100%;
}

#housingservice li.iccard {
    background-image: url('../images/rental/icon_iccard.gif');
    background-repeat: no-repeat;
    height: 0;
    overflow: hidden;
    padding-top: 55px;
    width: 170px;
}

#housingservice li.camera {
    background-image: url('../images/rental/icon_camera.gif');
    background-repeat: no-repeat;
    height: 0;
    overflow: hidden;
    padding-top: 55px;
    width: 100px;
}

#housingservice li.ups {
    background-image: url('../images/rental/icon_ups.gif');
    background-repeat: no-repeat;
    height: 0;
    overflow: hidden;
    padding-top: 55px;
    width: 115px;
}

#housingservice li.bps {
    background-image: url('../images/rental/icon_100mbps.gif');
    background-repeat: no-repeat;
    height: 0;
    overflow: hidden;
    padding-top: 55px;
    width: 130px;
}

#hostingservice {
	clear:both;
    margin: 0 0 10px 0;
}

#hostingservice h2 {
    background-image: url('../images/rental/title_hostingservice.gif');
    background-repeat: no-repeat;
    height: 0;
    overflow: hidden;
    padding-top: 5px;
    width: 510px;
}


/* ここからもりした */
#sub-contents h3.iccard {
    background-image: url('../images/rental/title_iccard.gif');
    background-repeat: no-repeat;
    height: 59px;
    width: 508px;
    text-indent:-9999px;
}

#sub-contents h3.camera {
    background-image: url('../images/rental/title_camera.gif');
    background-repeat: no-repeat;
    height: 59px;
    width: 508px;
    text-indent:-9999px;
}

#sub-contents h3.ups {
    background-image: url('../images/rental/title_ups.gif');
    background-repeat: no-repeat;
    height: 54px;
    width: 508px;
    text-indent:-9999px;
}

#sub-contents h3.bps {
    background-image: url('../images/rental/title_bps.gif');
    background-repeat: no-repeat;
    height: 54px;
    width: 508px;
    text-indent: -9999px;
}

/* ここからまで*/

#hostingservice ul, #hostingservice li {
	padding: 0;
	margin: 0;
	list-style: none ;
	font-size:15px;
	font-weight:bold;
}

#hostingservice li {
	float: left;
	border-right :2px solid #ffffff;
	border-top :10px solid #ffffff;
	border-bottom :10px solid #ffffff;
	list-style: none ;
	height:100%;
}

#hostingservice li.byte {
    background-image: url('../images/rental/icon_100mbyte.gif');
    background-repeat: no-repeat;
    height: 0;
    overflow: hidden;
    padding-top: 55px;
    width: 100px;
}

#hostingservice li.mailaddress {
    background-image: url('../images/rental/icon_mailaddress.gif');
    background-repeat: no-repeat;
    height: 0;
    overflow: hidden;
    padding-top: 55px;
    width: 125px;
}

#hostingservice li.mailinglist {
    background-image: url('../images/rental/icon_mailinglist.gif');
    background-repeat: no-repeat;
    height: 0;
    overflow: hidden;
    padding-top: 55px;
    width: 125px;
}

#hostingservice li.popbefore {
    background-image: url('../images/rental/icon_popbefore.gif');
    background-repeat: no-repeat;
    height: 0;
    overflow: hidden;
    padding-top: 55px;
    width: 130px;
}


/*  フォーム  */
#inquiry { margin:20px 0;}

#inquiry table {
    border-spacing: 5px;
    font-size: small;
}

#inquiry th {
    color:#844100;
    font-weight:bold;
    padding:5px 5px;
    text-align:right;
    border-right:5px solid #F2DCCE;
    white-space:nowrap;
    vertical-align:top;
}

#inquiry td {
	font-weight:normal;
	padding:5px 5px;
	text-align:left;
}

#inquiry div.button {
	margin: 20px 10px 10px 0;
	text-align:right;
}

#inquiry button.go-confirm , #inquiry button.go-send , #inquiry button.go-top {
	background-color:#844100;
	width:140px;
	height:27px;
	cursor: pointer;
}

#inquiry button.back {
	background-color:#cccccc;
	width:140px;
	height:27px;
	cursor: pointer;
}


#inquiry input.go-confirm , #inquiry input.go-send , #inquiry input.go-top {
	background-color:#844100;
	border:2px solid;
	border-top:#cccccc;
	border-right:#666666;
	border-bottom:#666666;
	border-left:#cccccc;
	cursor: pointer;
}

#inquiry input.back {
	background-color:#cccccc;
	border:2px solid;
	border-top:#cccccc;
	border-right:#666666;
	border-bottom:#666666;
	border-left:#cccccc;
	cursor: pointer;
}


/*  強調  */
.point {
	color:#844100;
}
/*  font-サイズ */
.font-small {
    font-size: 80% !important;
}

.font-small2 {
    font-size: 90% !important;
}