@charset "UTF-8";

/*---------------------------
public
---------------------------*/
body {
	font-family: Verdana, 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ ProW3', 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
	color: #333;
	font-size: 13px;
	background: url("http://fsv-static.autoc-one.jp/syanago/assets/pc/images/common/bg.png");
}

a {
	text-decoration: none;
}
a:link, a:visited {
	color: #0084b4;
	text-decoration: underline;
}
a:hover, a:active {
	color: #0084b4;
	text-decoration: none;
}

header .topImage {
	background: #496ea5 url("http://fsv-static.autoc-one.jp/syanago/assets/pc/images/common/bg_header.jpg") top center no-repeat;
	height: 170px;
	text-align: center;
}
/*---------------------------
nav
---------------------------*/
nav {
	background: url("http://fsv-static.autoc-one.jp/syanago/assets/pc/images/common/bg_nav.png")repeat-x;
	height: 84px;
	margin-bottom: 20px !important;
}
nav ul {
	width: 970px;
	margin: 0 auto;
}
nav ul li {
	float: left;
}
nav ul li a {
	margin-top: 5px;
	height: 71px;
	text-indent: -9999px;
	display: block;
	background: url("http://fsv-static.autoc-one.jp/syanago/assets/pc/images/common/img_navi.png");
}
nav ul li.top a {
	width: 128px;
	background-position: 0 0;
}
nav ul li.top.on a,
nav ul li.top a:hover {
	width: 128px;
	background-position: 0 -71px;
}
nav ul li.information a {
	width: 140px;
	background-position: -128px 0;
}
nav ul li.information.on a,
nav ul li.information a:hover {
	width: 140px;
	background-position: -128px -71px;
}
nav ul li.character a {
	width: 140px;
	background-position: -268px 0;
}
nav ul li.character.on a,
nav ul li.character a:hover {
	width: 140px;
	background-position: -268px -71px;
}
nav ul li.game a {
	width: 140px;
	background-position: -408px 0;
}
nav ul li.game.on a,
nav ul li.game a:hover {
	width: 140px;
	background-position: -408px -71px;
}
nav ul li.faq a {
	width: 140px;
	background-position: -548px 0;
}
nav ul li.faq.on a,
nav ul li.faq a:hover {
	width: 140px;
	background-position: -548px -71px;
}
nav ul li.special a {
	width: 140px;
	background-position: -688px 0;
}
nav ul li.special.on a,
nav ul li.special a:hover {
	width: 140px;
	background-position: -688px -71px;
}
nav ul li.contact a {
	width: 142px;
	background-position: -828px 0;
}
nav ul li.contact.on a,
nav ul li.contact a:hover {
	width: 142px;
	background-position: -828px -71px;
}
/*---------------------------
layout
---------------------------*/
.sec-mainContents {
	width: 970px;
	margin: 0 auto 40px;
}
.sec-main-sub {
	float: left;
	width: 660px;
}
.sec-sub {
	float: right;
	width: 290px;
}
.sec-sub {
	margin-bottom: 150px;
}
.sec-sub.index {
	margin-bottom: 0;
}
/*--- frameLeft ---*/
.sec-main-sub .heading {
	background: url("http://fsv-static.autoc-one.jp/syanago/assets/pc/images/common/bg_frameLeftTop.png") top no-repeat;
	height: 68px;
	position: relative;
}
.sec-main-sub .frame {
	background: url("http://fsv-static.autoc-one.jp/syanago/assets/pc/images/common/bg_frameLeftBottom.png") bottom no-repeat;
	padding-bottom: 16px;
}
.sec-main-sub .frame .inner {
	background: url("http://fsv-static.autoc-one.jp/syanago/assets/pc/images/common/bg_frameLeft.png") top repeat-y;
	padding: 0 8px;
}
.sec-main-sub .other .frame .inner,
.sec-main-sub .privacy .frame .inner,
.sec-main-sub .terms .frame .inner {
    padding: 24px 28px 14px;
}


