@charset "UTF-8";

/*=================================
	princeton
=================================*/

/* TOPページ(#topIndex)
=========================================*/
#mainImg{
	background:#e5e8eb;
    padding:30px 0;
}
#mainImgInner{
	width:970px;
	margin:0 auto;
	position:relative;
}

/* 重要なお知らせ(top/support共通)
-----------------------------------------*/
#alpha-inner .importanceAttention {
	border: 8px solid #e3e6e9;
	padding: 0 15px;
    margin:20px 0 20px;
}
#alpha-inner .importanceAttention h4 {
	color: #ff6666;
    font-size:14px;    
}
#alpha-inner .importanceAttention h4 i {
	color: #ff6666;
	font-size: 20px;
	vertical-align:text-bottom;
}
#alpha-inner .importanceAttention li {
    font-size:12px;    
    padding-bottom:10px;
}
#alpha-inner .importanceAttention li:last-child {
    padding-bottom:0;
}
#alpha-inner .importanceAttention li span{
    padding-right:15px;
}
/* 製品カテゴリから探す(top/product共通)
-----------------------------------------*/
/*#productCategory .catListBox{
	float:left;
	margin:0 2% 40px;
	width:46%;
}
#productCategory .catListBox .boxL{
	width:30%;
	border:1px solid #d3d6d9;
}
#productCategory .catListBox .boxL img{
	width:100%;
}
#productCategory .catListBox .boxR{
	width:66%;
}
#productCategory .catListBox .boxR h3{
	font-size:14px;
	font-weight:bold;
	margin:0 0 5px;
}
#productCategory .catListBox .boxR p{
	margin:0;
}*/
/* Grid system CSS */
#productCategory .catBox .thumbnail > img{
	width:100%;
}

#productCategory .catBox {
margin-bottom: 25px;
}

#productCategory .catBox div h3 {
font-size: 1.1em;
/* font-size: 14px; */
font-weight: bold;
line-height: 1.25em;
margin: 0 0 5px;
	display : -webkit-inline-box;
	display : -ms-inline-flexbox;
	display : -webkit-inline-flex;
	display : inline-flex;
}
#productCategory .catBox p { margin: 0;}
#productCategory .catBox .thumbnail {
	padding: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
		box-shadow: none;
}

#productCategory .col-md-4,
#productCategory .col-sm-4,
#productCategory .col-xs-4 {
    padding:0;
}

/* メモリー検索(top//product/memory.html共通)
-----------------------------------------*/
#alpha-inner #memorysearch{
	border:5px solid #e3e6e9;
	padding:15px;
	margin:10px 0 20px;
	width:100%;
}
#alpha-inner #memorysearch h3{
	font-size:15px;
	font-weight:bold;
    margin-top: 0;
}
#alpha-inner #memorysearch ul{
	font-size:12px;
    line-height:1.8em;
}
@media (min-width: 996px) {
#alpha-inner #memorysearch h3{ padding-top: 1em;}
/*#alpha-inner #memorysearch ul{ padding-top: 2.1em; padding-right: 0; margin-bottom: 0;}*/
}
@media (max-width: 767px) {
#alpha-inner #memorysearch .topMemoryBtn { clear: both;}
}
#alpha-inner #memorysearch .topMemoryBtn a{
	display:block;
	border: 1px solid #cfd3d5;
	text-align:center;
	text-decoration:none;
	padding:0 10px;
}

#alpha-inner #memorysearch .topMemoryBtn a:first-child{
/*	margin-bottom:10px; */
}
#alpha-inner #memorysearch .topMemoryBtn a:hover{
    background:#e3e6e9;
	color: #000;
}
#alpha-inner #memorysearch .topMemoryBtn a img{
	margin-right:10px;
}

@media (max-width: 768px) {
#alpha-inner #memorysearch .topMemoryBtn span {
   display: block;
   padding-bottom: 10px;
 }
}

/* お知らせ(top/news/information共通)
-----------------------------------------*/
.label a{
	color:#fff;
	text-decoration:none;
}

.label {
	line-height:2.5em;
}

@media (min-width: 992px) {
 #topNews .col-md-2 {
  width: 15%;
 }
 #topNews .col-md-3 {
  width: 18%;
 }
}

