@charset "utf-8";

#test {
	position:fixed;
	height:20px;
	border:1px solid #F00;
	z-index:1000;
	width:100%;
	top:80px;
	background-color:#FFFFFF;
}

.swiper-container {
    width: 410px;
    height: 410px;
}
.swiper-container2 {
    width: 830px;
    height: 130px;
}
.swiper-container3 {
    width: 410px;
    height: 200px;
}
.swiper-container2a {
    width: 830px;
    height: 130px;
}
.swiper-container3a {
    width: 410px;
    height: 200px;
}

/* =Typography
-----------------------------------------------------------------------------*/
body {
	overflow-y:scroll;
	background-color: #ffffff;
	font-family: "helvetica neue", "helvetica", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0px;
	min-width:370px;
	font-size:9pt;
	text-align:left;
	-webkit-text-size-adjust: 100%;
}


/* =Links
-----------------------------------------------------------------------------*/

div.topmenu a:link { color:#FFFFFF; text-decoration:none; }
div.topmenu a:hover { color:#FFFFFF; text-decoration:underline;}
div.topmenu a:visited { color:#FFFFFF; text-decoration:none; }

a:link { color:#0063f2; text-decoration:none; }
a:hover { color:#0063f2; text-decoration:underline;}
a:visited { color:#0063f2; text-decoration:none; }

/* =Layout
-----------------------------------------------------------------------------*/
iframe{width:;}

.normal-img {
	border:1px solid #fff;
	box-shadow:0 1px 3px rgba(0,0,0,0.5);
	margin-top:-1px;
	margin-left:-1px;
}

#blocks li {
	background-color: #f8f8f8;
	height: 100px;
}


ul {
margin: 0 0 0 0;
padding: 0;
}

li {
margin: 0 0 0 0;
padding: 0;
}



/*ページのトップに戻る*/
#page-top {
	z-index:9999;
	position: fixed;
	right: 20px;
	bottom: -16px;
}
#page-top a:hover {
	opacity:0.6;
}

li {
	margin-left:0px;
	list-style-type: none;
}
.topmenu { color:#FFFFFF; font-size:13px; line-height:120%; margin-top:5px; }

.wrapper0 {

}

.wrapper {
	margin: 0 auto;
	max-width:1024px;
	min-width:430px;
}
/*----------------------------------------------------
 コンテンツの設定
---------------------------------------------------- */
#contents {
	top: 0px;
	margin: 0 auto;
	text-align:left;
	display:block;
	position:relative;
}
/*----------------------------------------------------
 上辺メニューの設定
---------------------------------------------------- */
.topmenu {
	height:30px;
	background-color:#55e3e9;
	padding:0px;
	margin:0px;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.topmenu li {
	width:205px;
	height:30px;
	overflow:hidden;
	line-height:100em;
	margin:0;
	padding:0;
}


.company a:link,
.recruit a:link,
.guidelines a:link,
.support a:link,
.contact a:link {
	width:205px;
	height:30px;
	display:block;
	background-position:top;
}

.company a:link {width:205px; height:30px; display:block; background-position:top; background-image:url(../images/Willmenu01.gif);}
.recruit a:link {width:205px; height:30px; display:block; background-position:top; background-image:url(../images/Willmenu02.gif);}
.guidelines a:link {width:205px; height:30px; display:block; background-position:top; background-image:url(../images/Willmenu03.gif);}
.support a:link {width:205px; height:30px; display:block; background-position:top; background-image:url(../images/Willmenu04.gif);}
.contact a:link {width:205px; height:30px; display:block; background-position:top; background-image:url(../images/Willmenu05.gif);}
.company a:hover {background-position:bottom;}
.recruit a:hover {background-position:bottom;}
.guidelines a:hover {background-position:bottom;}
.support a:hover {background-position:bottom;}
.contact a:hover {background-position:bottom;}


/*----------------------------------------------------
 左側のボックスの設定
---------------------------------------------------- */
#leftbox {
	position:relative;
	margin-top:10px;
	float: left;
	left:0px;
	width:172px;
}
#bland {
	width: 170px;
	padding-top:10px;
	padding-bottom:10px;
	overflow:hidden;
	border: 1px solid #CCC;
	text-align:center;
}

#bland ul {
	text-align:left;
	font-size:11px;
	margin-left:30px;
}
#bland li {
	margin:0;
	padding:0;
}
/*----------------------------------------------------
 Menuの設定
---------------------------------------------------- */
img{border:0;}
#bland a:link{ color:#333; text-decoration:none; }
#bland li{line-height:21px;}
#bland a:visited { color:#333; text-decoration:none; }
#bland a.style1:hover { color:#0CF; text-decoration:none; }
#bland a.style2:hover { color:#0CF; text-decoration:none; position:relative; top:0px; left:2px;}
#bland a.style3:hover { color:#F6C; text-decoration:none; position:relative; top:0px; left:2px;}
#bland a.style4:hover { color:#0CF; text-decoration:none; position:relative; top:1px; left:1px;}
.font01 { font-size:9px; line-height:160%; color: #666666;}
.font02 { font-size:11px; line-height:140%;}
.vmenuitem{background-color:#ffffff; cursor:pointer; width:110px;}
.vmenu_on, .vmenu_off{margin:10px 0px 10px 27px; color:#0066FF;}
.vmenu_on ul{display:auto; margin:2px 0px 2px 10px!important;}
.vmenu_on li{margin:0px 0px 0px 0px;}
.vmenu_off ul{display:none;}
dl {margin:0px;padding: 0px; border:0px;}

.orderspace {
	margin-top:10px;
}


/*-----------------------------------------------------------------------------
特定のウィンドウ（View）サイズになったらレイアウトを変更
-----------------------------------------------------------------------------*/
@media screen and (min-width: 1041px) {
.compacttopmenu {
	display:none;
}
.compactbland {
	display:none;
}
#compactblandmenu {
	display:none;
	height:0!important;
}
#compactblandmenu ul{
	display:none;
}
#otherbland {
	display:none;
}
#compactspace {
	display:none;
}

}
/*
コンパクトメニュー
-----------------------------------------------------------------------------*/
@media screen and (max-width: 1040px) {
.topmenu {
	display:none;
}
#leftbox {
	display:none;
}
#rightbox {
	position:relative;
	left:0;
	right:0;
	margin:0 auto 0 auto!important;
	float:none;
	clear:both;
	display:block;
}
#compactspace {
	display:block;
}

