.fixed{
	position: fixed !important;
	top:-83px;
	z-index: 5;
}
.splitMain {
	position:relative;
}
.splitMain {
/*	background:url(../images/main_bg.jpg) no-repeat left;*/
	overflow:hidden;
}
.splitMain .button {
	position:absolute;
	top:192px;
	left:448px;
	width:332px;
	height:32px;
}
.splitMain a img {
	opacity:0;
	filter:alpha(opacity=0);
}
.splitMain a:hover img {
	opacity:0.30;
	filter:alpha(opacity=30);
}
#navi_sp {
	display:none;
}
#navi_pc {
	overflow:hidden;
}
#naviArea {
	height:145px;
	width:100%;
}
#navi_pc ul { height:145px;}
#navi_pc ul li {
	list-style-type:none;
	float:left;
	padding:0 0 0 2px;
}
#navi_pc ul li#tooLeft {
	padding:0 0 0 0px;
}
#index1 #navi_pc ul {
	background:url(../images/line01.jpg) no-repeat bottom #FFF;
}
#index2 #navi_pc ul {
	background:url(../images/line02.jpg) no-repeat bottom #FFF;
}
#index3 #navi_pc ul {
	background:url(../images/line03.jpg) no-repeat bottom #FFF;
}
#index4 #navi_pc ul {
	background:url(../images/line04.jpg) no-repeat bottom #FFF;
}
#index5 #navi_pc ul {
	background:url(../images/line05.jpg) no-repeat bottom #FFF;
}
#index6 #navi_pc ul {
	background:url(../images/line06.jpg) no-repeat bottom #FFF;
}
#index7 #navi_pc ul {
	background:url(../images/line07.jpg) no-repeat bottom #FFF;
}
#index8 #navi_pc ul {
	background:url(../images/line08.jpg) no-repeat bottom #FFF;
}
.mainArea {}
.mainArea img {
	display:block;
}
.mainArea h3.orange img {
	float:left;
}
.mainArea .other {
	overflow:hidden;
}
.mainArea .other img.pc {
	float:none !important;
	margin:0 auto;
}
#index2 .mainArea img.pc,#index3 .mainArea img.pc,#index5 .mainArea img.pc,#index6 .mainArea img.pc,#index7 .mainArea img.pc,#index8 .mainArea img.pc {
	float:left;
}
#index6 .mainArea .special img.pc,#index7 .mainArea .special img.pc {
	float:right;
}
.mainArea .recommend{
	background:#f9f4ef;
	padding-bottom:30px;
}
.mainArea .recommend h4{
	font-size:22px;
	text-align:center;
	color:#666;
}
.mainArea ul {
	overflow:hidden;
	clear:both;
}
.mainArea .other ul {
	overflow:hidden;
	clear:both;
	width:1021px;
	margin-left:-43px;
}
#index2 .mainArea .recommend ul,#index3 .mainArea .recommend ul,#index5 .mainArea .recommend ul,#index6 .mainArea .recommend ul,#index7 .mainArea .recommend ul,#index8 .mainArea .recommend ul {
	overflow:hidden;
	width:750px;
	margin:auto;
}
.mainArea ul li {
	list-style-type:none;
	float:left;
	padding:19px 19px;
	background:#FFF;
	border:1px solid #fff;
	border-radius:8px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	margin:9px;
	overflow:hidden;
}
.mainArea ul li.except {
	list-style-type:none;
	float:left;
	padding:19px 19px;
	background:#FFF;
	border:1px solid #ccc;
	border-radius:8px;
	box-shadow:none !important;
	margin:9px;
	overflow:hidden;
	background:#F9F4EF
}
.mainArea ul li.except h4 {
	font-size:16px;
	color:#EC6C00;
	border-bottom:1px solid #999;
	padding:15px 0 5px;
}
.mainArea ul li.except .catch {
	font-size:18px;
	line-height:110%;
	margin:5px 0;
}
.mainArea ul li.except img {
	margin:20px auto;
}
.mainArea ul li.except a {
	margin-bottom:21px;
}
#index2 .mainArea .recommend ul li,#index3 .mainArea .recommend ul li,#index5 .mainArea .recommend ul li,#index6 .mainArea .recommend ul li,#index7 .mainArea .recommend ul li,#index8 .mainArea .recommend ul li {
	list-style-type:none;
	float:none;
	padding:39px 95px;
	background:#FFF;
	border:1px solid #fff;
	border-radius:8px;
	margin:9px;
}
#index1 .mainArea ul li {
	box-shadow: 0 0 4px rgba(0,224,238,0.4);
}
#index2 .mainArea .recommend ul li {
	box-shadow: 0 0 4px rgba(229,0,32,0.4);
}
#index3 .mainArea .recommend ul li {
	box-shadow: 0 0 4px rgba(48,112,184,0.4);
}
#index4 .mainArea .recommend ul li {
	box-shadow: 0 0 4px rgba(236,108,0,0.4);
}
#index5 .mainArea .recommend ul li {
	box-shadow: 0 0 4px rgba(110,185,43,0.4);
}
#index6 .mainArea .recommend ul li {
	box-shadow: 0 0 4px rgba(76,67,152,0.4);
}
#index7 .mainArea ul li {
	box-shadow: 0 0 4px rgba(235,109,165,0.4);
}
#index8 .mainArea .recommend ul li {
	box-shadow: 0 0 4px rgba(227,196,0,0.4);
}
.mainArea .other ul li {
	list-style-type:none;
	float:left;
	padding:0px 40px 19px;
	background:url(../images/dotted.gif) no-repeat left top #FFF;
/*	border-left:1px dotted #ccc;*/
	border-radius:0;
	box-shadow:none;
	margin:0px 0 10px;
	overflow:hidden;
}

