@charset "utf-8";

* { margin : 0 ; padding : 0 ; }
body { text-align : center ; margin : 0 ; padding : 0 ; font-size : 10px ; line-height : 1.5 ; }
a { color : #0033cc ; }

.content p { padding-bottom : 0.6em ; }
button { cursor :pointer;}
#container { width : 900px ; overflow : hidden ;text-align :left ; margin : auto ; position :relative ; background : url("images/common/container.gif") repeat-y right; }
img { border : 0 ;} 

#center img {margin : 5px ;} 

table { border-collapse :collapse ; border : none ; width : 90% ;margin : 15px 5%; font-size :1em;  }
table td { width : 250px ; }

table.sample { border-collapse :collapse ; border : none ; width : 90% ;margin : 15px 5%; font-size :1em;  }
table.sample th { border : 1px solid #ccc ; padding : 7px ; text-align : left ; background : #e2e2e2 ;}
table.sample td { border : 1px solid #ccc ; padding : 7px ;}

/*layout*/
#center { width : 670px ; float : left ; display : inline ; overflow : hidden ; clear : both ;font-size : 1.2em ; }
#sidenavi2 { width : 220px ; float : right ; display : inline ; overflow : hidden ; }

#index #center img { margin : 0px ; }
/*header*/
#header { background : #fff url("images/common/header/header.gif") no-repeat ; position : relative ; height : 120px ; }
#header * { font-size : 1em ; text-decoration : none ; color : #999 ; font-weight : normal ;  }
#header img { top : 24px ; left : 2px ; position : absolute ; }
#header h1 { font-size : 1em ; position : absolute ; right : 5px ; top : 55px ; color :#666; }
#header h2 { position : absolute ; left : 5px ; top : 0px ; color :#fff ;}
#header h2 a { color :#fff ;}
#header p { position : absolute ; right : 5px ; top : 0px ; color :#fff ;}

/*sidenavi1*/
#sidenavi1 { position : absolute ; left : 0px ; top : 0px ; height : 40px ; width : 900px ;}

#sidenavi1 #sidemenu { position : absolute ; left : 0px ; top : 72px ;  }

#sidenavi1 li { width : 128px ; float : left ; list-style-type : none ; }
#sidenavi1 li a { color : #666 ; font-size : 1.2em ; font-weight : bold ; display : block ; padding : 9px 0px ; background : url("images/common/navi.gif")  -128px center no-repeat; text-align :center ; text-decoration : none ; }
#sidenavi1 li a:hover {background : url("images/common/navi.gif") 0px center no-repeat; }
#searchbox { position : absolute ; top : 25px ; right :150px ; }

/*center*/
#center h3, #center h4, #center h5 { height : 1% ;clear : both !important ; margin-bottom : 10px ; margin-top : 15px ; border-bottom : 1px solid #b3bbc0 ;  border-right : 1px solid #b3bbc0 ;padding : 5px 20px ; }
#center h3{ background : url("images/common/h3.gif") no-repeat center left ; font-size : 12px ; color :#000 ; clear : both ; }
#center h3 a{ text-decoration : none ;color :#000 ;}
#center h4{background : url("images/common/h4.gif") no-repeat center left;font-size : 12px ; }
#center h5{background : url("images/common/h4.gif") no-repeat center left;font-size : 12px ; }
#center #topContents { width : 670px ; overflow : hidden ;}

#center #topContents img { margin-bottom : 15px ;}
#center #topContents ul { overflow : hidden ; }
#center #topContents li { float : left ; margin: 4px ;width : 215px ; display : inline ; }
#center #topContents li a { display : block ; height : 297px ; padding-top : 297px ; overflow : hidden ;}
#center #topContents li.top1 a { background : url("images/index/top1.gif") ;}
#center #topContents li.top2 a { background : url("images/index/top2.gif") ;}
#center #topContents li.top3 a { background : url("images/index/top3.gif") ;}

#center .right { text-align : right ;  } 
#center .right a { background : url("images/common/arrow_detail.gif") no-repeat ; padding-left : 10px ; } 
#center ul#question { border-top : 1px dashed #ccc ;}
#center ul#question li, #center .whats p { padding : 7px 0px ; border-bottom : 1px dashed #cccccc ; }

/*sidenavi2*/
.sideBox-inner { height : 1% ; background : #fff ; border : 1px solid #cccccc ; margin : 4px ; padding : 4px ; position : relative ; margin-bottom : 7px ; }
.sideBox-inner .logo { text-align : center ; }
#sidenavi2 h4 { background : url("images/common/side/side_hl.gif") center left no-repeat ;  font-size : 12px ; padding : 2px 22px; border-bottom : 1px solid #ccd3da ; border-right : 1px solid #c4c7ce ; color : #000 ;}
#sidenavi2 .trial { }
#sidenavi2 .trial p.day30 {  background : url("images/common/side/calendar.gif") top left no-repeat ;padding-right :65px ; font-size : 12px ; font-weight :bold ;padding-top : 50px ; height : 50px ; overflow : hidden ; }

#sidenavi2 .trial p.soudan {  background : url("images/common/side/txt_soudan.gif") top left no-repeat ;padding-right :65px ; font-size : 12px ; font-weight :bold ;padding-top : 50px ; height : 50px ; overflow : hidden ; }

#sidenavi2 .btnTrialWrap button { background : url("images/common/side/btn_yellow.gif") top right no-repeat ; border : none ;width : 159px ; height :28px ; font-weight : bold ; color : #333 ;font-size : 1em ;}
#sidenavi2 .banner_nayami { display : block ; width : 210px ; height : 75px; padding-top : 75px ; overflow : hidden ;background : url("images/common/side/banner_nayami.jpg") ; position : absolute ; left : 0px ; top : 0px ;}
#sidenavi2 .nayami {padding-top : 80px ; }
#sidenavi2 { font-size : 1.2em ; }
#sidenavi2 p.btn_QWrap { text-align : right ; }
#sidenavi2 p.btn_QWrap button { background : url("images/common/side/btn_question.gif") top right no-repeat ; border : none ; display : block ;width : 104px ; height : 20px ; }
#sidenavi2 .service li { list-style-type : none ;font-weight : bold ;}
#sidenavi2 .service a { background : url("images/common/side/arrow_side_circle.gif") no-repeat 0px 5px ; padding-left : 10px ; }
#sidenavi2 dl.toiawase { clear : both ; background : url("images/common/side/toiawase.gif") no-repeat; list-style-type : none ;padding-top : 70px ; height : 70px ; overflow : hidden ; }
#sidenavi2 .btnTrialWrap { text-align : center ; padding : 5px ; clear : both ; margin-bottom : 10px ; }
#sidenavi2 p.beginner {background : url("images/common/side/beginner.gif") top left no-repeat ;  padding-right :65px ; font-size : 14px ; font-weight :bold ;padding-top : 62px ; height :62px ; overflow : hidden ; }

/*footer*/
#footer {background : #fff ; padding-bottom : 20px ; padding-top : 15px ; }
#footer * {font-size : 1em ; text-decoration : none ; color : #999 ; font-weight : normal ; }
#footer img {float : left ; margin-right :10px ;}
#footer #headNavi { position : absolute ; top : 42px ; left : 219px ;  }
#footer #headNavi li { margin-right : 3px ; display : inline ; list-style-type : none ; background : url(images/common/header/headbutton.gif) right center no-repeat; padding : 7px 7px 7px 0px ; }
#footer #headNavi li a { padding : 7px 0px 7px 7px ; background : url(images/common/header/headbutton.gif) left center no-repeat;text-decoration : none ; color : #4C4A49 ; font-family : tahoma ; }
#footer button.login { position : absolute ; top : 25px ; right :0px ;width : 129px ; height : 28px ; line-height : 28px ; display : block ; border : 0px ; background : url("images/common/header/button.gif") ; font-size : 12px ; font-weight : bold ;color : #333 ;}

#footerNavi { background : #000 ; font-size : 12px ; padding : 5px ; color : #fff ; margin-bottom : 10px ; height : 1% ;}
#footerNavi ul {overflow : hidden ;}
#footerNavi li {display : inline ;}
#footerNavi li a { color : #fff ; text-decoration : none ;}




#topContents li ul, #topContents li dl { position : absolute ; height : 10px ; padding-top : 10px ; overflow : hidden ; left : 0px ; bottom : 0px ;z-index : -1 ;}
#topContents li { position : relative ; }


/*text-replace*/
html>body #topContents li ul, 
html>body #topContents li dl,
html>body #sidenavi2 p.beginner , 
html>body #sidenavi2 .trial p.day30, 
html>body #sidenavi2 .trial p.soudan, 
html>body #center #topContents li a,
html>body #sidenavi2 dl.toiawase,
html>body #sidenavi2 .banner_nayami {height : 0px ;}

hr { clear : both ; }

ul.cateNavi  {overflow : hidden ; height : 1% ;}
ul.cateNavi li {width : 167px ; float :  left; list-style-type : none ;}
ul.cateNavi li a {text-decoration : none ; text-align :center ;display : block ; line-height : 40px ;height : 40px ;font-weight : bold ; color :#000 ; background : url(images/share/navi_share.gif) no-repeat 0px 0px ;}
ul.cateNavi li a:hover { color :  #fff;background : url(images/share/navi_share.gif) no-repeat -168px 0px ;}

p.alignRight { text-align : right ; }

table.formTable { border-collapse: collapse ; border : none ; }
table.formTable tr{ margin : 0 ; }
table.formTable th { border : 1px solid #bfbfbf ; padding : 5px ; background : #f0f0f0 ; }
table.formTable td { border : 1px solid #bfbfbf ; padding : 5px ; }
table.formTable thead th { background : #e4e4e4 ; margin : 0px ; padding : 0 ; border : 1px solid #bfbfbf ; }



#center span.entryImage { width : 175px  ; float : left ; display : inline ; clear : both ; height : 1% ;}
#center div.entryText { width : 480px ; float :right ;display : inline ;  text-align : justify ;height : 1% ;}

#center .content .cateHeader img { margin : 0 ; }

.cateGoogleapp p.service_title { background : #acc9d7 ; padding : 5px ; font-size :12px ;font-weight : bold ; margin-bottom : 15px ;}
.cateGoogleapp object { width : 420px ; float : left ; }
.cateGoogleapp ul.service { width : 230px ; float : right ;}
.cateGoogleapp ul li { clear : both ; list-style-type : none ;}
.cateGoogleapp ul li span{ display : block ;float : left ;}
.cateGoogleapp ul li p{ display : block ;float : right;width : 150px ; font-size : 10px ; padding : 10px 0px ;}

.cateHeader { position : relative ; }
/*#center .content .cateHeader h3.cagegoryH3 {height :200px ; width : 670px; padding-top : 200px ; overflow : hidden ;}*/
#center .content .cateHeader h3.cagegoryH3 { padding : 0 ; height : auto ; border : none ;}
.cateHeader .categoryHeaderImage { position : relative ; left : 0px ; top : 0px ; z-index :100 ;}

.serverPlans { padding :2px ; }

.serverPlans li { margin : 3px 1px 10px ;overflow : hidden ; background : #fff ; position : relative; padding-bottom : 30px ; height : 1% ;}
.serverPlans button { background : url(images/common/side/btn_plan_detail.gif) ; width :60px ; height :28px ; border : 0 ; position : absolute ;right : 5px ; bottom :5px; }
.serverPlans p { margin : 5px ;}
.serverPlans dl { position : absolute ; left : 0px ; top : 0px ; z-index : -1 ;height : 30px ; overflow : hidden ; }
.serverPlans dl dt {  }
.serverPlans dl dd {float : left; }

.planShare { border : 2px solid #a7c7d5 ;}
.planShare h5{background : #fff url(images/common/side/plan_share.gif) no-repeat ; height : 70px ; padding-top : 70px ; overflow : hidden ;}
.planVPS { border : 2px solid #7da889 ; }
.planVPS h5{ background : #fff url(images/common/side/plan_vps.gif) no-repeat ;height : 94px ; padding-top : 94px ; overflow : hidden ;}
.planPrivate { border : 2px solid #d4ae76 ; }
.planPrivate h5{ background : #fff url(images/common/side/plan_private.gif) no-repeat ;height : 87px ;padding-top : 87px ; overflow : hidden ;}

html > body .planShare h5{height : 0px ; }
html > body .planVPS h5{height : 0px ; }
html > body .planPrivate h5{height : 0px ; }
/*html > body #center .content .cateHeader h3.cagegoryH3 {height : 0px ;}*/


#center table.specTable { border-collapse: collapse ; border : none ;width : 660px ; margin : 0px auto 10px ; }
#center table.specTable tr{ margin : 0 ; }
#center table.specTable th { border : 1px solid #999 ; padding : 3px ; background : #f0f0f0 ; font-weight : normal ; white-space : nowrap ;}
#center table.specTable td { border : 1px solid #999 ; padding : 3px ; text-align : center ; }
#center table.specTable th.thCols { background : #666 ; color : #fff ; font-weight : normal ;}

#center table.specTable td img{ margin : 0px ;}

.topnews {
	margin-bottom:10px; padding:5px; background:#F3F3F3; border:solid 1px #CC0000;
}