.compacttopmenu {
	display:block;
	height:50px;
	margin:0;
	padding:0;
	float:left;
	border:1px solid #CCC;
	background-color:#55e3e9;
}

.compacttopmenu ul {
	height:50px;
	overflow:hidden;
	margin:0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
}
.compacttopmenu li {
	margin:0;
	padding:0;
	float:left;
	height:50px;
	width:20%;
	text-align:center;
	line-height:100em;
	overflow:hidden;
}
.compacttopmenu a{
	color:#FFF;
	width:160px;
	height:50px;
	font-size:8pt;
}

.company a:link,
.recruit a:link,
.guidelines a:link,
.support a:link,
.contact a:link {
	width:160px;
	height:50px;
	display:block;
	background-position:top;
}
.company a:link {width:160px; height:50px; display:block; background-position:top; background-image:url(../images/Willmenu11.gif);}
.recruit a:link {width:160px; height:50px; display:block; background-position:top; background-image:url(../images/Willmenu12.gif);}
.guidelines a:link {width:160px; height:50px; display:block; background-position:top; background-image:url(../images/Willmenu13.gif);}
.support a:link {width:160px; height:50px; display:block; background-position:top; background-image:url(../images/Willmenu14.gif);}
.contact a:link {width:160px; height:50px; display:block; background-position:top; background-image:url(../images/Willmenu15.gif);}
.company a:hover {background-position:bottom;}
.recruit a:hover {background-position:bottom;}
.guidelines a:hover {background-position:bottom;}
.support a:hover {background-position:bottom;}
.contact a:hover {background-position:bottom;}


