@charset "utf-8";

/*******サポートページ共通**********/

section.leftbox {
	margin:0 10px;
	border:1px solid #cccccc;
	margin-bottom:24px;
}

section.leftbox h3{
	margin:0;
	padding:4px 16px;
	background-color:#ccc;
	color:#fff;
}

section.leftbox ul {
	padding:12px;
}

/****最終更新日バージョン用サポートトップではptagで各製品内はdiv***/

.update-time {
	margin:4px;
	display:block;
	padding:8px 16px;
	color:#330000;
	//border-left:4px solid #330000;
	//background-color:#f5f5f5;
}

/***********エクセル統計2015終了案内ページのみ****************/

.tabContainer dl dd {
	display: block;
	width:100%;
	margin-bottom: 15px;
	padding: 0 10px;
}

dt.faq {
	list-style-type:none;
}

dt.add {
	margin:2px 5px;
	padding:5px 12px;
	font-size:120%;
	text-align:left;
	color:#ff3478;		
}

/**********procedure3用のスタイル***********/

h2.end2015 {
	padding:0.5rem 2rem;
	margin-bottom:1.5rem;
	margin-left:0;
	color:#fff;
	background-color:#336699;
	border-bottom:2px solid #3c7ece;
}

h3.end2015 {
	padding:0.2rem 2rem;
	margin-bottom:1.5rem;
	margin-left:0;
	color:#fff;
	background-color:#569900;
	border-bottom:2px solid #76c659;
}

/************FAQのみ*****************/

.contents-box3 {
	margin:10px 5px 0 0;
	padding:8px 10px;
	overflow:hidden;
}


.contents-box3 dt  {
	font-size:120%;
	margin:auto 0;
	margin-bottom:1rem;
	padding:0.5rem 1rem;
	text-align:left;
	background-color:#e6e6e6; 
	border-bottom:2px solid #cccccc;
	color:#0049b1;
}


/********WindowsとExcelの対応表**********/

section#windows{
	width:100%;
}
section#windows h4 {
	margin:0 0 8px 0 ;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}
section#excel{
	width:100%;
}
section#excel h4 {
	margin:0 0 8px 0 ;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}

ul.requirements {
	list-style:none;
	margin-bottom:12px;
}

ul.requirements li {
	display: block;
	margin-top:-8px;
	padding:0;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	overfloaw:hidden;
}
ul.requirements li:first-child  {
	border-top: 1px solid #333;
}

span.ver {
	float:left;
	margin-top:0;
	padding:8px;
	height:8px;

}

span.result {
	display: block;
	margin-left:220px;
	margin-top:0;
	padding: 8px;
	border-left: 1px solid #333;
}

span.result img {
	margin: 0 0 4px 16px;
	vertical-align:middle;
}

@media print,screen and (min-width:768px) {
/****************************************ここに768?1023まで*/

section.leftbox {
	float:left;
	width:33.33333333%;/*320/960*/
	width:320px;
}

contents {
	overflow:hidden;
}


section.box {
	clear:both;
}

#usersearch {
	margin:0 auto;
	width:80%;
}
.cse .gsc-control-cse,
.gsc-control-cse {
	padding: 0 !important;
}

table.gsc-search-box td.gsc-input {
  	padding-right: 0 !important;
}
/********WindowsとExcelの対応表**********/

section#windows{
	width:50%;
	float:left;
}

section#excel{
	width:49%;
	float:right;
}

span.result {
	margin-left:280px;
	text-align:center;
}
span.result img {
	margin: 0; /*センタリングしたのでマージン打ち消し*/
}

}


@media screen and (min-width:1024px) {
/*****************************************ここに1024以上*/
	
section.leftbox {
	width:31.041666666%;/*298/960*/
	width:298px;
	height:270px;
}
}

@media print {
section.leftbox  {
	width:28%;
	height:280px;

}

/************** キャンペーン用ボタン22.09.12石村 ********************/
/**各手法から価格ページへのボタン**/
section.goprice {
	text-align:center;
	margin-bottom:1.2rem;
	padding:4px;
}

div.goprice_button {
	background-color: #326292;
  	font-size: 1.6rem;
  	line-height: 54px;
  	height: 54px;
  	width: 320px;
	margin: 0 auto;
	margin-top:1.2rem;
	margin-bottom:1.2rem;
  	border-radius: 5px;
}

div.goprice_button a {
	color: #fff;
	text-decoration:none;
}

div.goprice_button:hover {
  	filter: alpha(opacity=50);
  	opacity: .5;
}