@charset "utf-8";

/* twitter */

.tweet
{
display: block;
clear: both;
padding: .2em;
margin: .2em;
overflow: hidden;
}
.tweet img
{
float: left;
margin-right: 1em;
border: 1px solid #999;
background: #444;
}
.tweet p.text
{
margin: 8px 0 0 0; 
padding: 0 0 16px 0;
border-bottom: 1px dotted #CCC;
}
.monitter  /* ウィジェットの設定 */
{
	float: left;
	width: 327px; /* 幅 */
	height: 240px; /* 高さ */
	margin: 0 6px 0 0;
	background: #DEDEDE;
	overflow:auto; /* スクロールできるようにするにはここを変更 */
	text-align: left;
/* border-radius: 10px;		
	-webkit-border-radius: 10px;	
	-moz-border-radius: 10px;	*/
}

.tweetBox .monitter  /* ウィジェットの設定 */
{
	float: left;
	width: 210px; /* 幅 */
	height: 550px; /* 高さ */
}
#tweets2{margin:0}


.review_box_s {
	background: url(../images_tf300/reviews_bg.jpg) no-repeat right top;
	height: 176px;
	text-align: left;
}
.review_box_s dl {
	width: 124px;
	margin: 16px 8px;
	float: left;
}
.review_box_s p {
	margin: 16px 0px 16px 24px;
	float: left;
}
.review_box_s dl dd {
	font-size: 11px;
	margin-top: 14px;
}



.fb-like-box {
	background: #FFF;
	margin-bottom: 1em;
	width: 208px;
	margin-left: 13px;
	margin-top: 1px;
}
.fb-like-box02 {
	background: #FFF;
	margin-bottom: 1em;
	width: 208px;
	margin-left: 7px;
	margin-top: 1em;
}







/* 製品紹介 */

#product h2 {
	background: url(../images_tf300/h2_product_2.jpg) no-repeat center top;
	height:366px;
	text-indent: -9999px;
	margin-bottom: 14px;
	position:relative;
}

#product h2 p{
	position: absolute;
	left: 25px;
	top: 101px;
	width:614px;
	text-indent:0px;
	font-weight:normal;
	line-height:2em;
}

#product h3 {
	/*background: url(../images_tf300/h3_product.jpg) no-repeat center top;*/
	font-size: 25px;
	font-weight: normal;
	padding: 16px 22px 15px;
	line-height: 155%;
}

#product .Box {
	background: url(../images_tf300/boxbg_product.jpg) repeat-y left top;
	margin: 0px auto;
	width: 660px;
	overflow: hidden;
}

#product .Box .set001 {
	width: 270px;
	padding: 50px 32px 100px 358px;
	background: url(../images_tf300/set001.jpg) no-repeat 30px 60px;
}
#product .Box .set001 dt {
	font-size: 25px;
	line-height: 122%;
}
#product .Box .set001 dt span {
	font-size: 13px;
	display: block;
	margin-bottom: 2em;
}
#product .Box .set001 dd {
	margin-top: 1em;
	line-height: 2em;
}



#product .Box .set002 {
	padding: 50px 370px 100px 24px;
	background: url(../images_tf300/set002.jpg) no-repeat 358px 160px;
	width: 400px;
}
#product .Box .set002 dt {
	font-size: 25px;
	line-height: 120%;
	margin-bottom: 32px;
}
#product .Box .set002 dt span {
	font-size: 13px;
	display: block;
}
#product .Box .set002 dd {
	margin-top: 16px;
}
#product .Box .set002 dd a:hover img{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #fff;
}
.arrow {
	padding-right: 16px;
	background: url(../images_tf300/arrow.jpg) no-repeat right center;
}




/* ご利用シーン */

#scene h2 {
	background: url(../images_tf300/h2_scene.jpg) no-repeat center top;
	height: 178px;
	text-indent: -9999px;
	margin-bottom: 14px;
}


#scene h3 {
	font-size: 25px;
	font-weight: normal;
	line-height: 155%;
	padding: 32px 2px 0 2px;
}

#scene .Box {
	background: url(../images_tf300/boxbg_scene.jpg) repeat-y left top;
	margin: 0px auto;
	width: 660px;
	overflow: hidden;
}
#scene .Box dl dt {
	padding: 24px 0 24px 24px;
	float: left;
}
#scene .Box dl dd {
	padding: 24px;
	float: left;
	width: 390px;
}



/* ユーザーレビュー　 */

#UserReviw h3 {
	background: url(none);
	border-bottom: 2px solid #C9C9C9;
	line-height: 1.2em;
}
#UserReviw {
	margin: 0px auto 40px auto;
	width: 660px;
}


/* facebook　コメント　ご利用シーン */

#FB_comment h3 {
	background: url(none);
	border-bottom: 1px solid #C9C9C9;
	line-height: 1.2em;
	padding-left: 15px;
}
#FB_comment {
	margin: 0px auto;
	width: 660px;
}


