@charset "Shift_JIS";

/* Reset CSS */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym { border:0;
}

div#contents {/*contentsπ­§γ«*/
	width:100% !important;/* for IE5.5 */
	voice-family: "\"}\"";
	voice-family: inherit;/* for Modern browsers */
}

div#pageWrap {
	width:100%;
	position:relative;
}


/* font
=========================================*/
body{
	font-size:13px !important;
	line-height:1.7;
	font-family: "CI", "qMmpS Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", Osaka, Verdana, "lr oSVbN", sans-serif;
	color:#333333;
}

a:link,
a:visited {
	color:#006699;
	text-decoration:none;
}

a:hover {
	color:#006699;
	text-decoration:underline;
}


/* clearfix
=========================================*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
	zoom:1;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}



/* clear
=========================================*/
.clear{
	clear:both;
}



/* hr
=========================================*/
hr{
	display:none;
}


/* text-align
=========================================*/
.left{
	text-align:left;
}

.center{
	text-align:center;
}

.right{
	text-align:right;
}


/* margin-bottom
=========================================*/
.mb3{
	margin-bottom:3px;
}

.mb4{
	margin-bottom:4px;
}

.mb9{
	margin-bottom:9px;
}

.mb5{
	margin-bottom:5px;
}

.mb7{
	margin-bottom:7px;
}

.mb10{
	margin-bottom:10px;
}

.mb12{
	margin-bottom:12px;
}

.mb15{
	margin-bottom:15px;
}

.mb20{
	margin-bottom:20px;
}

.mb25{
	margin-bottom:25px;
}

.mb30{
	margin-bottom:30px;
}

.mb35{
	margin-bottom:35px;
}

.mb50{
	margin-bottom:50px;
}
.mt5{
	margin-top:5px;
}
.mt10{
	margin-top:10px;
}
.ml10{
	margin-left:10px;
}
.ml12{
	margin-left:12px;
}
.ml50{
	margin-left:50px;
}
.ml60{
	margin-left:60px;
}
.mr10{
	margin-right:10px;
}
/* padding-right
=========================================*/
.pr3{
	padding-right:3px;
}

.pr4{
	padding-right:4px;
}

.pr9{
	padding-right:9px;
}

.pr5{
	padding-right:5px;
}

.pr7{
	padding-right:7px;
}

.pr10{
	padding-right:10px;
}

.pr12{
	padding-right:12px;
}

.pr15{
	padding-right:15px;
}

.pr20{
	padding-right:20px;
}

.pr25{
	padding-right:25px;
}

.pr30{
	padding-right:30px;
}

.pr35{
	padding-right:35px;
}

.pr50{
	padding-right:50px;
}


/* font-size
=========================================*/
.f9 { font-size: 64.3%;}
.f10 { font-size: 71.4%;}
.f11 { font-size: 78.6%;}
.f12 { font-size: 85.7%;}
.f12 { font-size: 92.9%;}
.f14 { font-size: 100%;}
.f15 { font-size: 107.1%;}
.f16 { font-size: 114.3%;}
.f17 { font-size: 121.4%;}
.f18 { font-size: 128.6%;}
.f20 { font-size: 142.9%;}

div#pageWrap .fCaution {
	color: #333333;
	line-height:1.4;
}

div#pageWrap p {
	line-height: 1.7;
}
div#pageWrap sup { vertical-align: top; font-size: 76.9%;}
div#pageWrap sub { vertical-align: -1px;}
div#pageWrap strong { font-weight: bold;}
div#pageWrap .redTxt { color:#cc0000;}

.boldTxt {
	font-weight:bold;
}

/* float
=========================================*/
.fltL { float: left;}
.fltR { float: right;}

/* naviWrap
=========================================*/
#naviWrap {
	width:100%;
	/*
	position:absolute;
	*/
	position: fixed;
	z-index: 1001;
}

/* globalNavi toppage
=========================================*/
#gl_navi_top {
	width:100%;
	height:40px;
	line-height:0;
	background: url(/auto-archive/freed/2016/common/image_Navi/gnavi_top_bg.png) no-repeat center;
}

#gl_navi_top #gl_naviArea {
	width:900px;
	margin:0 auto;
	overflow:hidden;
}

#gl_navi_top #gl_naviArea h1 {
	width:257px;
	float:left;
	padding-top:2px;
	text-align: left;
}

#gl_navi_top #gl_naviArea ul {
	width:643px;
	overflow:hidden;
	padding-top:2px;
	float:left;
}

#gl_navi_top #gl_naviArea li {
	float:left;
	/* IE6 & IE7 */
	*line-height: 1px;
	*font-size: 1px;
}

#gl_navi_top #gl_naviArea li.support {
	margin:6px 0 0 7px;
	float:left;
}

/* globalNavi second layer
=========================================*/
#gl_navi {
	width:100%;
	height:36px;
	line-height:0;
	background: url(/auto-archive/freed/2016/common/image_Navi/gnavi_btn_bg.gif) repeat-x;
}

#gl_navi #gl_naviArea {
	width:900px;
	margin:0 auto;
	overflow:hidden;
}

#gl_navi #gl_naviArea h1 {
	width:257px;
	float:left;
	padding-top:2px;
	text-align: left;
}

#gl_navi #gl_naviArea ul {
	width:643px;
	overflow:hidden;
	padding-top:2px;
	float:left;
}

#gl_navi #gl_naviArea li {
	float:left;
	/* IE6 & IE7 */
	*line-height: 1px;
	*font-size: 1px;
}

#gl_navi #gl_naviArea li.support {
	margin:6px 0 0 7px;
	float:left;
}

