@charset "utf-8";
/*--Reset-----------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
	font-size: 14px;
}
html,body {
	height: 100%;
}
img {
	border: none;
	vertical-align: bottom;
}
ul,ol {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
 } 
body {
	-webkit-text-size-adjust: 100%;
	font-size: 100%;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
a,
a:link {
	text-decoration: none;
	color: #000;
}
header a,
header a:link {
	text-decoration: none;
	color: #FFF;
}
a:visited {
	text-decoration: none;
}
a:focus {
	outline: none;
}
article,footer,header,nav,section {
	display: block;
}
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
.left_box{
	float: left;
}
.right_box{
	float: right;
}

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

/*--sample----------------------------------------------------------*/

#header{
	width: 100%;
	background: #000;
	font-size: 12px;
}
header {
	width: 960px;
	min-width: 960px;
	margin: 0 auto;
	padding: 10px 0;
}
header h1{
	float: left;
}
header h1:hover{
	opacity: 0.8;
}
header nav{
	float:right;
}
header nav ul{
	display: table;
}
header nav ul li{
	display: table-cell;
	text-align: right;
	padding-left: 4.5em;
	vertical-align: middle;
	height: 50px;
}
header nav ul li a{
	position: relative;
}
header nav ul li a:before{
	position: absolute;
	top: -3.5px;
	margin-left: -2.5em;
}
header nav ul li #nav1:before{
	content:url(../img/common/head_img_01_off_pc.png);
}
header nav ul li #nav2:before{
	content:url(../img/common/head_img_02_off_pc.png);
}
header nav ul li #nav3:before{
	content:url(../img/common/head_img_03_off_pc.png);
}
header nav ul li #nav4:before{
	content:url(../img/common/head_img_04_off_pc.png);
}
header nav ul li #nav5:before{
	content:url(../img/common/head_img_05_off_pc.png);
}
header nav ul li a{
	color: #FFF;
}
header nav ul li #nav1:hover,
header nav ul li.active #nav1{
	color: #00FFFF;
}
header nav ul li #nav1:hover:before,
header nav ul li.active #nav1:before{
	content:url(../img/common/head_img_01_on_pc.png);
}
header nav ul li #nav2:hover,
header nav ul li.active #nav2{
	color: #66FF33;
}
header nav ul li #nav2:hover:before,
header nav ul li.active #nav2:before{
	content:url(../img/common/head_img_02_on_pc.png);
}
header nav ul li #nav3:hover,
header nav ul li.active #nav3{
	color: #FF3355;
}
header nav ul li #nav3:hover:before,
header nav ul li.active #nav3:before{
	content:url(../img/common/head_img_03_on_pc.png);
}
header nav ul li #nav4:hover,
header nav ul li.active #nav4{
	color: #FF6600;
}
header nav ul li #nav4:hover:before,
header nav ul li.active #nav4:before{
	content:url(../img/common/head_img_04_on_pc.png);
}
header nav ul li #nav5:hover,
header nav ul li.active #nav5{
	color: #0066FF;
}
header nav ul li #nav5:hover:before,
header nav ul li.active #nav5:before{
	content:url(../img/common/head_img_05_on_pc.png);
}
header nav ul li a{
	color: #FFF;
}
/*--------------------------------------------------*/
#footer{
	width: 100%;
}
footer {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
.foot_con{
	display: table;
	padding: 1.5em 0;
}
.foot_con li{
	display: table-cell;
	vertical-align: top;
	padding-right: 2.5em;
}
.foot_con li p{
	margin-bottom: 0.2em;
}
.foot_con li a:hover,
.foot_os_logo a:hover{
	opacity: 0.8;
}
.foot_con li img{
	display: block;
}
.foot_con li img:first-child{
	margin-bottom: 1em;
}
.foot_con li p:before{
	content: "■";
}
.foot_os_logo{
	position: absolute;
	top: 1.5em;
	right: 0;
}
/*-----コンテンツ---------------------------------*/
.komoji{
	font-size: 0.8em;
}
.order_web a{
	position: absolute;
	right: 0;
	padding: 10px 0;
	background: #FFEE00;
	display: block;
	text-align: center;
	width: 156px;
	-webkit-border-bottom-right-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-bottomright: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-bottom-right-radius: 25px;
	border-bottom-left-radius: 25px;
	-webkit-box-shadow: 3px 4px 10px 2px rgba(0,0,0,0.46);
	-moz-box-shadow: 3px 4px 10px 2px rgba(0,0,0,0.46);
	box-shadow: 3px 4px 10px 2px rgba(0,0,0,0.46);
	}
/*-----トップ---------------------------------*/

#contents article section{
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	background: #000;
}
#contents article section video{
	position: absolute;
	top: 0;
	min-width: 100%;
	width: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
}
#contents article #base_img{
	position: relative;
	width: 744px;
	height: 454px;
	margin: 30px auto;
}
#contents article section #dotted{
	background-image: url(../img/top/dotted.png);
	position: absolute;
	width: 100%;
	z-index: 1;
}
#contents article #base_img .top_img_01,
#contents article #base_img .top_kind_01,
#contents article #base_img .top_kind_02,
#contents article #base_img .top_kind_03,
#contents article #base_img .top_kind_04,
#contents article #base_img .top_kind_05{
	position: absolute;
	margin: auto;
	z-index: 2;
}
#contents article #base_img .top_kind_01:hover,
#contents article #base_img .top_kind_02:hover,
#contents article #base_img .top_kind_03:hover,
#contents article #base_img .top_kind_04:hover,
#contents article #base_img .top_kind_05:hover{
	opacity: 0.8;
}
#contents article #base_img .top_kind_01{
	top: 70px;
	left: 95px;
}
#contents article #base_img .top_kind_02{
	top: 68px;
	right: 123px;
}
#contents article #base_img .top_kind_03{
	bottom: 140px;
	right: 30px;
}
#contents article #base_img .top_kind_04{
	bottom: 57px;
	right: 158px;
}
#contents article #base_img .top_kind_05{
	bottom: 78px;
	left: 23px;
}
/*--------------------------------------------------*/
#top_line{
	background: #000;
	width: 100%;
	color: #FFF;
	padding: 40px 0; 
}
.top_line_con{
	width: 960px;
	margin: 0 auto;
}
.top_line_con .left_box{
	width: 264px;
	text-align: right;
}
.top_line_con .right_box{
	width: 660px;
}
.top_line_con .right_box p{
	margin-bottom: 0.3em;
}
/*--------------------------------------------------*/
#sitemap_contents{
	background: #333;
	min-height: 600px;
}
#sitemap_contents article section{
  position: relative;
  width: 960px;
  margin: 0 auto;
}
.sitemap_con{
	padding: 50px 0;
	color: #FFF;
}






/*--mobile-----------------------------------------------------------*/