.mainArea ul li div.catch {
	height:60px;
	vertical-align:middle;
	display:table-cell;
	width:258px;
	text-align:center;
}
.other ul li div.catch {
	height:75px;
}
#index2 .mainArea .recommend ul li div.catch,#index3 .mainArea .recommend ul li div.catch,#index5 .mainArea .recommend ul li div.catch {
	height:52px;
	vertical-align:middle;
	display:table-cell;
	width:258px;
	text-align:left;
	float:right;
}
#index6 .mainArea .recommend ul li div.catch,#index7 .mainArea .recommend ul li div.catch,#index8 .mainArea .recommend ul li div.catch {
	height:67px;
	vertical-align:middle;
	display:table-cell;
	width:258px;
	text-align:left;
	float:right;
}
#index2 .recommend .mod-button,#index3 .recommend .mod-button,#index5 .recommend .mod-button,#index6 .recommend .mod-button,#index7 .recommend .mod-button,#index8 .recommend .mod-button {
	margin:0 0 0 32px;
}
.mainArea ul li div p {
	display:inline;
	text-align:center;
	font-size:15px;	
	font-weight:bold;
}
#index2 .mainArea .recommend ul li div p,#index3 .mainArea .recommend ul li div p,#index5 .mainArea .recommend ul li div p,#index6 .mainArea .recommend ul li div p,#index7 .mainArea .recommend ul li div p,#index8 .mainArea .recommend ul li div p {
	display:inline;
	text-align:center;
	font-size:14px;	
	font-weight:bold;
}
.mainArea ul li div strong {
	display:inline;
	text-align:center;
	font-size:18px;	
}
#index2 .mainArea ul li div strong {
	color:#ea334d;
}
#index3 .mainArea ul li div strong {
	color:#3077b8;
}
#index4 .mainArea ul li div strong {
	color:#ec6c00;
}
#index5 .mainArea ul li div strong {
	color:#6eb92b;
}
#index6 .mainArea ul li div strong {
	color:#4c4398;
}
#index7 .mainArea ul li div strong {
	color:#eb6da5;
}
#index8 .mainArea ul li div strong {
	color:#e3c500;
}

