@charset "UTF-8";
/*---------------------------------------------------------------------------------------------
  Stylesheet - version date 1.0 2007.12.05
  B-CUBE SYSTEM [common.css]
---------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------
  General layout
---------------------------------------------------------------------------------------------*/
body {
	font-family: "メイリオ",'Meiryo',"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0 auto;
	padding: 0;
	background: #FBFCF3 url(../img/common/bg_body.gif) center repeat-y;/* 背景色＆背景画像 */
	color: #333333;/* 共通フォント色 */
}
img	 {
	border: 0;
}
form {
	margin:0px;
	padding: 0px;
}
em {
	visibility: hidden;
	font-size: 1px;
}
a {
	color: #0066CC;
	text-decoration:underline;
}
a:hover {
	color: #0099FF;
	text-decoration:none;
}
.clr {
	clear: both;
}

/*---------------------------------------------------------------------------------------------
  Wrapper
---------------------------------------------------------------------------------------------*/
#wrapper {
	margin: 0 auto;
	padding: 0;
	text-align:left;
}

/*---------------------------------------------------------------------------------------------
  Header
---------------------------------------------------------------------------------------------*/
#header {
	width: 100%;
	height: auto;
	font-size: 12px;
	background-color: #FFFFFF; /*ヘッダー背景色 */
	background-position: 0 14px;
}
#header #des-box h1 {
	height:14px;
	margin: 0 auto;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	text-align: center;
	background: url(../img/common/headertop_back.gif) repeat-x;/* 帯色-上 */
	color: #FFFFFF;/* ヘッダー最上部文字色 */
}
#header #des-box h1 a {
	color: #FFFFFF;/* ヘッダー最上部リンク色 */
	text-decoration: none;
}
#header #des-box h1 a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}
#header #main-box {
	width: 760px;
	height: 80px;
	margin: 0 auto;
}
#header #main-box h2 {
	margin: 0;/* ロゴサイズ変更の際は表示位置を調整 */
	float: left;
}
#header #main-box #hdr-bnn {
	margin: 10px 0 0 0;/* バナーサイズ変更の際は表示位置を調整 */
	float: right;
}
#header #hdr-belt {
	width: 100%;
	margin: 0 auto;
	padding: 6px 0 5px; 0;
	border-top: 5px solid #EC0070;/* 帯色-中 */
	background: url(../img/common/header_back_2.jpg) repeat-x;/* 帯色-下 */
	background-color: #FFE3E3;/* 帯色-下背景色 */
	overflow: hidden;
}
#header #hdr-belt #sub-box {
	width: 760px;
	margin: 0 auto;
}
#header #hdr-belt #sub-box #sub-l {
	width: 407px;/* 更新履歴の表示幅 */
	margin: 0 0 5px 0;
	border-right: #FFFFFF 1px solid;
	float: left;
}
#header #hdr-belt #sub-box #sub-l h3 {
	margin: 3px 0 0 0;
}
#header #hdr-belt #sub-box #sub-l h3 a {
	width: 96px;
	height: 10px;
	display: block;
	text-decoration: none;
	background: url(../img/common/btn_info.gif) no-repeat;/* インフォメーションタイトル画像 */
}
#header #hdr-belt #sub-box #sub-l ul {
	margin: 6px 0 0 0;
	padding: 0;
	list-style:none;
}
#header #hdr-belt #sub-box #sub-l li {
	margin: 2px 0 0 0;
	padding: 0 0 0 8px;
	font-size: 11px;
	line-height: 12px;
	background: url(../img/common/i_arrow_01.gif) no-repeat;/* 更新履歴カーソル画像 */
	background-position: 0px 2px;
}
#header #hdr-belt #sub-box #sub-l li a {
	color: #333333;/* 更新履歴リンク色 */
	text-decoration:none;
}
#header #hdr-belt #sub-box #sub-l li a:hover {
	color: #333333;
	text-decoration:underline;
}
#header #hdr-belt #sub-box #sub-r {
	width: 333px;/* 検索領域の表示幅 */
	margin: 0 0 0 10px;
	padding: 0;
	float: right;
	vertical-align: bottom;
}
#header #hdr-belt #sub-box #sub-r p {
	margin: 2px 6px 0 0;
	width: 50px;
	height: 20px;
	background: url(../img/common/t_search.gif) no-repeat;/* 検索画像 */
	float: left;
}
#header #hdr-belt #sub-box #sub-r form {
	float: left;
}
#header #hdr-belt #sub-box #sub-r form #keyword {
	width: 216px;
}
#header #hdr-belt #sub-box #sub-r ul {
	margin: 0 9px 0 0;
	padding: 0;
	clear:both;
}
#header #hdr-belt #sub-box #sub-r ul a {
	width: 78px;
	height: 36px;
	margin: 6px 3px 0 0;
	text-decoration: none;
	list-style: none;
	float: left;
}
#header #hdr-belt #sub-box #sub-r li {
	display:inline;
}
#header #hdr-belt #sub-box #sub-r li#btn-top a {
	background: url(../img/common/btn_top.gif) no-repeat;/* ポータルトップボタン画像 */
}
#header #hdr-belt #sub-box #sub-r li#btn-top a:hover {
	background-position: 0px -36px;
}
#header #hdr-belt #sub-box #sub-r li#btn-pub a {
	background: url(../img/common/btn_publication.gif) no-repeat;/* 掲載案内ボタン画像 */
}
#header #hdr-belt #sub-box #sub-r li#btn-pub a:hover {
	background-position: 0px -36px;
}
#header #hdr-belt #sub-box #sub-r li#btn-sitemap a {
	background: url(../img/common/btn_sitemap.gif) no-repeat;/* サイトマップボタン画像 */
}
#header #hdr-belt #sub-box #sub-r li#btn-sitemap a:hover {
	background-position: 0px -36px;
}
#header #hdr-belt #sub-box #sub-r li#btn-mob a {
	background: url(../img/common/btn_mobile.gif) no-repeat;/* モバイルボタン画像 */
}
#header #hdr-belt #sub-box #sub-r li#btn-mob a:hover {
	background-position: 0px -36px;
}

