@charset "utf-8";
/* CSS Document */



/* ------------------------------

	CONTENTS
	
------------------------------ */

.red {
	font-size:135%;
	color:#F00;
	font-weight:bold;
}

.clear {
	clear:both;
}



/* ------------------------------

	c01
	
------------------------------ */


.area_top {
	width:100%;
	margin:0 auto;
}



/* ------------------------------

	SLIDE
	
------------------------------ */


#slide {
	height:418px;
	clear:both;
	margin:20px auto 0 auto;
	position:relative;
}


#slide .slide_inner {
	width:1012px;
	height:418px;
	margin:0 auto;
}

img.main_top_img {
	position:relative;
	z-index:1;
}

.visualNav {
	position:absolute;
	top:0px;
	right:0px;
	z-index:90;
	margin:5px 0 0 0;
}

.visualNav li {
	margin:0 0 3px 0;
}

.visualNav li.v_nav01 {
	background:url(../img/top/slide_nav01_o.png) no-repeat;
	width:364px;
	height:99px;
}
.visualNav li.v_nav02 {
	background:url(../img/top/slide_nav02_o.png) no-repeat;
	width:364px;
	height:99px;
}
.visualNav li.v_nav03 {
	background:url(../img/top/slide_nav03_o.png) no-repeat;
	width:364px;
	height:100px;
}
.visualNav li.v_nav04 {
	background:url(../img/top/slide_nav04_o.png) no-repeat;
	width:364px;
	height:99px;
}

.visualNav li img.v_nav:hover {
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	
	}


/* ------------------------------

	MAIN_CONT
	
------------------------------ */

.ttl {
	width:100%;
	height:32px;
	background-color:#292B26;
	border:1px #6B6764 solid;
	color:#FFF;
	font-size:129%;
	padding:5px 0 0 0;
	border-radius:5px 5px 0px 0px;
}

.ttl img {
	float:left;
	position:relative;
	left:-12px;
	top:-7px;
	z-index:99;
}


.main_cont {
	clear:both;
	width:660px;
	float:left;
}


#container {
	margin:40px auto 0 auto;
}


/*c01*/

.c01_area {
	border-left:1px solid #FF9900;
	border-bottom:1px solid #FF9900;
	border-right:1px solid #FF9900;
	padding:15px 0 0 13px;
}

.c01 {
	margin:0 0 40px 0;
}


/*c02*/


.c02 {
	margin:0 0 40px 0;
}

.c02_area {
	border-left:1px solid #FF9900;
	border-bottom:1px solid #FF9900;
	border-right:1px solid #FF9900;
	padding:15px 0 0 0;
	background:url(../img/top/bg01.jpg) no-repeat;
	background-position:20px 20px;
	width:100%;
	height:450px;
	position:relative;
}

.c02_in {
	width:419px;
	position:absolute;
	top:217px;
	left:20px;
	background-color:#FFF;
	white-space:nowrap;
}

.space {
	display:block;
	margin:10px 0 10px 0;
}


/*c03*/

.c03 {
	margin:40px 0 0 0;
}

.c03_area {
	margin:0 auto;
	background:url(../img/top/bg_c03.png) no-repeat;
    background-size: 99.5%;
	width:667px;
	height:522px;
	color:#FFF;
	position:relative;
}

.c03_in {
	position:absolute;
	top:310px;
	left:25px;
	width:452px;
	line-height:1.4;
	background-color:#F20000;
}


.btn_area {
	position:absolute;
	top:410px;
	left:25px;
}

.btn_area .btn_01 {
	float:left;
	margin:0 10px 0 0;
}

.btn_area .btn_02 {
	float:left;
}




.c04 {
	margin:0 0 40px 0;
}
.c04_area {
	border-left:1px solid #FF9900;
	border-bottom:1px solid #FF9900;
	border-right:1px solid #FF9900;
	
	background:url(../img/top/bg_c04.png) top center no-repeat;
    background-size: 100%;

	width:100%;
	height:450px;
	position:relative;
}

.c04_in {
position: absolute;
    top: 150px;
    left: 25px;
}

.c04_in ul {
    clear: both;
    margin-bottom: 10px;
}


.c04_in ul li .voice-ttl {
    font-size: 190%;
    font-weight: bold;
    padding-top: 15px;
}

.c04_in ul li .ph-area {
    float: left;
    width: 100px;
}

.c04_in ul li .text-area {

    float: left;
}

.c04_in ul li .ph-area img {
    width: 80px;
}


.c04_in ul li　{
clear: both;
    height: 300px;
   
}

a.voiceTo {
    color: #000;
    text-decoration: underline;
    float: right;
    position: relative;
    left:90px;
}
a.voiceTo img {
    position: relative;
    top: 5px;
    left: 3px;
}


/* ------------------------------

	SIDE
	
------------------------------ */


#side {
	width:265px;
	float:right;
}


.c_area_side {
	border-left:1px solid #FF9900;
	border-bottom:1px solid #FF9900;
	border-right:1px solid #FF9900;
	padding:0 0 0 0;
	width:100%;
	position:relative;
}


.c_area_side  ul {
	padding:0 10px 10px 10px;
}

.c_area_side .box {
	border-bottom:1px dotted #999;
	padding:15px 10px 15px 10px; 
}

.c_area_side li.box:nth-child(4) {
	border-bottom:none;
}

.c_area_side li a {
	color:#0066FF;
	text-decoration:underline;
}

.side_ban {
	margin:30px 0 0 0;
}


.side_ban li{
	margin:0 0 7px 0;
}


.goList {
	font-size:79%;
	float:right;
	margin:3px 10px 0 0;
}

.goList a {
	color:#FFF;
	text-decoration:none;
}

.fb-page {
    margin-top: 10px;
}


.suzuka-ban {
	margin-top: 20px;
	margin-bottom: -20px;
	text-align: center;
}

a img:hover {
	opacity: 0.7;
}