.compactbland {
	display:block;
	float:left;
	height:50px;
	width:50px;
	background-color:#999;
	margin:0;
	padding:0;
	text-align:center;
	border:1px solid #AAA;
}
.compactbland a{
	width:50px;
	height:50px;
	text-decoration:none;
	vertical-align:middle;
	display:table-cell;
	font-size:40px;
	color:#FFFFFF;
}


#compactblandmenu {
	display:none;
	width:100%;
	float:left;
	margin-top:52px;
	position:absolute;
	z-index:1000;
	background-color:#AAA;
	color:#FFF;
}
#compactblandmenu ul{
	text-align:center;
}
#compactblandmenu li{
	height:38px;
	background-color:#36b0d3;
	border-bottom:1px solid #246;
	border-top:1px solid #246;
	font-size:11pt;
	line-height:2.5em;
}
#compactblandmenu a{
	width:100%;
	height:38px;
	display:block;
	color:#FFFFFF;
}
#compactblandmenu a:hover{
	background-color:#1e79d7;
}

#otherbland {
	height:38px;
	width:100%;
	overflow:hidden;
}
#othermenu li{
	height:38px;
	padding:0;
	background-color:#7ad8dc;
	border-bottom:1px solid #333;
	border-top:1px solid #333;
}
#otherbland a{
	display:block;
	height:38px;
	width:100%;
}

.swiper-container2 {
	width:830px;
	height:130px;
}
.swiper-container2a {
	width:830px;
	height:130px;
}
.nijirushi img{
	width:830px;
	height:130px;
	margin:0;
}
.dakikano img{
	width:830px;
	height:130px;
	margin:0;
}


}

@media screen and (max-width: 880px) {
.compacttopmenu {
	display:block;
	height:50px;
	min-width:370px;
	margin:0;
	padding:0;
	float:left;
	border:1px solid #CCC;
	background-color:#55e3e9;
}

.compacttopmenu ul {
	min-width:370px;
	height:50px;
	overflow:hidden;
	margin:0;
	padding:0;
	display:block;
}
.compacttopmenu li {
	margin:0;
	padding:0;
	float:left;
	height:50px;
	width:20%;
	overflow:hidden;
	line-height:100em;
	justify-content:space-between;
}
.compacttopmenu a{
	color:#FFF;
	margin-top:0px;
	justify-content:center;
	height:50px;
	width:100%;
}


.company a:link,
.recruit a:link,
.guidelines a:link,
.support a:link,
.contact a:link {
	width:100%;
	height:50px;
	display:block;
	background-position:top;
	background-repeat:no-repeat;
}
.company a:link {background-image:url(../images/Willmenu21.gif);}
.recruit a:link {background-image:url(../images/Willmenu22.gif);}
.guidelines a:link {background-image:url(../images/Willmenu23.gif);}
.support a:link {background-image:url(../images/Willmenu24.gif);}
.contact a:link {background-image:url(../images/Willmenu25.gif);}
.company a:hover {background-position:bottom;}
.recruit a:hover {background-position:bottom;}
.guidelines a:hover {background-position:bottom;}
.support a:hover {background-position:bottom;}
.contact a:hover {background-position:bottom;}


#rightbox {
	width:425px!important;
}
.nijirushi{
  width: 410px!important;
  height:200px!important;
}
.dakikano{
  width: 410px!important;
  height:200px!important;
}

.swiper-container2 {
	width:410px;
	height:200px;
}
.swiper-container2a {
	width:410px;
	height:200px;
}
.nijirushi img{
	width:410px;
	height:200px;
	margin:0;
}
.dakikano img{
	width:410px;
	height:200px;
	margin:0;
}


}


