/*

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

A8.net Guide CSS

2008.02

------------------------------

1.Šî–{�Ý’è�FƒGƒŠƒA�Ý’è
2.ƒRƒ“ƒeƒ“ƒc�Ý’è
3.‚»‚Ì‘¼�Ý’è



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

*/


/*

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


1.Šî–{�Ý’è�FƒGƒŠƒA�Ý’è

Base Layout setting


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

*/



.guideMenu .guideMenuBox{
 width:190px;
 margin:0 0 10px 0;


}


/*

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



2.ƒRƒ“ƒeƒ“ƒc

Contents setting


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

*/





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

ƒTƒCƒhƒ�ƒjƒ…�[

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

.guideMenuBox a 	{text-decoration:none}
.guideMenuBox a:link	{color: #003366 ; text-decoration:underline}
.guideMenuBox a:visited	{color: #660033 ; text-decoration:underline}
.guideMenuBox a:hover	{color: #0066CC ; text-decoration:underline}

/*.guideMenuBox a:link	{color: #1D7679 ; text-decoration:none}
.guideMenuBox a:visited	{color: #1D7679 ; text-decoration:none}
.guideMenuBox a:hover	{color: #FF6600 ; text-decoration:underline}*/

.guideMenuBox h2{
  width:190px;
  height:25px;
  margin:0;
  padding:5px 0 0 5px;
  font-size:14px;
  color:#FFFFFF;
  background:url(../images/guideMenuH2.jpg) no-repeat left top;
}

.guideMenuBox h2.adj{
  height:35px;
  background:url(../images/guideMenuH2-2.jpg) no-repeat left top;
  line-height:1.2;
}




.guideMenuBox ul{
 margin:0 0 5px 0;
 padding:5px 0 5px 5px;
 border:#999999 solid 1px;
 border-top:none;

}

.guideMenuBox li{
 padding:0 0 0 18px;
 font-size:14px;
 line-height:1.8;
 text-align:left;
 background:url(../images/listMark2.gif) no-repeat left center;
}


.guideMenuBox li#nowVisit,.guideMenuBox li#nowVisit a{
	background-color:#FFFFCC;
}


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

ƒ�ƒCƒ“ƒRƒ“ƒeƒ“ƒc

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



.guideContents h2{
 font-size:16px;
 margin:0 0 10px 0;
 padding:5px 0 7px 0;
 text-align:center;
 color:#FFFFFF;
 background:url(../images/guideContentsH2.jpg) no-repeat left top;

}



.guideContents .boxSet,.guideContents .boxSet2{
 margin:0 0 15px;
}



.guideContents h3{
 margin:0 0 15px 5px;
 padding:5px 0 5px 20px;
 font-size:16px;
 background:url(../images/guideContentsH3.jpg) no-repeat left top;


}

.guideContents h4{
    width:200px;
	margin:0 0 10px 15px;
	padding:2px 0 2px 10px;
	font-size:14px;
	color:#FFFFFF;
	background-color:#006699;
	border:#003366 solid 1px;

}



.guideContents .boxSet p,.guideContents .boxSet2 p,.guideContents .boxSet td{
 font-size:14px;
 margin:0 0 0 10px;

}


.guideContents .boxSet ul.listStyle{
	margin:0 10px 25px 20px;
	font-size:14px;
	background-color:#E6FFFF;

}

.guideContents .boxSet ul.listStyle li{
 margin:0 0 10px 0;
 border-bottom:#999999 dotted 1px;


}

.guideContents .boxSet ul.listStyle2{
	margin:0 10px 10px 20px;
	font-size:14px;
	background-color:#E8FFE8;
}

.guideContents .boxSet ul.listStyle3{
	margin:0 10px 10px 10px;
	
}

.guideContents .boxSet ul.listStyle3 li{
	margin:0 0 15px 0;
	font-size:14px;
}

.goLink{
 text-align:right;
 font-size:12px;
 margin:0 0 15px 0;



}
.goNextBt{
 text-align:center;


}

.goNextBt p{
 margin:0 0 15px 0;
 font-size:14px;

}


.climb{
  font-size:12px;
  text-align:right;
  margin:10px 5px 10px 0;

}


.red{
 color:#FF0000;


}
.blue{
color:#0033FF;
}



/*mall04,05.html‚ÅŽg—p*/

#contentsimg{
  float:right;
  width:250px;
  text-align:center;
  margin:0 0 0 10px;
}

#contentsimg p{
  font-size: 11px;
}

.small{
  font-size: 11px;
  color:#FF0000;
}








/*

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



3.‚»‚Ì‘¼�Ý’è

Other setting


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

*/


.n10	{font-size:10px; line-height:110%; font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"}
.n11	{font-size:11px; line-height:110%; font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"}
.n12	{font-size:12px; line-height:110%; font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"}
.n13	{font-size:13px; line-height:110%; font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"}
.n14	{font-size:14px; line-height:110%; font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"}
.n16	{font-size:16px; line-height:110%; font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"}

.title-white{font-size:16px; line-height:110%; font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"; color: #FFFFFF; font-weight: bold}

.title-s{font-size:14px; line-height:200%; font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka";  color: #336666; font-weight: bold}

.title-sbk{font-size:14px; line-height:200%; font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"; font-weight: bold}

.title-sred{font-size:12px; line-height:145%; font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka";  color: #CC3300; font-weight: bold}

a		{text-decoration:none}
a:link		{color: #003366; text-decoration:underline}
a:visited	{color: #660033 ; text-decoration:underline}
a:hover		{color: #0066CC; text-decoration:underline}


/* �Ô‚¢ƒŠƒ“ƒNƒeƒLƒXƒg */
a.redlink:link		{color: #FF6600; text-decoration:none; font-size:12px; line-height:120%; font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"}
a.redlink:visited	{color: #FF6600; text-decoration:none; font-size:12px; line-height:120%; font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"}
a.redlink:hover		{color: #FF9933; text-decoration:underline; font-size:12px; line-height:120%; font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"}

/* �•‚¢ƒŠƒ“ƒNƒeƒLƒXƒg */
a.blacklink:link		{color: #666666; text-decoration:none; font-size:12px; line-height:120%; font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"}
a.blacklink:visited	{color: #666666; text-decoration:none; font-size:12px; line-height:120%; font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"}
a.blacklink:hover		{color: #FF9933; text-decoration:underline; font-size:12px; line-height:120%; font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"}

/* ”’‚¢ƒŠƒ“ƒNƒeƒLƒXƒg */
a.whitelink:link		{color: #FFFFFF; text-decoration:underline; font-size:12px; line-height:120%; font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"}
a.whitelink:visited	{color: #FFFFFF; text-decoration:underline; font-size:12px; line-height:120%; font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"}
a.whitelink:hover		{color: #FFCC00 ; text-decoration:underline; font-size:12px; line-height:120%; font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"}

.color_a1 {  background-color: #00A498;}
.color_a2 {  background-color: #99cc33;}
.color_a3 {  background-color: #D4EBB8;}
.color_b1{  background-color: #FF9933;}
.color_c1 {  background-color: #FFFFCC;}
.color_gray1 {  background-color: #ededed;}


.headmenu {  background-repeat: repeat-y;}
.headmenu {  }

#owaku {
	position: relative;
	width: 680px;
}

#lefty {
	float: left;
	width: 335px;
	border: 1px #ffcc00 solid;
	text-align: center;
	background-image: url(../images/div_back.gif); 
	background-repeat: repeat; 
}


#righty {
	float: right;
	width: 335px;
	border: 1px #66ccff solid;
	text-align: center;
	background-image: url(../images/div_back2.gif); 
}

#clear {
	clear: both; 
}

#rankingtable {
	border-collapse: collapse;
	border: 1px #ffcc33 solid;
	background-image: url(../images/rankingback.gif); 
}

#rankingtable td {
	padding:2px 5px 2px 5px;
	font-size:12px;
	vertical-align: top;
}


#rankingtable2 {
	border-collapse: collapse;
	border: 1px #66ccff solid;
	background-image: url(../images/rankingback.gif); 
}

#rankingtable2 td {
	padding:2px 5px 2px 5px;
	font-size:12px;
	vertical-align: top;
}

img { border: 0px; }


#c-line {
	height: 6px;
	margin: 0px 0px 3px 0px;
	background: url(../images/line.gif);
	background-repeat: repeat-x;
	background-position: center center;
}

#left-content {
	width: 220px;
	vertical-align: top;
	padding: 10px 0px 0px 8px;
}

#p-menu {
	border-collapse: collapse;
	border: 1px #CCCCCC solid;
	background-image: url(../images/m-bg.gif);
}

#p-submenu {
	background-image: url(../images/title-bg.gif);
	width: 220px;
	color: #FFFFFF;
	font-size: 13px;
	text-align: left;
	line-height: 120%;
	padding: 5px 10px 5px 10px;
	border-left: 1px #CCCCCC solid;
	border-right: 1px #CCCCCC solid;
}

#p-submenu2 {
	background-image: url(../images/title-bg2.gif);
	color: #FFFFFF;
	font-size: 13px;
	text-align: center;
	line-height: 120%;
	padding: 3px 0px 3px 0px;
	border-left: 1px #CCCCCC solid;
	border-right: 1px #CCCCCC solid;
}

#b-menu {
	padding: 7px 0px 2px 10px;
}

#s-menu {
	padding: 0px 0px 0px 15px;
	line-height: 120%;
}

#right-content {
	vertical-align: top;
	padding: 10px 45px 0px 20px;
	line-height: 160%;
}



#link {
	background-image: url(../images/q.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 12px;
	font-weight: normal;
	padding: 0px 0px 0px 15px;
}

#process {
	background-image: url(../images/process-b.gif);
	padding: 3px 0px 3px 5px;
	color: #00008B;
}

#point-title {
	background: url(http://support.a8.net/as/images/hand.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 0px 0px;
	font-size: 15px;
	color: #ff0000;
}


.red-center{
  color:#FF0000;
  text-align:center;
  font-size:16px;


}