@charset "utf-8";

/* oshiete.css */
/*====================index====================*/
/* レイアウト決定用                            */
/* 調整用                                      */
/* 汎用的装飾                                  */
/* 左ブロック用                                */
/* └今日のピックアップブロック                */
/* └人気ランキングブロック                    */
/* └カテゴリー一覧ブロック                    */
/* 中ブロック用                                */
/* └タイトルブロック                          */
/* └検索ブロック                              */
/* └OKWaveへのリンクブロック                  */
/* └最新・役立ちブロック                      */
/* └カテゴリー別人気の質問ブロック            */
/* 右ブロック用                                */
/* └チャンスイットのオススメコーナーブロック  */
/* OKWave但し書き用フッタ                      */
/*====================index====================*/


/*================================================================================
	レイアウト決定用 
================================================================================*/

/* 左ブロック */
 div#navi {
	float: left;
	clear: both;
	width: 160px;
	margin-bottom: 20px;
}

/* 中右ブロック */
div#division {
	float: right;
	width: 780px;
	margin-bottom: 20px;
}

/* 中ブロック */
#division #main {
	float: left;
	width: 470px;
}

/* 右ブロック */
#division #sub {
	float: right;
	width: 300px;
}

/* 右ブロック：内部ページ用 */
body#contents-side #sub {
	float: left;
	width: 300px;
}

/*================================================================================
	調整用
================================================================================*/

/* 上部赤ライン消去 */
body {
	background: none !important;
}

/* 下部イラスト消去 */
#container {
	background: none !important;
}


#wrapper {
	background: none !important;
}

/* イラスト分の下部padding小さく */
#footer {
	margin-bottom: 20px !important;
	background: none !important;
	height: 90px;
}

/* 右ブロック：seesaa枠の調整用 */
iframe#abs-research {
	width: 300px;
	margin-bottom: 10px;
}

/* 右ブロック：Adjust枠の調整用←login.cssから流用 */	
.pr-ban {
	margin-bottom: 10px;
	text-align: center;
}

/* 右ブロック：オススメ特集の調整用←point.cssから流用 */	
#pt-recommend {
	margin-bottom: 10px;
	padding: 1px;
}

#pt-recommend h2 {
	background-color: #cee;/* 色調整 */
	/*background-color:#FFAD33;*/
	padding:1px 5px;
}

#pt-recommend dl {
	clear:both;
	/*overflow:hidden;*/
	margin:6px;
	padding:3px 0;
	border-bottom:5px solid #CCCCCC;
}

#pt-recommend dt {
	float: left;
	width: 105px;
	height: 105px;
}

#pt-recommend dd {
	margin-left: 105px;
}

#pt-recommend dd a {
	display: block;
	margin-bottom: 2px;
	font-weight: bold;
	font-size: 108%;
}

/* 中ブロック：HotSpot（注目のワード）部分←top.cssから流用 */
div#top-hotspot-box {
	margin-bottom: 10px;
	padding: 1px;
	border: #C8C8C8 solid 1px;
}

div#top-hotspot-box h2 {
	/*border-left:#CC0000 solid 7px;*/
	background:#999;
	padding:5px;
}

div#top-hotspot-box ul {
	padding: 6px 6px 4px 6px;
	background: #F6F6F6;
	width: 454px;
}

div#top-hotspot-box ul li {
	float: left;
	margin: 0 10px 6px 0;
	white-space: nowrap;
}

div#top-hotspot-box ul li a{
	text-decoration: underline;
}

div#top-hotspot-box dl#spot-words {
	padding: 10px 5px 0 10px;
}

div#top-hotspot-box dl#spot-words dt {
	margin-bottom: 4px;
	border-left: #CC0000 solid 7px;
}

div#top-hotspot-box dl#spot-words dd {
	padding-bottom: 10px;
}

div#top-hotspot-box dl#spot-words dd ul {
	background: #FFFFFF;
}