/* ご利用シーン・製品紹介　共通応募ボタン枠 */

.BoxReviwL {
	background: url(../images_tf300/bg_reviw.jpg) no-repeat;
	margin: 0px auto 40px;
	height: 246px;
	width: 660px;
	position: relative;
}

.BoxReviwL .txt {
	text-indent: -9999px;
}

.BoxReviwL .btn {
	position: absolute;
	left: 361px;
	top: 27px;
}
.BoxReviwL .attention {
	position: absolute;
	left: 366px;
	top: 74px;
}

.BoxReviwL .cap{
	display:block;
	width:582px;
	height:auto;
	position:absolute;
	left:45px;
	top:110px;
	font-size:12px;
	line-height:2em;
}

.BoxReviwL a:hover img
{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #fff;
}


/* 気になるものに登録（要ログイン） */

#FavoriteBox {
	background: url(../images_tf300/favorite.jpg)no-repeat;
	margin:0px auto 40px;
	height: 122px;
	width: 660px;
	position: relative;
}

#FavoriteBox .txt {
	position: absolute;
	left: 114px;
	top: 66px;
	width: 190px;
	font-weight: bold;
	font-size: 15px;
	color: #fff;

}

#FavoriteBox .btn {
	position: absolute;
	left: 361px;
	top: 37px;
}
#FavoriteBox .attention {
	position: absolute;
	left: 366px;
	top: 74px;
}

#FavoriteBox a:hover img
{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #fff;
}


/**/

.tweetBox {
	width: 208px;
	margin: 12px 0 16px 7px;
}
#scene h3 div {
	font-size: 13px;
	text-align: right;
	background: #CECECE;
	margin: 8px 0 0 0;
}
#SceneArea {
	width: 658px;
	margin: 0px auto 40px;
}
#SceneArea h4 {
	font-size: 17px;
	font-weight: bold;
	border-bottom: 4px solid #CECECE;
	padding: 16px;
	margin: 40px auto 24px;
	line-height: 170%;
}
.alnC {
	text-align: center;
}
#SceneArea p {
	margin: 16px;
	line-height: 160%;
}
#SceneArea .alnC span {
	font-size: 10px;
	display: block;
	padding: 8px;
}






/*20120823*/
.fs16 { font-size: 16px; }

#PremiumreviewBox {
	overflow: hidden;
	clear: both;
	width: 660px;
	padding: 0 0 24px 0;
}
#UserreviewBox {
	overflow: hidden;
	clear: both;
	width: 660px;
	padding: 0 0 52px 0;
}


/* ユーザーレビュー */

#PremiumreviewBox .SBoxa {
	float: left;
	width: 290px;
	overflow: hidden;
	margin: 8px;
	background: url(../images/line.gif) repeat-x left bottom;
	padding-bottom: 12px;
	padding: 16px 8px;
}

#PremiumreviewBox .SBoxa img {

}
#PremiumreviewBox .SBoxa dl dt {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 8px;
}
#PremiumreviewBox .SBoxa dl {
	float: right;
	width: 151px;
}
#PremiumreviewBox h3 {
	background: url(../images/line.gif) repeat-x left bottom !important;
	margin-bottom:8px !important;
}
#UserreviewBox h3 {
	background: url(../images/line.gif) repeat-x left bottom !important;
	margin-bottom:16px !important;
}




/* プレミアムレビュー */

.Boxbtm {
	background: url(../images/boxbgl.jpg) no-repeat left bottom;
	text-indent: -9999px;
	display: block;
	height: 20px;
	clear: both;
}

#PremiumreviewBox .Box .SBoxa dl dd,
#UserreviewBox .Box .SBoxa dl dd {
	font-size: 12px;
	margin-bottom: 6px;
	line-height: 1.6em;
}

.mgL08 {
	margin-left: 8px;
}


.SBox{ cursor: pointer }


#PremiumreviewBox .SBoxa a dl dt,
#PremiumreviewBox .SBoxa a dl dd {
	color: #333;
}
#PremiumreviewBox .SBoxa a .ph {
	float: left;
	padding-right: 8px;
	color: #333333;
	width: 131px;
}
#PremiumreviewBox .SBoxa a dl dt img {
	padding-bottom: 8px;
}
#PremiumreviewBox .SBoxa a .ph img {
	padding-bottom: 8px;
}




#UserreviewBox .SBoxa {
	float: left;
	width: 124px;
	margin: 0px 12px 12px 12px;
	color: #333333;
	padding: 16px 8px;
	background: url(../images/line.gif) repeat-x left bottom;
}
#UserreviewBox .SBoxa a dl dt {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	padding-top: 8px;
}
#UserreviewBox .SBoxa a dl dd {
	color: #333;
	padding-top: 8px;
}
#UserreviewBox .SBoxa a {
	text-decoration: none;
}