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

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
* {
	list-style:none;
}
.cy_container {
	width:960px;
	margin:0 auto;
	color:#fff;
}


/*** 下層ページコンテンツ部分記述　***/
.cySubTitle {
	font-weight:bold;
	margin-bottom:20px;
	font-size:24px;
}
.cy_h2 {
	color:ccc;
	text-shadow:0 0 5px;
	font-size:18px;
	margin-top:14px;
}
.cySubContents {
	padding:10px 14px;
}
.cyVisited {
	color:#C7080C !important;
}
/***header*******************************/

#cy_h1 {
	font-size:10px;
	text-align:center;
}
#cy_header {
	position:relative;
	background-color:#FFF;
	padding:5px 0 10px;
}

	#w97 {
		width:97%;
		margin:0 auto;
	}
	
	#rogo {
		float:left;
		width:400px;
	}
	
	#title {
		float:left;
		margin-top:10px;
		font-size:60px;
		font-weight:bold;
	}
	#title span {
		font-size:30px;
		padding-left:30px;
		position:relative;
		bottom:10px;
		font-weight:normal;
	}

#left {
	margin-right:130px;
}

	#bg_black {
		padding:40px 0;
		position:relative;
	}



/***rightcontents***************************/
	
#h100 {
	position:fixed;
	top:0;
	right:0;
	z-index:600;
	height:100%;
}

	#right {
		width:130px;
		position:absolute;
		z-index:500;
		top:0;
		right:0;
		height:100%;
		background-color:#000;
	}

	#menu {
		position:absolute;
		top:50px;
		right:20px;
		width:81px;
		z-index:600;
	}

		#menu_list li {
			color:#FFF;
			border-bottom:1px solid #FFF;
			margin-left:13px;
		}
		
		#menu_list a {
			text-decoration:none;
			color:#FFF;
			padding:13px 10px;
			display:block;
			-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all  0.4s ease;

		}
		
		#menu_list a:hover {
			color:#C7080C;
		}

	#copy {
		position:absolute;
		right:55px;
		top:50%;
		z-index:500;
		margin-top:-170px;
	}


/***maincontents*********************************************/

#company {
	width:100%;
	color:#FFF;
}

	#company th {
		padding:30px 10px;
		width:200px;
		font-weight:bold;
		vertical-align:top;
	}
	
	#company td {
		padding:30px 10px;
	}
	
	.disc_2 li {
		list-style:disc;
		padding:10px 0;
		margin-left:40px;
	}

#more {
	text-align:center;
	margin:40px 0;
	position:relative;
	z-index:700;
}

#spnav {
	display:none;
}


#aaa {
	text-align:center;
	padding-top:40px;
	font-weight:bold;
	font-size:18px;
}
	
/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 960px){

.pc_none {
	display:none;
}
a img {
	-moz-transition: -moz-transform 0.4s linear;
	-webkit-transition: -webkit-transform 0.4s linear;
	-o-transition: -o-transform 0.4s linear;
	-ms-transition: -ms-transform 0.4s linear;
	transition: transform 0.4s linear;
	
}
a img:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	
}


}

@media only screen and (max-width:1200px){

#rogo {
		float:left;
		width:230px;
		margin-right:20px;
}
#title {
		float:left;
		margin-top:10px;
		font-size:50px;
		font-weight:bold;
	}
	#title span {
		font-size:25px;
		padding-left:20px;
		position:relative;
		bottom:10px;
		font-weight:normal;
	}

}


@media only screen and (max-width:959px){

.container {
	width:97%;
	margin:0 auto;
}

.sptab_none {
	display:none;
}

.tab_none {
	display:none;
}
.cyVVV {
	background-color:#8C8C8C;
	color:#FFF;
}
#cy_h1 {
	padding-bottom:7px;
}
#h100 {
	display:none;
}
#left {
	margin-right:0 !important;
}


#spnav {
	display:block;
}
.cy_container {
	width:96%;
	padding-left:2%;
	padding-right:2%;
}
#cyMap {
	width:90%;
	height:250px;
}
#more img {
	width:90%;
	height:auto;
}
#company {
	width:100%;
	color:#FFF;
}

	#company th {
		padding:30px 10px;
		width:25%;
		font-weight:bold;
		vertical-align:top;
	}
	
	#company td {
		width:70%;
		padding:30px 10px;
	}
	
	.disc_2 li {
		list-style:disc;
		padding:10px 0;
		margin-left:40px;
	}

#more {
	text-align:center;
	margin:40px 0;
	position:relative;
	z-index:700;
}


/**メニューカスタム**/
#sp_nav {
	display:block;
}
.navbar-toggle {
	background-color:#000;	
	margin:0;
	float:right;
	padding:5px 10px;
	margin-top:5px;
	margin-right:20px;

}
.size_40 {
	font-size:32px;
}
.menu {
	color:#000 !important;
}
.m_color {
	color:#000;
}

#navbar-menu {
	background-color:#FFF;
	margin-top:30px;
}

#navbar-menu a{
	text-decoration:none;
	color:#000;
	display:block;
	font-weight:bold;
}

#navbar-menu li{
	border-bottom:1px solid #000;
	padding:10px 15px;
}
#navbar-menu li:hover {
	background-color:#8C8C8C;
}
#navbar-menu li:hover a{
	color:#FFF;
}

.ac {
	background-color:#D3E3FC;
}

.ac a {
	color:#267ee5 !important;	
}

.dropdown ul {
	background-color:#FFF;
	box-shadow:none !important;
	border:none !important;
	padding:5px 0 !important;
	float:none;
}
.dropdown ul li{
	padding:5px 0 !important;
	font-size:12px !important;
}

.spposi {
	position:relative;
}

#sp_tel a {
	text-decoration:none;
	color:#FFF;
}
/******/

#rogo {
		float:none;
		width:100%;
		text-align:center;
	}
	#rogo img {
		width:150px;
		height:62px;
	}
	
	#title {
		float:left;
		margin-top:10px;
		margin-left:20px;
		font-size:30px;
		font-weight:bold;
	}
	#title span {
		font-size:15px;
		padding-left:10px;
		position:relative;
		bottom:5px;
		font-weight:normal;
	}


}

/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
	
body {
	font-size:12px;
}

.container {
	width:94%;
	margin:0 auto;
}

.tab_none {
	display:block;
}

.sp_none {
	display:block;
}
.cySubTitle {
	
	font-size:12px;
}
.cy_h2 {
	color:ccc;
	text-shadow:0 0 5px;
	font-size:12px;
	margin-top:14px;
}


}

/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){


	#rogo img {
		width:150px;
		height:62px;
	}
	
	#title {
		float:left;
		margin-top:15px;
		margin-left:10px;
		font-size:20px;
		font-weight:bold;
	}
	#title span {
		font-size:10px;
		padding-left:10px;
		position:relative;
		bottom:4px;
		font-weight:normal;
	}


}


/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
    0% {opacity:0;display:block;}
    100% {opacity:1;}
}