@charset "Shift_JIS";

/* =============================================== */
/** 縲€share4compatible驕ｩ逕ｨ縲€2014/07/29 霑ｽ蜉�
/* ----------------------------------------------- */
body{
	font-family: "繝｡繧､繝ｪ繧ｪ",Meiryo,"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","Hiragino Kaku Gothic Pro","�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け",sans-serif;
}


/*
===== 1: CLEARFIX ==========================================
*/
.clear{clear:both;}
.clearfix{
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html .clearfix{
	display:inline-table;
	/*\*/display:block;/**/
}


/* SOFTWERE DOWNLOAD SETTING
-------------------------------------------------*/
ul.submenu {
	float:right;
	margin-bottom: 20px;
}

ul.submenu li {
	float:left;
	top:21px;
	padding: 0 0 3px 10px;
	margin:0 0 0px 20px;
	background:url(/share/images/arrow_black.gif) no-repeat scroll left 0.4em;
}

.lead{
	clear:both;
	margin-bottom:35px;
	font-weight:bold;
	}

.subtitle{
	margin-bottom:7px;
	}

.dl_menu_570{
	margin:0 0 35px 0;
	border-top:7px solid #F6F6F6;
	border-bottom:7px solid #F6F6F6;
	width:570px;
	overflow:hidden;
	background-image: url(/support/images/sdl_customer/box_bg_l.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	}
.dl_menu_760{
	margin:0 0 35px 0;
	border-top:7px solid #F6F6F6;
	border-bottom:7px solid #F6F6F6;
	width:760px;
	background:url(/support/images/sdl_customer/box_bg_l.jpg) repeat-x left bottom;
	overflow:hidden;
	}
.two_item{
	width: 380px !important;
	}
/*add 121115*/
.one_item{
	width: 190px !important;
	}
/*end*/
ul.dl_menu{
	border-top:1px solid #E3E3E3;
	overflow:hidden;
	}
ul.dl_menu li{
	float:left;
	padding:4px 4px 0 5px;
	width:180px;
	height:100%;
	font-size:85%;
	}
ul.dl_menu li.w180{
	float:left;
	padding:4px 4px 0 6px;
	width:180px;
	}
ul.dl_menu li.w190{
	float:left;
	padding:4px 4px 0 6px;
	width:180px;
	}


/* width 190
--------------------------*/
.dl_menu_190{
	float:left;
	margin:0 10px 35px 0;
	width:190px;
	overflow:hidden;
	}
.dl_menu_190 ul.dl_menu{
	width:190px;
	border-top:7px solid #F6F6F6;
	border-bottom:7px solid #F6F6F6;
	border-left:0px;
	border-right:0px;
	clear:both;
	overflow:hidden;
	}
.dl_menu_190 ul.dl_menu li{
	padding:4px 4px 0 4px;
	border:1px solid #E3E3E3;
	width:180px;
	background:url(/support/images/sdl_customer/box_bg.jpg) bottom repeat-x;
	}
.dl_menu_380{
	float:left;
	margin:0 10px 35px 0;
	width:380px;
	overflow:hidden;
	}
.dl_menu_380 ul.dl_menu{
	width:380px;
	border-top:7px solid #F6F6F6;
	border-bottom:7px solid #F6F6F6;
	border-left:0px;
	border-right:0px;
	background:url(/support/images/sdl_customer/box_bg.jpg) left bottom repeat-x;
	clear:both;
	overflow:hidden;
	}
.dl_menu_380 ul.dl_menu li{
	float:left;
	padding:4px 4px 0 4px;
	width:180px;
	border-top:1px solid #E3E3E3;
	border-bottom:1px solid #E3E3E3;
	border-left:1px solid #E3E3E3;
	}
.dl_menu_380 ul.dl_menu li.w190r{
	float:left;
	padding:4px 4px 0 4px;
	width:180px;
	border-top:1px solid #E3E3E3;
	border-bottom:1px solid #E3E3E3;
	border-right:1px solid #E3E3E3;
	}


/* CUSTOMER SETTING
--------------------------*/
.img_dl{
	margin-bottom:3px;
	}
.btn_dl{
	margin:0 0 10px 5px;
	}
.cmenu_txt{
	margin:0 0 3px 5px;
	}





/* POCKETBIT 繧ｽ繝輔ヨ繧ｦ繧ｧ繧｢繝€繧ｦ繝ｳ繝ｭ繝ｼ繝�
-------------------------------------------------*/
.dl_menu_950_pocketbit{
	margin:0 0 15px 0;
	border-top:7px solid #F6F6F6;
	border-bottom:7px solid #F6F6F6;
	width:950px;
	background:url(/support/pocketbit/download/images/box_bg_5.jpg) repeat-x left bottom;
	overflow:hidden;
	}
.dl_menu_760_pocketbit{
	margin:0 0 35px 0;
	border-top:7px solid #F6F6F6;
	border-bottom:7px solid #F6F6F6;
	width:760px;
	background:url(/support/images/sdl_customer/box_bg_l.jpg) repeat-x left bottom;
	overflow:hidden;
	}
.dl_menu_570_pocketbit{
	margin:0 0 35px 0;
	border-top:7px solid #F6F6F6;
	border-bottom:7px solid #F6F6F6;
	width:570px;
	background:url(/support/images/sdl_customer/box_bg_l.jpg) repeat-x left bottom;
	overflow:hidden;
	}

.software_dl_area{
	clear:both;
	width:925px;
	_width:950px;
	padding:0 10px 40px 15px;
	background:url(../../../pocketbit/download/images/dotline_horizontal.gif) 0 bottom repeat-x;
	overflow:hidden;
	}
.software_dl_area_b{
	clear:both;
	width:925px;
	_width:950px;
	padding:0 10px 0 15px;
	overflow:hidden;
	}

.software_dl_l{
	float:left;
	margin:0 35px 0 0;
	width:140px;
	}
.software_dl_r{
	float:left;
	width:750px;
	}
.software_dl_l .logo{
	margin-bottom:15px;
	}
.software_dl_r h4{
	font-size:136%;
	margin-bottom:15px;
	}
.software_dl_r .lead{
	margin-bottom:10px;
	font-weight:normal;
	}
.software_dl_r .btn_dl{
	margin-bottom:20px;
	}
.software_dl_r .txt_box{
	padding:20px;
	border:1px solid #E3E3E3;
	background:#F3F3F3;
	overflow:hidden;
	}
.software_dl_r .txt_box .bold{
	font-weight:bold;
	}
.software_dl_r .txt_box .list li{
	padding-left:1.5em;
	text-indent:-1.5em;
	}
.software_dl_r .txt_box .buttom{
	clear:both;
	overflow:hidden;
	_height:28px;
	}
.software_dl_r .txt_box .buttom li{
	float:left;
	margin-right:15px;
	}
.software_dl_r .txt_box .buttom li img{
	vertical-align:bottom;
	}

h3.subtitle{
	clear:both;
	margin:0 0 15px 5px;
	width:940px;
	}
.subtitle_940{
	clear:both;
	margin:0 0 50px 5px;
	width:940px;
	}
#text_area{
	padding:25px;
	width:900px;
	}
#text_area .bold{
	font-weight:bold;
	}