/*================================================================================
	汎用的装飾
================================================================================*/

/* →もっと見る系 */
.lnk-list {
	padding: 5px;
	text-align: right;
}

.lnk-list a {
	min-height: 10px;
	padding-left: 18px;
	background: url("../img/oshiete/liststyle.gif") 8px -36px no-repeat;/* liststyle-s */
	text-decoration: underline;
}

/*================================================================================
	左ブロック用
================================================================================*/

/* バナー位置調整 */
#navi .nav-ban {
	margin-bottom: 10px;
	text-align: center;
}

/* グレー枠汎用 */
.sub-unit {
	margin-bottom: 10px;
	padding: 1px;
	border: #ccc solid 1px;
	border-collapse: collapse;
}

.sub-unit h2 {
	min-height: 22px;
}

.sub-unit ul,
.sub-unit ol {
	line-height: 1.8;
	padding: 5px;
	font-size: 108%;
}

.sub-unit dl {
	line-height: 1.6;
	padding: 0;
	font-size: 108%;
}

/*------------------------ 今日のピックアップブロック ------------------------*/

#pickup-block h2 {
	margin-bottom: 0;
	padding: 0;
	border: none;
}

#pickup-block h2 a {
	width: 156px;
	height: 27px;
	display: block;
	background: url("../img/oshiete/sub-unit.gif") 0 0 no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

#pickup-block ul {
	line-height: 1.8;
	padding: 5px;
	font-size: 108%;
}

#pickup-block li {
	padding: 1px;
	border-top: #ccc dotted 1px;
}

#pickup-block li:first-child {
	border: none;
}

#pickup-block li a {
	min-height: 10px;
	padding-left: 15px;
	background: url("../img/oshiete/liststyle.gif") 0 1px no-repeat;/* liststyle-b */
}

#pickup-block .lnk-list {
	padding: 2px 5px;
	border-top: #ddd solid 1px;
}

/*------------------------ 人気ランキングブロック ------------------------*/

#ranking-block h2 {
	margin-bottom: 0;
	padding: 0;
	border: none;
}

#ranking-block h2 a {
	width: 156px;
	height: 27px;
	display: block;
	background: url("../img/oshiete/sub-unit.gif") 0 -30px no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

#ranking-block li {
	padding: 1px;
	border-top: #ccc dotted 1px;
}

#ranking-block li:first-child {
	border: none;
}

/* 1～10位画像配置 */
#ranking-block li a {
	min-height: 11px;
	padding-left: 15px;
	background: url("../img/oshiete/liststyle-rank-number.gif") no-repeat;
}

#ranking-block li.rank1 a {
	background-position: 0 1px;
}

#ranking-block li.rank2 a {
	background-position: 0 -19px;
}

#ranking-block li.rank3 a {
	background-position: 0 -39px;
}

#ranking-block li.rank4 a {
	background-position: 0 -59px;
}

#ranking-block li.rank5 a {
	background-position: 0 -79px;
}

#ranking-block li.rank6 a {
	background-position: 0 -99px;
}

#ranking-block li.rank7 a {
	background-position: 0 -119px;
}

#ranking-block li.rank8 a {
	background-position: 0 -139px;
}

#ranking-block li.rank9 a {
	background-position: 0 -159px;
}

#ranking-block li.rank10 a {
	background-position: 0 -179px;
}

/*------------------------ カテゴリー一覧ブロック ------------------------*/

#category-list-block h2 {
	margin-bottom: 0;
	padding: 0;
	border: none;
}

#category-list-block h2 a {
	width: 156px;
	height: 27px;
	display: block;
	background: url("../img/oshiete/sub-unit.gif") 0 -60px no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

#category-list-block .lnk-list {
	margin-top: 5px;
	padding: 2px 5px;
	border-top: #ddd solid 1px;
}

