@charset "euc-jp";

/*=====================================================

#######################################################

A8.net Contact CSS 2011

-------------------------------------------------------
INDEX

1.base layout setting

2.header setting

3.footer setting

4.contents setting

5.etc

#######################################################

========================================================
*/

/*
========================================================

1.base layout setting

========================================================
*/

html{
background:#F0F0E1;
}

body{
 background:#fff url(https://support.a8.net/as/support/images/a8as_headBg.png) repeat-x left top;
text-align:center;
 }


#header{
 width:950px;
 margin:0 auto;
 text-align:left;
 }
 
#header{height:110px;}

#contents{
width:900px;
margin:0 auto;
text-align:left;
background-color:#FFF;
padding:10px 25px 20px 25px;
height:auto;
clear:both;
}

#sideMenu{
 width:200px;
 float:left;
 }

#mainArea{
 width:680px;
 float:right;
 }
#footerMenu{
width:950px;
margin:0 auto;
text-align:left;
background-color:#FFF;
padding:0 0 10px;
clear:both;
}


#footer{
 width:100%;
 height:150px;
 background:url(https://support.a8.net/as/support/images/a8as_footerBg.png) repeat-x left bottom;
 clear:both;
 }

/*
========================================================

2.header setting

========================================================
*/


#header h1{
  text-align:center;
  color:#FFF;
  height:24px;
  font-weight:bold;
  }
  
#header #header_left{
  width:120px;
  margin:10px 0 0;
  float:left;
  }
  
#header #header_right{
  float:right;
  }
  
#header #header_left p{
 text-align:center;
 }
  
/*
-----------------------------gmenu setting
*/
ul#gmenuF{width:738px; height:40px; margin:22px 25px 0 0;}
ul#gmenuF li{width:122px; height:40px; display:inline; background:left top no-repeat; text-indent:-9998px; overflow:hidden;}
ul#gmenuF li a{ width:122px; height:40px; margin-right:1px; display:block; background:no-repeat; float:left; outline:0;}

/*
------default
*/

ul#gmenuF li#gmenu01 a{background:url(../images/gnavi01.jpg) 0 40px;}
ul#gmenuF li#gmenu02 a{background:url(../images/gnavi02.jpg) 0 40px;}
ul#gmenuF li#gmenu03 a{background:url(../images/gnavi03.jpg) 0 40px;}
ul#gmenuF li#gmenu04 a{background:url(../images/gnavi04.jpg) 0 40px;}
ul#gmenuF li#gmenu05 a{background:url(../images/gnavi05.jpg) 0 40px;}
ul#gmenuF li#gmenu06 a{background:url(../images/gnavi06.jpg) 0 0;}

/*
------rollover
*/


ul#gmenuF li#gmenu01,ul#gmenuF li#gmenu01 a:hover{background:url(../images/gnavi01.jpg) 0 0;}
ul#gmenuF li#gmenu02,ul#gmenuF li#gmenu02 a:hover{background:url(../images/gnavi02.jpg) 0 0;}
ul#gmenuF li#gmenu03,ul#gmenuF li#gmenu03 a:hover{background:url(../images/gnavi03.jpg) 0 0;}
ul#gmenuF li#gmenu04,ul#gmenuF li#gmenu04 a:hover{background:url(../images/gnavi04.jpg) 0 0;}
ul#gmenuF li#gmenu05,ul#gmenuF li#gmenu05 a:hover{background:url(../images/gnavi05.jpg) 0 0;}
ul#gmenuF li#gmenu06,ul#gmenuF li#gmenu06 a:hover{background:url(../images/gnavi06.jpg) 0 0;}

/*
========================================================

3.footer setting

========================================================
*/


#footer ul{padding:20px 0;}


#footer li{
 font-size:12px;
 display:inline;
 margin-right:10px;
 color:#333333;
}

#footer li a{color:#333333;}


#footer p#copyR,#footer p#copyR a{
 font-size:12px;
 text-align:center;
 color:#333333;

}


/*
========================================================

4.contents setting

========================================================
*/

/*
-----------------link color
*/


a:link{color:#003366;}


a:visited{color:#660033;}

a:hover{color:#0066CC;}

a:active{color:#0066CC;}

a:hover img{
    filter:alpha(opacity=70);
	opacity:0.7;
 }


/*
-----------------sidemenu 
*/

#sideMenu .sideMenuBox img{
 text-align:center;
 }
#sideMenu .registration{
	background:url(https://support.a8.net/as/images/side_entry_bg.jpg) no-repeat top left;
	width:200px;
	padding-top:50px;
	height:92px;
	text-align:center;
	margin-bottom:20px;
}

#sideMenu .flowBtn{
	width:200px;
	margin-bottom:20px;
}

#sideMenu .search_body{
 background-color:#f3f3f3;
 border:#999999 solid 1px;
 text-align:center;
 padding:0 10px;
 margin-bottom:20px;
 }
 
 
#sideMenu .search_body label{
 font-size:100%;
 font-weight:bold;
 text-align:left;
 display:block;
 margin-bottom:3px;
 }
 
 #sideMenu .search_body input{
  margin-bottom:5px;}

 #sideMenu .search_body input#search{
  width:170px;}


