@charset "UTF-8";

/* ---------------------------------------------------------------- *
	タイトル部に関する設定
 * ---------------------------------------------------------------- */
.tit-img	{ width: 550px; background: #BBBBBB; margin: 5px auto; }

#sp-titl	{ width: 570px; height: 25px; background: url(../img/common/cont/explain.jpg) no-repeat; font-size: 10px; padding-top: 6px; }
#sp-titl p	{ margin-left: 10px; letter-spacing: 0.2em; }

.sp-expln	{ background: #BBBBBB; font-weight: bold; margin-top: 5px; padding: 3px; }

.sp-cont	{ width: 550px; margin: 5px auto 10px auto; }

.sp-text	{ width: 440px; background: transparent; float: left; display: inline; margin-bottom: 5px; }
.sp-code	{ width: 100px; background: #777777; float: left; display: inline; margin: 0 auto 5px 10px; text-align: center; }
.sp-code p	{ font-size: 70%; color: #FFFFFF; margin: 4px 4px 0 4px; }
.sp-code img{ margin-bottom: 5px; }
.sp-text2		{ width: 430px; background: transparent; float: left; display: inline; margin-bottom: 5px; }
.sp-code2		{ width: 108px; background: #777777; float: left; display: inline; margin: 0 auto 5px 10px; text-align: center; }
.sp-code2 p		{ font-size: 70%; color: #FFFFFF; margin: 4px 4px 0 4px; }
.sp-code2 img	{ margin-bottom: 5px; }


/* ---------------------------------------------------------------- *
	テキストに関する設定
 * ---------------------------------------------------------------- */
.a-tit			{ font-size: 105%; font-weight: bold; margin-top: 5px; }
a.a-tit			{ }


/* ---------------------------------------------------------------- *
	recommend設置特集ページに関する設定
 * ---------------------------------------------------------------- */
.tit-img img	{ border-bottom: 1px solid #777; border-left: 1px solid #EEE; border-right: 1px solid #777; border-top: 1px solid #EEE; }
.rc-expln			{ background: #BBBBBB; font-weight: bold; margin-bottom: 5px; padding: 3px; }
.rc-expln a			{ }
.rc-expln a:link	{ color: #666666; }
.rc-expln a:visited	{ color: #666666; }
.rc-expln a:hover	{ color: #CCFF00; }
.rc-expln a:active	{ color: #FF3399; }
.rc-expln span		{ font-weight: normal; padding: 0 0 0 10px; }