@charset "UTF-8";


@font-face{
	font-family:TCC-B-Select;
	src:url('/common/font/TCC-B-Select.woff2') format('woff2'),
      url('/common/font/TCC-B-Select.woff') format('woff'),
      url('/common/font/TCC-B-Select.otf') format('opentype');
}

@font-face{
	font-family:ShinGoPro-DB-Select;
	src:url('/common/font/ShinGoPro-DB-Select.woff2') format('woff2'),
      url('/common/font/ShinGoPro-DB-Select.woff') format('woff'),
      url('/common/font/ShinGoPro-DB-Select.otf') format('opentype');
}

@font-face{
	font-family:FolkPro-R-Select;
	src:url('/common/font/FolkPro-R-Select.woff2') format('woff2'),
      url('/common/font/FolkPro-R-Select.woff') format('woff'),
      url('/common/font/FolkPro-R-Select.otf') format('opentype');
}
.frame{
	width:1050px;
	margin:0 auto;
	background:;
}

@media screen and (max-width:1050px){
	.frame{
		width:100%;
	}
}

p.title{
  margin-bottom:100px;
  background:url(/common/image/common/line2.jpg) center no-repeat;
	
	
  text-align:center;
	font-family:tw-cen-mt-B;
  font-size:30px;
	font-weight:;
}

div.comment{
  margin-bottom:50px;
  
  text-align:center;
}

.gravure{
	width:1200px;
	height:400px;
	margin:40px auto;
	border-radius:0;
}

#gravure p{
	position:absolute;
	bottom:10px;
	left:19px;
	
	font-size:19px;
	color:#fff;
}

#gravure ul{
	position:absolute;
	bottom:11px;
	left:19px;
}


#gravure li{
	float:left;
	margin-right:5px;
	
	list-style:none;
	letter-spacing:1px;
	font-size:9px;
	color:#fff;
}

#gravure li:not(:last-child):after{
	content:", ";
}

/*----------------------------------------> 404 <----------*/

div.centering{
	border:0px solid #000;
}

div.centering p, div.centering span{
	font-family:;
}

div.centering p{
	margin-bottom:5px;
	
	font-size:18px;
}

div.centering span{
	color:#f36;
	font-size:13px;
	font-weight:bold;
	letter-spacing:1px;
}

div.centering table{
	margin:10px auto 0;
}

div.centering th, div.centering td{
	padding-bottom:5px;
	
	vertical-align:top;
	font-size:14px;
}

div.centering th{
	width:100px;
}

div.centering td{
	width:400px;
	text-align:left;
}

div.centering button{
	position:absolute;
	left:210px;
	bottom:0;
	width:180px;
	height:50px;
}

div.error{
	width:600px;
	height:400px;
	padding:175px 0 0 0;
	background:url(/common/image/common/plugin/brown1.png);
	background-position:center top;
	background-repeat:no-repeat;
}

div.e404{
	width:600px;
	height:220px;
	padding:170px 0 0 0;
	background:url(/common/image/common/plugin/brown1.png);
	background-position:center top;
	background-repeat:no-repeat;
}

div.maintenance{
	width:600px;
	height:310px;
	padding:170px 0 0 0;
	background:url(/common/image/common/plugin/brown5.png);
	background-position:center top;
	background-repeat:no-repeat;
}

/*----------------------------------------------------> top <----------*/ 

#top{
	width:100%;
	padding:20px;
	border-top:1px solid #420;
	border-bottom:0px solid #420;
	background:#fff;
  box-shadow:0px 0px 0px #aaa;
}

#top_logo{
	display:none;
}

#top_menu li{
	float:left;
}

#top_menu img{
  height:40px;
  margin-right:3px;
}

#top_menu li a{
	display:block;
	width:183px;
	height:40px;
	padding-top:3px;
	border-right:1px solid #ddd;

	text-align:center;
	font-family:FolkPro-R-Select;
	font-size:16px;
	letter-spacing:1px;
}

#top_menu p{
	margin-top:2px;
	
	text-align:center;
	font-family:TCC-B-Select;
	font-size:11px;
	letter-spacing:0.5px;
}

#top_menu li a:hover{
	text-decoration:underline;
}

#top_menu_icon{
	display:none;
}

@media screen and (max-width:1050px){
	#top_logo{
		display:inherit;
		float:left;
		width:165px;
	}
	
	#top_menu{
		display:none;
	}
	
	#top_menu_icon{
		display:inherit;
		float:right;
		width:50px;
		height:50px;
		border:1px solid #420;
		border-radius:5px;
		cursor:pointer;
	}
	
	#top_menu_icon:hover{
		opacity:0.8;
	}
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////---------- #bottom ----------//////////*/ 

#bottom{
	padding-bottom:50px;
	border-top:1px solid #630;
	border-bottom:1px solid #630;
	background:#420;
	
	text-align:center;
}

#gotop{
	display:block;
  height:40px;
	margin-bottom:50px;
  border-bottom:1px solid #420;
  background:url(/common/image/common/icon/gotop_clear_333.png), #fff;
  background-repeat:no-repeat;
  background-position:center;
}

#gotop:hover{
  background:url(/common/image/common/icon/gotop_clear_333.png), url(/common/image/common/icon/tilt_fff_ccc.png);
  background-repeat:no-repeat,repeat;
  background-position:center;
}


#bottom p{
	text-align:center;
	color:#fff;
}

#tel{
	width:300px;
	margin:16px auto;
	padding:5px;
	border:1px solid #fff;
}

#bottom_menu_bg div.frame:first-child{
	margin-bottom:25px;

/*
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
*/
}

#bottom hr{
	margin:10px 0;
}

#bottom dl, #bottom dt, #bottom ul, #bottom li, #bottom a{
	box-sizing:border-box;
	font-size:12px;
}

#bottom dl{
	float:left;
	width:165px;
	background:;
}

#bottom dl:not(:first-child){
	margin-left:26px;
}

#bottom dt{
	width:100%;
	padding-top:10px;
	margin-left:18px;

	font-weight:bold;
}

#bottom dd{
	margin-left:12px;
	margin-bottom:3px;
}

#bottom dd:before{
	content:"■ ";
	margin-left:2px;
	font-size:10px;
	color:#3f98fd;
}

#bottom_information{
	position:relative;
	height:300px;
}

#bottom_info1{
	position:absolute;
	top:50px;
	left:0;
}

#bottom_info2{
	position:absolute;
	top:50px;
	left:320px;
}

/*----------------------------------------------------> address <----------*/ 

address{
	margin-top:5px;
	padding:35px;
	border-top:1px solid #630;

	text-align:center;
}

address a{
	font-size:11px;
	color:#420;
	letter-spacing:1px;
}