/*---------------------------------------------------------------------------------------------
  Page Container
---------------------------------------------------------------------------------------------*/
#container {
	width: 760px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	clear: both;
}


/*---------------------------------------------------------------------------------------------
  Side Contents
---------------------------------------------------------------------------------------------*/
#side {
	width: 147px;
	padding: 0;
	height: auto;
	border-right: #CCCCCC 1px solid; /* サイドラインカラー（#mainのborderColorも併せて変更） */
	margin-right: -1px; /* ネガティブマージン（#mainのborder-left相殺） */
	float: left;
	overflow: hidden;
}

/* サイド上部バナー */
#side #side-bnn-box {
	width: 139px;
	margin: 5px auto 0;
}

#side #side-bnn-box h3#side-bnn01 a {
    margin: 0;
    padding: 0;
	width: 139px;
	height: 72px;
	display: block;
	text-decoration: none;
	background: url(../img/common/btn_guide.gif) no-repeat;/* 使い方ガイド画像 */
}
#side #side-bnn-box h3#side-bnn02 a {
    margin: 0;
    padding: 0;
	width: 139px;
	height: 89px;
	display: block;
	text-decoration: none;
	background: url(../img/common/btn_soudan.gif) no-repeat;/* 生活なんでも相談コーナー画像 */
}
#side #side-bnn-box h3#side-bnn03 a {
    margin: 0;
    padding: 0;
	width: 139px;
	height: 90px;
	display: block;
	text-decoration: none;
	background: url(../img/common/btn_koe.jpg) no-repeat;/* お客様のこえ画像 */
}

/* リアルタイムニュース */
#side #real-box {
	width: 147px;
	text-align: center;
}
#side #real-box h3 {
	margin: 1px 0 0 0;
}
#side #real-box h3 a {
	width: 147px;
	height: 32px;
	display: block;
	text-decoration: none;
	background: url(../img/common/t_realtime.gif) no-repeat;/* リアルタイムニュースタイトル画像 */
}
#side #real-box p {
	margin: 2px 0 0 0;
	padding: 0;
	font-size: 12px;
	line-height: 15px;
}
#side #real-box img {
	margin: 2px 0 9px 0;
	vertical-align: bottom;
}

