/* <JAF English site>  CSS Document */

/* ----------2階層めコンテンツレイアウト(ここから)----------------*/

#wrapperswitch {
			width:790px;
			margin: 0 auto;
			postion : center;
            text-align:left;
			}

#wrapperroad {
			width:600px;
			margin: 0 auto;
			postion : center;
            text-align:left;
			}

/* -----全体のレイアウト--------*/
#wrapper {
	width:600px;
	margin: 0 auto;
	postion : center;
			}

#wrapper2 {
	width:790px;
	margin: 0 auto;
	postion : center;
			}
		
#contents {
	width:600px;
	margin: 0 auto;
	background-color:#FFFFFF;
		}
#contens {
		width:600px;
		margin: 0 auto;
		background-color:#FFFFFF;
		}

.contens_1 {
		width:520px;
		margin: 0 auto;
		}
		
.contens_2 {
		width:480px;
		margin: 0 auto;
		}
		
.contens_3 {
		width:700px;
		margin: 0 auto;
		}		

.contens_4 {
	width:790px;
	margin: 0 auto;
		}
		
#contens_5 {
		width:790px;
		margin: 0 auto;
		background-color:#FFFFFF;
		}

#main {
		width:790px;
}
/* -----ヘッター--------*/
#header {
		height:60px;
		background-color:#000066;
			}
			
/* -----フッター--------*/
.totop {
		clear: both;
		height: 24px;
		width: 87px;
		margin: 1em auto;
}

#footer {
		clear: both;
		width:600px;
		margin: 0 auto;
		background-color:#000066;
		padding: 8px;
		font-size:10px;
		line-height:10px;
		color:#FFFFFF;
		text-align:center;
}
#foter {
		background-color:#000066;
		padding: 8px;
		font-size:10px;
		line-height:10px;
		color:#FFFFFF;
		text-align:center;
			}

/* -----フッター　20131107追加--------*/
.totop_e {
		clear: both;
		height: 24px;
		width: 87px;
		margin: 1em auto;
}

#footer_e {
		clear: both;
		width:600px;
		margin: 0 auto;
		background-color:#000066;
		padding: 8px;
		font-size:10px;
		line-height:10px;
		color:#FFFFFF;
		text-align:center;
}
#footer_e {
		background-color:#000066;
		padding: 8px;
		font-size:10px;
		line-height:10px;
		color:#FFFFFF;
		text-align:center;
			}

#foter_e2 {
		background-color:#000066;
		padding: 8px;
		font-size:10px;
		line-height:10px;
		color:#FFFFFF;
		text-align:center;
			}
			

