@charset "Shift_JIS";

/*--------------- for common style ---------------*/

.mod-column1 ul{
	padding:0;
	list-style:none;
}
.mod-column1 h3{
	padding:3px 10px 3px;
	font-size:150%;
	background:#16a839;
	border-radius:3px;
	color:#fff;
}
.mod-column1 h4{
	padding:3px 0;
	font-size:130%;
	border-bottom:dotted 1px #16a839;
	color:#16a839;
}
.mod-column1 h4 img{
	vertical-align:top;
}
@media (max-width:640px) {
	.mod-column1 h2{
		margin:20px auto;
	}
	.mod-column1 h2 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.mod-column1 h3{
		margin:20px auto;
		padding:5px 10px;
		border-radius:8px;
		font-weight:normal;
		font-family:"メイリオ";
	}
	.mod-column1 h3 img{
		display:inline;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	
	.mod-column1 h4{
		margin:20px auto;
		padding:3px 0;
		font-size:130%;
		border-bottom:dotted 1px #16a839;
		color:#16a839;
	}
	.mod-column1 h4 span{
		font-size:70%!important;
	}
	.mod-column1 h4 img{
		display:inline;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
}

div.leftArea01 {
	width: 294px;
	float: left;
}

div.rightArea01 {
	width: 446px;
	float: right;
}

.arrow {
	background:transparent url(/vaio/solution/Images/arrow.gif) no-repeat scroll left 0.5em;
	display:block;
	padding-left:1em;
}

.arrowInline {
	background:transparent url(/vaio/solution/Images/arrow.gif) no-repeat scroll left 0.5em;
	display:inline;
	padding-left:0.8em;
}

.logo_vam {
	margin-left:5px;
	vertical-align:middle;
}

.list_ul_list li {
	background:transparent url(../images/mrk_dot_bk.gif) no-repeat scroll 0 8px;
	margon:0;
	padding:0 0 0 10px;
	list-style:none;
}
.note{
	font-size:80%!important;
}
@media (max-width:640px) {
	div.leftArea01 {
		width: auto;
		float: none;
	}
	
	div.rightArea01 {
		width: auto;
		float: none;
	}
}
/*--------------- for product list table ---------------*/
table.tbl {
	border-collapse: collapse;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	font-size: 85%;
}

table.tbl th,
table.tbl td {
	padding: 5px 3px;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

table.tbl th.sub_h_2,
table.tbl td.sub_h_2 {
	background-color: #f2f6ed;
}

table.tbl th.sub_h,
table.tbl td.sub_h {
	background-color: #dceeb8;
}

table.tbl td.tac {
	text-align:center;
}

table.tbl td.vat {
	vertical-align: top;
}

table.tbl th.title {
	width: 5%;
}
table.tbl td.cell00_1 {
	width: 12%;
}
table.tbl td.cell00_2 {
	width: 30%;
}
table.tbl td.cell01,
table.tbl td.cell02,
table.tbl td.cell03,
table.tbl td.cell04, {
	width: 10%;
	white-space:nowrap;
}
.br{
	display:none;
}

@media (max-width:640px) {
	div.h2area {
		width: auto;
		margin: 0;
		margin-bottom: 40px;
		overflow: hidden;
	}
	table.tbl {
		width: auto;
		margin: 0;
		border-collapse: collapse;
		border-top:1px solid #cccccc;
		border-left:1px solid #cccccc;
		font-size: 67%;
	}
	
	table.tbl th,
	table.tbl td {
		padding: 5px 3px;
		border-right:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
	}
	
	table.tbl th.sub_h_2,
	table.tbl td.sub_h_2 {
		background-color: #f2f6ed;
	}
	
	table.tbl th.sub_h,
	table.tbl td.sub_h {
		background-color: #dceeb8;
	}
	
	table.tbl td.tac {
		text-align:center;
	}
	
	table.tbl td.vat {
		vertical-align: top;
	}
	
	table.tbl th.title {
		width: auto;
		margin: 0;
	}
	table.tbl td.cell00_1 {
		width: auto;
		margin: 0;
	}
	table.tbl td.cell00_2 {
		width: auto;
		margin: 0;
	}
	table.tbl td.cell00_2 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}

	table.tbl td.cell01,
	table.tbl td.cell02,
	table.tbl td.cell03,
	table.tbl td.cell04, {
		width: auto;
		margin: 0;
		white-space:normal;
	}
	.br{
		display:block;
	}
}


/*--------------- for all round classes ---------------*/

.clm {
	margin:0 0 30px;
	padding:20px;
	border:solid 1px #12A437;
	border-radius:5px;
}

@media (max-width:640px) {
	.clm_leaf_inner h4 {padding:0 0 15px;}
	.clm_leaf_inner .boxL {
		float:none;
		width:auto;
	}
	.clm_leaf_inner .boxR {
		float:none;
		width:auto;
	}
}

.clm_leaf_inner .boxes {
	margin-bottom:30px;
}
.clmHeadline {
	margin-bottom:10px;
	color:#666666;
}
.note li {
	margin-left:1.6em;
	text-indent:-1.6em;
}
.indent_1em li {
	margin-left:1em;
	text-indent:-1em;
}

/* clearfix */
.boxes:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.imgcenter1{
	width:652px;
	margin:0 auto;
}

.imgcenter2{
	width:755px;
	margin:30px auto;
}
@media (max-width:640px) {
	.imgcenter1{
		width:auto;
		margin:0 auto;
	}
	.imgcenter1 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.imgcenter2{
		width:auto;
		margin:30px auto;
	}
	.imgcenter2 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
}
.boxes {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .boxes { height: 1%; }
.boxes { display: block; }
/* End hide from IE-mac */


/* 商標 */
div.productsInfo {
background-color:#F7F7F7;
margin:0 auto;
padding-bottom:10px;
padding-top:10px;
}

.dottedList {
margin-left:10px;
}

.dottedList li {
margin-bottom:5px;
font-size:1.33333em;
}

.mb35 {margin-bottom:35px ! important;}

#packagebg {
background:url(../images/environment_column_sideline.jpg) left repeat-y;
margin:10px 0 0;
}

#packagebg p {
background:url(../images/environment_column_pct.jpg) left no-repeat;
margin:0 0 0 25px;
padding:0 0px 0 165px;
line-height:1.40
}
#packagebg p span {
display:block;
padding:0 0 5px;
font-size:.90em
}