@charset "utf-8";

/*----------------------------------------------------
トータル設定
----------------------------------------------------*/
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a, dl, dt, dd{margin:0; padding:0;}

img{border:none;}

/*a{color:#ff9900; text-decoration:none;}*/
/*a:link{color:#ff9900;}
a:visited{color:#ff9900;}
a:hover{color:#facd00;}*/
/*デフォルト#0000ff　#000080 #ff3300*/

/* clearfix -Firefox/Safari/Opera/...- */
div#wrap:after,
div#header:after,
div.frame:after,
div.qaboxframe:after,
div#footer:after,
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
/* clearfix -IE7/MacIE5- */
div#wrap,
div#header,
div.frame,
div.qaboxframe,
div#footer,
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html div#wrap,
div#header,
div.frame,
div.qaboxframe,
div#footer,
.clearfix{height:1%;}
div#wrap,
div#header,
div.frame,
div.qaboxframe,
div#footer,
.clearfix{display:block;}
/* End hide from IE-mac */

	
/*----------------------------------------------------
メイン設定
----------------------------------------------------*/
body{margin:0px; padding:0px; background-color:#ffffff; text-align:center; color:#333333; line-height:150%;}

#wrap{width:800px; margin:0 auto 0 auto; text-align:left; background-color:transparent; font-size:12px;}

.frame{width:800px; background-color:transparent;}

.font10{font-size:10px;}

.font14{font-size:14px;}

.tright{text-align:right; margin-right:20px;}


/*----------------------------------------------------
ヘッダー設定
----------------------------------------------------*/
#header{width:558px; height:90px; padding-top:42px; padding-bottom:25px; margin:0 0 0 30px; background-color:transparent;}

h1{font-size:24px; color:#cc9999; font-family:Verdana, sans-serif; width:210px;}

#logo{float:left; width:220px; margin:0; padding:0;}

#subtitle{font-size:10px; font-weight:bold; line-height:100%; color:#003399;}

#headnavi{float:left; width:230px; padding-top:6px; padding-left:50px;}

#headnavi ul{width:220px;}

#headnavi li{width:54px; float:left; display:block; list-style:none; margin-right:8px; padding-left:8px; text-align:center;}

#headnavi img{display:block; border:none;}

.qa a{width:55px; height:23px; display:block; color:#ffffff; font-weight:bold; text-decoration:none; background:url(../img/qabtn.gif) no-repeat 0 0; padding-top:32px;}

.link a{width:55px; height:23px; display:block; font-size:10px; color:#ffffff; font-weight:bold; text-decoration:none; background:url(../img/linkbtn.gif) no-repeat 0 0; padding-top:32px;}

.cont a{width:55px; height:23px; display:block; font-size:10px; color:#ffffff; font-weight:bold; text-decoration:none; background:url(../img/contactbtn.gif) no-repeat 0 0; padding-top:32px;}

#headnavi .qa a:hover{color:#ffffff; font-weight:bold; text-decoration:none; background:url(../img/qabtn2.gif) no-repeat 0 0;}

#headnavi .link a:hover{color:#ffffff; font-weight:bold; text-decoration:none; background:url(../img/linkbtn2.gif) no-repeat 0 0;}

#headnavi .cont a:hover{color:#ffffff; font-weight:bold; text-decoration:none; background:url(../img/contactbtn2.gif) no-repeat 0 0;}

#headnavi img{display:block; border:none;}



/*----------------------------------------------------
レフトエリア設定
----------------------------------------------------*/
#left{width:200px; float:left; background-color:transparent; padding:50px 0 40px 0; border-left:1px solid #003399; border-bottom:1px solid #003399; border-right:1px solid #003399;}

#navi{width:180px; margin:0 10px 40px 10px;}

#navi ul{border-top:1px solid #003399;}

#navi li{width:180px; padding:0; margin:0; display:block; list-style:none;}

#navi li a{width:160px; height:30px; display:block; color:#000000; text-decoration:none; padding-left:20px; border-bottom:1px solid #003399; list-style:none; background:url(../img/arrow1.gif) no-repeat 10px 12px; line-height:30px;}

#navi li a:hover{width:160px; height:30px; display:block; padding-left:20px; color:#ffffff; background:url(../img/arrow2.gif) no-repeat 10px 12px #006699; line-height:30px;}

#navi li .visit{width:160px; height:30px; display:block; padding-left:20px; color:#ffffff; background:url(../img/arrow2.gif) no-repeat 10px 12px #006699; line-height:30px;}

#left h2{width:100px; font-size:14px; height:30px; margin:20px 0 15px 0; line-height:100%; color:#ffffff; background:url(../img/titlebg1.gif) no-repeat 0 0; padding:7px 12px 4px 10px; margin-left:10px;}

.faq{width:180px; padding:5px 0 0 0; margin:5px 10px 40px 10px;}

.faq ul{margin-left:10px; list-style:none;}

.faq li{list-style:none; background:url(../img/arrow1.gif) no-repeat 0 7px; padding-left:11px; padding-bottom:7px;}

.banner{margin:10px auto; display:block;}


/*----------------------------------------------------
コンテンツ設定
----------------------------------------------------*/
#right{width:590px; float:left; background-color:transparent;}

#content{width:558px; margin:0 8px 10px 30px;}

#content h2 span{color:#ffffff; background:url(../img/titlebg.gif) repeat-x #666699; padding:5px 12px 4px 10px;}

#content h3{width:555px; height:27px; font-size:14px; color:#ffffff; font-weight:bold; background:url(../img/namebg2.gif) no-repeat 0 0; padding:4px 0 0 0; text-indent:10px; margin-top:10px;}

.pickup{margin:20px auto 20px 0;}

.rank1{width:460px; margin:20px 10px 15px 0; background:url(../img/rank1.gif) no-repeat 0 0; border-bottom:1px solid #003399; padding-left:90px;}

.rank2{width:460px; margin:20px 10px 15px 0; background:url(../img/rank2.gif) no-repeat 0 0; border-bottom:1px solid #003399; padding-left:90px;}

.rank3{width:460px; margin:20px 10px 15px 0; background:url(../img/rank3.gif) no-repeat 0 0; border-bottom:1px solid #003399; padding-left:90px;}

.rank4{width:460px; margin:20px 10px 15px 0; background:url(../img/rank4.gif) no-repeat 0 0; border-bottom:1px solid #003399; padding-left:90px;}

.rank5{width:460px; margin:20px 10px 15px 0; background:url(../img/rank5.gif) no-repeat 0 0; border-bottom:1px solid #003399; padding-left:90px;}

.ranktable{width:100%; font-size:10px; border-left:1px solid #cedeff; border-top:1px solid #cedeff; margin:15px auto 15px 0;}

.ranktable th{font-size:10px; font-weight:normal; text-align:center; vertical-align:top; border-bottom:1px solid #cedeff; border-right:1px solid #cedeff;}

.ranktable td{font-size:10px; border-bottom:1px solid #cedeff; border-right:1px solid #cedeff;}

.ranktable img{vertical-align:middle;}

.serverlist{margin:30px 10px 10px 0;}

.serverlist dt{height:23px; font-size:14px; color:#666699; font-weight:bold; padding:2px 0 0 10px; border-left:7px solid #666699;}

.serverlist dt a{color:#666699;}

.serverlist dd{padding:10px;}

.serverlist table{width:100%; border-left:1px solid #cedeff; border-top:1px solid #cedeff; margin:30px auto 10px 0;}

.serverlist th{font-size:12px; font-weight:bold; text-align:center; border-bottom:1px solid #cedeff; border-right:1px solid #cedeff;}

.serverlist td{font-size:12px; text-align:left; padding-left:60px; border-bottom:1px solid #cedeff; border-right:1px solid #cedeff;}

.zebratable{width:100%; font-size:12px; border-left:1px solid #cedeff; border-top:1px solid #cedeff; margin:30px auto 10px 0;}

.zebratable th{font-size:12px; font-weight:normal; text-align:center; vertical-align:top; border-bottom:1px solid #cedeff; border-right:1px solid #cedeff;}

.zebratable td{font-size:12px; border-bottom:1px solid #cedeff; border-right:1px solid #cedeff;}

.zebratable img{vertical-align:middle;}

.zebratd{background:url(../img/tdbg.gif) repeat;}

.zebratd td{border-top:1px double #cedeff;}

#remark{margin-bottom:20px;}

#remark ul{margin:0;}

#remark li{font-size:10px; list-style:none;}

.qaboxframe{width:555px;}

.qabox{float:left; width:275px;}

.qabox ul{list-style:none; margin:30px 10px 30px 10px;}

.hrline{width:545px; height:1px; background:url(../img/hr.gif) repeat-x; margin:10px auto 30px auto; text-align:center;}

.hrline hr{display:none;}

.qaa{margin:10px 10px 10px 0;}

.qaa dt{height:25px; font-size:14px; background:url(../img/q.gif) no-repeat 0 0; padding:6px 0 0 30px; margin-top:30px;}

.qaa dd{background:url(../img/a.gif) no-repeat 0 0; padding:2px 0 0 30px; margin:15px auto 5px 0;}

.floatimg{float:left; margin-right:10px; margin-bottom:10px;}

.aboutlink{margin:20px 0 30px 0;}

.aboutlink p{margin-bottom:10px;}

h4{height:23px; font-size:14px; color:#666699; font-weight:bold; padding:2px 0 0 10px; border-left:7px solid #666699; margin-top:10px;}

.linktable{width:100%; border:none; margin:20px 0;}

.linktable th{font-weight:normal; text-align:right; padding:10px 15px 8px 8px;}

.linktable td{width:50%; padding:10px 8px 8px 8px;}

.box1{float:left; width:295px; margin:15px 45px 20px 0;}

.box1 dl{padding:10px 0 10px 0;}

.box1 dt{font-weight:bold;}

.box1 dd{padding:5px 0 10px 10px; margin-bottom:10px; border-bottom:1px solid #003399;}

.box2{float:left; width:210px; margin:15px 0 20px 0;}

.totop{text-align:right; margin:20px auto;}


/*----------------------------------------------------
フッター設定
----------------------------------------------------*/
#footer{width:800px; background:#ffffff; border-top:1px solid #003399; margin:30px auto 10px auto; padding-top:30px; text-align:center;}

#footer .copy{color:#000000; font-size:12px; padding:20px 0 10px 0;}

.footmenu1{width:750px; height:25px; display:block; list-style:none; margin:0 auto 10px auto;}

.footmenu2{width:660px; height:25px; display:block; list-style:none; margin:0 auto 0 auto;}

#footer li{float:left; color:#aaaaaa;}

#footer a{color:#000000; text-decoration:none; padding:3px 5px 3px 8px;}

#footer a:hover{color:#ffffff; background:#006699;}

#footer .footvis{color:#ffffff; background:#006699;}

.footlink{padding:5px; font-size:xx-small;}



/*----------------------------------------------------
Copyright 2007 MyRentalServer All rights reserved.
----------------------------------------------------*/