/*--- frameRight ---*/
.sec-sub .twitter {
	background: url("http://fsv-static.autoc-one.jp/syanago/assets/pc/images/common/bg_twitterRight.png") top no-repeat;
	height: 490px;
	margin-bottom: 15px;
}
.sec-sub .twitter.top {
	background: url("http://fsv-static.autoc-one.jp/syanago/assets/pc/images/common/bg_twitter.png") top no-repeat;
	height: 280px;
	margin-bottom: 0;
}
.sec-sub .twitter .inner {
	padding: 8px 0 0 8px;
}
.sec-sub .frame-top {
	background: url("http://fsv-static.autoc-one.jp/syanago/assets/pc/images/common/bg_frameRightTop.png") top no-repeat;
	padding-top: 16px;
}
.sec-sub .frame {
	background: url("http://static.autoc-one.jp/syanago/assets/pc/images/common/bg_frameRightBottom.png") bottom no-repeat;
	padding-bottom: 16px;
	margin-bottom: 15px;
}
.sec-sub .frame .inner {
	background: url("http://static.autoc-one.jp/syanago/assets/pc/images/common/bg_frameRight.png") top repeat-y;
	padding: 0 8px;
}
.sec-sub .frame .inner li a {
	display: block;
	border-bottom: 1px dotted #ccc;
	padding: 10px 7px 11px;
	text-decoration: none;
}
.sec-sub .frame .inner li a dl dt b {
	font-weight: bold;
	font-size: 107.69%;
	padding: 4px 0 5px;
	display: block;
	text-decoration: underline;
	line-height: 1.3;
}
.sec-sub .frame .inner li a:hover dl dt b {
	text-decoration: none !important;
}
.sec-sub .frame .inner li a dl dd {
	color: #333;
	line-height: 1.3;
}
.sec-sub .frame .inner li a span {
	display: inline-block;
	font-size: 92.3%;
}
.sec-sub .frame .inner li a span.day {
	margin-right: 6px;
	color: #333;
}
.sec-sub .frame .inner li a span.new {
	background: #ff0036;
	width: 3em;
	color: #fff;
	padding: 2px 0 3px;
	text-align: center;
	letter-spacing: -0.04em;
	font-weight: bold;
	margin-right: 4px;
}
.sec-sub .frame .inner li a span.important {
	background: #000;
	width: 3em;
	color: #fff;
	padding: 2px 0 3px;
	text-align: center;
	letter-spacing: -0.04em;
	font-weight: bold;
	margin-right: 4px;
}
.sec-sub .frame .inner li.more a {
	text-align: right;
	text-decoration: underline;
	color: #0084b4;
	border-bottom: none;
	padding-bottom: 5px;
}
.sec-sub .frame .inner li.more a:hover{
	text-decoration: none;
}
/*--- information ---*/
.sec-main-sub .information h2 {
	position: absolute;
	top: -28px;
	left: -24px;
}
.sec-main-sub .information .frame .inner ul {
	padding: 7px 10px 10px;
	overflow-y: scroll;
	height: 180px;
}
.sec-main-sub .information .frame .inner ul li {
	border-bottom: 1px dotted #ccc;
	padding: 10px;
}
.sec-main-sub .information .frame .inner ul li dl {
	display: table;
}
.sec-main-sub .information .frame .inner ul li dt,
.sec-main-sub .information .frame .inner ul li dd {
	display: table-cell;
}
.sec-main-sub .information .frame .inner ul li dd a{
	line-height: 1.3;
	margin-left: 6px;
}
.sec-main-sub .information .frame .inner ul li dt {
	width: 5.5em;
	letter-spacing: -0.04em;
	font-size: 92.3%;
}
.sec-main-sub .information .frame .inner ul li dd span{
	display: inline-block;
	width: 3em;
	color: #fff;
	font-size: 92.3%;
	padding: 2px 0 3px;
	text-align: center;
	letter-spacing: -0.04em;
	font-weight: bold;
}
.sec-main-sub .information .frame .inner ul li dd span.new {
	background: #ff0036;
}
.sec-main-sub .information .frame .inner ul li dd span.important {
	background: #000;
}
.sec-main .heading {
	background: url("http://fsv-static.autoc-one.jp/syanago/assets/pc/images/common/bg_frameTop.png") top no-repeat;
	height: 68px;
	position: relative;
}

.sec-main .frame {
	background: url("http://fsv-static.autoc-one.jp/syanago/assets/pc/images/common/bg_frameBottom.png") bottom no-repeat;
	padding-bottom: 16px;
}
.sec-main .frame .inner {
	background: url("http://fsv-static.autoc-one.jp/syanago/assets/pc/images/common/bg_frame.png") top repeat-y;
	padding: 0 8px;
}
.section {
	margin-bottom: 20px;
}
.sec-main h1,
.sec-main-sub h1 {
	position: absolute;
	top: -28px;
	left: -24px;
}
/*--- table ---*/
.sec-main table {
	width: 100%;
	font-size: 92.3%;
	background: #fff;
}
.sec-main table th,
.sec-main table td {
	padding: 10px 15px;
	border: solid 1px #ccc;
}
.sec-main table th {
	width: 150px;
	background: #efefef;
	vertical-align: middle;
	font-weight: normal;
	text-align: left;
}
.sec-main table td {
	line-height: 1.4;
}

/*---------------------------
footer
---------------------------*/
footer {
	text-align: center;
	font-size: 84.6%;
    margin-top: 130px;
}
footer .nav-utility {
	background: #901D37;
	padding: 25px 0;
}
footer .inner {
	width: 970px;
	margin: 0 auto;
	position: relative;
}
footer .inner .pagetop {
	cursor: pointer;
	right: -60px;
	position: absolute;
	top: -190px;
}
footer .nav-utility li {
	display: inline-block;
	border-right: 1px solid #fff;
	padding-right: 7px;
	margin-left: 8px;
}
footer .nav-utility li a {
	color: #fff;
}
footer .nav-utility li:last-child {
	border: none;
}
footer p.copyright {
	background: #000;
	color: #fff;
	padding: 10px 0;
}

