/*===================================
    File Name:   amu.css
    Style Info:  CSS
    Theme Name:  Amu-Server style
===================================*/


/**************************************
    既存のCSS
    write: 2010/2/5
**************************************/
body,td {  
font-size: 12px; line-height: 130% ; color: #000000}
a:link{
  color: #2ABFFF;
  text-decoration: none;
}
a:visited{
  color: #2ABFFF;
  text-decoration: none;
}
a:hover,a:active{
  color: #33CC33;
  text-decoration: underline;
  background: none;
}
h1 { font-size:12px; margin:0px}
h2 { font-size:16px; margin:0px}
/***END*******************************/



/* ヘッダーのトップ部分 */
table#header_top{
    width:760px;
    border-collapse:collapse;
    margin:0px;
}
table#header_top td {
    padding:0px;
    margin:0px;
}
table#header_top td#desc {
    width:565px;
    background-image:url('../images/parts/header_top_01.jpg');
}
table#header_top td#desc span{
    font-size:14px;
    color:#FFFFFF;
    position:relative;
    top:15px;
    left:25px;
}


/* コンテンツボディの背景 */
table.content_inner {
    width:760px;
    border-collapse:collapse;
    margin:0px;
}
table.content_inner td{
    padding:0px;
    margin:0px;
}
table.content_inner td.content_leftside{
    width:19px;
    background:url('../images/parts/left_bar.jpg') repeat-y left;
}
table.content_inner td.content_rightside{
    width:14px;
    background:url('../images/parts/right_bar.jpg') repeat-y right;
}
table.content_inner td.content_center{
    width:727px;
}


/* サービスのご紹介 */
div#service_plan {
    margin:5px 0 15px 0;
    width:727px;
    height:508px;
    background:url('../images/parts/service_plan.jpg') no-repeat left top;
}

/* Amu-Server 「格安」・「安心」のポイント */
div#service_merit {
    margin:15px 0 15px 0;
    width:727px;
    height:338px;
    background:url('../images/parts/service_merit.jpg') no-repeat left top;
}

/* コンテンツ下部 */
div#content_bottom {
    width:760px;
    background:url('../images/parts/contents_bottom.jpg') no-repeat left top;
    
}


/* サービスのご紹介 各ボタン */
div.economyplan_btn {
    position:relative;
    top:208px;
    left:165px;
}
div.basicplan_btn {
    position:relative;
    top:320px;
    left:100px;
}
div.goldplan_btn {
    position:relative;
    top:284px;
    left:420px;
}
div.sslserverplan_btn {
    position:relative;
    top:348px;
    left:100px;
}
div.mysqlplan_btn {
    position:relative;
    top:321px;
    left:420px;
}


/* TOPICS */
div#topics {
    width:760px;
    height:50px;
    background-image:url('../images/parts/topics_back.jpg');
}
table#topics_inner {
    width:760px;
    border-collapse:collapse;
    margin:7px 0 0 0;
}
table#topics_inner td {
    padding:0px;
    margin:0px;
}


/* 下部 INFORMATIONとセコム表記枠 */
table.bottom_info {
    width:727px;
    border-collapse:collapse;
    margin:0;
}
table.bottom_info td {
    padding:0px;
    margin:0px;
}


/* INFORMATION欄 */
div.information {
    padding-left:13px;
    
}
div.information_top {
    width:515px;
    height:47px;
    background-image:url('../images/parts/information_top.jpg');
}
div.information_body {
    width:515px;
    background:url('../images/parts/information_body.jpg') repeat-y;
    padding-top:1px;
}
div.information_body ul {
    width:430px;
    border-bottom:1px dashed #666666;
    margin:10px 10px
}
div.information_body ul li {
    font-size:14px;
    line-height:1.6em;
    padding-bottom:5px;
}
div.information_body ul p {
    font-size:14px;

}
div.information_body ul li span{
    color:#6CB700;
}
div.information_body ul li a{
    color:#F15A24;
    text-decoration:underline;
}

div.information_bottom {
    width:515px;
    height:11px;
    background-image:url('../images/parts/information_bottom.jpg');
}

/* 各種クレジットカード */
div.card { 
    width:515px;
    margin-top:8px;
    margin-left:13px;
    text-align:right;
}

/* SECOM等のテーブル */
table.secom_etc {
    width:148px;
    margin:0px auto 0px auto;
    border:1px solid #808080;
    border-spacing:5px;
}
table.secom_etc td{
    text-align:left;
    padding:5px;
}
table.secom_etc td#secom img{
    margin-left:18px;
}
table.secom_etc td#secom a{
    color:#2abfff;
}
table.secom_etc td#japannetbank {
    background-color:#E6E6E6;
    text-align:center;
}
table.secom_etc td#japannetbank div{
    width:128px;
    margin:3px auto 3px auto;
    text-align:left;
    line-height:1.3em;
}