/* ポイントシステム会員ログイン（オプション） */
#side #point-box {
	width: 147px;
}
#side #point-box h3 {
	width: 147px;
	height: 21px;
	margin: 0;
	background: url(../img/common/t_login.gif) no-repeat;/* ポイントシステムタイトル画像 */
}
#side #point-box p.err {
	margin: 8px;
	padding: 0 0 4px 0;
	color: #FF3333;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	text-align: center;
	border-bottom: #D8DCE9 1px solid;
}
#side #point-box p.name {
	margin: 8px;
	padding: 0 0 6px 0;
	font-size: 12px;
	line-height: 15px;
	border-bottom: #D8DCE9 1px solid;
}
#side #point-box p.name span {
	color: #32AB59;
	font-weight: bold;
}
#side #point-box #frm-inn {
	margin: 8px;
	padding: 0 0 8px 0;
	font-size: 12px;
	text-align: right;
	border-bottom: #D8DCE9 1px solid;
}
#side #point-box #frm-inn .point_userID, #side #point-box #frm-inn .password {
	font-family: MS UI Gothic;
	margin: 1px 0 0 0;
	width: 80px;
}
#side #point-box #frm-inn #btn-in a {
	margin: 4px 0 0 71px;
	width: 60px;
	height: 16px;
	display: block;
	text-decoration: none;
	background: url(../img/common/btn_login.gif) no-repeat;/* ログインボタン画像 */
}
#side #point-box #btn-out a {
	margin: 4px 0 8px 79px;
	width: 60px;
	height: 16px;
	display: block;
	text-decoration: none;
	background: url(../img/common/btn_logout.gif) no-repeat;/* ログアウトボタン画像 */
}
#side #point-box ul {
	margin: 8px 8px 0 8px;
	padding: 0;
	list-style:none;
}
#side #point-box ul.btm-line {
	padding: 0 0 8px 0;
	border-bottom: #D8DCE9 1px solid;
}
#side #point-box li {
	margin: 5px 0 0 0;
	padding: 0 0 0 8px;
	font-size: 12px;
	line-height: 15px;
	background: url(../img/common/i_arrow_01.gif) no-repeat;/* 各種項目カーソル画像 */
	background-position: 0px 4px;
}
#side #point-box li a {
	color: #0066CC;/* 各項目リンク色 */
	text-decoration:underline;
}
#side #point-box li a:hover {
	color: #0099FF;
	text-decoration:none;
}
#side #point-box .pos-img {
	text-align: center;
	margin: 8px;
	padding: 0 0 8px 0;
	border-bottom: #D8DCE9 1px solid;
}
#side #point-box p.point {
	margin: 8px;
	padding: 0 0 6px 0;
	font-size: 12px;
	line-height: 15px;
	border-bottom: #D8DCE9 1px solid;
}
#side #point-box p.point span {
	color: #FF3333;
	font-weight: bold;
}
#side #point-box p.answer {
	margin: 8px;
	padding: 0;
	font-size: 12px;
	line-height: 15px;
}
#side #point-box p.answer span {
	color: #FF3333;
	font-weight: bold;
}

/* メインカテゴリー */
#side #cate-box {
	width: 147px;
	margin: 0;
	background-color: #FEF8FE;/* 背景色設定 */
}
#side #cate-box h3 {
	width: 147px;
	height: 26px;
	margin: 0 0 5px 0;
	background: url(../img/common/t_category.gif) no-repeat;/* メインカテゴリータイトル画像 */
}
#side #cate-box ul {
	margin: 0;
	padding: 0;
/*	margin: 0 8px;
	padding: 9px 0;*/
}
#side #cate-box li {
	display: block;
	list-style: none;
}
#side #cate-box li a {
	margin: 3px 0 0 0;
	font-size: 12px;
	line-height: 15px;
	color: #0066CC;/* テキスト時：各項目リンク色 */
	text-decoration:underline;
}
#side #cate-box li a:hover {
	color: #0099FF;
	text-decoration:none;
}
#side #cate-box li a img {
	vertical-align: bottom;
}

/* エリアから検索（オプション） */
#side #area-box {
	width: 147px;
}
#side #area-box h3 {
	width: 147px;
	height: 21px;
	margin: 0;
	background: url(../img/common/t_area.gif) no-repeat;/* エリアから検索タイトル画像 */
}
#side #area-box ul {
	margin: 10px 8px 0 8px;
	list-style:none;
}
#side #area-box li {
	margin: 5px 0 0 0;
	padding: 0 0 0 8px;
	font-size: 12px;
	line-height: 15px;
	background: url(../img/common/i_arrow_03.gif) no-repeat;/* 各項目カーソル画像 */
	background-position: 0px 4px;
}
#side #area-box li a {
	color: #0066CC;/* 各項目リンク色 */
	text-decoration:underline;
}
#side #area-box li a:hover {
	color: #0099FF;
	text-decoration:none;
}

/* グループカテゴリー２（オプション） */
#side #grp2-box {
	width: 147px;
	background-color: #FFFFFF;/* 背景色設定 */
}
#side #grp2-box h3 {
	width: 147px;
	height: 21px;
	margin: 0;
	background: url(../img/common/t_category_2.gif) no-repeat;/* グループカテゴリー２タイトル画像 */
}
#side #grp2-box ul {
	margin: 0 8px;
	padding: 9px 0;
}
#side #grp2-box li {
	display: block;
	list-style: none;
}
#side #grp2-box li a {
	padding: 3px 0;
	font-size: 12px;
	line-height: 15px;
	color: #0066CC;/* テキスト時：各項目リンク色 */
	text-decoration:underline;
	list-style: none;
}
#side #grp2-box li a:hover {
	color: #0099FF;
	text-decoration:none;
}