.mainArea ul li a {
	display:block;
	text-align:center;
}
#index2 .mainArea .recommend ul li a,#index3 .mainArea .recommend ul li a,#index5 .mainArea .recommend ul li a,#index6 .mainArea .recommend ul li a,#index7 .mainArea .recommend ul li a,#index8 .mainArea .recommend ul li a {
	float:left;
}
#index1 .mainArea ul li strong {
	color:#00a0e9;
}
.mainArea .special {
	padding:35px 40px 35px 70px;
	background:#FFF;
	border:1px solid #fff;
	border-radius:8px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	margin:50px auto 40px;
	overflow:hidden;
	width:810px
}
#index4 .mainArea .special {
	box-shadow: 0 0 4px rgba(236,108, 0, 0.3);
/*	behavior:url("/vaio/solution/solution_top/css/PIE.htc");*/
	background/*\**/:url(../images/bg4.jpg) no-repeat center top #FFF\9;
	height/*\**/:278px\9;
}
#index6 .mainArea .special {
	padding:35px 40px 35px 50px;
	border:1px solid #fff;
	border-radius:8px;
	box-shadow: 0 0 4px rgba(76,67,152, 0.3);
	margin:50px auto 40px;
	overflow:hidden;
	width:830px
}
#index6 .mainArea .special {
	box-shadow: 0 0 4px rgba(76,67,152, 0.3);
/*	behavior:url("/vaio/solution/solution_top/css/PIE.htc");*/
	background/*\**/:url(../images/bg6.jpg) no-repeat center top #FFF\9;
	height/*\**/:278px\9;
}
#index7 .mainArea .special {
	padding:35px 30px 35px 50px;
	border:1px solid #fff;
	border-radius:8px;
	box-shadow: 0 0 4px rgba(235,109,165,0.4);
	margin:50px auto 40px;
	overflow:hidden;
	width:828px
}
#index7 .mainArea .special {
	box-shadow: 0 0 4px rgba(235,109,165,0.4);
/*	behavior:url("/vaio/solution/solution_top/css/PIE.htc");*/
	background/*\**/:url(../images/bg7.jpg) no-repeat center top #FFF\9;
	height/*\**/:278px\9;
}

.mainArea .special h4{
	font-size:22px;
	font-weight:bold;
	width:511px;
	float:left;
	padding-bottom:15px;
}
#index6 .mainArea .special h4{
	width:491px;
}
#index7 .mainArea .special h4{
	width:467px;
}
.mainArea .special img {
	display:block;
	float:right;
}
#index4 .mainArea .special h4{		/* 各色展開 */
	color:#ec6c00;
}
#index6 .mainArea .special h4{		/* 各色展開 */
	color:#4c4398;
}
#index7 .mainArea .special h4{		/* 各色展開 */
	color:#eb6da5;
}
.mainArea .special p{
	width:511px;
	float:left;
	margin-bottom:20px;
}
.mainArea .special a{
	width:511px;
	float:left;
	text-align:center;
}
.mainArea .special a.img {
	width:511px;
	float:none;
	text-align:center;
}
#index6 .mainArea .special p {
	width:491px;
}
#index7 .mainArea .special p{
	width:466px;
}
#index6 .mainArea .special a {
	width:491px;
}
#index7 .mainArea .special a{
	width:466px;
}
.mainArea .special div {

}

.to_software {
	overflow:hidden;

}
.to_software  a {
	float:right;
	margin:30px 10px 5px;
}

