@charset "utf-8";
/* ---------------------------------------------------------
  PLUS-Y　女性消費モニターサイト「まなふさ」
  Casaded Style Sheet
  
  created by Retriever Design Inc.
  saved at /html/css/
--------------------------------------------------------- */

/* ページ全体の基本定義及び基本要素の定義
========================================================= */
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 80%;
	color: #444444;
	line-height: 180%;
	background: url(../img/shared/bg_main.jpg);
}

h1 {
	position: absolute;
	top: 0;
	left: 70px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

h2 {
	font-size: 120%;
	color: #7b0003;
}

img {
	border: 0;
}

a {	color: #900000; }
a:visited { color: #990000; }
a:hover { color: #666666; }

form {
	margin: 0;
	padding: 0;
}

form#f_myplogin {
	margin: 5px 20px;
	background: url(../img/shared/bg_tex01_body.jpg) repeat;	
}

td, th {
	padding: 5px;
}

th { width: 10em; }

/* コンポーネントの定義
========================================================= */

/* ページコンテンツ全体のレイアウト */
#wrapper {
	width: 930px;
	background: url(../img/shared/bg_contents_all.jpg) repeat-y;
	margin-left: 40px;
}

/* ヘッダ部分の定義（トップページのみで使用） */
#header {
	width: 930px;
	height: 500px;
	background: url(../img/shared/bg_head.jpg) no-repeat top left;
}

/* ヘッダ部分の定義（トップページのログイン後で使用） */
#header_login {
	width: 930px;
	height: 120px;
	background: url(../img/shared/bg_head.jpg) no-repeat top left;
}

/* ヘッダ部分の定義（トップページ以外すべてのページで使用） */
#header02 {
	width: 930px;
	height: 320px;
	background: url(../img/shared/bg_head.jpg) no-repeat top left;
}

/* ヘッダ部分の定義（先行トップページで使用） */
#header_randing {
	width: 930px;
	height: 140px;
	background: url(../img/shared/bg_head.jpg) no-repeat top left;
}

/* カテゴリーメニューボタンの定義 */
div#menu_btns {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 611px;
	height: 60px;
	top: 60px;
	left: 320px;
	background: url(../img/shared/bg_menubtns.jpg) repeat-x top left;
}

div#menu_btns img.sp09 {
	padding-right: 9px;
}

/* コンテンツ部分のレイアウト */
#contents_cat00 {
	width: 910px;
	margin: 0 10px;
	padding-bottom: 20px;
	background: url(../img/shared/bg_detail.gif) no-repeat top left;
}

#contents_cat01 {
	width: 910px;
	margin: 0 10px;
	padding-bottom: 20px;
	background: url(../img/shared/bg_detail_cat01.gif) no-repeat top left;
}

#contents_cat02 {
	width: 910px;
	margin: 0 10px;
	padding-bottom: 20px;
	background: url(../img/shared/bg_detail_cat02.gif) no-repeat top left;
}

#contents_cat03 {
	width: 910px;
	margin: 0 10px;
	padding-bottom: 20px;
	background: url(../img/shared/bg_detail_cat03.gif) no-repeat top left;
}

#contents_cat04 {
	width: 910px;
	margin: 0 10px;
	padding-bottom: 20px;
	background: url(../img/shared/bg_detail_cat04.gif) no-repeat top left;
}

#contents_detail_left {
	width: 360px;
	float: left;
	overflow: hidden;
}

.pkg {
	overflow: hidden;
}

#contents_detail_right {
	width: 550px;
	float: left;
	padding-top: 40px;
	overflow: hidden;
}

#contents_detail_left { background: url(../img/shared/bg_detail_left.gif) no-repeat top left; }
#contents_detail_right { background: url(../img/shared/bg_detail_right.gif) no-repeat top left; }

.box_photo_detail {
	width: 270px;
	height: 360px;
	margin: 50px 35px 17px 55px;
}

.box_photo_thum0 {
	width: 250px;
	height: 250px;
	background: url(../img/shared/photo_thum0.gif) no-repeat;
	padding: 10px;
}

.box_photo_thum1 {
	float: left;
	width: 70px;
	height: 70px;
	background: url(../img/shared/photo_thum1.gif) no-repeat;
	padding: 10px;
}

#box_fusen {
	width: 300px;
	margin: 0 50px;
}

#contents_detail02 {
	width: 510px;
	overflow: hidden;
}