/*----------------------------------------------------
 右側のボックスの設定
---------------------------------------------------- */
#rightbox {
	position:static;
	width:844px;
	float:rigth;
	right:0px;
	display:block;
	text-align:center;
	margin-left:187px;
	margin-top:5px;
}

#top_banner {
	width: 830px;
	overflow: visible;
}
#top_banner img {
	/*padding: 0px;
	float: left;*/
}

/*----------------------------------------------------
 TOPICSの設定
---------------------------------------------------- */
.topics410 {
	width:410px;
	height:410px;
	overflow:hidden;
	position:relative;
	border:1px solid #FFF;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
	margin:5px;
	float:left;
}
.topics410 img{
	width:410px;
	height:410px;
	position:absolute;
	top:0;
	left:0;
	float:left;
	z-index:1;
}

.topics410 a:link{
	width:410px;
	height:820px;
	position:absolute;
	display:block;
	float:left;
	z-index:10;
	color:#FFF;
}
.topics410 a:hover{margin-top:-410px; color:#FFF;}
.topics410info {
	width:410px;
	height:410px;
	position:absolute;
	background-image:url(../img/BG_black50.png);
	top:410px;
	display:flex;
	flex-flow: column wrap;
	justify-content:center;
}

.topics410infoemp {
	width:410px;
	height:410px;
	position:absolute;
	background-image:url(../img/topix_fade_waku410x410.png);
	top:410px;
	display:flex;
	flex-flow: column wrap;
	justify-content:center;
}

.topicstitle {
	width:400px;
	font-size:21pt;
	font-weight:bolder;
	text-align:center;
	margin:0px auto 0 auto;
	line-height:1em;
}
.topicsbrand {
	width:380px;
	font-size:20pt;
	font-weight:bolder;
	text-align:right;
}
.topicsrelease {
	width:100%;
	font-size:21pt;
	font-weight:bolder;
	text-align:center;
	border-top:1px solid #FFF;
}
.topicsintro {
	width:380px;
	margin:10px auto 0 auto;
	font-size:10pt;
	text-align:center;
	line-height:1.1em;
}

.topics200 {
	width:410px;
	height:200px;
	overflow:hidden;
	position:relative;
	border:1px solid #FFF;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
	margin:4px 5px 5px 5px;
	float:left;
}
.topics200 img{
	width:410px;
	height:200px;
	position:absolute;
	top:0;
	left:0;
	float:left;
	z-index:1;
}

.topics200 a:link{
	width:410px;
	height:400px;
	position:absolute;
	display:block;
	float:left;
	z-index:10;
	color:#FFF;
}
.topics200 a:hover{margin-top:-200px; color:#FFF;}
.topics200info {
	width:410px;
	height:200px;
	position:absolute;
	background-image:url(../img/BG_black50.png);
	top:200px;
	display:flex;
	flex-flow: column wrap;
	justify-content:center;
}

.topics200infoemp {
	width:410px;
	height:200px;
	position:absolute;
	background-image:url(../img/topix_fade_waku.png);
	top:200px;
	display:flex;
	flex-flow: column wrap;
	justify-content:center;
}


.nijirushi {
	width:830px;
	height:130px;
	margin:5px;
	text-align:center;
	float:left;
	border:1px solid #FFF;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
	overflow:hidden;
	z-index: 99;
}
.dakikano {
	width:830px;
	height:130px;
	margin:5px;
	text-align:center;
	float:left;
	border:1px solid #FFF;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
	overflow:hidden;
	z-index: 99;
}
.closednews {
	width:830px;
	height:200px;
	margin:5px;
	text-align:center;
	float:left;
	border:1px solid #FFF;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
	overflow:hidden;
	line-height:16px;
}
.closednewsS {
	width:410px;
	height:270px;
	margin:5px;
	text-align:center;
	float:left;
	border:1px solid #FFF;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
	overflow:hidden;
	line-height:16px;
}


#topicsbottom {
	width:420px;
	float:left;
}

.topicsset {
	display:block;
	float:left;
	width:410px;
	height:410px;
	margin:0px 10px 5px 0px;
}


#whatnew {
	width:410px;
	height:618px;
	position:relative;
	margin:5px;
	border:1px solid #7f7f7f;
	float:left;
}