@media(max-width:640px){
	.splitMain .button {
		top:92%;
		left:3%;
		width:94% !important;
		height:7% !important;
	}

	.mod-brandTopImage {
		padding:0;
		margin:0 0 0.60em !important;
	}
	.mod-brandTopImage img {
		width:100% !important;
		height:auto;
	}
	#naviArea {
		height:auto;
	}
	#navi_pc {
		display:none;
	}
	#navi_sp {
		display:block;
	}
	#navi_sp ul {
		clear:both;
		overflow:hidden;
	}
	#navi_sp ul li {
		list-style-type:none;
		float:left;
		width:50%;
		margin:0;
	}
	#navi_sp ul li img {
		width:100%;
		height:auto;
	}
	.mainArea {
		margin-top:1.1em;
	}
	.mainArea img {
		display:block;
	}
	.mainArea .recommend{
		background:#f9f4ef;
		padding-bottom:30px;
	}
	
	.mainArea .recommend h2{		/*以下に各色idごとに切るかえる*/
		padding:30px 0;
		text-align:center;
		border-top:8px solid #00a0e9;
		border-bottom:2px solid #00a0e9;
		color: #00a0e9;
		background:#fff;
	}
	#index2 .mainArea .recommend h2{
		border-top:8px solid #e50020;
		border-bottom:2px solid #e50020;
		color: #e50020;
	}
	#index3 .mainArea .recommend h2{
		border-top:8px solid #3070b8;
		border-bottom:2px solid #3070b8;
		color: #3070b8;
	}
	#index4 .mainArea .recommend h2{
		border-top:8px solid #ec6c00;
		border-bottom:2px solid #ec6c00;
		color: #ec6c00;
	}
	#index5 .mainArea .recommend h2{
		border-top:8px solid #6eb92b;
		border-bottom:2px solid #6eb92b;
		color: #6eb92b;
	}
	#index6 .mainArea .recommend h2{
		border-top:8px solid #4C4398;
		border-bottom:2px solid #4C4398;
		color: #4C4398;
	}
	#index7 .mainArea .recommend h2{
		border-top:8px solid #EB6DA5;
		border-bottom:2px solid #EB6DA5;
		color: #EB6DA5;
	}
	#index8 .mainArea .recommend h2{
		border-top:8px solid #e3c500;
		border-bottom:2px solid #e3c500;
		color: #e3c500;
	}
	#index2 .mainArea .recommend ul,#index3 .mainArea .recommend ul,#index5 .mainArea .recommend ul,#index6 .mainArea .recommend ul,#index7 .mainArea .recommend ul,#index8 .mainArea .recommend ul {
		overflow:hidden;
		width:auto;
		margin:auto;
	}
	.mainArea .recommend h4{
		font-size:22px;
		text-align:center;
		color:#666;
	}
	.mainArea ul {
		overflow:hidden;
	}
	.mainArea ul li {
		width:90% !important;
		margin:9px auto !important;
		clear:both !important;
		float:none !important;
		padding:25px 19px !important;
		background:none !important;
		border:none !important;
		box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
		border-top:2px dotted #ccc !important;
		border-radius:0 !important;
	}
	.mainArea ul li.except {
		width:85% !important;
		margin:9px auto !important;
		clear:both !important;
		float:none !important;
		padding:25px 19px !important;
		background:#fff !important;
		border: 1px solid #ccc !important;
		box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
		border-radius:4px !important;
	}
	.mainArea ul li.noBorder {
		border-top:none !important;
	}
	.mainArea ul li img.sp {
		width:100% !important;
		height:auto;
	}
	.mainArea ul li img {
		margin:0 auto;
	}
	.mainArea ul li div.catch {
		height:auto !important;
		vertical-align:middle !important;
		display:block !important;
		width:100% !important;
		text-align:center !important;
		padding:20px 0 !important;
	}
	.mainArea ul li div p {
		display:inline;
		text-align:center;
		font-size:14px;	
	}
	.mainArea ul li div strong {
		display:inline;
		text-align:center;
		font-size:18px;	
	}

	.mainArea ul li a {
		display:block !important;
		text-align:center !important;
		float:none !important;
	}
	.mod-button {
		margin:0 !important;
	}
	#index1 .mainArea ul li strong {
		color:#00a0e9;
	}
	.mainArea .other ul {
		overflow:hidden;
		clear:both;
		width:100%;
		margin-left:0;
	}
	.other h2 span {
		text-align:center;
		padding:0.9em 0 0;
	}
	.mainArea .special {
		padding:1em !important;
		margin:1em auto !important;
		overflow:hidden !important;
		width:90% !important;
	}
	.mainArea .special h4{
		font-size:22px;
		width:100% !important;
		float:none !important;
		text-align:center !important;
		padding-bottom:15px !important;
	}
	.mainArea .special img {
		float:none;
		margin:0 auto;
		width:100% !important;
		height:auto;
	}
	.mainArea .special p{
		width:100%  !important;
		float:none !important;
		margin-bottom:20px !important;
	}
	.mainArea .special a{
		display: block;
	    float: none;
	    text-align: center;
	    width:100% !important;
	}
}