#contents_detail01_cat01_right h3 {
	width: 510px;
	font-size: 125%;
	margin-bottom: 10px;
	background: url(../img/shared/line_detail_cat01.gif) no-repeat bottom;
	padding-bottom: 5px;
}

#contents_detail01_cat02_right h3 {
	width: 510px;
	font-size: 125%;
	margin-bottom: 10px;
	background: url(../img/shared/line_detail_cat02.gif) no-repeat bottom;
	padding-bottom: 5px;
}

#contents_detail01_cat03_right h3 {
	width: 510px;
	font-size: 125%;
	margin-bottom: 10px;
	background: url(../img/shared/line_detail_cat03.gif) no-repeat bottom;
	padding-bottom: 5px;
}

#contents_detail01_cat04_right h3 {
	width: 510px;
	font-size: 125%;
	margin-bottom: 10px;
	background: url(../img/shared/line_detail_cat04.gif) no-repeat bottom;
	padding-bottom: 5px;
}

#contents_detail02 h4 {
	font-size: 110%;
}


#contents_detail02 ul {
	width: 510px;
	list-style: none;
	margin: 10px 0 30px 0;
}

#contents_detail02 ul li {
	padding: 5px 0;
	border-bottom: #444444 1px dashed;
}

#contents_detail02 p {
	width: 510px;
}

#review_pages {
	width: 790px;
	height: 25px;
	background: #ffffff;
	border: #960000 1px solid;
	margin: 0 50px 10px 50px;
	padding: 0 10px;
}

.review_box {
	width: 770px;
	background: #ffffff;
	margin: 0 50px 10px 50px;
	padding: 10px 20px;
}

.review_box ul {
	width: 770px;
	list-style: none;
	margin: 10px 0 30px 0;
}

.review_box ul li {
	padding: 5px 0;
	border-bottom: #444444 1px dashed;
}

.review_box table th.title {
	width: 80%;
	text-align: left;
	background: url(../img/shared/icon_reviewttl.gif) no-repeat 3px;
	padding-left: 18px;
}

.review_box table th.compres {
	width: 80%;
	text-align: left;
	background: url(../img/shared/icon_review_res.gif) no-repeat 3px;
	padding-left: 18px;
}

.review_box table th.input {
	width: 150px;
	color: #ffffff;
	background: #ae5b32;
	text-align: center;
	margin: 0;
}

.review_box table th.input2 {
	color: #ffffff;
	background: #ae5b32;
	margin: 0;
	width: 100%;
}

.review_box table td.input02 {
	width: 610px;
	background: #fee7dc;
	padding-left: 10px;
}

.review_box p.answer {
	width: 730px;
	padding: 5px 10px 10px 10px;
}

.review_box h3 {
	width: 740px;
	padding: 2px 5px;
	font-size: 120%;
	color: #ffffff;
	background: #666666;
}


/* ニュースバックナンバーのレイアウト */
.backnumber {
	width: 770px;
	background: #ffffff;
	margin: 0 50px 10px 50px;
	padding: 10px 20px;
}

.backnumber table th {
	text-align: center;
	background: #ae5b32;
	color: #ffffff;
}

.backnumber table td {
	background: #fee7dc;
}


/* コンテンツ左側のレイアウト */
#contents_left {
	width: 260px;
	float: left;
	background: url(../img/shared/bg_contents_left.gif) repeat-y;	
/*	background: url(../img/shared/bg_tex02_body.jpg) repeat-y;*/
}

/* コンテンツ右側のレイアウト */
#contents_right {
	width: 670px;
	float: right;
	background: url(../img/shared/bg_contents_right.jpg) repeat-y;
}

#contents_all {
	margin: 0 30px;
}

/* フッタボックスのレイアウト */
#footer {
	clear: both;
	width: 930px;
	height: 103px;
	font-size: 80%;
	background: url(../img/shared/bg_footer.gif) no-repeat;
}


/* トップページ及びカテゴリートップページにある商品・
   サービス一覧の小さい紙イメージのレイアウト定義
========================================================= */

/* トップページで使用 */
.item_pickup01_left {
	width: 280px;
	height: 170px;
	float: left;
	background: url(../img/shared/bg_pickup01.gif) no-repeat;
	margin-right: 5px;
}

.item_pickup01_right {
	width: 280px;
	height: 170px;
	float: left;
	background: url(../img/shared/bg_pickup01.gif) no-repeat;
	margin-left: 5px;
}

/* グルメ＆レジャーで使用 */
.item_pickup_cat01_left {
	width: 280px;
	height: 170px;
	float: left;
	background: url(../img/shared/bg_pickup_cat01.gif) no-repeat;
	margin-right: 5px;
}