.sub-unit dt {
	margin: 10px 0 2px;
	padding-left: 15px;
	background: url("../img/oshiete/liststyle.gif") 3px -13px no-repeat;/* liststyle-m */
	background-color: #cee;
	font-weight: bold;
}

.sub-unit dt a {
	font-weight: bold;
}

.sub-unit dd {
	padding-left: 13px;
	background: url("../img/oshiete/liststyle.gif") 5px -52px no-repeat;/* liststyle-ss */
	font-size: 93%;
}

/*================================================================================
	中ブロック用
================================================================================*/

/*------------------------ タイトルブロック ------------------------*/

#oshiete-title-block {
	width: 470px;
	margin: 0;
}

#oshiete-title-block h2 {
	width: 470px;
	height: 34px;
	display: block;
	background-image: url("../img/oshiete/title-oshiete.gif");
	overflow: hidden;
	text-indent: -9999px;
}

#oshiete-title-block #title-illust {
	width: 470px;
	height: 145px;
	display: block;
	background-image: url("../img/oshiete/title-illust.gif");
	overflow: hidden;
	text-indent: -9999px;
}

/*------ お知らせ */
#main #notice {
	clear: both;
	margin-bottom: 10px;
	padding: 5px 10px;
	border: #f11 dotted 1px;
	border-collapse: collapse;
	font-size: 91%;
	color: #666;
	line-height: 1.4;
}

#main #notice a {
	font-size: 108%;
	color: #f11;
	font-weight: bold;
}

/*------ 特集ページへのリンクの場合 */
#oshiete-title-block #title-illust-sp a {
	width: 470px;
	height: 145px;
	display: block;
	overflow: hidden;
	position: relative;
}

#oshiete-title-block #title-illust-sp a img {
	position: absolute;
	top: 0;
	left: 0;
}

/*------------------------ 検索ブロック ------------------------*/

/* 検索する見出し */
#src-block {
	width: 470px;
	margin-bottom: 10px;
}

#src-block h3 {
	float: left;
	width: 120px;
	height: 26px;
	display: block;
	background: url("../img/oshiete/src-block.gif") 0 0 no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

/* 質問するボタン */
#src-block #src-btn-ask {
	float: left;
	margin-left: 5px;
}

#src-block #src-btn-ask a {
	width: 86px;
	height: 24px;
	display: block;
	background: url("../img/oshiete/src-block.gif") -123px 0 no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

#src-block #src-btn-ask a:hover {
	background-position: -122px 1px;
}

/* 回答するボタン */
#src-block #src-btn-answer {
	float: left;
	margin-left: 5px;
}

#src-block #src-btn-answer a {
	width: 86px;
	height: 24px;
	display: block;
	background: url("../img/oshiete/src-block.gif") -213px 0 no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

#src-block #src-btn-answer a:hover {
	background-position: -212px 1px;
}

/* 検索フォーム部分 */
form#src-form-search {
	clear: both;
	width: 470px;
	height: 52px;
	display: block;
	position: relative;
	background: url("../img/oshiete/src-block.gif") 0 -26px no-repeat;
}

form#src-form-search input#src-form-textbar {
	width: 300px;
	height: 20px;
	position: absolute;
	top: 13px;
	left: 15px;
}

form#src-form-search input#src-form-btn-search {
	width: 91px;
	height: 28px;
	display: block;
	position: absolute;
	top: 12px;
	left: 325px;
	border: none;
	background: url("../img/oshiete/src-block.gif") 0 -80px no-repeat;
	overflow: hidden;
	cursor: pointer;
	text-indent: -9999px;
}

form#src-form-search input:hover#src-form-btn-search {
	background-position: 1px -79px;
}

/* 検索オプション部分 */
#src-btn-search-option {
	position: absolute;
	top: -20px;
	right: 8px;
}

#src-btn-search-option a {
	min-height: 10px;
	padding-left: 18px;
	background: url("../img/oshiete/liststyle.gif") 8px -37px no-repeat;/* liststyle-s */
	text-decoration: underline;
}