#text_area .list li{
	padding-left:1.5em;
	text-indent:-1.5em;
	}
#text_area .explanation_img{
	text-align:center;
	}
.text_section{
	margin-bottom:25px;
	padding-bottom:25px;
	width:900px;
	background:url(../../../pocketbit/download/images/dotline_horizontal.gif) 0 bottom repeat-x;
	}

.txt_box_g{
	padding:20px;
	border:1px solid #E3E3E3;
	background:#F3F3F3;
	overflow:hidden;
	}
.txt_box_g .buttom{
	clear:both;
	overflow:hidden;
	_height:28px;
	}
.txt_box_g .buttom li{
	float:left;
	margin-right:15px;
	}
.txt_box_g .buttom li img{
	vertical-align:bottom;
	}


/* MARGIN-BOTTOM SETTING
--------------------------*/
.mb05{
	margin-bottom:5px;
	}
.mb10{
	margin-bottom:10px;
	}
.mb15{
	margin-bottom:15px;
	}
.mb20{
	margin-bottom:20px;
	}
.mb25{
	margin-bottom:25px;
	}
.mb30{
	margin-bottom:30px;
	}
.mb35{
	margin-bottom:35px;
	}
.mb40{
	margin-bottom:40px;
	}
.mb50{
	margin-bottom:50px;
	}
.font17 {
	font-size: 18px !important;
	font-weight: bold;
	line-height: 120%;
}
.font14 {
	font-size: 14px !important;
	line-height: 120%;
	font-weight: normal;
}