.twitter-timeline {
	height:618px;
}

.topics410 iframe {
	width:500px;
	height:282px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	margin-left: -46px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  selector:not(:target) {
    background-color: purple\9; /* IE10（\9なしでIE11にも適用） */
  }
}


/*-----------------------------------------------------------------------------*/
/* =文字
/*-----------------------------------------------------------------------------*/

.title {
	font-size:14px;
	font-weight:bold;
	color:#69F;
}
.font12{
	font-size:12px;
	margin-left:10px;
	color:#666666;
}








#footer {
	bottom:0;
	text-align:right;
	font-size:7pt;
	margin:0px auto 50px auto;
}
#footer a {
	color:#0063f2;
	margin-right:10px;
}

#footer hr{
	margin:0;
	padding:0;
	border-top:1px dashed #000;
	border-bottom:none;
}
address {
	margin-right:10px;
	font-style:normal;
}

.clear {
	float:none;
	clear:both;
	border:1px solid #F00;
}

#rightbox:after,
.clearfix:after { /*floatの解除、ここがポイント*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
	position:static;
}


#encautionbox,
#willcd2box,
#activationbox,
#supportbox,
#businessbox,
#policybox,
#contactbox,
#guidelinesbox,
#recruitbox,
#companybox {
	max-width:590px;
	margin:20px auto 0 auto;
	text-align:left;
}
#encautionbox p,
willcd2box p,
#activationbox p,
#supportbox p,
#businessbox p,
#policybox p,
#contactbox p,
#guidelinesbox p,
#recruitbox p,
#companybox p {
	margin-top:15px;
	margin-bottom:15px;
}
#activationbox h1,
#supportbox h1,
#businessbox h1,
#policybox h1,
#contactbox h1,
#guidelinesbox h1,
#recruitbox h1,
#companybox h1{
	max-width:590px;
	height:20px;
	overflow:hidden;
	line-height:100em;
}

#activationbox h1{background-image:url(../images/iC06.gif);}
#companybox h1{background-image:url(../images/iC01.gif);}
#recruitbox h1{background-image:url(../images/iRecruit.gif);}
#guidelinesbox h1{background-image:url(../images/iguidelines.gif);}
#contactbox h1{background-image:url(../images/iContact.gif);}
#policybox h1{background-image:url(../images/iPolicy.gif);}
#businessbox h1{background-image:url(../images/iBusiness.gif);}
#supportbox h1{background-image:url(../images/iSupport.gif);}

#guidelinesbox h2 {
	mex-width:590px;
	font-size:12pt;
	text-align:left;
	padding:0;
	margin:30px 0 -5px 0;
}
#encautionbox h3,
#policybox h3,
#guidelinesbox h3 {
	font-size:10pt;
	margin:25px 0 -10px 0px;
	padding:0;
}



/*H1の中ヌキ中央水平線
-------------------------------------*/
.lines-on-sides {
  display: table;
  text-align:center;
  white-space:nowrap;
}
.lines-on-sides:after, .lines-on-sides:before {
  content: '';
  display: table-cell;
  background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
  background: linear-gradient(#FFF 50%, #AAA 50%, #AAA 52%, #FFF 52%);
  -webkit-background-clip: padding;
  background-clip: padding;
}
.lines-on-sides:after {
  border-left: 1em solid transparent;
  width:80%;
}
.lines-on-sides:before {
  border-right: 1em solid transparent;
  width:15%;
}
h2 p {
	width:108px;
	text-align:center;
	color:#000000;
	padding-left:2px;
	padding-right:2px;
}

/*-----------------------------------------------------------------------------*/
/*会社概要
/*-----------------------------------------------------------------------------*/
#companybox img{
	margin:0 auto;
}
#companybox table{
	margin:20px auto 0 auto;
	font-size:12px;
}