/*------------------------ OKWaveへのリンクブロック ------------------------*/

#okw-reg-block {
	clear: both;
	min-height: 45px;
	margin-bottom: 10px;
	padding: 5px;
	border: #999 dotted 1px;
	border-collapse: collapse;
	font-size: 91%;
	color: #666;
}

#okw-reg-block li#okw-lnk {
	margin-bottom: 7px;
	background-color: #ddd;
}

#okw-reg-block li#okw-lnk a {
	min-height: 10px;
	padding-left: 11px;
	padding-right: 10px;
	background: url("../img/oshiete/liststyle.gif") 2px -36px no-repeat;/* liststyle-s */
	text-decoration: underline;
}

#okw-reg-block li#okw-btn {
	height: 22px;
	position: relative;
	padding-top: 5px;
}

#okw-reg-block li#okw-btn ul {
	position: absolute;
	right: 0;
	margin-right: 10px;
	padding-top: 5px;
}

#okw-reg-block li#okw-btn ul li {
	float: left;
	display: block;
	margin-left: 5px;
	text-align: left;
}

#okw-reg-block li#okw-btn ul li a {
	width: 61px;
	height: 19px;
	display: block;
	background: url("../img/oshiete/okw-btn.gif");
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

#okw-reg-block li#okw-btn ul li#okw-latest a {
	background-position: 0 0;
}

#okw-reg-block li#okw-btn ul li#okw-latest a:hover {
	background-position: 1px 1px;
}

#okw-reg-block li#okw-btn ul li#okw-mypage a {
	background-position: 0 -20px;
}

#okw-reg-block li#okw-btn ul li#okw-mypage a:hover {
	background-position: 1px -19px;
}

#okw-reg-block li#okw-btn ul li#okw-login a {
	background-position: 0 -40px;
}

#okw-reg-block li#okw-btn ul li#okw-login a:hover {
	background-position: 1px -39px;
}

/*------------------------ 最新・役立ちブロック ------------------------*/

/* グリーン枠 */
.main-unit {
	position: relative;
	margin-bottom: 10px;
	padding: 1px;
	border: #3eb9b9 solid 1px;
	border-collapse: collapse;
}

.main-unit h2 {
	padding: 0;
}

.main-unit h2 a {
	width: 466px;
	height: 29px;
	display: block;
	background-image: url("../img/oshiete/title-main-unit.gif");
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

/* 見出し部分 */
#latest-block h2 a {
	background-position: 0 0;
}

#useful-block h2 a {
	background-position: 0 -30px;
}

/* rssボタン、一覧へボタン */
.main-unit .rss-btn {
	position: absolute;
	top: 7px;
	right: 65px;
}

.main-unit a.list-btn {
	width: 54px;
	height: 18px;
	display: block;
	position: absolute;
	top: 4px;
	right: 5px;
	background: url("../img/oshiete/btn-list.gif") 0 0 no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

.main-unit a:hover.list-btn {
	top: 5px;
	right: 4px;
}

/* 内容部分 */
.main-unit ul,
.main-unit ol,
.main-unit dl {
	line-height: 1.8;
	padding: 5px;
	font-size: 108%;
}

.main-unit li a {
	padding-left: 16px;
	background: url("../img/oshiete/liststyle.gif") 0 1px no-repeat;/* liststyle-b */
}

.main-unit li span {
	font-size: 93%;
}

/*------------------------ カテゴリー別人気の質問ブロック ------------------------*/

/* タイトル部分 */
#category-head {
	position: relative;
	margin: 20px 0 10px;
}

#category-head h2 a {
	width: 470px;
	height: 33px;
	display: block;
	background: url("../img/oshiete/title-ctg.gif") 0 0 no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

/* 一覧へボタン */
#category-head a.list-btn {
	width: 54px;
	height: 18px;
	display: block;
	position: absolute;
	top: 7px;
	right: 7px;
	background: url("../img/oshiete/btn-list.gif") 0 0 no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

