@charset "UTF-8";

html{
	height:100%;
	background-image: url(../common/bg.png);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #F5F5F5;
}

#page {
	float: right;
	height: auto;
	width: 742px;
	margin-top: 20px;
}

/* -----フロートクリア用----- */
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/* -----透過ロールオーバー用---- */
.btn_ro:hover {
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
}




/*サイドナビ用*/

#sub_navi {
	float: left;
	height: auto;
	width: 218px;
	margin-top: 60px;
}

#side-banar {
	margin: 15px 0;
}

/*タイトルバー用*/

.ti_about01 {
	text-align: left;
	display: block;
	clear: both;
	float: none;
	background-image: url(../agreement/images/ti01.png);
	height: 43px;
	width: 742px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding-bottom: 15px;
}

.ti_about02 {
	text-align: left;
	display: block;
	clear: both;
	float: none;
	background-image: url(../agreement/images/ti02.png);
	height: 43px;
	width: 742px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding-bottom: 15px;
}

.ti_about03 {
	text-align: left;
	display: block;
	clear: both;
	float: none;
	background-image: url(../agreement/images/ti03.png);
	height: 43px;
	width: 742px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding-bottom: 15px;
}

.ti_about04 {
	text-align: left;
	display: block;
	clear: both;
	float: none;
	background-image: url(../agreement/images/ti04.png);
	height: 43px;
	width: 742px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding-bottom: 15px;
}

.ti_about05 {
	text-align: left;
	display: block;
	clear: both;
	float: none;
	background-image: url(../agreement/images/ti05.png);
	height: 43px;
	width: 742px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding-bottom: 15px;
}

.ti_about06 {
	text-align: left;
	display: block;
	clear: both;
	float: none;
	background-image: url(../agreement/images/ti06.png);
	height: 43px;
	width: 742px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding-bottom: 15px;
}

.ti_info01 {
	text-align: left;
	display: block;
	clear: both;
	float: none;
	background-image: url(../info/images/ti01.png);
	height: 43px;
	width: 742px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding-bottom: 15px;
}

.ti_info02 {
	text-align: left;
	display: block;
	clear: both;
	float: none;
	background-image: url(../info/images/ti02.png);
	height: 43px;
	width: 742px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding-bottom: 15px;
}

.ti_info03 {
	text-align: left;
	display: block;
	clear: both;
	float: none;
	background-image: url(../info/images/ti03.png);
	height: 43px;
	width: 742px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding-bottom: 15px;
}

.ti_info04 {
	text-align: left;
	display: block;
	clear: both;
	float: none;
	background-image: url(../info/images/ti04.png);
	height: 43px;
	width: 742px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding-bottom: 15px;
}

.ti_info05 {
	text-align: left;
	display: block;
	clear: both;
	float: none;
	background-image: url(../info/images/ti05.png);
	height: 43px;
	width: 742px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding-bottom: 15px;
}

.ti_info06 {
	text-align: left;
	display: block;
	clear: both;
	float: none;
	background-image: url(../info/images/ti06.png);
	height: 43px;
	width: 742px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding-bottom: 15px;
}

.ti_service01 {
	text-align: left;
	display: block;
	clear: both;
	float: none;
	background-image: url(../service/images/ti01.png);
	height: 43px;
	width: 742px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding-bottom: 15px;
}

.ti_service02 {
	text-align: left;
	display: block;
	clear: both;
	float: none;
	background-image: url(../service/images/ti02.png);
	height: 43px;
	width: 742px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding-bottom: 15px;
}

.ti_service03 {
	text-align: left;
	display: block;
	clear: both;
	float: none;
	background-image: url(../service/images/ti03.png);
	height: 43px;
	width: 742px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding-bottom: 15px;
}

.ti_service04 {
	text-align: left;
	display: block;
	clear: both;
	float: none;
	background-image: url(../service/images/ti04.png);
	height: 43px;
	width: 742px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding-bottom: 15px;
}

.ti_service05 {
	text-align: left;
	display: block;
	clear: both;
	float: none;
	background-image: url(../service/images/ti05.png);
	height: 43px;
	width: 742px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding-bottom: 15px;
}

.ti_service06 {
	text-align: left;
	display: block;
	clear: both;
	float: none;
	background-image: url(../service/images/ti06.png);
	height: 43px;
	width: 742px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding-bottom: 15px;
}

.ti_support01 {
	text-align: left;
	display: block;
	clear: both;
	float: none;
	background-image: url(../support/images/ti01.png);
	height: 43px;
	width: 742px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding-bottom: 15px;
}

.ti_support02 {
	text-align: left;
	display: block;
	clear: both;
	float: none;
	background-image: url(../support/images/ti02.png);
	height: 43px;
	width: 742px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding-bottom: 15px;
}

.ti_support03 {
	text-align: left;
	display: block;
	clear: both;
	float: none;
	background-image: url(../support/images/ti03.png);
	height: 43px;
	width: 742px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding-bottom: 15px;
}
.ti_support04 {
	text-align: left;
	display: block;
	clear: both;
	float: none;
	background-image: url(../support/images/ti04.png);
	height: 43px;
	width: 742px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding-bottom: 15px;
}

