@charset "shift-jis";
.note {color: #666666; font-size: 0.85em; letter-spacing: 0; margin-top: 8px;}
.item_list:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.item_list .item_name h3 {font-size: 16px; margin: 0; padding-top: 1em; font-weight: bold;}
.item_list .item_name h3 span {width:100%; font-size: 10px; margin: 0 0 -1em; font-weight: normal; position: relative; top: -1em; line-height: 1; display:block; text-align: center;}
.item_list .item_name h3 img {margin-left: 5px;}
.item_list li .img_sam {border: none!important; min-height: 0; height: auto;}

#life img {vertical-align: bottom;}
#life h2.ttl {margin: 50px 0 0;}
#life .sub-ttl {text-align: center; margin: 40px 0 0; line-height: 1.4;}
#life .sub-ttl h3 {font-size: 28px; margin-bottom: 20px;}
#life .sub-ttl p {font-size: 16px; line-height: 1.4; margin-bottom: 30px;}
#life .sub-ttl span {display: block;}

#life .tx-center {text-align: center;}
#life .ph_img img {margin-bottom: 20px;}
#life .indent {color: #666666; text-indent: -2em; padding-left: 2em;}
#life h3.ttl {vertical-align: middle; line-height: 30px; font-weight: normal; margin: 0 0 20px; font-size: 16px; font-weight: bold;}
#life h3.ttl .note{font-weight: normal; color: #333!important;}
#life h3.ttl img {margin-right: 15px; vertical-align: middle;}
#life h4 {font-size: 1.66667em; text-align: center; margin: 0 0 20px;}
#life .btn a:hover img {opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )";}

#life .item_list li {width: 189px; margin-bottom: 35px; background: url(/sp-acc/share/images/bg_border.gif) no-repeat right -175px;}
#life .item_list li.item_01 a,
#life .item_list li.item_06 a {background: url(/sp-acc/share/images/bg_border.gif) no-repeat left -175px;}
#life .item_list li a.item {padding: 0 7px; _padding: 0 7px 0 6px;}
#life .item_list li a.item h3 { margin-bottom: 20px; padding: 0;}
#life .item_list li.item01 a.item,
#life .item_list li.item06 a.item {background: url(/sp-acc/share/images/bg_border.gif) no-repeat left -175px;}
#life .item_list li .show_link {padding: 0 5px;}
#life .item_list .item_name {width: auto!important; min-height: 1em!important; _height: auto!important;}
#life .txarea {padding: 0 30px 40px; margin-bottom: 40px; border-bottom: 1px solid #e4e4e4;}
#life .txarea .text {width: 440px; float: left;}
#life .txarea .text h3 {font-size: 22px; line-height: 27px; margin-bottom: 20px; padding-bottom: 10px;}
#life .txarea .text p {font-size: 16px; line-height: 1.4; margin-bottom: 15px;}
#life .txarea .text p span {display:block;}
#life .txarea .text p.note {font-size: 12px; margin: 0;}
#life .txarea .text p.indent {padding-left: 1em!important; text-indent: -1em!important;}
#life .txarea .ph_img {float:right;}
#life .txarea .ph_img img {margin: 0 auto;}

#life .txarea .item {text-aling:left; border-top: 1px dotted #e4e4e4; margin-top: 20px; padding-top: 20px; color: #000;}
#life .txarea .item .item_name h3 {margin: 0 0 10px;}
#life .txarea .item .item_name h3 span {width:100%; font-size: 10px; font-weight: normal; display:block;}
#life .txarea .item .img_sam {float:left; margin-right: 5px;}


#life .border {border-bottom: 1px dotted #e4e4e4;}
#life .last {border-bottom: none!important;}
#life .end {padding-bottom: 0; margin-bottom: 0;}
#life .end .txt {width: 428px;}
#life .end .text h3 {border:none;}
#life #bnr {margin: 0 auto; text-align: center; margin-bottom: 60px;}
#life #bnr img {margin: 0 auto;}
#life #dl {width: 764px; height: 92px; position: relative; margin: 0 auto; text-align:center;}
#life #dl ul {width: 764px; position: absolute; top: 54px; left: 20px; margin: 0; padding: 0; text-align: center;}
#life #dl ul li {display: inline-block; *display: inline; *zoom: 1; margin-right: 11px;}
#life #bnr a:hover img,
#life #dl ul li a:hover img {opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )";-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;}
#life ul.note_list {margin: 0; padding: 0;}
#life ul.note_list li {list-style: none; text-indent: -1.5em; padding-left: 1.5em; font-size: 12px;}

#life.camera .indent {width: 770px; margin: 0 0 60px 95px;}
#life.camera .item_list li .img_sam { height: 80px; margin-bottom: 10px;}


#life.speaker .text h3 {background: url(/sp-acc/share/images/life/speaker/line.gif) repeat-x bottom left;}
#life.bd .text h3 {background: url(/sp-acc/share/images/life/bd/line.gif) repeat-x bottom left;}
#life.tv .text h3 {background: url(/sp-acc/share/images/life/tv/line.gif) repeat-x bottom left;}
#life.tv .txarea .text p.note {text-indent: 0; padding-left: 0;}
#life.pcstation .text h3 {background: url(/sp-acc/share/images/life/pcstation/line.gif) repeat-x bottom left;}
#life .mod-seriesList {margin-top: 0px!important; margin-bottom: 0px!important;}
#life .mod-seriesList h3.ttl {margin-top: 0;}

#life.pwserver h2.ttl {margin-bottom: 30px!important;}
#life.pwserver ul {letter-spacing: -.4em; margin: 0; padding: 0;}
#life.pwserver ul li {letter-spacing: normal; margin: 0; padding: 0; list-style: none;}
#life.pwserver .main_visual {background: #F9F9F4; padding-bottom: 20px;}
#life.pwserver .main_visual ul {margin: 0 3px;}
#life.pwserver .main_visual ul li { min-height: 380px; _height: 380px; margin: 0 7px; padding: 0 1px; display: inline-block; *display: inline; zoom: 1; width: 298px; background:url(/sp-acc/share/images/life/pwserver/bg_main_top.gif) no-repeat top left; vertical-align: top; letter-spacing: normal; border-bottom: 1px solid #CCC;}
#life.pwserver .main_visual ul li img {vertical-align: bottom;}
#life.pwserver .main_visual ul li p {background: #FFF; margin: 0; font-size: 13px;}
#life.pwserver .main_visual ul li p span {padding: 10px 20px; display: block; min-height: 5em;}
#life.pwserver .case,
#life.pwserver .case h3 {margin: 20px 0; text-align: center;}
#life.pwserver .case ul.type li {display: inline-block; *display: inline; *zoom: 1; margin: 0 15px 5px;}

#life.pwserver #flow1 {width:920px; margin:20px auto; background:url(/sp-acc/share/images/life/pwserver/bg_case1_flow_top.gif) top no-repeat;zoom:1;}
#life.pwserver #flow1 .inner {background:url(/sp-acc/share/images/life/pwserver/bg_case1_flow_btm.gif) bottom no-repeat; padding:0 10px 20px 10px; zoom:1; overflow:hidden;}
#life.pwserver #flow2 {width:920px; margin:20px auto; background:url(/sp-acc/share/images/life/pwserver/bg_case2_flow_top.gif) top no-repeat; zoom:1;}
#life.pwserver #flow2 .inner {background:url(/sp-acc/share/images/life/pwserver/bg_case2_flow_btm.gif) bottom no-repeat; padding:0 10px 20px 10px; zoom:1; overflow:hidden;}
#life.pwserver #flow3 {width:920px; margin:20px auto; background:url(/sp-acc/share/images/life/pwserver/bg_case3_flow_top.gif) top no-repeat; zoom:1;}
#life.pwserver #flow3 .inner {background:url(/sp-acc/share/images/life/pwserver/bg_case3_flow_btm.gif) bottom no-repeat; padding:0 10px 20px 10px; zoom:1; overflow:hidden;}
#life.pwserver .inner h4 {padding: 40px 0 0; text-align: center; margin: 15px;}
#life.pwserver .inner h4 img {margin: 0 auto;}
#life.pwserver ul.flow{width:874px; overflow:hidden; margin:0 auto;}
#life.pwserver ul.flow li {width:220px; text-align:left; font-size: 13px; display: inline-block; *display: inline; zoom: 1; vertical-align: top;}
#life.pwserver ul.flow li img {margin-bottom: 5px;}
#life.pwserver ul.flow li.no-arrow {width:220px; margin-right:34px;}
#life.pwserver ul.flow li.catch {width:130px;}
#life.pwserver ul.flow li.arrow {width: 40px; margin-top:60px; background: none!important;}
#life.pwserver .caption{font-size:0.857em; color:#666666;}
#life.pwserver .mod-pageTop {font-size:0.857em; margin-top: 20px!important;}

#life.pwserver #product{clear:both;margin:20px 0 20px 0x;*zoom:1}
#life.pwserver #product:after{content:'';display:block;clear:both;height:0}
#life.pwserver #product h2{margin:40px 0 20px 20px; height:auto}
#life.pwserver #product .item{width:460px;float:left;*display:inline;margin:0 0 0 15px}
#life.pwserver #product .item-image{float:left;margin-right:30px}
#life.pwserver #product .item-text{overflow:hidden;*zoom:1}
#life.pwserver #product .item-text h3{font-size:1.23077em;line-height:1.2;margin:0 0 10px}
#life.pwserver #product .item-text p{margin:0 0 .5em}
#life.pwserver a:hover img.btn {opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )";}

#life.pcstation .txarea .ph_img {width: 385px;}

#life.walkman .item01 {margin-bottom: 0;}
#life.walkman .item01 .sub-ttl h3 {font-size: 28px; margin-bottom: 20px;}
#life.walkman .item01 .text {width: 550px;}
#life.walkman .txarea ul.txt {margin: 0 0 40px;}
#life.walkman .txarea ul.txt li {font-size: 16px; line-height: 1.4; margin: 0 0 15px; text-align: center; list-style: none;}
#life.walkman .txarea ul.txt span {color: #000;}
#life.walkman .txarea ul.txt .logo {display: block; margin: 10px auto 30px;}
#life.walkman .txarea ul.note  {padding: 0; list-style: none; margin-bottom: 40px;}
#life.walkman .txarea ul.note li {text-indent: -2em; padding-left:2em;}


#life.walkman .btn {
	display:table;
	text-align: center;
	margin: 20px auto 0;
	padding: 15px;
	border-radius: 5px;
	background: #bb64c3; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #bb64c3 0%, #a851ae 17%, #99439d 38%, #99439d 62%, #a851ae 85%, #bb64c3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#bb64c3), color-stop(17%,#a851ae), color-stop(38%,#99439d), color-stop(62%,#99439d), color-stop(85%,#a851ae), color-stop(100%,#bb64c3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #bb64c3 0%,#a851ae 17%,#99439d 38%,#99439d 62%,#a851ae 85%,#bb64c3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #bb64c3 0%,#a851ae 17%,#99439d 38%,#99439d 62%,#a851ae 85%,#bb64c3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #bb64c3 0%,#a851ae 17%,#99439d 38%,#99439d 62%,#a851ae 85%,#bb64c3 100%); /* IE10+ */
	background: linear-gradient(135deg,  #bb64c3 0%,#a851ae 17%,#99439d 38%,#99439d 62%,#a851ae 85%,#bb64c3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb64c3', endColorstr='#bb64c3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	font-size: 16px;
	line-height: 1.4;
}
#life.walkman .btn a {display:table-cell; color:#FFF; text-align: center; vertical-align: middle;}
#life.walkman .btn a span {
	background: url(/sp-acc/share/images/life/walkman/bg_btn.png) no-repeat left center;
	background-size: 10px;
	padding-left: 20px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
#life.walkman .mod-seriesList h3.ttl img {vertical-align: baseline;}

#life.speaker .item_list li .img_sam  {min-height: 80px;}


.button-half {margin: 0 0 40px;	padding: 0; letter-spacing: -.4em;}
.button-half li {width: 48%; list-style: none; display: inline-block; *display: inline; zoom: 1; margin: 1%; letter-spacing: normal;}
.button-half a {text-decoration: none;}
.button-half .mod-button{padding: 1em 20px 1em 28px; display:block!important;}
.button-half .mod-button em {font-style: normal; font-weight: bold; display: block;}
@media (max-width:640px){
	.button-half li {width: 98%; list-style: none; display: inline-block; *display: inline; zoom: 1; margin: 1%;}
}

@media (max-width:640px){
	.mod-mainContentContainer {max-width: 640px; min-width: 300px; padding: 0 10px; position: static; width: auto;}


	#life h2.ttl {width: auto; margin: 0; padding: 0 10px; position: relative;}
	#life h2.ttl img{width: 100%!important; height: auto!important;}
	#life .sub-ttl {text-align: center; margin: 40px 0 0; line-height: 1.4;}
	#life .sub-ttl h3 {font-size: 20px; margin-bottom: 0.3em;}
	#life .sub-ttl p {font-size: 14px; line-height: 1.4; margin-bottom: 10px; text-align:left;}
	#life .sub-ttl span {display: inline;}
	#life .ph_img img {width: 100%!important; height: auto!important; margin-bottom: 10px;}
	#life .indent {width: auto!important; font-size: 0.85em; margin: 0!important;}
	#life h3.ttl {vertical-align: middle; line-height: 30px; font-weight: bold;}
	#life h3.ttl img.c-left {display: block;}
	#life h4 {font-size: 1.28571em !important; margin-bottom: 0.3em;}
	
	#life .item_list li {width: 50%; padding-bottom: 20px; margin-bottom: 20px; background: none!important; text-align: center; border: none; float:left!important;}
	#life .item_list li a {border: none; padding: 0 10px; margin: 0; border: none!important; background: none!important;}

	#life .item_list li.item_01 a,
	#life .item_list li.item_03 a,
	#life .item_list li.item_05 a,
	#life .item_list li.item_07 a {border-right: 1px dotted #ccc!important;}

	#life .item_list li .img_sam,
	#life .item_list li .item_name {width: 100%; min-height: 35px; float: none;}
	#life .item_list li img {width: 100%; height:auto!important;}
	#life .item_list h3 {font-size: 14px; font-weight: bold;}
	#life .item_list .btn_detail {width: 100%; float: none;}

	
	#life .txarea {padding: 0 10px 40px; margin-bottom: 40px; border-bottom: 1px solid #e4e4e4;}
	#life .txarea .text {width: 100%!important; float: none;}
	#life .txarea .text h3 {font-size: 16px; line-height: 21px; margin-bottom: 15px; padding-bottom: 5px; text-align: center; background: none!important;}
	#life .txarea .text p {width: 100%; font-size: 14px; line-height: 1.4; margin-bottom: 10px; text-align:left;}
	#life .txarea .text p span {display:inline;}
	#life .txarea .ph_img {float:none;}
	#life .txarea .ph_img img {margin: 0;}
	
	#life .txarea .item {text-aling:left; border-top: none; margin-top: 20px; padding-top: 0;}
	#life .txarea .item .item_name {width: 70%; margin-bottom: 15px;}
	#life .txarea .item .item_name h3 {margin: 0;text-align:left; color: #333333;}
	#life .txarea .item a:hover .item_name h3 {color:#C4123;} 
	#life .txarea .item .item_name h3 span {font-size: 10px; font-weight: normal; display:block; text-align: left;}
	#life .txarea .item .img_sam {width: 30%; float:left; margin-right: 0;}
	#life .txarea .item .img_sam img {width: 100%; height: auto !important;}
	#life .txarea .item .btn_detail {float: right; width: 70%;}
	#life .txarea .item .mod-button { font-size: 14px;}
	
	#life .border {border-bottom: 1px dotted #e4e4e4;}
	#life .end {border: none; padding-bottom: 0; margin-bottom: 0;}
	#life .end .text h3 {border:none;}
	#life #bnr {margin: 0 20px;}
	#life #bnr img {width: 100%!important; height: auto!important;}
	#life #dl_sp {width: 100%; margin: 0 20px; position: relative;}
	#life #dl_sp ul {width: 100%; height: 60%; margin: 0; padding: 0; letter-spacing: -.4em; position: absolute; top: 50%; vertical-align: bottom; text-align: center;}
	#life #dl_sp ul li {width: 30%; display: inline-block; *display: inline; *zoom: 1; letter-spacing: normal; overflow: hidden; margin: 0 1%;}
	#life #dl_sp ul li.left {width: 62%;}
	#life #dl_sp ul li a {width: 100%; height: 100%; display: block;}

	#life.camera .item_list li .img_sam {height: auto!important; margin-bottom: 20px;}
	#life.camera .item_list li .ilca_77m2 {max-height: 70px!important;}


	#life.speaker .text h3 {border-bottom: dotted 3px #ea61b5;}
	#life.bd .text h3 {border-bottom: dotted 3px #569fe2;}
	#life.tv .text h3 {border-bottom: dotted 3px #ea504d;}
	#life.pcstation .text h3 {border-bottom: dotted 3px #569fe2;}
	
	#life.pwserver .main_visual ul li {min-height: 1px;margin: 0 0 5px; padding: 0 1px; display: inline-block; *display: inline; zoom: 1; width: 100%; background:none; letter-spacing: normal; border-bottom: none;}
	#life.pwserver .main_visual ul li img {width: 100%!important; height: auto;}
	#life.pwserver .main_visual img,
	#life.pwserver .case img {height: auto!important; width: 100%!important;}
	#life.pwserver .case ul.type li {width: 100%; margin: 0 0 15px;}
	#life.pwserver #flow1 {width: 100%; margin:20px auto; background: url(/sp-acc/share/images/life/pwserver/bg_case1_flow_top.gif) top no-repeat; zoom:1; text-align:center;}
	#life.pwserver #flow1 .inner {background:url(/sp-acc/share/images/life/pwserver/bg_case1_flow_btm.gif) bottom no-repeat; padding:10px 10px 0px; zoom:1; overflow:hidden;}
	#life.pwserver #flow2 {width:100%; margin:20px auto; background:url(/sp-acc/share/images/life/pwserver/bg_case2_flow_top.gif) top no-repeat; zoom:1; text-align:center;}
	#life.pwserver #flow2 .inner {background:url(/sp-acc/share/images/life/pwserver/bg_case2_flow_btm.gif) bottom no-repeat; padding:10px 10px 0px; zoom:1; overflow:hidden;}
	#life.pwserver #flow3 {width:100%; margin:20px auto; background:url(/sp-acc/share/images/life/pwserver/bg_case3_flow_top.gif) top no-repeat; zoom:1; text-align:center;}
	#life.pwserver #flow3 .inner {backgroundurl(/sp-acc/share/images/life/pwserver/bg_case3_flow_btm.gif) bottom no-repeat; padding:10px 10px 0px; zoom:1; overflow:hidden;}
	
	#life.pwserver .inner h4 {padding: 40px 0 0; text-align: center; margin: 0;}
	#life.pwserver ul.flow{width:100%; overflow:hidden; margin:0 auto;}
	#life.pwserver ul.flow li {width:100%; text-align:left; font-size: 13px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin-bottom: 30px;}
	#life.pwserver ul.flow li img {width:100%!important; height: auto; margin-bottom: 5px;}
	#life.pwserver ul.flow li.no-arrow {width:100%; text-align:left; margin-right:34px;}
	#life.pwserver ul.flow li.catch {width:114px; margin: 0 auto 5px;}
	#life.pwserver ul.flow li.arrow {display: none;}
	
	#life.pwserver #product h2 img{width:100%;height:auto; margin:0 0 0 -10px;}
	#life.pwserver #product .item{width:100%;text-align:center;*display:inline;}
	#life.pwserver #product .item-image{float:none;text-align:center; margin-bottom: 5px;}
	#life.pwserver #product .item-image img{width:80%;height:auto;}
	#life.pwserver #product .item-text{clear:both;overflow:hidden;*zoom:1;margin:0 0 0 -10px;}
	#life.pwserver #product .item-text h3{font-size:1.23077em;line-height:1.2;}
	#life.pwserver #product .item-text p{margin:0 0 .5em;}
	
	#life.pcstation .txarea .ph_img {width: 100%!important;}
	#life.pcstation .txarea .ph_img img {margin-bottom: 10px;}
	
	#life.walkman .item01 .sub-ttl h3 {font-size: 20px; float: none;}
	#life.walkman .item01 img {margin-bottom: 30px;}
	#life.walkman .ph_img ul {padding: 0 10px 20px!important;}
	#life.walkman .ph_img ul.coma {text-align: center; margin-bottom: 0; padding: 0;}
	#life.walkman .ph_img ul.coma li {width: 100%; margin: 0; padding: 0; list-style: none; display: block;}
	#life.walkman .ph_img ul.coma li img {vertical-align: top; margin: 0;}
	#life.walkman .txarea ul.txt {margin: 0 0 40px;}
	#life.walkman .txarea ul.txt li {font-size: 14px; line-height: 1.4; margin-bottom: 10px;}
	#life.walkman .sub-ttl h3.no {font-size: 16px; padding: .2em 0; border-bottom: 1px solid #8d3790; margin-bottom: 1em;}
	#life.walkman .btn {font-size: 14px;}
	#life.walkman .txarea ul.txt .logo {text-align: center; margin: 10px auto 20px; display: block;}
	#life.walkman .logo01 {width: 147px;}
	#life.walkman .logo02 {width: 90px;}
	#life.walkman .logo03 {width: 90px;}
	#life.walkman .logo04 {width: 25px;}
	#life.walkman .btn a {text-align: left;}


}