#category-head a:hover.list-btn {
	top: 8px;
	right: 6px;
}

/* 各カテゴリーユニット */
#category-block .category-unit {
	float: left;
	width: 230px;
	min-height: 140px;
	display: block;
	margin-bottom: 5px;
}

#category-block .unit-even {
	margin-left: 10px;
}

#category-block h3 {
	height: 27px;
	padding-top: 6px;
	background: url("../img/oshiete/title-bg-ctg.gif") 0 0 no-repeat;
}

#category-block h3 a {
	min-height: 14px;
	padding-left: 20px;
	background: url("../img/oshiete/liststyle.gif") 5px 3px no-repeat;/* liststyle-b */
	font-weight: bold;
	font-size: 123%;
	text-decoration: none;
	color: #199;
}

#category-block h3 a:hover {
	text-decoration: underline;
	color: #0cf;
}

/* 内容部分 */
#category-block ul,
#category-block ol,
#category-block dl {
	line-height: 1.6;
	padding: 0 5px;
	font-size: 108%;
}

#category-block li a {
	min-height: 10px;
	padding-left: 13px;
	background: url("../img/oshiete/liststyle.gif") 0 -18px no-repeat;/* liststyle-m */
}

/*================================================================================
	右ブロック用（兼OKWaveコンテンツページのiframe内）
================================================================================*/

/* グレー枠（汎用sub-unit使用） */
.contents-side-block h2 {
	min-height: 18px;
	margin-bottom: 2px;
	padding: 3px 0 0 5px;
	border-bottom: #7cc solid 3px;
	background: url("../img/oshiete/sub-unit-bg.gif") 0 0 no-repeat;
}

.contents-side-block h2 span {
	padding-left: 13px;
	background: url("../img/oshiete/liststyle.gif") 0 -17px no-repeat;/* liststyle-m */
	font-weight: bold;
	text-decoration: none;
	color: #666;
	font-size: 100%;
}

.contents-side-block li a {
	min-height: 10px;
	padding-left: 10px;
	background: url("../img/oshiete/liststyle.gif") 0 -37px no-repeat;/* liststyle-s */
}

.domestic-ban {
	margin-bottom: 10px;
}

/*------------------------ チャンスイットのオススメコーナーブロック+特集ページ一覧 ------------------------*/

#special-feature h2,
#domestic-recommend h2 {
	width: 296px;
	min-height: 13px;
	display: block;
	margin-bottom: 0;
	padding: 0;
	border-bottom: #7cc solid 3px;
	background: url("../img/oshiete/sub-unit-bg.gif") 0 0 no-repeat;
}

#special-feature h2 span,
#domestic-recommend h2 span {
	color: #666;
	font-weight: bold;
	padding: 4px 0 4px 13px;
	display: block;
	background: url("../img/oshiete/liststyle.gif") 5px -76px no-repeat;/* liststyle-dot */
}

#domestic-recommend ul {
	padding: 0;
}

#domestic-recommend ul li {
	margin: 0 10px;
	border-top: #ccc dotted 1px;
}

#domestic-recommend ul li:first-child {
	border-top: none;
}

#domestic-recommend li a {
	display: block;
	margin: 5px 0;
	padding: 10px;
	font-size: 93%;
	text-align: center;
	border: #fff solid 1px;
	color: #06f;
}

* html #domestic-recommend {/* 旧式ブラウザ用調整 */
	padding-bottom: 0;
}

* html #domestic-recommend li a {/* 旧式ブラウザ用調整 */
	margin-bottom: 1px;
	padding: 5px;
}

#domestic-recommend li a:hover {
	border: #5ee solid 1px;
	background-color: #dff;
	color: #0ac;
}

#domestic-recommend li img {
	display: block;
	margin: 0 auto;
}

#special-feature ul {
	padding: 0;
}

#special-feature ul li {
	margin: 0 10px;
	border-top: #ccc dotted 1px;
}