#topNews .entry-asset{
padding:10px 0 0;
}
li.newsDate{
	float:left;
/*	font-size:0.85em; */
font-size:0.92em;
}
li.newsCat{
	float:left;
	text-align:center;
	font-size:75%;
    color:#fff;
}
li.newsTit{
	float:left;
/*	font-size:93%; */
}
.catother{
    background:#808080;
}
.catdealwith{
    background:#0aa080;
}
.catcompany{
    background:#f59114;
}
.catpartner{
    background:#006ab6;
}
.catevent{
    background:#30499c;
}
.catcampaign{
    background:#99bb00;
}
.catprice{
    background:#cc0066;
}

/* スライダー
-----------------------------------------*/
#topSlideBox{
	padding:30px 0 0;
    max-height:535px;
    overflow: hidden;
	background:#e5e8eb;
}
#topSlideBox #topSlideBoxInner{
	width:970px;
	margin:0 auto;
}
#topSlideBox #fotorama span {
    background:transparent no-repeat center;
    width:970px;
    height:400px;
    display:block;
    text-indent:-9999px;
}
#topSlideBox .fotorama__html a{
    display:block;
    z-index:10000;
}

#topSlideBox .fotorama__wrap:after{
    position: absolute;
    z-index: 10;
    display: block;
    content: "";
    left: 0;
    top: 495px;
    width: 100%;
    height: 10px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.9, #e5e8eb), color-stop(0, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #e5e8eb 90%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #e5e8eb 90%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #e5e8eb 90%);
    background: -ms-linear-gradient(top,  rgba(255, 255, 255, 0) 0%,  #e5e8eb 90%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #e5e8eb 90%);
}

#topSlideBox .fotorama__nav.fotorama__nav--thumbs{
	overflow: hidden;
	height: 105px;
    text-align: left;
	transition-property: -webkit-transform, width;
	transition-property: transform, width;
	transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
	transition-duration: 0ms;
    background-color: rgba(255, 255, 255, 0);
}

#topSlideBox .fotorama__nav.fotorama__nav--thumbs.fotoramaNavHover{
    z-index: 11;
}

#topSlideBox .fotorama__nav.fotorama__nav--thumbs:after{
    -webkit-transition: all 330ms;
    -moz-transition: all 330ms;
    -ms-transition: all 330ms;
    -o-transition: all 330ms;
    transition: all 330ms;
    position: absolute;
    z-index: 10;
    display: block;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 10px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.90, #e5e8eb), color-stop(0, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, #e5e8eb 90%);
    background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, #e5e8eb 90%);
    background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, #e5e8eb 90%);
    background: -ms-linear-gradient(bottom,  rgba(255, 255, 255, 0) 0%,  #e5e8eb 90%);
    background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, #e5e8eb 90%);
    opacity: 1;
}

#topSlideBox .fotorama__nav.fotorama__nav--thumbs.fotoramaNavHover:after{
    opacity: 0;
}

#topSlideBox .fotorama__nav.fotorama__nav--thumbs .fotorama__nav__shaft{
    background-color: rgba(229, 232, 235, 0.6);
}

#topSlideBox .fotorama__thumb-border{
    border-color:#f59b14;
}
#topSlideBox .fotorama__thumb{
  overflow: hidden;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
}
#topSlideBox .fotorama__thumb:hover{
  border:2px solid #f59b14;
}
#topSlideBox .fotorama__thumb:hover img{
  margin: -2px;
}
#topSlideBox .fotorama__nav:before, #topSlideBox .fotorama__stage:before,
#topSlideBox .fotorama__nav:after, #topSlideBox .fotorama__stage:after{
  background-image: none;
}

#topSlideBox .fotorama__nav__frame--thumb{
	float: left;
	padding-bottom: 0;
}
#topSlideBox .fotorama__nav-wrap{
	width: 980px;
}
#topSlideBox .fotorama__nav__frame.fotorama__active .fotorama__dot{
    border-color: #f59b14;
    top: 11px;
}

@media (max-width: 970px) {
#topSlideBox #topSlideBoxInner{
	position:relative;
	width:100%;
	height:auto;
	margin:0;
}
#topSlideBox .slideImg,
#topSlideBox .slideImg a{
	width:100%;
	height:100%;
}
#topSlideBox #fotorama span{
	width:100%;
	height:100%;
    background-size:100% auto;
}
#topSlideBox .fotorama__arr{
	display:none;
}
#topSlideBox .fotorama__nav-wrap{
	width: auto;
}
}