/* 2014/02/24 MQ蟇ｾ蠢�
-------------------------------------------------*/
/**
 * PAGE_HEADER
 */
#pageHeader {
	margin-bottom: 20px;
}
#pageHeader h1 {
	margin-bottom: 20px;
	background: url(/support/images/sdl_customer/title_softwaredl.jpg) no-repeat left top;
	height: 31px;
	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
}
#pageHeader h1 span{
	/*display:none;*/
}
#pageHeader .blt {
	padding-left: 12px;
	font-size: 12px;
	background: url(/support/share/images/arrow_black.png) no-repeat left 3px;
	background-position: left 5px\9;
}
#pageHeader .nav {
	padding-left: 10px;
	margin-top: -10px;
	margin-bottom: 20px;
	font-size: 12px;
}
#pageHeader .nav a {
	color: #333;
}
#pageHeader .nav a:hover {
	text-decoration: none;
}
#pageHeader .box {
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 15px;
}
#pageHeader .box .center {
	text-align: center;
	margin-top: 0;
}
#pageHeader .box p {
	margin-top: 1em;
}
#pageHeader .caption {
	font-weight: bold;
	margin: 20px;
	color: #333;
}
#supporttop_link {
	margin: 0 0 20px 0px;
	_margin: 0px 5px 30px 0px;
	padding: 0 0 0 10px;
	overflow: hidden;
	list-style: none;
}


/**
 * PAGE_MAIN_CONTENT
 */
#pageMainContent {
	overflow: hidden;
}
#pageMainContent ul, #pageMainContent li {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#pageMainContent .section {
	margin-bottom: 35px;
}
#pageMainContent #product-cat-01{
	_margin-bottom:15px;	
}
#pageMainContent li {
	zoom:1;/*for IE 5.5-7*/
}
#pageMainContent li:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
* html #pageMainContent li {
	display:inline-table;
	/*\*/display:block;/**/
}
#pageMainContent .title {
	clear: both;
	color: #666;
	font-size: 15px;
	padding: 0 0 5px 5px;
	margin-bottom: 15px;
	border-bottom: 1px solid #D0D0D0;
}
#pageMainContent .header .title {
	height: 15px;
	line-height: 15px;
	margin-bottom: 20px;
	padding: 10px 21px;
	border: none;
	color: #333;
	background: url(/support/share/images/title-bg.gif) repeat-x left top;
}
#pageMainContent .figure {
	float: left;
	margin-right: 10px;
}
#pageMainContent li a {
	display: inline;
}
#pageMainContent li .figure a {
	padding-left: 0px;
	background: none;
}
#product-cat-01, #product-cat-02, #product-cat-06, #product-cat-07, #product-cat-08, #product-cat-10 {
	width: 310px;	
}
#product-cat-01,#product-cat-02, #product-cat-06, #product-cat-07, #product-cat-10 {
	float: left;
	margin-right: 10px;
}
#product-cat-08 {
	float: right;
}
#product-cat-01, #product-cat-03, #product-cat-04, #product-cat-05, #product-cat-09, #product-cat-10 {
	width: 960px;
}
#product-cat-01, #product-cat-03, #product-cat-04, #product-cat-05, #product-cat-09, #product-cat-10 {
	zoom: 1;
}
#product-cat-01:after, #product-cat-03:after, #product-cat-04:after, #product-cat-05:after, #product-cat-09:after, #product-cat-10:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
* html #product-cat-01, * html #product-cat-03, * html #product-cat-04, * html #product-cat-05, * html #product-cat-09, * html #product-cat-10 {
	display:inline-table;
	/*\*/display:block;/**/
}
#product-cat-01 li, #product-cat-03 li, #product-cat-04 li, #product-cat-05 li, #product-cat-06 li,#product-cat-07 li,#product-cat-09 li, #product-cat-10 li {
	float: left;
	clear: none;
	width: 310px;
	height: 50px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#product-cat-06, #product-cat-07{
	width:230px;
}

/**
 * EACH PRODUCTS
 */