/* -----リンク--------*/
A:link{color: #003399; text-decoration: underline }
A:visited {color: #003399; text-decoration: underline}
A:hover { color: #FF0000; text-decoration: none}
A:active {color: #003399; text-decoration: underline}





/* -----タイトル--------*/
h1 {color: #000066;
    font-size:18px;
	border-top: 1px solid #03aced;
	border-bottom: 1px solid #03aced;
	border-left: 10px solid #03aced;
	border-right: 1px solid #03aced;
	padding: 5px 3px 1px;}
	
h2 {	
	border-bottom: 1px solid #03aced;
	padding: 3px 5px;
	}
	
h3 {color: #000066;
    font-size:12px;
	border-bottom: 1px solid #03aced;
	font-family:Arial, Helvetica, sans-serif;
	padding: 3px 5px;}
	
h4  {
	color: #000066;
    font-size:14px;
	}
	

/* -----フォント--------*/
.t11 {
		font-size:11px;
		line-height:13px;
		font-family:Arial, Helvetica, sans-serif;
		}
		
.t12_000066 {
		font-size:12px;
		color:#000066;
		font-family:Arial, Helvetica, sans-serif;
		}

.t12_pa {
		font-size:12px;
		padding: 3px 5px;
		font-family:Arial, Helvetica, sans-serif;
		}

.t11_red {
		font-size:11px;
		line-height:13px;
		color:#FF0000;
		font-family:Arial, Helvetica, sans-serif;
		}

.t11_orenge {
		font-size:11px;
		line-height:13px;
		color:#FF6600;
		font-family:Arial, Helvetica, sans-serif;
		}
		
.t12 {
		font-size:12px;
		line-height:15px;
		font-family:Arial, Helvetica, sans-serif;
		}
		
.t12_red {
		font-size:12px;
		line-height:15px;
		color:#FF0000;
		font-family:Arial, Helvetica, sans-serif;
		}
		
.t12_w {
		font-size:12px;
		line-height:15px;
		color:#ffffff;
		font-family:Arial, Helvetica, sans-serif;
		}
		
.t13_orenge {
		font-size:13px;
		line-height:15px;
		color:#FF6600;
		font-family:Arial, Helvetica, sans-serif;
		}
		
.t13 {
		font-size:13px;
		line-height:15px;
		color:#000066;
		font-family:Arial, Helvetica, sans-serif;
		}

.t13_b {
		font-size:13px;
		line-height:15px;
		color:#000000;
		font-family:Arial, Helvetica, sans-serif;
		}
		
.maru_b{
		padding:3px;
		}	
			
/* -----<Road Service Infomation> 表示テーブル-------*/
#box {
		width:580px;
		}
		
#box table {
			border-top: 1px solid #ccccccc;
			border-bottom:none;
			border-left:none;
			border-right:none;
			font-size:10px;
			line-height:14px;

		}	
		
#box td {
		border-bottom: 1px solid #ccccccc;
		border-right: 1px solid #ccccccc;
		border-left: 1px solid #ccccccc;
		padding:8px;
		}

/* -----<Hoe to call us> Caseごとの枠-------*/
.case1 {
		border-top: 5px solid #64d3f3;
		border-right: 5px solid #64d3f3;
		border-left: 5px solid #64d3f3;
		border-bottom: 5px solid #64d3f3;
		padding: 5px 5px;
	}
	
.case2 {
		border-top: 5px solid #00bfff;
		border-right: 5px solid #00bfff;
		border-left: 5px solid #00bfff;
		border-bottom: 5px solid #00bfff;
		padding: 10px 10px;
	}
	
.case3 {
		border-top: 5px solid #1e90ff;
		border-right: 5px solid #1e90ff;
		border-left: 5px solid #1e90ff;
		border-bottom: 5px solid #1e90ff;
		padding: 5px 5px;
	}


/* -----<Membership> -------*/
.pink_waku {
			width:480;
			color:#FF0066;
			background-color:#FFCCCC;
			padding:5px;
			border-bottom: 2px solid #FF66CC;
			border-top : 2px solid #FF66CC;
			font-size:16px;
			line-height:22px;
			}
		
/* -----<fia> -------*/
.waku {
			background-color:#FFCCCC;
			font-size:12px;
			line-height:14px;

			}

		
/* -----<mate> -------*/
#mate ul {
	list-style: none;
	padding: 0;
}
#mate ul li {
	float: left;
	margin: 0 40px 20px 0;
	width: 160px;
}
#mate ul li.right {
	margin: 0;
}
#mate img {
	border: 0 none;
}
#mate .ul_mate_bn li p {
	margin: 0;
}
#mate .ul_mate_bn li p.month {
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
}
#mate .ul_mate_bn li p.size {
	font-size: 85%;
}

/* ---#mate .ul_mate_bn li img  {
	border: 1px solid #ccc;
}-----*/

.bold {
	font-weight: bold;
}


/* -----------mate 2015/09/08追加---------------------*/
.jafmate_contents {
	border:3px solid #09F;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-right: 50px;
	padding-bottom: 20px;
	padding-left: 50px;
}

.jafmateimg {
	float:left;
	padding-right: 60px;
	margin: 0px;
	text-align: right;
}

.jafmateimg a:hover img {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}

#mate .ul_mate_bn  a:hover img {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}

table tr td a:hover img {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}

.jafmatetext {
	margin: 0px;
	padding: 0px;
	line-height:18px;
	overflow:auto;
	zoom:1;
}

.jafmatetext a {
	color: #09F; 
}

.jafmatetitle {
	background-color:#000;
	color: #fff;
	padding: 5px 10px;
}




/* ----------2階層めコンテンツレイアウト(ここまで)----------------*/

/* clearfix */
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0;
}

.clearfix {
	zoom: 1;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: block;
    overflow: hidden;
}
.clearfix:after {
    clear: both;
}
.clearfix { /* Clearfix for IE 6/7 (trigger hasLayout) */
    zoom: 1;
}

/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: "";
    display: block;
    overflow: hidden;
}
.clearfix:after {
    clear: both;
}
.clearfix { /* Clearfix for IE 6/7 (trigger hasLayout) */
    zoom: 1;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */