/*
-----------------------------------------------------------
	/support/vaio/beginner/share3/css/common.css
-----------------------------------------------------------
*/

div#contents div.beginner_top ul {
	width : 175px;
	margin-left : auto;
}

div#contents div.beginner_top ul li {
	margin : 0;
	padding-left : 10px;
}

div#contents div.wordexcel_top ul {
	width : 260px;
	margin-left : auto;
}

div#contents div.wordexcel_top ul li {
	margin : 0;
	padding-left : 10px;
}


.section ul.wordexcel_menu {
	width : 730px;
}

.section ul.wordexcel_menu .Button {
    background: url("/support/vaio/share3/images/linkbutton.png") no-repeat scroll 0 52%;
    border: 1px solid #BCBCBC;
    border-radius: 6px;
    cursor: pointer;
    display: inline-table;
    height: 32px;
    min-height: 32px;
    padding: 10px 0 10px 20px;
    transition: opacity 0.2s ease-in 0s;
    vertical-align: middle;
    zoom: 1;
}

.section ul.wordexcel_menu .current {
    background: url("/support/vaio/products/images3/linkbutton_on_products.png") no-repeat scroll 0 52%;
    border: 1px solid #bcbcbc;
    border-radius: 6px;
    display: inline-table;
    width : 196px;
    height: 32px;
    min-height: 32px;
    padding: 10px 0 10px 20px;
    transition: opacity 0.2s ease-in 0s;
    vertical-align: middle;
    zoom: 1;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	#contents ul.btn_area li {
	margin: 0 34px 10px 5px;
}
}

.section ul.wordexcel_menu a:hover span.Button, a:active span.Button {
    background: url("/support/vaio/products/images3/linkbutton_on_products.png") no-repeat scroll 0 52%;
    color: #333333;
    text-decoration: none;
}

/*
----------------------------------------------------------------------------
	画面幅＜640px＞以下のときに適用
----------------------------------------------------------------------------
*/

@media screen and (max-width: 640px) {

	.section ul.wordexcel_menu .Button {
		width: 100%;
	}
	.section ul.wordexcel_menu .current {
	    width : 100%;
	}
	@media screen and (-webkit-min-device-pixel-ratio: 0) {
			#contents ul.btn_area li {
			margin: 0 34px 10px 0px;
		}
	}
}