/* subNavi
=========================================*/
#subNavi {
	width:100%;
	height:40px;
	background: url(/auto-archive/freed/2016/common/image_Navi/subnavi_line.gif) no-repeat center bottom;
	background-color:#FFF;
}

#subNaviArea {
	width:900px;
	margin: 0 auto;
	overflow:hidden;
	padding-top:3px;
}

#subNavi ul {
	height:32px;
	margin:0;
	float:right;
}

#subNavi li.subList {
	font-size:85.7%;
	line-height:32px;
	margin-left:15px;
	background: url(/auto-archive/freed/2016/common/image_Navi/subnavi_marker.gif) no-repeat left center;
	padding-left:10px;
	float:left;
}

#subNavi li.subList a:link,a:visited,a:active {
   color:#006699;
   text-decoration:none;
}

#subNavi li.subList a:hover {
	color:#006699;
	text-decoration:underline;
}

/* breadcrumbNav
=========================================*/
#subNavi ul.breadcrumbNavi {
	height:32px;
	margin:0;
	float:left;
}

#subNavi li.breadcrumbNaviTop {
	font-size:85.7%;
	line-height:32px;
	margin-left:0;
	text-align:left;
	background: url(/auto-archive/freed/2016/webcatalog/images/breadcrumb_mark.gif) no-repeat right center;
	padding-right:15px;
	padding-left:0;
	float:left;
}

#subNavi li.breadcrumbNavi {
	font-size:85.7%;
	line-height:32px;
	margin-left:0;
	text-align:left;
	background: url(/auto-archive/freed/2016/webcatalog/images/breadcrumb_mark.gif) no-repeat right center;
	padding-right:15px;
	padding-left:10px;
	float:left;
}

#subNavi li.breadcrumbNaviEnd {
	background:none;
	font-size:85.7%;
	line-height:32px;
	margin-left:0;
	text-align:left;
	padding-right:15px;
	padding-left:10px;
	float:left;
}

#subNavi ul.breadcrumbNavi a:link,
#subNavi ul.breadcrumbNavi a:visited,
#subNavi ul.breadcrumbNavi a:active
{
   color:#666666;
   text-decoration:none;
}

#subNavi ul.breadcrumbNavi a:hover {
	color:#333333;
	text-decoration:underline;
}

/* newsBox
=========================================*/
#newsBox {
	width:100%;
	height:34px;
	padding-top: 44px;
	/*background: url(/auto-archive/freed/2016/common/image_Navi/subnavi_line.gif) no-repeat center bottom;*/
	background-color:#ffffff;
}

#newsBoxArea {
	width:900px;
	margin: 0 auto;
	overflow:hidden;
}

#newsBox p {
	height:32px;
	line-height:32px;
}


/* pagetop
=========================================*/
.pagetopWrap {
	width:900px;
	margin:15px auto 0 auto;
	overflow:hidden;
}

.pagetopWrap ul {
}

.pagetopWrap li {
	background: url(/auto-archive/freed/2016/common/image_common/pagetop_marker.gif) no-repeat left center;
	padding-left:10px;
	float:right;
}

.pagetopWrap li a:link,
.pagetopWrap li a:visited {
	color:#333333;
	text-decoration:none;
}

.pagetopWrap li a:hover {
	color:#333333;
	text-decoration:underline;
}

/* footerinfoArea
=========================================*/
#footerinfoWrap {
	width:100%;
	margin-top:20px;
	background: url(/auto-archive/freed/2016/common/image_common/footer_bg.gif) repeat;
	border-top: 1px solid #cdcdcd;
}

#footerinfoWrap #footerinfoArea {
	width:900px;
	margin:0 auto;
}

/* footerCarArea
=========================================*/
#footerCarWrap {
	width:100%;
	background: url(/auto-archive/freed/2016/common/image_common/footer_freed_bg.gif) repeat-x;
}

#footerCarWrap #footerCarArea {
	width:900px;
	margin:0 auto;
}

/* credit
=========================================*/
.creditWrap {
	width:780px;
	margin:0 auto;
 	background: #FFF;
}

.creditArea {
	width:740px;
	margin:20px auto;
}

.creditArea p {
	margin:0;
	padding:0;
}

.creditArea .link {
	width:650px;
    margin: 0 auto;
    overflow: hidden;
}

.creditArea .link .Lbtn {
	float: left;
    width: 309px;
	padding-right:20px;
	border:0;
}

.creditArea .link .Rbtn {
	float: left;
    width: 309px;
	border:0;
}



/*2016-05@^CvJ[R[V*/
.topMainColorCaution {
	height:14px;
	font-size:10px;
	position:absolute;
	top:413px;
	left:0;
	color:#ff0000;
}
.contentColorCaution {
	color:#ff0000;
	font-size:10px;
	height:14px;
	margin-bottom:15px;
}



/*201609 ua add*/
div#contents{
	width:100% !important;
}


div.finish{
	background:#fafafa;
	height:46px;
	padding-top:9px;
}

div.finish div{
	width:980px;
	margin:0 auto;
}



div.finish div p.finishcopy{
	float:left;
	width:50%;
	color:#C00;
	line-height:1.5;
	font-size:12px;
	text-align:left !important;
}

div.finish div ul{
	float:right;
	width:50%;
	font-size:12px;
	text-align:right;
}

div.finish div ul li{
	margin-bottom:0.1em;
}

div.communityArea ul li{
	margin-bottom:7px;
}

div.communityArea ul li a{
	display:block;
	width:223px;
	height:57px;
	position:relative;
}

div.communityArea ul li a span{
	position:absolute;
	width:130px;
	height:32px;
	font-size:10px;
	top:23px;
	left:88px;
}