/* お問い合わせ(#contacts)
=========================================*/
#contacts .bold{
	font-weight: bold;
}
#contacts .span2{
	width:50%;
    float:left;
}
#contacts .Cta_form .col-md-6{
	padding:0;
}
/*#contacts .Cta_form ul{
	margin: 10px 100px;
}*/
#contacts .border{	
	text-align:left;
	padding:20px 30px;
}
#contacts .border.border0{
	border-top:0;
}
#contacts .border li{
	display:inline-block;
	width:48%;
    padding-right:2px;
}
#contacts p.red{
	color:#ff6666;
}
#contacts .thumbnails{
	position: relative;
	width:100%;
}
#contacts .thumbnail{
	position: relative;
	overflow: hidden;
	padding:0;
	border-radius: 0;
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);

}
#contacts .thumbnail a{
	display:block;
	text-decoration:none;
}
#contacts .thumbnail a:hover{
	background:#e3e6e9;
}

#contacts .thumbnail img{
	height: 100px;
	width: 100px;
	margin:10px 0 0 0;
}

#contacts .thumbnail h5{
	position: absolute;
	top: 50px;
	left: 120px;
	font-size: 16px;
	font-weight: bold;
    color: #333;
}
#contacts .thumbProductLink{
	width: 7.5em;
	height: 1.5em;
	position: relative;
	bottom: 40px;
	right: -580px;
	top: -50px;
	z-index:10;
}
#contacts #princeton02 .clear,
#contacts #princeton03 .clear{
	margin-top: 20px;
}
#contacts #princeton02 .col-md-7,
#contacts #princeton03 .col-md-7{
	margin-top: 24px;
}
#contacts #telAndForm .col-md-10{
	margin-top: 20px;
}
#contacts #product .Cta_form ul li{
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
}
#contacts .registrationTime{
	text-align: center;
}
#contacts #kingston .txtC{
margin: 24px;
}
#contacts .tlt01 p.boxL{
	margin:25px 0 0 20px;
}
#contacts .under_dsc{
	color:#999;
}
#contacts .recycle_link{
	background:#e3e6e9;
	padding:1px 0 30px 20px;
}
#contacts .caption{
	padding: 15px 10px;
	clear: both;
}
#contacts .Cta_form{
	margin: 30px 0;
	border: 10px solid #e3e6e9;
	text-align: center;
	padding: 20px;
}
#contacts a.form_link{
	padding: 10px 30px;
	margin: 0 20px 10px;
	display:block;
    font-size: 1.15em;
}
#contacts .txtC a.form_link{
	margin: 0 100px 10px;
}
/* bootstrap調整
-----------------------------------------*/
#contacts .thumbnails .col-md-6{
	width:50% !important;
	margin:0;
	float:left;
}
#contacts .Cta_form .col-md-6{
	width:50% !important;
	float:left;
}
/* デジゾウお問い合わせ(#contacts_digizo)
=========================================*/
#contacts_digizo .list-group{
	background: #F0F0F0;
	padding:0 0 5px;    
}
#contacts_digizo a.list-group-item{
	float: left;
	width: 32%;
	margin: 5px 0 0 0.8%;
	text-decoration:none;    
}
#contacts_digizo a.list-group-item:hover{
	color:#000;
}
#contacts_digizo .question{
	margin-top:50px;
}

#contacts_digizo .contact_erea{
	border: 5px solid #cfd3d5;
	padding: 20px;
}
/* bootstrap調整
-----------------------------------------*/
#contacts_digizo .clearfix .col-md-6{
	width:50% !important;
	float:left;
}

/* 法人のお客様(#business)
=========================================*/
#business .businessSolution .solutionBox,
#business .businessBackup .backupBox{
	float:left;
	width:50%;
    text-align:center;
    padding:0 0 20px;
} 
#business .businessSolution .solutionBox a,
#business .businessBackup .backupBox a{
    display:block;
    margin:0 10px;
    padding:10px 0;
    border:1px solid #cfd3d5;
    text-decoration:none;
}
#business .businessSolution .solutionBox a:hover,
#business .businessBackup .backupBox a:hover{
    background: #e3e6e9;
    color:#000;
}
/*
#business .businessBackup .backupBox a{
    height:131px;
}
*/
#business .businessSolution .solutionBox a p,
#business .businessBackup .backupBox a p{
    margin-bottom:0;
}
#business .businessSolution .solutionBox img,
#business .businessBackup .backupBox img{
	width:50%;
	margin-bottom:10px;    
} 
#business .atenBox{
    border:1px solid #cfd3d5;
    padding:15px;
}
#business .atenBox a.boxL{
	width:35%;
    display:block;
    padding:10px;
}
#business .atenBox a.boxL img{
	width:100%;
}