.ti_support05 {
	text-align: left;
	display: block;
	clear: both;
	float: none;
	background-image: url(../support/images/ti05.png);
	height: 43px;
	width: 742px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding-bottom: 15px;
}



/*見出しタグ用*/

#page h3 {
	font-size: 1.3em;
}

.ti_normal {
	clear: both;
	float: left;
	width: 740px;
	padding-right: 1px;
	padding-left: 1px;
	font-size: 1.3em;
	color: #000;
	padding-bottom: 15px;
	font-weight: bold;
}

.ti_sub {
	background-image: url(../common/bar.png);
	background-repeat: repeat-y;
	background-position: left top;
	display: block;
	clear: both;
	float: none;
	height: auto;
	width: 720px;
	margin-right: 1px;
	margin-left: 1px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	color: #FFF;
	-moz-border-radius: 3px;/*for Firefox*/
	-webkit-border-radius: 3px;/*for Safari and chrome*/
	border-radius: 3px; /* CSS3 */
	margin-bottom: 15px;
	font-weight: normal;
}

#page h4 {
	font-size: 1.1em;
	color: #000;
	padding-bottom: 10px;
	font-weight: bold;
}

/*Pタグボックス用*/

.inner1 {
	float: left;
	height: auto;
	width: 740px;
	padding-right: 1px;
	padding-left: 1px;
}

.inner2 {
	float: left;
	height: auto;
	width: 740px;
	padding-right: 1px;
	padding-left: 1px;
	background-image: url(../common/slit_w.png);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 8px;
	padding-top: 12px;
}

.inner3 {
	float: left;
	height: auto;
	width: 430px;
	padding-left: 1px;
}


p {
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1.6em;
}
.qa {
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #225787;
}
.num {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 30px;
}

/*製品紹介・ニュース一覧の開閉*/

.trigger1 {
	width: 740px;
	float: left;
	clear: both;
	background-image: url(../common/ti_page.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 34px;
	overflow: hidden;
	cursor: pointer;
}

.trigger1 h4 {
	font-size: 1.3em;
	line-height: 2.6em;
	text-decoration: none;
	color: #111;
	display: block;
	padding-left: 12px;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	font-weight: normal;
}

.container1 {
	width: 740px;
	clear: both;
	float: left;
	height: auto;
	background-image: url(../common/bg_page.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 15px;
	padding-bottom: 15px;
}

.container1 h5 {
	font-size: 1.2em;
	line-height: 1.5em;
	padding-bottom: 10px;
	color: #111;
}

.container1 .img1 {
	margin-right: auto;
	margin-left: auto;
	clear: both;
	float: none;
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
}

.active {
	background-position: left bottom;
}

/*製品情報イメージ用*/

.imagebox  {
	position: relative;
	float: left;
	height: 156px;
	width: 246px;
	text-align: center;
	padding-bottom: 15px;
	font-size: 0.9em;
}

.imagebox img {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.ic_plus {
 position: absolute;
 top: 131px;
 left: 215px;
 width: 24px;
 height: 25px;
}

/*製品情報テーブル用*/

/*テーブル*/
.TblGryCol {
	background-color: #666;
	margin-top: 5px;
	margin-bottom: 10px;
}


.TblGryCol th {
	background: #eeeeee;
	padding: 3px 3px 3px 6px;
	font-size: small;
	line-height: 140%;
	text-align: left;
	font-weight: normal;
	border: 1px solid #ccc;
}
.TblGryCol td {
	background: #ffffff;
	font-size: small;
	line-height:140%;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	border: 1px solid #CCC;
}




.td_1 {
	white-space: nowrap;
	color: #000;
}

.td_2 {
	width: 260px;
	text-align: center;
}

.td_3 {
	white-space: nowrap;
	width: 159px;
	text-align: center;
}

.td_4 {
	width: 100%;
	word-break:break-all;
}

.bg_gray {
	background-color: #EEE;
}

.bg_blue {
	background-color: #369;
	color: #FFF;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
}

.tx_right {
	text-align: right;
}

.tx_center {
	text-align: center;
}

.border_r {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}

/*注意書き*/

.tx_attention {
	clear: both;
	float: left;
	height: auto;
	width: 740px;
	padding-top: 10px;
	color: #666;
	font-size: 0.9em;
	line-height: 1.5em;
}

/*外部リンクアイコン*/

.ic_link{
	list-style:none;
	padding-left:12px;
	padding-bottom:4px;
	background-image: url(../common/ic_link2.png);
	background-repeat: no-repeat;
	background-position: left 2px;
}
ul.lst {
	list-style-position: outside;
	list-style-type: circle;
	margin-left: 20px;
}

.red {
	color: #F60;
}
.box {
	background-color: #EDE9C1;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
h4 .sub {
	margin-top: 20px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/*サービス利用手順切替ボタンスタイル（仮）*/
#dtv2013 {
	float: right;
	height: 146px;
	width: 360px;
	background: url(../service/images/howto_dtv.png) no-repeat;
	margin-top: 5px;
	margin-bottom: 20px;
}
#android {
	float: left;
	height: 146px;
	width: 360px;
	background: url(../service/images/howto_andro.png) no-repeat;
	margin-top: 5px;
	margin-bottom: 20px;
}