/*-----------------------------------------------------------------------------*/
/*採用情報
/*-----------------------------------------------------------------------------*/

#recruitbox h2 {
	max-width:590px;
	font-size:12px;
	text-align:left;
	line-height:1em;
	margin:0;
	padding-top:50px;
}

#careers {
	max-width:590px;
}
#careers01 {
	text-align:right;
}

.recitem {
	max-width:590px;
}
.recitem li {
	margin:0 0 0 15px;
	padding:0;
	line-height:1.3em;
	list-style:outside!important;
}
#reclocation {
	width:330px;
	border:1px solid #cde7fa;
	text-align:center;
	background-color:#f2f8fb;
}
#worklocation {
	background-color:#cde7fa;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bolder;
}

#rectable {
	width:100%;
	font-size:9pt;
	line-height:1.3em;
	border:0px solid #F00;
}
#rectable td {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
}
#rectable .td01{
	background-color:#cde7fa;
}
#rectable .td02{
	width:60px;
	background-color:#ccc;
	text-align:right;
}
#rectable .td03 {
	background-color:#f2f8fb;
}


/*アコーディオン
-------------------------------------*/
.acordion{
	max-width:590px;
	background:#20417f;
	border-bottom:1px solid #CCC;
	color:#FFF;
	font-size:14px;
	font-weight:bolder;
}
.acordion_last{
/*	border-bottom:1px solid #20417f;*/
}
.trigger{
	padding:5px;
	font-size:88%;
	cursor:pointer;
}
.triggerdel {
	padding:5px;
	font-size:88%;
	cursor:auto;
	background-color:#b8cbee;
	color:#96add7;
}
.triggerdel span{
	opacity:0;
}

.acordion_tree{
	max-width:568px;
	padding:10px 10px 30px 10px;
	background-color:#FFF;
	margin:0;
	color:#000000;
	border-left:1px solid #20417f;
	border-right:1px solid #20417f;
	font-weight:normal;
	font-size:12px;
	text-align:left;
	line-height:1.3em;
}
.acordion_tree h3 {
	margin:20px auto 3px auto;
}
.acordion_tree ul,
.acordion_tree p {
	max-width:500px;
	margin:0px auto;
	padding:0;
}
.acordion_tree li {
	padding:0;
	margin:0 0 0 2em;
	line-height:1.3em;
	list-style:outside!important;
}
.acordion_tree .recop {
	margin-top:20px;
}

.open-close {
    float:right;
    text-indent:-9999px;
    display:block;
    margin-top:3px;
    height:11px;
    width:20px;
    background:url(../images/recopen.png) no-repeat;
    -webkit-background-size:20px 11px;
}

.trigger.active .open-close{
    background:url(../images/recclose.png) no-repeat;
    -webkit-background-size:20px 11px;
}





/*-----------------------------------------------------------------------------*/
/*弊社製品の画像等の転載に関して
/*-----------------------------------------------------------------------------*/
#guidelinesbox hr{
	margin-top:60px;
}


.guidebox p{
	margin-top: 10px;
	max-width: 550px;
	padding:10px;
	border:1px solid #CCC;
	border-radius: 6px;
	text-align:left;
	font-size:9pt;
}



/*-----------------------------------------------------------------------------*/
/*お問い合せ先
/*-----------------------------------------------------------------------------*/
#contactbox h2 {
	max-width:590px;
	font-size:12px;
	text-align:left;
	line-height:1em;
	margin:0;
	padding-top:50px;
}
#contactbox ul {
	margin:0!important;
	padding:0;
}
#contactbox li {
	list-style:inside!important;
	line-height:1.3em;
	margin:0;
	padding:0;
}



/*-----------------------------------------------------------------------------*/
/*個人情報
/*-----------------------------------------------------------------------------*/