/*
----------------sidemenu entry list
*/

.sideBorder{
	width:178px;
	border-bottom:#999 1px solid;
	border-right:#999 1px solid;
	border-left:#999 1px solid;
	padding:5px 10px 10px;
}

.sideBorder dl{
	font-size:14px;
	font-weight:bold;
	line-height:1.3;
}

.sideBorder dt span{
	font-size:12px;
	font-weight:normal;
	margin-left:1em;
	line-height:1.5em;
}

.sideBorder .dot{
	background:url(https://support.a8.net/as/support/images/side_dot.gif) no-repeat top center;
	height:1px;
        margin-top:10px;
        margin-bottom:10px;
        font-size:0;
        overflow:none; 
}

#sideMenu .sideMenuBox .cate01 a,#sideMenu .sideMenuBox .cate02 a,#sideMenu .sideMenuBox .cate03{
 display:block;
 background:no-repeat left top;
 width:200px;
 height:40px;
 text-indent:-9998px;
 overflow:hidden;
 }


#sideMenu .sideMenuBox .cate01,#sideMenu .sideMenuBox .cate01 a{background-image:url(http://support.a8.net/as/support/images/side_mn_01_off.jpg);}
#sideMenu .sideMenuBox .cate02,#sideMenu .sideMenuBox .cate02 a{background-image:url(http://support.a8.net/as/support/images/side_mn_02_off.jpg);}
#sideMenu .sideMenuBox .cate03,#sideMenu .sideMenuBox .cate03 a{background-image:url(http://support.a8.net/as/support/images/side_mn_03_off.jpg);}
#sideMenu .sideMenuBox .cate04,#sideMenu .sideMenuBox .cate04 a{background-image:url(http://support.a8.net/as/support/images/side_mn_04_off.jpg);}
#sideMenu .sideMenuBox .cate05,#sideMenu .sideMenuBox .cate05 a{background-image:url(http://support.a8.net/as/support/images/side_mn_05_off.jpg);}
#sideMenu .sideMenuBox .cate06,#sideMenu .sideMenuBox .cate06 a{background-image:url(http://support.a8.net/as/support/images/side_mn_06_off.jpg);}
#sideMenu .sideMenuBox .cate07,#sideMenu .sideMenuBox .cate07 a{background-image:url(http://support.a8.net/as/support/images/side_mn_07_off.jpg);}

#sideMenu .sideMenuBox .cate01 a:hover{background-image:url(http://support.a8.net/as/support/images/side_mn_01_on.jpg);}
#sideMenu .sideMenuBox .cate02 a:hover{background-image:url(http://support.a8.net/as/support/images/side_mn_02_on.jpg);}
#sideMenu .sideMenuBox .cate03 a:hover{background-image:url(http://support.a8.net/as/support/images/side_mn_03_on.jpg);}
#sideMenu .sideMenuBox .cate04 a:hover{background-image:url(http://support.a8.net/as/support/images/side_mn_04_on.jpg);}
#sideMenu .sideMenuBox .cate05 a:hover{background-image:url(http://support.a8.net/as/support/images/side_mn_05_on.jpg);}
#sideMenu .sideMenuBox .cate06 a:hover{background-image:url(http://support.a8.net/as/support/images/side_mn_06_on.jpg);}
#sideMenu .sideMenuBox .cate07 a:hover{background-image:url(http://support.a8.net/as/support/images/side_mn_07_on.jpg);}




/*
-----------------mainArea
*/


#mainArea .mainAreaBox{
 width:680px;
 clear:both;
 }



/*
----------------------page link
*/

 
#siteTop{
 background:url(https://support.a8.net/as/support/images/siteTop.gif) no-repeat left center;
 }




/*
-----------------------adjust setting
*/


.adj_center{text-align:center;}

.adj_left{text-align:left;}

.adj_right{text-align:right;}

.adj_vtop{vertical-align:top;}

.adj_vbtm{vertical-align:bottom;}

.adj_mgn_top10{margin-top:10px;}

.adj_mgn_btm10{margin-bottom:10px;}

.adj_mgn_right10{margin-right:10px;}

.adj_mgn_left10{margin-left:10px;}

.adj_mgn_right50{margin-right:50px;}

.adj_mgn_btm10left20{margin:0 0 10px 20px;}

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



.w100{width:100px;}

.w150{width:150px;}

.w200{width:200px;}

.w250{width:250px;}

.w300{width:300px;}

.w350{width:350px;}

.w400{width:400px;}

.w450{width:450px;}