.item_pickup_cat01_right {
	width: 280px;
	height: 170px;
	float: left;
	background: url(../img/shared/bg_pickup_cat01.gif) no-repeat;
	margin-left: 5px;
}

/* ヘルス＆ビューティーで使用 */
.item_pickup_cat02_left {
	width: 280px;
	height: 170px;
	float: left;
	background: url(../img/shared/bg_pickup_cat02.gif) no-repeat;
	margin-right: 5px;
}

.item_pickup_cat02_right {
	width: 280px;
	height: 170px;
	float: left;
	background: url(../img/shared/bg_pickup_cat02.gif) no-repeat;
	margin-left: 5px;
}

/* ファッション＆グッズで使用 */
.item_pickup_cat03_left {
	width: 280px;
	height: 170px;
	float: left;
	background: url(../img/shared/bg_pickup_cat03.gif) no-repeat;
	margin-right: 5px;
}

.item_pickup_cat03_right {
	width: 280px;
	height: 170px;
	float: left;
	background: url(../img/shared/bg_pickup_cat03.gif) no-repeat;
	margin-left: 5px;
}

/* ホーム＆ライフで使用 */
.item_pickup_cat04_left {
	width: 280px;
	height: 170px;
	float: left;
	background: url(../img/shared/bg_pickup_cat04.gif) no-repeat;
	margin-right: 5px;
}

.item_pickup_cat04_right {
	width: 280px;
	height: 170px;
	float: left;
	background: url(../img/shared/bg_pickup_cat04.gif) no-repeat;
	margin-left: 5px;
}



/* トップページ及びカテゴリートップページにある商品・
   サービス一覧の小さい紙イメージの中身の定義
========================================================= */

/* トップページ、グルメ＆レジャー、ファッション＆グッズ、ホーム＆ライフで使用 */
dl.box_pickup01 {
	width: 266px;
	height: 134px;
	background: #f3f2ba;
	margin: 26px 8px 10px 6px;
}

dl.box_pickup01 dt, dl.box_pickup01 dd {
	background: #f3f2ba;
}

dl.box_pickup01 dt {
	width: 88px;
	text-align: center;
	float: left;
}

dl.box_pickup01 img {
	margin-bottom: 7px;
}

dl.box_pickup01 dd {
	width: 170px;
	padding: 8px 0 8px 8px;
	float: left;
	font-size: 85%;
	line-height: 140%;
}

dl.box_pickup01 dd ul li {
	background: #f3f2ba url(../img/shared/bg_f3f2ba.jpg) repeat;
	list-style: none;
	padding-left: 27px;
}

dl.box_pickup01 dd ul li a {
	background: #f3f2ba;
}

/* ヘルス＆ビューティーで使用 */
dl.box_pickup02 {
	width: 266px;
	height: 134px;
	background: #daf1ca;
	margin: 26px 8px 10px 6px;
}

dl.box_pickup02 dt, dl.box_pickup02 dd {
	background: #daf1ca;
}

dl.box_pickup02 dt {
	width: 88px;
	text-align: center;
	float: left;
}

dl.box_pickup02 img {
	margin-bottom: 7px;
}

dl.box_pickup02 dd {
	width: 170px;
	padding: 8px 0 8px 8px;
	float: left;
	font-size: 85%;
	line-height: 140%;
}

dl.box_pickup02 dd ul li {
	background: #daf1ca url(../img/shared/bg_daf1ca.jpg) repeat;
	list-style: none;
	padding-left: 27px;
}

dl.box_pickup02 dd ul li a {
	background: #daf1ca;
}


/* 左側最新レビューボックスの定義
========================================================= */

/* 幅と間隔の一括定義 */
#box_review_index, #box_review_cat01, #box_review_cat02, #box_review_cat03, #box_review_cat04 {
	width: 220px;
	padding: 0 20px 15px 20px;
}

#box_review_index {	background: url(../img/shared/bg_tex02_body.gif) repeat-y; }	/* 【背景】トップページで使用 */
#box_review_cat01 {	background: url(../img/shared/bg_cat01.gif) repeat-y; }			/* 【背景】グルメ＆レジャーで使用 */
#box_review_cat02 {	background: url(../img/shared/bg_cat02.gif) repeat-y; }			/* 【背景】ヘルス＆ビューティーで使用 */
#box_review_cat03 {	background: url(../img/shared/bg_cat03.gif) repeat-y; }			/* 【背景】ファッション＆グッズで使用 */
#box_review_cat04 {	background: url(../img/shared/bg_cat04.gif) repeat-y; }			/* 【背景】ホーム＆ライフで使用 */