#special-feature ul li:first-child {
	border-top: none;
}

#special-feature li a {
	display: block;
	margin: 5px 0;
	padding: 5px;
}

#special-feature li a span{
    text-decoration: underline;
    font-weight: bold;
    font-size: 93%;
}

* html #special-feature {/* 旧式ブラウザ用調整 */
	padding-bottom: 0;
}

* html #special-feature li a {/* 旧式ブラウザ用調整 */
	margin-bottom: 1px;
	padding: 5px;
}

#special-feature li a:hover {
}

#special-feature li img {
	display: inline;
	margin-right: 5px;
}

/*================================================================================
	OKWave但し書き用フッタ
================================================================================*/

#ok-footer {
	clear: both;
	width: 950px;
	position: relative;
	margin: 15px auto 2px;
	padding-top: 5px;
	border-top: #ccc 1px dotted;
	font-size: 85%;
	text-align: left;
	color: #666;
}

#ok-footer #ok-logo {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}

/*================================================================================
	特集ページ用
================================================================================*/

/*------------------------ 今日のピックアップブロック ------------------------*/

#special-list-block h2 {
	margin-bottom: 0;
	padding: 0;
	border: none;
}

#special-list-block h2 a {
	width: 156px;
	height: 27px;
	display: block;
	background: url("../img/oshiete/sp-sub-unit.gif") 0 0 no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

#special-list-block ul {
	line-height: 1.8;
	padding: 5px;
	font-size: 108%;
}

#special-list-block li {
	padding: 1px;
	border-top: #ccc dotted 1px;
}

#special-list-block li:first-child {
	border: none;
}

#special-list-block li a {
	min-height: 10px;
	padding-left: 15px;
	background: url("../img/oshiete/liststyle.gif") 0 1px no-repeat;/* liststyle-b */
}

#special-list-block .lnk-list {
	padding: 2px 5px;
	border-top: #ddd solid 1px;
}

#special-title-block h2 {
	width: 470px;
	height: 250px;
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0 auto;
}

#special-title-block h2 img {
	position: absolute;
	top: 0;
	left: 0;
}

#special-title-block #special-catch {
	margin: 3px auto 10px;
}

/*------------------------ 検索ブロック追記分 ------------------------*/

body#special #src-block {
	margin-bottom: 25px;
}

/* 検索フォーム部分 */
body#special form#src-form-search {
	clear: both;
	width: 470px;
	height: 49px;
	display: block;
	position: relative;
	background: url("../img/oshiete/sp-src-block.gif") 0 0 no-repeat;
}

body#special form#src-form-search input#src-form-textbar {
	width: 300px;
	height: 20px;
	position: absolute;
	top: 13px;
	left: 35px;
}

body#special form#src-form-search input#src-form-btn-search {
	width: 91px;
	height: 28px;
	display: block;
	position: absolute;
	top: 12px;
	left: 345px;
	border: none;
	background: url("../img/oshiete/sp-src-block.gif") 0 -50px no-repeat;
	overflow: hidden;
	cursor: pointer;
	text-indent: -9999px;
}

body#special form#src-form-search input:hover#src-form-btn-search {
	background-position: 1px -49px;
}

/* 検索オプション部分 */
body#special #src-btn-search-option {
	position: absolute;
	top: 50px;
	right: 3px;
}

#src-btn-search-option a {
	min-height: 10px;
	padding-left: 18px;
	background: url("../img/oshiete/liststyle.gif") 8px -37px no-repeat;/* liststyle-s */
	text-decoration: underline;
}

/*------------------------ 特集ブロック ------------------------*/

#special-block {
	margin-top: 15px;
}

#special-block .special-unit {
	margin-bottom: 10px;
}

#special-block h3 {
	height: 27px;
	margin-bottom: 3px;
	padding-top: 6px;
	background: url("../img/oshiete/sp-title-bg.gif") 0 0 no-repeat;
}