/* グループカテゴリー３（オプション） */
#side #grp3-box {
	width: 147px;
	background-color: #FFFFFF;/* 背景色設定 */
}
#side #grp3-box h3 {
	width: 147px;
	height: 21px;
	margin: 0;
	background: url(../img/common/t_category_3.gif) no-repeat;/* グループカテゴリー２タイトル画像 */
}
#side #grp3-box ul {
	margin: 0 8px;
	padding: 9px 0;
}
#side #grp3-box li {
	display: block;
	list-style: none;
}
#side #grp3-box li a {
	padding: 3px 0;
	font-size: 12px;
	line-height: 15px;
	color: #0066CC;/* テキスト時：各項目リンク色 */
	text-decoration:underline;
	list-style: none;
}
#side #grp3-box li a:hover {
	color: #0099FF;
	text-decoration:none;
}

/* お役立ちコンテンツ */
#side #cnt-box {
	width: 147px;
	margin: 10px 0 0 0;
}
#side #cnt-box h3 {
	width: 147px;
	height: 26px;
	margin: 0;
	background: url(../img/common/t_contents.gif) no-repeat;/* お役立ちコンテンツタイトル画像 */
}
#side #cnt-box ul {
	margin: 10px 8px 0 8px;
	padding: 0;
	font-size: 12px;
	line-height: 13px;
}
#side #cnt-box li {
	list-style: none;
}
#side #cnt-box li.btm-line {
	margin: 0 0 5px 0;
	padding: 0 0 4px 0;
	border-bottom: #D8DCE9 1px solid;
}
#side #cnt-box li a {
	color: #333333;/* 各項目リンク色 */
	text-decoration:none;
}
#side #cnt-box li a:hover {
	color: #FF7979;
	text-decoration:underline;
}

/* 新着コンテンツ */
#side #new-box {
	width: 147px;
	margin: 10px 0 0 0;
}
#side #new-box h3 {
	width: 147px;
	height: 26px;
	margin: 0;
	background: url(../img/common/t_newshop.gif) no-repeat;/* 新着コンテンツタイトル画像 */
}
#side #new-box ul {
	margin: 10px 8px 0 8px;
	padding: 0;
	list-style:none;
}
#side #new-box li {
	margin: 5px 0 0 0;
	padding: 0 0 0 8px;
	font-size: 12px;
	line-height: 15px;
	background: url(../img/common/i_arrow_01.gif) no-repeat;/* 各項目カーソル画像 */
	background-position: 0px 4px;
}
#side #new-box li a {
	color: #0066CC;/* 各項目リンク色 */
	text-decoration:underline;
}
#side #new-box li a:hover {
	color: #0099FF;
	text-decoration:none;
}

/* サイドバナー */
#side #s-bnn-box {
	width: 147px;
	margin: 4px 0 0 0;
}
#side #s-bnn-box .s-bnn {
	text-align: center;
}
#side #s-bnn-box .s-bnn img {
	margin: 6px 0 0 0;
	padding: 0;
}
#side #s-bnn-box #free {
	margin: 10px 0 0 8px;
	width:130px;
	overflow:auto;
}


/*---------------------------------------------------------------------------------------------
  Main Contents --> layout.css
---------------------------------------------------------------------------------------------*/
#main {
	width: 588px;
	padding: 12px;
	border-left: #CCCCCC 1px solid; /* サイドラインカラー（#sideのborderColorも併せて変更） */
	float: left;
}


/*---------------------------------------------------------------------------------------------
  Footer
---------------------------------------------------------------------------------------------*/
#footer {
	width: 740px;
	height:auto;
	margin: 0 auto;
	padding: 20px 10px;
	text-align: center;
	overflow: hidden;
	clear: both;
}
#footer ul {
	margin: 0;
	padding: 20px 0 0 0;
	font-size: 12px;
	line-height: 18px;
	color: #999999;
	border-top: 1px #CCCCCC solid;
	list-style: none;
}
#footer li {
	display: inline;
	white-space: nowrap;
}
#footer a {
	color: #0066CC;
	text-decoration:underline;
}
#footer a:hover {
	color: #0099FF;
	text-decoration:none;
}
#footer h4 {
	margin: 10px 0 0 0;
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	letter-spacing: 1px;
}