p#new_review, p#new_review_cat01, p#new_review_cat02, p#new_review_cat03, p#new_review_cat04 {
	font-size: 80%;
	line-height: 120%;
	padding: 10px 0;
	border-bottom: #900000 1px dashed;
}

p#new_review { background: url(../img/shared/bg_tex02_body.gif) repeat-y; }
p#new_review_cat01 { background: url(../img/shared/bg_cat01.gif) repeat-y; }
p#new_review_cat02 { background: url(../img/shared/bg_cat02.gif) repeat-y; }
p#new_review_cat03 { background: url(../img/shared/bg_cat03.gif) repeat-y; }
p#new_review_cat04 { background: url(../img/shared/bg_cat04.gif) repeat-y; }

p#new_review a { background: url(../img/shared/bg_tex02_body.gif) repeat-y; }
p#new_review_cat01 a { background: url(../img/shared/bg_cat01.gif) repeat-y; }
p#new_review_cat02 a { background: url(../img/shared/bg_cat02.gif) repeat-y; }
p#new_review_cat03 a { background: url(../img/shared/bg_cat03.gif) repeat-y; }
p#new_review_cat04 a { background: url(../img/shared/bg_cat04.gif) repeat-y; }


/* カスタムボックスの定義（トップページのみ使用）
========================================================= */
#box_login {
	width: 260px;
	position: absolute;
	top: 142px;
	left: 40px;
	background: url(../img/shared/bg_tex01_body.jpg) repeat-y;
	overflow: hidden;
}

#box_login_banner {
	width: 260px;
	position: absolute;
	top: 142px;
	left: 40px;
	overflow: hidden;
}

#banner_mille {
	width: 260px;
	height: 87px;
	position: absolute;
	top: 410px;
	left: 40px;
}

#photo_index {
	width: 620px;
	height: 250px;
	position: absolute;
	top: 120px;
	left: 320px;
}

#banner_reg_index {
	width: 477px;
	height: 108px;
	position: absolute;
	top: 378px;
	left: 396px;
}



#box_right_index, #box_right_cat01, #box_right_cat02, #box_right_cat03, #box_right_cat04, #box_right_common {
	width: 620px;
	margin: 0 30px 0 20px;
	overflow: hidden;
}

#box_right_index { background: #fceded; }
#box_right_cat01 { background: url(../img/shared/bg_cat01.gif) repeat; }
#box_right_cat02 { background: url(../img/shared/bg_cat02.gif) repeat; }
#box_right_cat03 { background: url(../img/shared/bg_cat03.gif) repeat; }
#box_right_cat04 { background: url(../img/shared/bg_cat04.gif) repeat; }

#box_right_index_in, #box_right_index_in02, #box_right_index_in03, #box_right_cat01_in, #box_right_cat02_in, #box_right_cat03_in, #box_right_cat04_in {
	width: 580px;
	padding: 0 20px 15px 20px;
	overflow: hidden;
}

#box_right_index_in { background: #fceded; }
#box_right_index_in02 { background: #ffd0d0; }
#box_right_index_in03 { background: #f2e4f8; }
#box_right_cat01_in { background: url(../img/shared/bg_cat01.gif) repeat; }
#box_right_cat02_in { background: url(../img/shared/bg_cat02.gif) repeat; }
#box_right_cat03_in { background: url(../img/shared/bg_cat03.gif) repeat; }
#box_right_cat04_in { background: url(../img/shared/bg_cat04.gif) repeat; }


/*
#box_right_index {
	width: 620px;
	margin: 0 30px 0 20px;
	overflow: hidden;
}

#box_right_index, #box_right_cat01, #box_right_cat02, #box_right_cat03, #box_right_cat04, #box_right_common {
	width: 620px;
	margin: 0 30px 0 20px;
	overflow: hidden;
}

#box_right_index { background: #fceded; }
#box_right_cat01 { background: url(../img/shared/bg_cat01.gif) repeat; }
#box_right_cat02 { background: url(../img/shared/bg_cat02.gif) repeat; }
#box_right_cat03 { background: url(../img/shared/bg_cat03.gif) repeat; }
#box_right_cat04 { background: url(../img/shared/bg_cat04.gif) repeat; }

#box_right_index_in {
	width: 580px;
	padding: 0 20px 15px 20px;
	overflow: hidden;
	background: #fceded;
}
*/