#business .atenBox .boxR{
	width:63%;
    padding:15px 0 0;
}
#business .atenBox .boxR li{
	display:inline-block;
}

#business .businessProducts .productsBox{
	float:left;
	width:50%;
    padding:0 0 20px;
}
#business .businessProducts .productsBox a{
    border:1px solid #cfd3d5;
    display:block;
    margin:0 10px;
    padding:10px;
    text-decoration:none;
}
#business .businessProducts .productsBox a:hover{
    background: #e3e6e9;
    color:#000;
}
#business .businessProducts .productsBox .boxL{
	width:33%;
    padding:10px;
    border:1px solid #cfd3d5;
    background: #fff;
}
#business .businessProducts .productsBox .boxL img{
	width:100%;
}
#business .businessProducts .productsBox .boxR{
	width:64%;
    padding:25px 0 0;
}
#business img.businessIcon {
    padding:10px 60px 0;
}
@media (max-width:768px) {
#business img.businessIcon {
    padding:10px 20px 0;
}
}

/* 販売店案内(#shop)
=========================================*/
#shop .shopBox .shop{
    width:46%;
    padding:0 2% 20px;
    float:left;
}
#shop .shopBox .shop .boxR{
    width:160px;
}
#shop .shopBox .shop .boxR p{
    margin:5px 0 0;
}
#shop .shopBox .shop .boxR .shopName{
    font-size:14px;
    font-weight:bold;
    margin:10px 0 0;
}
#shop .shopBox .shop a img{
    width:120px;
    height:60px;
}

/* 名入れサービスのご紹介
=========================================*/
/* bootstrap調整
-----------------------------------------*/
#nairePage .column02 .col-md-6{
width:50% !important;
float:left;
}
#nairePage .column02 .col-md-6 .col-md-8{
width:65% !important;
float:left;
}
#nairePage .column02 .col-md-6 .col-md-4{
width:33% !important;
float:left;
}

/* Vidyo社ビデオ・音声会議システム
=========================================*/
/* bootstrap調整
-----------------------------------------*/
#vidyoPage .col-md-3{
width:25% !important;
float:left;
}
#vidyoPage .col-md-4{
width:33% !important;
float:left;
}
#vidyoPage .col-md-6{
width:50% !important;
float:left;
}
#vidyoPage .col-md-8{
width:65% !important;
float:left;
}
#vidyoPage .col-md-9{
width:75% !important;
float:left;
}

/* Vidyo社ビデオ・音声会議システム
=========================================*/
/* bootstrap調整
-----------------------------------------*/
#datasaverPage .col-md-4{
width:33% !important;
float:left;
}
#datasaverPage .col-md-6{
width:50% !important;
float:left;
}
#datasaverPage .col-md-8{
width:65% !important;
float:left;
}

/* Site Map ・ 404 Not Found
=========================================*/

#sitemap h2,#notFound h2 { clear: both;}
#sitemap hr,#notFound hr {
	clear: both;
	border: none;
}
#sitemap dl,#notFound dl { min-height: 60px;}
#notFound .searchForm404 .searchForm404Inner{
	position:relative;
	display:block;
	border:1px solid #cfd3d5;
	background:#fff;
}
#notFound .searchForm404 input{
	-webkit-appearance:none;
}
#notFound .searchForm404 input:focus{
	border:0;
	outline: 0;
}
#notFound .searchForm404 .searchBox{
	border:0;
	width:100%;
	padding:5px 0;
	margin-left:-5px;
}
#notFound .searchForm404 .searchBtn{
	border:0;
	width:20px;
	height:20px;
	background-color:#none;
	background:url(/cmn/img/ico_search.gif) no-repeat center center;
	position:absolute;
	top:5px;
	right:10px;
	z-index:10;
}