@charset "shift-jis";
/*=========================================================

	Site Name   SONY VAIO
	File Name   /share/wd/css/solution.css

	Create Date 2014/12/16
==========================================================*/
p {
	font-size:1.33333em;
}
@media(max-width:640px){
	p{
		font-size:1em;
	}
}
/*----------------------------------------------------------
	/vaio/solution/共通パーツ
-----------------------------------------------------------*/

#solution_footer h3 {
	padding-left:5px;
}
#solution_footer .mod-contentHeader2{
	padding-bottom:1px;
	margin-bottom:15px;
}
#solution_footer .products_info li{
	font-size:1.33333em;
	margin-bottom:1px;
}
#solution_footer p {
	margin-bottom:0;
}
#solution_footer .relatedSeries {
	/*padding: 0 15px 21px;*/
	padding-left:15px;
}
#solution_footer .products_info ul {
	padding:0;
	margin:0;
}
h3.supttl {	
	margin-bottom:15px;	
	background:#FFF !important;	
	padding:5px 9px 4px;	
	font-size:16px;
	border-bottom:1px solid #ccc;
}

@media(max-width:640px){
	#solution_footer p {
		margin-bottom:5px;
	}
}

/* products info */
#solution_footer .products_info {
	margin-bottom:50px;
	margin-top:20px;
	background:#F7F7F7;
	padding:10px 20px;
}

#solution_footer .products_info ul li {
	margin-left:0.8em;
	text-indent:-0.8em;
	list-style: none outside none;
}


/*
.arrowLink, .arrowLink a, .mod-link {
    background: url("/share4/images/mod-link/ico_01.png") no-repeat scroll 0 0.3em rgba(0, 0, 0, 0);
    padding: 0 0 0 10px;
}
*/

@media (max-width:640px){
	

#solution_footer .products_info li{
	font-size:1em;
	margin-bottom:1px;
}

}


/*************** 20131226 SMC追加 ************************/

.mod-heading{
	margin-top:15px!important;
}


h2.solution_p_ttl{
	font-size:1.8em;
}

.solution_ttl_small{
	font-size:70%;
	margin-left:15px;
}


/********************20140106 SMC追加 *******************/

.fontsize1_3{
	font-size:1.33333em;
}

@media (max-width:640px) {
	.fontsize1_3{
		font-size:1em;
	}
	
	.dottedList li {
		margin-bottom:5px;
		font-size:1em;
	}
}




/********************20140109 sol_link用 *******************/
/* from solution_top */
.solution_top {
	width:950px;
	overflow:hidden;
	margin:30px 0;
}
.solution_top img {
	display:block;
	margin:0 auto;	
}
.solution_top ul {
	overflow:hidden;
	padding:0;
	width:950px;
	margin-left:-1px;
}
.solution_top#index1 h2 {		/* 以下ページごと*/
	border-top:3px solid #00A0E9;
	border-bottom:1px solid #00A0E9;
}
.solution_top#index2 h2 {
	border-top:3px solid #ec232a;
	border-bottom:1px solid #ec232a;
}
.solution_top#index3 h2 {
	border-top:3px solid #3d85c5;
	border-bottom:1px solid #3d85c5;
}
.solution_top#index4 h2 {
	border-top:3px solid #f28100;
	border-bottom:1px solid #f28100;
}
.solution_top#index5 h2 {
	border-top:3px solid #7fc238;
	border-bottom:1px solid #7fc238;
}
.solution_top#index6 h2 {
	border-top:3px solid #5f59a9;
	border-bottom:1px solid #5f59a9;
}
.solution_top#index7 h2 {
	border-top:3px solid #f288b4;
	border-bottom:1px solid #f288b4;
}
.solution_top#index8 h2 {
	border-top:3px solid #e9ce00;
	border-bottom:1px solid #e9ce00;
}
.solution_top li {
	list-style-type:none;
	float:left;
	border-left:1px dotted #ccc;
	margin:15px 0;
}
.solution_top li div.catch {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 232px;
	padding:0 2px;
}
.solution_top li div.upper{
    height: 90px;
}
.solution_top li div.bottom{
    height: 60px;
}
.solution_top li div p {
    display: inline;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.solution_top ul li div strong {
    display: inline;
    font-size: 16px;
    text-align: center;
}
.solution_top#index1 ul li strong {		/* 以下ページごと*/
    color: #00A0E9;
}
.solution_top#index2 ul li strong {
    color: #ec232a;
}
.solution_top#index3 ul li strong {
    color: #3d85c5;
}
.solution_top#index4 ul li strong {
    color: #f28100;
}
.solution_top#index5 ul li strong {
    color: #7fc238;
}
.solution_top#index6 ul li strong {
    color: #5f59a9;
}
.solution_top#index7 ul li strong {
    color: #f288b4;
}
.solution_top#index8 ul li strong {
    color: #e9ce00;
}

.solution_top li a {
    display: block;
    text-align: center;
}
@media(max-width:640px){
	.solution_top {
		width:100%;
	}
	.solution_top img {
		display:block;
		margin:0 auto;	
	}
	.solution_top ul {
		overflow:hidden;
		padding:0;
		width:100%;
		margin-left:-1px;
	}
	.solution_top h2 {
		border-top:3px solid #00A0E9;
		border-bottom:1px solid #00A0E9;
	}
	.solution_top h2 span {
		text-align:center;
		padding:0.2em 0;
		font-size:18px;
	}
	.solution_top#index1 h2 span {		/* 以下ページごと */
		color:#00A0E9;
	}
	.solution_top#index2 h2 span {
		color:#ec232a;
	}
	.solution_top#index3 h2 span {
		color:#3d85c5;
	}
	.solution_top#index4 h2 span {
		color:#f28100;
	}
	.solution_top#index5 h2 span {
		color:#7fc238;
	}
	.solution_top#index6 h2 span {
		color:#5f59a9;
	}
	.solution_top#index7 h2 span {
		color:#f288b4;
	}
	.solution_top#index8 h2 span {
		color:#e9ce00;
	}

	.solution_top li {
		list-style-type:none;
		float:left;
		border-left:1px dotted #ccc;
		margin:5px 0 25px;
		width:49%;
	}
	.solution_top li img {
		width:75%;
		height:auto;
	}
	.solution_top li div.catch {
    	display: table-cell;
	    text-align: center;
    	vertical-align: middle;
	    width: 1%;
	}
	.solution_top li div.upper{
    	height: 90px;
    	padding:0 0.2em;
	}
	.solution_top li div.bottom{
    	height: 60px;
	}
	.solution_top li div p {
    	display: inline;
	    font-size: 12px;
    	font-weight: bold;
	    text-align: center;
	}
	.solution_top ul li div strong {
    	display: inline;
	    font-size: 14px;
    	text-align: center;
	}
	.solution_top ul li strong {
	    color: #00A0E9;
	}
	.solution_top li a {
    	display: block;
	    text-align: center;
	}
	.solution_top .mod-button {
		font-size:12px;
	}
}