#pageMainContent ul{
	width:925px;
	height: auto;
	background-color: #f7f7f7;
	padding-top: 10px;
	padding-bottom: 10px;
}
#pageMainContent #product-cat-01 ul{
	width:465px;
	height:215px;
	_height:217px;
}
#pageMainContent #product-cat-03 ul{
	margin-bottom:10px;
	height:152px;
}
#pageMainContent #product-cat-04 ul.first_ul{
	margin-bottom:10px;
	height:265px;
	*height:275px;
	_height:275px;
}
#pageMainContent #product-cat-04 ul.second_ul{
	margin-bottom:10px;
	height:200px;
	*height:210px;
	_height:210px;
}
#pageMainContent #product-cat-04 ul.third_ul{
	width:232px;
	height:240px;
}
#pageMainContent #product-cat-05 ul.first_ul{
	width:925px;
	margin-bottom:10px;
	height:240px;
}
#pageMainContent #product-cat-05 ul.second_ul{
	width:695px;
	height:215px;
	_height:217px;
}
#pageMainContent #product-cat-06 ul{
	width:232px;
	height:150px;
}
#pageMainContent #product-cat-07 ul{
	width:232px;
	height:150px;
}
#pageMainContent #product-cat-09 ul.first_ul{
	margin-bottom:10px;
	height:150px;
}
#pageMainContent #product-cat-09 ul.second_ul{
	width:232px;
	height:150px;
}
		#pageMainContent .products{
			border: 1px solid #D0D0D0;
			border-right:none;
			width:230px;
			height:100%;
			margin-right:0;
			display:block;
			background-image:url('/support/images/sdl_customer/box_bg.jpg');
			background-position:bottom;
		}
		#pageMainContent .products.border_r{
			border-right: 1px solid #D0D0D0;
		}
			#pageMainContent .p_name{
				width:155px;
				float:left;
				height:auto;
				font-size:80%;
				color: #444;
				padding:10px 0 0 10px;
				letter-spacing:-0.01em;
			}
					#pageMainContent #product-cat-01 .p_name_inner{
						height:50px;
					}
					#pageMainContent #product-cat-03 .first_ul .p_name_inner{
						height:55px;
					}
					#pageMainContent #product-cat-03 .second_ul .p_name_inner{
						height:45px;
					}
					#pageMainContent #product-cat-04 .p_name_inner{
						height:45px;
					}
					#pageMainContent #product-cat-04 .third_ul .p_name_inner{
						height:35px;
					}
					#pageMainContent #product-cat-05 .p_name_inner{
						height:50px;
					}
					#pageMainContent #product-cat-06 .p_name_inner{
						height:50px;
					}
					#pageMainContent #product-cat-07 .p_name_inner{
						height:50px;
					}
					#pageMainContent #product-cat-08 .p_name_inner{
						height:50px;
					}
					#pageMainContent #product-cat-09 .p_name_inner{
						height:50px;
					}
					#pageMainContent .products .p_name span.product_name{
						color: #666;
						display:block;
						padding:0;
						font-weight:bold;
						font-size:120%;
						letter-spacing:normal;
					}
			#pageMainContent .products .p_figure{
				width:60px;
				float:right;
				text-align:center;
				padding:10px 5px 0 0 ;
			}
				#pageMainContent .products .p_figure img{
					width:100%;
				}
			#pageMainContent .products .p_link{
				width:auto;
				clear:both;
				position: absolute;
				bottom: 8px;
				padding:0 0 0 12px;
			}
			#pageMainContent .products .link{
				color: #333333;
				clear:both;
				background: url("/support/share/images/arrow_black.png") no-repeat left 2px;
				background-position:2px 50%;
				border:1px solid #D0D0D0;
				padding:2px 8px;
				margin:0 0 0 12px;
			}
			#pageMainContent .arrow {
				margin: 0px;
				padding: 0px 0px 0px 10px;
				background: url(/share/images/arrow_black.gif) no-repeat 0px 4px;
			}
			#pageMainContent .mod-linkButton-wrapper{
				margin:5px 0 10px 0;
			}
				#pageMainContent span.link-tit{
					display:block;
					margin:5px 0;
				}
					#pageMainContent span.mod-linkButton1{
						color: #333;
						font-size: 12px;
						line-height: 1.4;
						display: inline-block;
						padding: 2px 10px 2px 16px;
						border: 1px solid #bcbcbc;
						-webkit-border-radius: 3px;
						-moz-border-radius: 3px;
						border-radius: 3px;
						background: url(/share2/images/mod-linkButton1/bg_01.png) no-repeat 0 52%;
						cursor: pointer;
						-webkit-transition: opacity 0.2s ease-in;
						-moz-transition: opacity 0.2s ease-in;
						-ms-transition: opacity 0.2s ease-in;
						-o-transition: opacity 0.2s ease-in;
						transition: opacity 0.2s ease-in;
					}
						#pageMainContent span.mod-linkButton1 a{
							text-decoration:none;
							color:#333;
							_text-decoration:none!important;
							_color:#333!important;
						}
						#pageMainContent span.mod-linkButton1:hover{
							text-decoration:none;
							color:#333;
							opacity:0.5;
							-moz-opacity:0.5;
							filter:alpha(opacity=50)!important;
							-ms-filter: "alpha( opacity=50)";
							zoom:1;
						}
	
 @media (max-width:640px) {
	.mod-mainContentContainer .mod-content{
		width: 100%;
		overflow: hidden;
	 }
	#pageMainContent .wrapper{
		display:block;
		position:static;
	}
	#pageMainContent #pageHeader,
	#pageMainContent #pageHeader h1{
		width:100%;
	}
	#pageHeader h1 {
		/*background:url(/info/update/images/title_sp.png) no-repeat 50% 30% !important;*/
		text-indent:0;
		height:50px;
		background:none;
		border-bottom: 2px solid #ccc !important;
		margin: 0 0 15px 0 !important;
	}
	#pageHeader h1 span{
		color: #45678E;
		display:block;
	}
	#pageMainContent #product-cat-01 ul,
	#pageMainContent #product-cat-03 ul,
	#pageMainContent #product-cat-06 ul,
	#pageMainContent #product-cat-07 ul,
	#pageMainContent #product-cat-04 ul.first_ul,
	#pageMainContent #product-cat-04 ul.second_ul,
	#pageMainContent #product-cat-04 ul.third_ul,
	#pageMainContent #product-cat-05 ul.first_ul,
	#pageMainContent #product-cat-05 ul.second_ul,
	#pageMainContent #product-cat-06 ul,
	#pageMainContent #product-cat-07 ul,
	#pageMainContent #product-cat-09 ul.first_ul,
	#pageMainContent #product-cat-09 ul.second_ul{
		width:100%;
		height: auto!important;
		margin-bottom:0!important;
		background-color: transparent;
		padding-top: 0;
		padding-bottom:0!important;
	}
	#product-cat-01, #product-cat-03, #product-cat-04, #product-cat-05,#product-cat-06,#product-cat-07, #product-cat-09, #product-cat-10 {
		width: 100%;
	}
	#product-cat-01 li, #product-cat-03 li, #product-cat-04 li, #product-cat-05 li, #product-cat-09 li, #product-cat-10 li{
		float:none;
	}
		#pageMainContent .products{
			float:none;
			width:auto;
			height:auto;
			border: 1px solid #D0D0D0;
			background-size: auto 100%;
		}
			#pageMainContent .p_name{
				width:63%;
				padding-top:8px;
				padding-left:3%;
				font-size:90%;
			}
				#pageMainContent .p_name_inner{
					height:auto!important;
				}
					#pageMainContent .products .p_name span{
						font-size:140%;
					}
			#pageMainContent .products span.link-tit{
				font-size:85%;
			}
			#pageMainContent span.mod-linkButton1{
				margin-bottom:5px;
				bottom:0;
			}
			#pageMainContent #bd_player span.mod-linkButton1,
			#pageMainContent #portable_player span.mod-linkButton1{
				margin-bottom:2px;
			}
			#pageMainContent span.mod-linkButton1 a{
				 font-size:90%;
			}
		#pageMainContent .products .p_figure{
			width:30%;
			padding-top:20px;
			padding-right:3%;
			text-align:right;
		}
			#pageMainContent .products .p_figure img{
				width:100%;
				max-width:132px;
				min-width:77px;
			}
}

#pageMainContent #product-cat-01 .first_ul {
	height: 220px;
}
	#pageMainContent li.products .lead {
		clear:both;
		font-size: 80%;
		font-weight:normal;
		margin:0 auto;
		padding:0 10px;
	}

@media(max-width:640px){
#pageMainContent #product-cat-01 .first_ul {
}
	#pageMainContent li.products .lead {
		margin:20px auto;
	}
}


/* ==================================================== */
/** VAIO譬ｪ蠑丈ｼ夂､ｾ陬ｽVAIO繧ｵ繝昴�繝医Μ繝ｳ繧ｯ繝懊ち繝ｳ縲€2014/07/31 霑ｽ蜉�
/* ---------------------------------------------------- */

.vaio{
	width:165px;
	margin-top:5px;
}

@media(max-width:640px){
.vaio{
	width:200px;
	margin-top:5px;
}