@charset "UTF-8";
.contens-title {
	line-height:1.0;
	padding-bottom:30px
}
.wrap {
	position:relative
}
.nipponia-header {
	border-bottom:1px solid #523620;
	margin-bottom:0
}
.nipponia-header p {
	padding-left:20px
}
.top-site-header {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:100
}
.top-site-header h1 {
	padding-left:1px
}
.kv {
	border-bottom:10px solid #523620;
	position:relative;
	overflow:hidden;
	height:513px
}
.kv li {
	float:left
}
.gnav {
	margin-bottom:40px
}
#kv_slide_prev, #kv_slide_next {
	background:url(../images/bg_kv.png);
	position:absolute;
	width:50%;
	top:0;
	height:513px;
	z-index:10
}
#kv_slide_prev span, #kv_slide_next span {
	display:block;
	width:36px;
	height:55px;
	background:url(../images/sprite_slider_arrow.png) no-repeat;
	position:absolute;
	top:230px;
	cursor:pointer
}
#kv_slide_prev {
	left:-475px
}
#kv_slide_prev span {
	background-position:0 0;
	right:0
}
#kv_slide_next {
	right:-475px
}
#kv_slide_next span {
	background-position:100% 0;
	left:0
}
.bg-top-sp {
	background:url(../images/bg-top-sp.png) no-repeat
}
.story-contents {
	background-position:left top;
	padding-top:76px
}
.story-contents .vertical {
	background-position:left bottom;
	padding-bottom:17px
}
.story-contents .contens-title {
	background-position:left 30px;
	background-color:#fff
}
.story-contents h3 {
	margin:8px 0 6px 0;
	font-size:13px;
	font-size:13px;
	line-height:1.2
}
.story-contents section p {
	font-size:11px;
	font-size:11px
}
.story-contents+.story-contents {
	padding-top:15px;
	background-position:left -62px
}
.story-contents2 {
	padding-top:20px
}
.icon-story.story1 {
	background:url(../images/icon_story1.png) no-repeat left center
}
.icon-story.story2 {
	background:url(../images/icon_story2.png) no-repeat left center
}
.icon-story.story3 {
	background:url(../images/icon_story3.png) no-repeat left center
}
.vertical section {
	width:280px;
	padding:8px;
	background:#fff;
	float:left;
	margin-left:21px
}
.vertical section:first-child {
	margin-left:10px
}
.sprites-top-project {
	background:url(../images/sprites-top-project.png) no-repeat
}
.project-contents {
	background-position:left bottom
}
.project-contents .contens-title {
	background-position:left 27px;
	background-color:#fff;
	border-bottom:1px dashed #F1F1F1;
	padding-bottom:15px
}
.project-contents h2 {
	line-height:1
}
.project-contents h3 {
	margin:5px 0 7px 0;
	font-size:13px;
	font-size:13px;
	line-height:1.2
}
.project-contents section p {
	font-size:11px;
	font-size:11px;
	line-height:1.4
}
.project-box {
	float:left;
	width:476px;
	background:url(../images/bg-project-box.png) no-repeat left bottom;
	padding-bottom:18px
}
.project-box section {
	background:url(../images/bg-project-box.png) no-repeat left top;
	padding:15px 10px 0 10px
}
.project-box section>div {
	padding:8px;
	background:#fff
}
.project-box.add {
	float:left;
	width:474px;
	background:url(../images/bg-project-box2.png) no-repeat right bottom;
	padding-bottom:18px
}
.project-box.add section {
	padding:15px 10px 0 10px;
	background:url(../images/bg-project-box2.png) no-repeat right top
}
.horizontal figure {
	float:left
}
.horizontal .inner {
	width:318px;
	float:right
}
.infomation {
	background-position:left top;
	padding-top:90px;
	margin-bottom:10px
}
.infomation .info-inner {
	background-position:left bottom;
	padding-bottom:15px
}
.infomation .more {
	padding-top:8px
}
.news {
	padding:0 10px 0 10px;
	width:296px;
	float:left
}
.news h2 {
	float:left;
	font-size:16px;
	font-size:16px
}
.news dt {
	font-size:12px;
	font-size:12px
}
.news dd {
	font-size:12px;
	font-size:12px;
	margin-bottom:10px;
	font-weight:bold;
	line-height:1.3
}
.communication {
	width:634px;
	float:left
}
.communication section {
	padding-left:18px
}
.communication h2 {
	font-size:16px;
	font-size:16px;
	float:left;
	margin-bottom:8px
}
.communication .more {
	padding-right:20px;
	padding-top:8px
}
.communication .inner {
	clear:both;
	margin-left:30px;
	position:relative
}
.communication .contens-title {
	background-position:left 30px;
	background-color:#fff
}
.communication ul {
	overflow:hidden
}
.communication li {
	float:left;
	width:260px;
	height:230px;
	padding:10px 0;
	margin:0px 14px 0px 0px;
	background:#2153A7
}
.communication li p {
	padding:0 10px;
	color:#fff
}
.communication figure {
	text-align:center;
	margin-bottom:6px
}
.communication h3 {
	font-size:14px;
	font-size:14px;
	line-height:1.1;
	padding:3px 10px
}
.communication a {
	color:#fff;
	font-weight:normal
}
.communication .disabled {
	visibility:hidden
}
.communication .caroufredsel_wrapper {
	width:534px !important
}
#newsslider-next, #newsslider-prev {
	position:absolute;
	display:block;
	height:15px;
	width:13px;
	top:110px;
	cursor:pointer
}
#newsslider-next {
	background:url(../images/sprits-arrow.png) no-repeat left top;
	left:-24px
}
#newsslider-prev {
	background:url(../images/sprits-arrow.png) no-repeat -13px top;
	right:30px
}
.bg-other {
	background:url(../images/bg-top-other.png) no-repeat
}
.other-contents {
	background-position:left top;
	margin-bottom:20px;
	padding:72px 0 0
}
.other-contents h2 {
	font-size:16px;
	font-size:16px;
	margin-bottom:10px;
	float:left
}
.other-contents .contens-title {
	line-height:1.0;
	padding-bottom:13px;
	margin-bottom:17px;
	background:#fff
}
.other-contents .vertical {
	background-position:left bottom;
	padding-bottom:15px
}
.other-contents h3 {
	margin:8px 0 6px 0;
	font-size:13px;
	font-size:1.3rem;
	line-height:1.2
}
.other-contents section p {
	font-size:11px;
	font-size:1.1rem
}
.bg-info {
	background:url(../images/bg-top-informaiton.png) no-repeat left top
}
.top-setting {
	margin:0 auto;
	width:950px;
	overflow:hidden
}
.likebox {
	width:300px;
	float:right
}
.site-message dt {
	font-weight:bold;
	font-size:16px;
	font-size:16px;
	margin-bottom:0.4em
}
.site-message dd {
	font-size:11px;
	font-size:11px;
	text-align:justify
}
.site-message dd span {
	display:block;
	padding-top:10px
}
.site-message {
	width:625px;
	float:left
}
.site-message dt {
	font-weight:bold;
	font-size:16px;
	font-size:16px;
	margin-bottom:0.4em
}
.site-message dd {
	font-size:11px;
	font-size:11px;
	text-align:justify
}
.site-message dd span {
	display:block;
	padding-top:10px
}
.vertical .about {
	width:597px
}
.vertical .about p {
	background:url(../images/top-about.jpg) no-repeat left top;
	min-height:256px;
	padding-left:290px
}
.bg-about {
	background:url(../images/bg-about.png) no-repeat left top
}
.other-contents.bg-about {
	padding-top:60px
}
.vertical .about {
	padding:0 8px
}
.vertical .about h2 {
	float:none;
	margin-bottom:6px
}
.vertical .about a {
	font-weight:bold;
	font-size:14px;
	font-size:14px
}
.vertical .mobile {
	padding:8px 0;
	margin-left:30px
}
.rimit {
	font-size:12px;
	font-size:12px
}
.Trademark {
	font-size:11px;
	color:#999;
	width:950px;
	margin:0 auto 30px
}
.Trademark a {
	font-weight:bold;
	color:#666
}
#js-scrollbar {
	background:#fff;
	clear:both;
	width:298px;
	padding-top:14px
}
#js-scrollbar .viewport {
	overflow:hidden;
	position:relative;
	width:240px;
	height:225px;
	background:#fff;
	padding:10px
}
#js-scrollbar .overview {
	list-style:none;
	position:absolute;
	left:10px;
	top:0
}
#js-scrollbar .scrollbar {
	position:relative;
	float:right;
	width:8px
}
#js-scrollbar .track {
	height:100%;
	width:8px;
	position:relative;
	padding:0 0px
}
#js-scrollbar .thumb {
	background-color:#000;
	height:20px;
	width:8px;
	cursor:pointer;
	overflow:hidden;
	position:absolute;
	top:0
}
#js-scrollbar .thumb .end {
	background-color:#000;
	overflow:hidden;
	height:5px;
	width:13px
}
#js-scrollbar .disable {
	display:none
}
.noSelect {
	user-select:none;
	-o-user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none
}