.w500{width:500px;}

.w550{width:550px;}

.w600{width:600px;}

/*
========================================================

5.etc

========================================================
*/
.txtCenter{
	text-align:center;
}
.txtRight{
	text-align:right;
}
.txtLeft{
	text-align:left;
}
.mgt3{margin-top:3px;}
.mgt5{margin-top:5px;}
.mgt10{margin-top:10px;}
.mgt15{margin-top:15px;}
.mgt20{margin-top:20px;}
.mgt25{margin-top:25px;}
.mgt30{margin-top:30px;}
.mgb3{margin-bottom:3px;}
.mgb5{margin-bottom:5px;}
.mgb10{margin-bottom:10px;}
.mgb15{margin-bottom:15px;}
.mgb20{margin-bottom:20px;}
.mgb25{margin-bottom:25px;}
.mgb30{margin-bottom:30px;}
.mgl5{margin-left:5px;}
.mgl10{margin-left:10px;}
.mgl15{margin-left:15px;}
.mgl20{margin-left:20px;}
.mgl25{margin-left:25px;}
.mgl30{margin-left:30px;}
.mgr5{margin-left:5px;}
.mgr10{margin-right:10px;}
.mgr15{margin-right:15px;}
.mgr20{margin-right:20px;}
.mgr25{margin-right:25px;}
.mgr30{margin-right:30px;}
.pdt5{padding-top:5px;}
.pdt10{padding-top:10px;}
.pdt15{padding-top:15px;}
.pdt20{padding-top:20px;}
.pdt25{padding-top:25px;}
.pdt30{padding-top:30px;}
.pdb5{padding-bottom:5px;}
.pdb10{padding-bottom:10px;}
.pdb15{padding-bottom:15px;}
.pdb20{padding-bottom:20px;}
.pdb25{padding-bottom:25px;}
.pdb30{padding-bottom:30px;}
.pdl5{padding-left:5px;}
.pdl10{padding-left:10px;}
.pdl15{padding-left:15px;}
.pdl20{padding-left:20px;}
.pdl25{padding-left:25px;}
.pdl30{padding-left:30px;}
.pdr5{padding-right:5px;}
.pdr10{padding-right:10px;}
.pdr15{padding-right:15px;}
.pdr20{padding-right:20px;}
.pdr25{padding-right:25px;}
.pdr30{padding-right:30px;}

.bold{font-weight:bold;}
.bold14{font-size:14px; font-weight:bold;}
.colorRed{color:#C30;}



/*---2011.04.13-
#contact #header ul#gmenu li#gmenu02 a{background:url(../images/common/a8as_gmenu_2.png) 0 40px}
#contact #header ul#gmenu li#gmenu02 a:hover{background:url(../images/common/a8as_gmenu_2.png) 0 0;}
#contact #header ul#gmenu li#gmenu06 a{background:url(../images/common/a8as_gmenu_6.png) 0 0;}
------------*/


#mainArea h2{
 margin:0 0 10px;
 }
 
.mainAreaBox{
 margin:0 10px 20px;
}

.mainAreaBox p,.contact p, .mainAreaBox li,.mainAreaBox dt,.mainAreaBox dd,.mainAreaBox02 li{
 font-size:12px;
 }

  
.mainAreaBox ul,.mainAreaBox dl{
 margin:0 0 10px 10px;
 }

.mainAreaBox li,.mainAreaBox dd,.mainAreaBox02 li{
	background:url(../images/icon_arrow.gif) no-repeat center left;
	padding-left:20px;
	line-height:2;
} 

.mainAreaBox p.adj{
    margin-bottom:5px;
	}

.mainAreaBox p.adj2{
    text-align:center;
    margin-bottom:5px;
	}

.mainAreaBox02{
 margin:0 10px 20px;
}

.contact h2{
  width:680px;
  height:32px;
  background:url(../images/s_guide/h2Bg.gif) no-repeat left top;
  font-size:14px;
  text-indent:25px;
  line-height:32px;
  font-weight:bold;
  }
  
.contact h3{
  width:670px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	background-color:#003466;
	padding:5px;
  margin-bottom:10px;
  }
  
 .red{
  color:#CC0000;
  }
  

/*
##################################
##################################


2.テーブル設定

Contents table setting


##################################
##################################
*/


.contact table{
  margin-bottom:20px;
  width:100%;
  }

.contact th,.contact td{
 padding:5px;
 border:#999999 solid 1px;
 font-size:12px;

}


.contact th{
  font-weight:bold;
  }


.contact thead th{
  background-color:#99CC00;
  text-align:center;
  }
  
.contact tbody th{
  background-color:#E9F2F8;
  text-align:left;
  }


.contact .necessary{
  color:#CC0000;
  font-size:11px;
  }
  
.contact .explain{
  font-weight:normal;
  }
  
.contact .mform tbody th{
 width:180px;
}