#policybox ul {
	margin:-10px 0 0 0;
	padding:0;
}
#policybox li {
	margin:0;
	padding:0;
	list-style:inside!important;
}



/*-----------------------------------------------------------------------------*/
/*特定商取引法に関する表示
/*-----------------------------------------------------------------------------*/
#businessbox table {
	font-size:9pt;
	line-height:1.3em;
}
#businessbox td {
	vertical-align:top;
}
#businessbox .td01 {
	width:120px;
	font-weight:bolder;
}
#businessbox .td02 {
	font-weight:bolder;
}
#businessbox .td03 {
	padding:0px 5px 10px 10px;
}



/*-----------------------------------------------------------------------------*/
/*製品サポート
/*-----------------------------------------------------------------------------*/

.supportitem {
	margin-bottom:80px;
}

#supportbox h2 {
	max-width:700px;
	max-height:232px;
	background-size:contain;
	background-repeat:no-repeat;
	overflow:hidden;
	line-height:100em;
	border:1px solid #413539;
	border-radius: 8px;
}

#supguilty01 {background-image:url(../img/products_bar/Guilty_yobai3.jpg);}
#supguilty02 {background-image:url(../img/products_bar/Guilty_tegome.jpg);}
#supguilty03 {background-image:url(../img/products_bar/Guilty_shirabeTM.jpg);}
#supeternal01 {background-image:url(../img/products_bar/ETERNAL_alpharide.jpg);}
#supempress01 {background-image:url(../img/products_bar/Empress_ClosedGAME.jpg);}
#supempress02 {background-image:url(../img/products_bar/Empress_PA.jpg);}
#suppulltoplatte01 {background-image:url(../img/products_bar/PULLTOPLATTE_miraikanojyo.jpg);}
#suppulltoplatte02 {background-image:url(../img/products_bar/PULLTOPLATTE_tototo.jpg);}
#supensemble01 {background-image:url(../img/products_bar/ensamble_aria.jpg);}
#supensemble02 {background-image:url(../img/products_bar/ensamble_hanaotoFD.jpg);}
#supensemble03 {background-image:url(../img/products_bar/ensamble_damamuko.jpg);}
#supensemble04 {background-image:url(../img/products_bar/ensamble_otoiro.jpg);}
#supensemble05 {background-image:url(../img/products_bar/ensamble_otomero.jpg);}
#supensemble06 {background-image:url(../img/products_bar/ensamble_koihana.jpg);}
#supensemble07 {background-image:url(../img/products_bar/ensamble_ototsuki.jpg);}
#supmaterial01 {background-image:url(../img/products_bar/material_intruder.jpg);}
#supchococo01 {background-image:url(../img/products_bar/chococo_dotakure.jpg);}
#suppulltop01 {background-image:url(../img/products_bar/PULLTOP_cocoroFD.jpg);}
#suppilltop02 {background-image:url(../img/products_bar/PULLTOP_oozora_SP.jpg);}
#suppulltop02 {background-image:url(../img/products_bar/PULLTOP_oozora_SP.jpg);}
#suppulltop03 {background-image:url(../img/products_bar/PULLTOP_yozoraFD.jpg);}
#suppulltop04 {background-image:url(../img/products_bar/PULLTOP_PSG.jpg);}
#suppulltop05 {background-image:url(../img/products_bar/PULLTOP_LKTG.jpg);}
#suppulltop06 {background-image:url(../img/products_bar/PULLTOP_yozoraIF.jpg);}
#supensembleSWEET04 {background-image:url(../img/products_bar/ensembleSWEET_otocchi.jpg);}
#supHERMIT01 {background-image:url(../img/products_bar/HERMIT_NGkoi.jpg);}

.supportday {
	width:100px;
	text-align:left;
	background-color:#66ccff;
	color:#FFF;
	padding-left:10px;
}


.suphowto li{
	list-style:outside;
	list-style-type:decimal-leading-zero;
	margin:0 0 0 2em;
	padding:0;
	line-height:1.3em;
}



