@charset "shift_jis";

/* --------------------------------------------------
 * index styles
 * ----------------------------------------------- */

#contents {
	padding-bottom:40px;
}

#header_area {
	width:960px;
	height:680px;
	position:relative;
}

#header_area .set_sns {
	position:absolute;
	left:0;
	top:518px;
	z-index:10;
}

#header_area h1 {
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}

ul.navi {
	width:960px;
	height:102px;
	overflow:hidden;
	background:url(../images/navi.gif) no-repeat 0 0;
	position:relative;
}

ul.navi li {
	width:180px;
	height:80px;
	position:absolute;
	top:10px;
	overflow:hidden;
	text-indent:-9999px;
}

ul.navi li.anchor1 {left:10px;}
ul.navi li.anchor2 {left:200px;}
ul.navi li.anchor3 {left:390px;}
ul.navi li.anchor4 {left:580px;}
ul.navi li.anchor5 {left:770px;}

ul.navi li a {
	display:block;
	width:180px;
	height:80px;
	overflow:hidden;
}

ul.navi li a:hover {
	background-image:url(../images/navi_on.gif);
}

ul.navi li.anchor1 a:hover {background-position:-10px -10px;}
ul.navi li.anchor2 a:hover {background-position:-200px -10px;}
ul.navi li.anchor3 a:hover {background-position:-390px -10px;}
ul.navi li.anchor4 a:hover {background-position:-580px -10px;}
ul.navi li.anchor5 a:hover {background-position:-770px -10px;}

ul.linkbtn {
	width: 310px;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}

ul.linkbtn li {
	width:310px;
	height:82px;
}

ul.linkbtn li:first-child {
}
/*original below*/
/*ul.linkbtn {
	width:960px;
	padding:0 0 0 0;
}

ul.linkbtn li {
	float:left;
	margin-left:15px;
	width:310px;
	height:82px;
}

ul.linkbtn li:first-child {
	margin-left:0;
}*/

#portable {
	padding-top:69px;
	margin-bottom:14px;
	clear:both;
}

.portable_01 {
	margin-bottom:35px;
}

.portable_02 {
	width:890px;
	margin:auto;
	margin-bottom:20px;
}

.arrow {
	width:68px;
	margin:0 auto;
}

#digital {
	padding-top:9px;
	margin-bottom:13px;
}

.digital_01 {
}

.digital_02 {
	margin-bottom:69px;
}

#rec {
	margin-bottom:13px;
}

.rec_01 {
	margin-bottom:69px;
}

#easy {
	width:960px;
	height:282px;
	background:url(../images/easy_h2.jpg) no-repeat 0 0;
	margin-top:60px;
	position:relative;
}

#easy a {
	position:absolute;
	left:470px;
	top:216px;
	display:block;
	width:330px;
	height:50px;
	text-indent:-9999px;
	overflow:hidden;
}

#battery {
	padding-bottom:45px;
}

#mode {
	margin-bottom:70px;
}

#movie {
	margin-bottom:33px;
}

.youtube {
	width:560px;
	margin:0 auto 70px;
}

.position {
	position:relative;
}

.position .digital_images01 {
	position:absolute;
	right:0;
	top:90px;
}

.position .digital_images02 {
	position:absolute;
	right:0;
	top:67px;
}


h3 {
	margin:0 0 15px 0;
}

.detail_area {
	font-size:14px;
	margin-bottom:5px;
	color:#666;
}

.detail_area th {
	padding:0 30px 12px 15px;
	white-space:nowrap;
}

.detail_area td {
	padding-bottom:12px;
}

.cap {
	border-top:#d2ecfa solid 1px;
	font-size:12px;
	line-height:1.5em;
	padding:10px 0 45px 15px;
	color:#666;
}

.nagara {
	background:url(../images/easy_bg.gif) repeat-y center top;
	width:960px;
}

p.app {
	padding-left:472px;
	line-height:1.5em;
	color:#666;
}

span.file-icon02 {
    margin-left: 5px;
}

span.file-icon02 img {
    position: relative;
    top: 1px;
	vertical-align:top;
}


/* --------------------------------------------------
 * 140403 news
 * ----------------------------------------------- */

.news_column01 {
	width: 740px;
	background-image: url(../images/news_bg.gif);
}

.news_title {
	color: #333333;
	font-weight: bold;
}

.news_column02 {
	margin-left: 15px;
	margin-bottom: 0;
	float: left;
	clear: both;
	color: #333333;
	line-height:120%;
}




.s_column02_class1 table{
	background-color: #ffffff;
	width: 355px;
}
.s_column02_class1 table th {
	background-color: #f5f7f7;
	width: 35%;
	font-weight: normal;
}
.s_column02_class1 table td {
	width: 70%;
}
.s_column02_class1 table, th,td {
/*	border: 1px solid #cccccc;
	padding: 10px; */
	border-collapse: collapse;
	text-align: left;
	vertical-align: top;
}


.clearfix:after{
	display: block;
	clear: both;
	content: "";
}
.pull_left{
	float: left!important;
}
.pull_right{
	float: right!important;
}


.mt0 {margin-top:0px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt19 {margin-top:19px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mtm50 {margin-top:60px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}
.ml55 {margin-left:55px;}
.ml60 {margin-left:60px;}
.ml64 {margin-left:64px;}
.ml80 {margin-left:80px;}
.ml90 {margin-left:90px;}
.ml100 {margin-left:100px;}
.ml110 {margin-left:110px;}
.ml120 {margin-left:120px;}
.ml130 {margin-left:125px;}
.ml164 {margin-left:164px;}
.ml175 {margin-left:175px;}
.ml210 {margin-left:210px;}
.ml370 {margin-left:370px;}
.ml430 {margin-left:430px;}
.ml530 {margin-left:530px;}


.mb0 {margin-bottom:0px;}
.mb0 {margin-bottom:1px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}

.mr20 {margin-right:20px;}

.pt0 {padding-top:0px;}
.pt30 {padding-top:30px;}
.pb10 {padding-bottom:10px;}
.pd0 {padding:0;}

.cb {clear:both;}