/* --------------------------------------------------------
    2009.11.09追加
	トップページ新着ニュースにスクロールバーを表示する
-------------------------------------------------------- */
#box_right_index_in div#newslists {
	background: #fceded;
	height: 200px;
	overflow: auto;
}

#box_right_cat01_in { background: url(../img/shared/bg_cat01.gif) repeat; }
#box_right_cat02_in { background: url(../img/shared/bg_cat02.gif) repeat; }
#box_right_cat03_in { background: url(../img/shared/bg_cat03.gif) repeat; }
#box_right_cat04_in { background: url(../img/shared/bg_cat04.gif) repeat; }

p#new_information {
/*	background: url(../img/shared/bg_tex02_body.gif) repeat-y;*/
	line-height: 120%;
	padding: 10px 0;
	border-bottom: #900000 1px dashed;
}

/*p#new_information a {
	background: url(../img/shared/bg_tex02_body.gif) repeat-y;
}*/


/* カスタムボックスの定義（トップページを含む共通で使用）
========================================================= */
.photo_thum {
	width: 88px;
	height: 89px;
	padding: 8px 8px 9px 8px;
	background: #F3F2BA url(../img/shared/bg_photo_thum.gif) no-repeat;
}

#footer div {
	position: absolute;
	width: 930px;
	height: 15px;
	text-align: center;
	background: url(../img/shared/bg_footer.gif) no-repeat;
	padding-top: 17px;
}

#footer div a {
	background: url(../img/shared/bg_contents_footlink.gif) repeat;
}


/* カスタムボックスの定義
   （トップページ以外すべて共通で使用）
========================================================= */
#box_login_all {
	width: 260px;
/*	position: absolute;
	top: 142px;
	left: 40px;	*/
	background: url(../img/shared/bg_tex01_body.jpg) repeat-y;
	overflow: hidden;
}

#photo_all {
	width: 670px;
	height: 140px;
	position: absolute;
	top: 144px;
	left: 70px;
}

#banner_mille_all {
	width: 260px;
	height: 87px;
/*	position: absolute;
	top: 410px;
	left: 40px;	*/
}

#breadcramb {
	width: 870px;
	height: 20px;
	position: absolute;
	top: 290px;
	left: 70px;
	font-size: 12px;
	text-align: right;
}


/* グローバルメニューボタンの定義
========================================================= */
ul#global_btns {
	position: absolute;
	width: 611px;
	height: 14px;
	top: 35px;
	left: 320px;
}

ul#global_btns li {
	float: left;
	list-style: none;
}

ul#global_btns li#g30 {
	margin-right: 30px;
}


/* 「まなふさについて」ページの定義
========================================================= */
#box_about_manafusa {
	width: 550px;
	margin: 0 auto;
	background: #f3f2ba;
}

#box_about_manafusa ul {
	width: 470px;
	margin: 10px 40px;
}

#box_about_manafusa ul li {
	list-style: none;
}

#box_about_manafusa ul li p {
	margin-left: 35px;
}

#box_about_manafusa ul li#n01 {
	background: url(../img/manafusa/icon_n01.gif) no-repeat top left;
}

#box_about_manafusa ul li#n02 {
	background: url(../img/manafusa/icon_n02.gif) no-repeat top left;
}

#box_about_manafusa ul li#n03 {
	background: url(../img/manafusa/icon_n03.gif) no-repeat top left;
}

#box_about_manafusa ul li#n04 {
	background: url(../img/manafusa/icon_n04.gif) no-repeat top left;
}

#box_about_manafusa ul li#n05 {
	background: url(../img/manafusa/icon_n05.gif) no-repeat top left;
}

#box_about_manafusa p {
	margin: 10px 20px;
}

/* ------------------------------------------------------ */
img.line_margin {
	margin: 10px 0;
}

.font01 {
	font-size: 80%;
	line-height: 120%;
}

img#myplogin {
	margin-left: 15px;
}

#box_login a, #box_login_all a {
	background: url(../img/shared/bg_tex01_body.jpg) repeat;
}

img.position_right {
	float: right;
	margin: 10px 0 10px 10px;
}

img.position_left {
	float: left;
	margin: 10px 10px 10px 0;
}

p.boxtxt {
	width: 80%;
	padding:10px;
	border: #900 1px solid;
	background: #ffffcc;
}


/* フォーム入力エラーメッセージのテキストカラー
========================================================= */
div.error-message { color: #ff0000; }


.banners {
	width: 260px;
}

.banners img {
	margin-left: 30px;
	margin-bottom: 10px;
}