/*---------------------------
.sec-sub
---------------------------*/
.sec-sub .news_list {
	margin-top: -48px;
}
.sec-sub .news_list h3 {
	position: relative;
}
.sec-sub .news_list h3 p {
	position: absolute;
	top: -13px;
	left: 15px;
	z-index: 20;
}
.sec-sub .news_list h3 span {
	position: absolute;
	top: -10px;
	left: 220px;
	z-index: 30;
}
.sec-sub .news_list ul {
	padding-top: 30px;
	margin: 0 15px;
}
.sec-sub .news_list ul li {
	width: 260px;
	padding: 10px 0;
	border-bottom: solid 1px #ff97ac;
}
.sec-sub .news_list ul li:nth-child(even) {
	background: #fff5f7;
}
.sec-sub .news_list ul li:nth-child(odd) {
	background: #FFFFFF;
}
.sec-sub .news_list ul li .image {
	width: 72px;
	float: left;
}
.sec-sub .news_list ul li dl {
	width: 178px;
	float: right;
}
.sec-sub .news_list ul li dl dt {
	padding-bottom: 7px;
	border-bottom: dotted 1px #ff97ac;	
}
.sec-sub .news_list ul li dl dt .title {
	padding-bottom: 3px;
	line-height: 1.0 !important;
}
.sec-sub .news_list ul li dl dt .title a {
	padding-left: 10px;
	background: url("http://fsv-static.autoc-one.jp/syanago/assets/pc/images/common/bg_news_list.png")no-repeat left center;
	color: #fe005a;
	font-size: 13px;
	font-weight: bold;
}
.sec-sub .news_list ul li dl dt .title a:hover {
	color: #ffabc9;
}
.sec-sub .news_list p {
	line-height: 1.7;
}
.sec-sub .news_list ul li dl dt .day {
	width: 60px;
	color: #000000;
	background: #ffe4e8;
	padding: 3px 3px 2px 3px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	font-size: 11px;
	behavior: url(http://fsv-static.autoc-one.jp/syanago/assets/pc/css/pie/PIE.htc);
	margin-right: 3px;
}
.sec-sub .news_list ul li dl dd {
	padding-top: 7px;
	font-size: 12px;
	line-height:1.5;
}
.sec-sub .banner {
	margin-bottom: 15px;
}
.sec-sub .banner li {
	margin-top: 10px;
}

.sec-sub .banner2 {
	margin-bottom: 15px;
}

.sec-sub .youtube {
	margin-bottom: 15px;
}

.sec-sub .sub_bottom span a img {
	margin-left: 170px;
	margin-top: 10px;
}
.announce {
    margin-bottom: 3px;
}
/*---------------------------
icon
---------------------------*/
.content_inner .new {
    background: none repeat scroll 0 0 #ff0036;
    border-radius: 3px;
    color: #ffffff;
    font-size: 11px;
    margin-left: 2px;
    margin-right: 3px;
    padding: 4px 4px 4px 6px;
    width: 22px;
}
.content_inner .important {
    background: none repeat scroll 0 0 #000000;
    border-radius: 3px;
    color: #ffffff;
    font-size: 11px;
    margin-right: 3px;
    padding: 4px 5px;
}
/*---------------------------
table
---------------------------*/
.other table {
	width: 100%;
}
.other table th {
	width: 8em;
	background: #FFFDF8;
	font-size: 14px;
	font-weight: bold;
	color: #8d4a62;
	vertical-align: middle;
}
.other table th, table td {
	padding: 5px 10px;
	border: solid 1px #f7e3ea;
	line-height: 1.7;
	text-align: left;
}
/*---------------------------
.privacy
---------------------------*/
.privacy,
.terms {
	line-height: 1.7;
}
.privacy ol.contact_inner li,
.privacy ul.contact_inner li,
.terms ol.contact_inner li,
.terms ul.contact_inner li {
		margin-bottom: 30px;
}
.privacy ol.contact_inner .title,
.terms .title {
		font-size: 14px;
		font-weight: bold;
		margin: 20px 0 5px 0;
}
.privacy ol.contact_inner .subtitle {
		font-weight: bold;
		margin: 3px 0;
}
.privacy .contact_inner ol li,
.privacy .contact_inner ul li,
.terms .contact_inner ol li,
.terms .contact_inner ul li {
	list-style-type: decimal;
	margin: 5px auto 5px 27px;
	color: #3c3c3c;
	font-size: 12px;
}
.privacy .contact_inner ol li ol li {
	list-style-type: decimal-leading-zero;
	margin-left: 20px;
}

/*---------------------------
clear
---------------------------*/
.sec-mainContents,
nav ul,
.sns,
.section,
.cf {
		zoom: 1;
}
.sec-mainContents:after,
nav ul:after,
.sns:after,
.section:after,
.cf:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}