/*-----------------------------------------------------------------------------*/
/* ギルティ・アクティベーションについて
/*-----------------------------------------------------------------------------*/
.activationinfo{
	margin-top: 10px;
	max-width: 550px;
	padding:10px;
	border:1px solid #FFF;
	border-radius: 6px;
	text-align:left;
	box-shadow:rgba(204, 204, 204, 0.5) 0px 0px 2px 2px;
}
.activationinfo ul{
	margin:0 0 1em 0!important;
	padding:0;
}
.activationinfo li{
	list-style:outside;
	list-style-type:decimal-leading-zero;
	margin:0 0 0 2em;
	padding:0;
	line-height:1.3em;
}


/*-----------------------------------------------------------------------------*/
/* 『ウィルプラス　オープニングフェスティバルＣＤ2』の不具合
/*-----------------------------------------------------------------------------*/

#willcd2box h1 {
	font-size: 14px;
	font-weight: bold;
	color: #6699ff;
}
#willcd2h2 {
	margin-top:50px;
}

/*-----------------------------------------------------------------------------*/
/*アンサンブル通販注意
/*-----------------------------------------------------------------------------*/

#encautionbox h1 {
	font-size: 14px;
	font-weight: bold;
	color: #6699ff;
}


/* リンクオンマウス設定 */
a:hover.ov { position:relative; top:1px; left:1px; }

/*-----------------------------------------------------------------------------*/
/*通販注意ヘッダー
/*-----------------------------------------------------------------------------*/
.header {
	width:590px;
	height:332px;
	margin:auto;
}

#loveloveall {
	background-image:url(../img/notice_dakikanoplus.jpg);
	background-repeat:no-repeat;
	background-size:contain;
}

#lovelove {
	background-image:url(../img/notice_dakikano3plus.jpg);
	background-repeat:no-repeat;
	background-size:contain;
}

#lovelove4 {
	background-image:url(../img/notice_dakikano4plus.jpg);
	background-repeat:no-repeat;
	background-size:contain;
}

#lovelove5 {
	background-image:url(../img/notice_dakikano5plus.jpg);
	background-repeat:no-repeat;
	background-size:contain;
}

#lovelove6 {
	background-image:url(../img/notice_dakikano6plus.jpg);
	background-repeat:no-repeat;
	background-size:contain;
}

#lovelove7 {
	background-image:url(../img/notice_dakikano7plus.jpg);
	background-repeat:no-repeat;
	background-size:contain;
}

#lovelove8 {
	background-image:url(../img/notice_dakikano8plus.jpg);
	background-repeat:no-repeat;
	background-size:contain;
}

#lovelove9 {
	background-image:url(../img/notice_dakikano9plus.jpg);
	background-repeat:no-repeat;
	background-size:contain;
}

#lovelove10 {
	background-image:url(../img/notice_dakikano10plus.jpg);
	background-repeat:no-repeat;
	background-size:contain;
}

#lovelove2_1 {
	background-image:url(../img/notice_dakikano2_1plus.jpg);
	background-repeat:no-repeat;
	background-size:contain;
}

#lovelove2_2 {
	background-image:url(../img/notice_dakikano2_2plus.jpg);
	background-repeat:no-repeat;
	background-size:contain;
}

#lovelove2_3 {
	background-image:url(../img/notice_dakikano2_3plus.jpg);
	background-repeat:no-repeat;
	background-size:contain;
}

#lovelove2_4 {
	background-image:url(../img/notice_dakikan2_45plus.jpg);
	background-repeat:no-repeat;
	background-size:contain;
}

#lovelove2_5 {
	background-image:url(../img/notice_dakikano2_5plus.jpg);
	background-repeat:no-repeat;
	background-size:contain;
}

.kadomaru_waku{
	padding:6px;
	border:solid 1px #585252;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}


picture img:hover{
	opacity: 0.5;
}

.overimg:hover{
	background-color: rgba(255,255,255,0.50);	
}