#special-block h3 span {
	min-height: 14px;
	padding-left: 20px;
	background: url("../img/oshiete/liststyle.gif") 5px 3px no-repeat;/* liststyle-b */
	font-weight: bold;
	font-size: 123%;
	text-decoration: none;
	color: #666;
}

#special-block h3 a:hover {
	text-decoration: underline;
	color: #0cf;
}

#special-block .imagevisual img {
	float: left;
	padding: 0 10px 10px 0;
}

#special-block .imagevisual dl {
	margin-left: 175px;
}

/* 内容部分 */
#special-block dl.special-contents {
	line-height: 1.3;
	padding: 0 5px;
	margin: 5px auto 1px;
	font-size: 108%;
}

#special-block dl.special-contents dt a {
	min-height: 10px;
	padding-left: 13px;
	font-weight: bold;
	text-decoration: underline;
	background: url("../img/oshiete/liststyle.gif") 0 -18px no-repeat;/* liststyle-m */
}

#special-block dl.special-contents dd {
	padding: 5px 0 0 14px;
	margin: 0;
    font-size: 95%;
}

#special-block p.lnk-list {
	padding: 0 5px 1px;
	margin: 1px auto 3px;
	border-bottom: 1px #ccc dotted;
}


/* ソーシャルアイコン */
.social-icon {
	width: 470px;
	height: 34px;
	margin: 5px auto 10px;
	background: #eee;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.social-icon ul {
	margin: 2px 8px;
	overflow: hidden;
}

.social-icon ul li {
	float: left;
	margin: 5px 0 0 8px;
}

.social-icon ul li img {
	vertical-align: middle;
}

.social-icon ul li.friend {
	width: 70px;
	height: 20px;
	margin: 5px 0 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}

.social-icon ul li.friend img {
	position: absolute;
	left: 0;
	top: 0;
}

.social-icon ul li.googleplus {
	width: 65px;
}


.box-now .boxtop .memo {
	clear: both;
	margin: 10px 10px 0;
	border-top: 1px dotted #ccc;
}

.box-now .boxtop .memo p {
	margin: 10px 0 0;
	line-height: 1.4;
}

.box-now .boxtop .memo p span {
	color: #f00;
}


/* ---------------------------------------会員登録・ログイン */
#no_login {
	clear: both;
	width: 470px;
	margin: 10px auto;
	background: url("../img/10/lead_register/nologin_bg_oshiete.gif") no-repeat 0 0;
}

#no_login ul {
	display: inline-block;
	margin: 72px 0 0 9px;
}

#no_login ul li {
	float: left;
}

#no_login ul li.btn_regist {
	width: 268px;
	height: 56px;
	position: relative;
	margin: 0 8px 0 0;
	text-align: center;
}

#no_login ul li.btn_login {
	width: 176px;
	height: 56px;
	position: relative;
	margin: 0 5px 0 0;
	text-align: center;
}

#no_login ul li.manga {
	width: 210px;
	height: 24px;
	position: relative;
	margin: 21px 0 0 10px;
	padding-left: 1px; 
	text-align: left;
}

#no_login ul li.gosite {
    width: 190px;
    margin: 24px 10px 0 0;
    padding: 0 0 0 10px;
    background: url("../../img/10/point/icon-list.gif") no-repeat 0 -168px;
}

#no_login ul li.btn_regist a img,
#no_login ul li.btn_login a img,
#no_login ul li.manga a img {
	position: absolute;
	top: 0;
	left: 0;
}

#no_login ul li.btn_regist a:hover,
#no_login ul li.btn_login a:hover,
#no_login ul li.manga a:hover {
	border: none;
}

#no_login ul li.btn_regist a:hover img,
#no_login ul li.btn_login a:hover img,
#no_login ul li.manga a:hover img {
	position: absolute;
	top: 1px;
	left: 1px;
}



/*------------------------ おしまい ------------------------*/