@charset "utf-8";

/*
-----------------------------------------------
Fe-MAIL　グローバル用スタイルシート
-----------------------------------------------

以下のスタイルを定義:

o 各タグの初期値をリセット
o Fe-MAIL用に各タグの初期値を設定
  - bodyタグ
  - リンク
  - imgタグ
  - テキスト揃え
o 共通クラス
o ヘッダ
  - 一言
  - ロゴ
  - トップバナー
  - 検索窓
  - 小さいバナー
  - ナビ
o コンテンツエリア
o 右ナビ
  - メンバーログイン／アウト
  - 右ナビ
  - バッジ
  - Vote
o フッタ

*/



/* -------------------------------------------------
各タグの初期値をリセット
------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {
	margin:0;
	padding:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
/*	font-weight:normal; */
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}



/* -------------------------------------------------
Fe-MAIL用に各タグの初期値を設定
------------------------------------------------- */

/* bodyタグ
----------------------------------------------- */
body {
	margin:0;
	padding:0;
	text-align:center;
	background:#F5F5F5;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/* リンク
----------------------------------------------- */
a:link    { color:#333333; text-decoration:none; }
a:active  { color:#333333; text-decoration:none; }
a:visited { color:#333333; text-decoration:none; }
a:hover   { color:#333333; text-decoration:underline; }

/* imgタグ
----------------------------------------------- */
img {
	border:0;
}

/* テキスト揃え
----------------------------------------------- */
/*
p {
	text-align:justify;
}

dd {
	text-align:justify;
}
*/

/* インプット
----------------------------------------------- */
/* IME設定は自動 */
input.IMEAuto { ime-mode : auto; }
/* IME設定を全角入力に */
input.IMEActive { ime-mode : active; }
/* IME設定を半角入力に */
input.IMEInactive { ime-mode : inactive; }
/* IME設定を使用不可に */
input.IMEDisabled { ime-mode : disabled; }



/* -------------------------------------------------
共通クラス
----------------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* -------------------------------------------------
ヘッダ
------------------------------------------------- */
#gbHeader {
	border-bottom:5px solid #FF0000; /*帯の色*/
	background:#FFFFFF url(../images/2007/common/gb_header_bg.gif) bottom left repeat-x;
}

#gbHeader div.gbWrapper {
	position:relative;
	width:870px;
	margin:0 auto;
	text-align:left;
}

#gbHeader hr {
	display:none;
}

/* 一言
------------------------------------------------- */
#gbAWord {
	width:200px;
	margin:0 0 2px 4px;
	padding:13px 0 0 0;
	font-size:65%;
}

#gbAWord a {
	color:#333333;
}

/* Fe-MAILロゴ
------------------------------------------------- */
#gbLogo {
	width:171px;
	height:41px;
	margin:0 0 17px 1px;
	padding:0;
}

#gbLogo img {
	vertical-align:top;
}

/* トップバナー
------------------------------------------------- */
#gbBanner {
	position:absolute;
	width:470px;
	height:65px;
	top:6px;
	left:220px;
}

/* 検索窓
------------------------------------------------- */
#gbHeader div.gbWrapper form {
	position:absolute;
	width:140px;
	top:25px;
	left:728px;
}

#gbHeader div.gbWrapper form p {
	width:140px;
	margin:0 0 3px 0;
	padding:0;
	text-align:right;
	font-size:65%;
}

#gbHeader div.gbWrapper form p input {
	width:140px;
}

#gbHeader div.gbWrapper form p.gbButton input {
	width:36px;
	height:16px;
}

/* 小さいバナー
------------------------------------------------- */
#gbBannerSmall {
	position:absolute;
	width:134px;
	height:52px;
	top:11px;
	left:733px;
}

/* ナビ
------------------------------------------------- */
#gbNavi {
	width:730px;
	height:25px;
}

#gbNavi li {
	float:left;
}

#gbNavi li a {
	display:block;
	height:25px;
	outline-width:0;
	text-indent:-5000px;
	text-decoration:none;
	background-repeat:no-repeat;
}

#gbNaviHome a        {  width:52px; background:url(../images/2007/common/gb_header_navi.gif)      0 0; }
#gbNaviBody a        { width:113px; background:url(../images/2007/common/gb_header_navi.gif)  -52px 0; }
#gbNaviFeature a     { width:113px; background:url(../images/2007/common/gb_header_navi.gif) -165px 0; }
#gbNaviCosmebeauty a { width:113px; background:url(../images/2007/common/gb_header_navi.gif) -278px 0; }
#gbNaviTrend a       { width:113px; background:url(../images/2007/common/gb_header_navi.gif) -391px 0; }
#gbNaviLifestyle a   { width:113px; background:url(../images/2007/common/gb_header_navi.gif) -504px 0; }
#gbNaviTravel a      { width:113px; background:url(../images/2007/common/gb_header_navi.gif) -617px 0; }

#gbNaviHome a:hover        { background-position:     0 -25px; }
#gbNaviBody a:hover        { background-position: -52px -25px; }
#gbNaviFeature a:hover     { background-position:-165px -25px; }
#gbNaviCosmebeauty a:hover { background-position:-278px -25px; }
#gbNaviTrend a:hover       { background-position:-391px -25px; }
#gbNaviLifestyle a:hover   { background-position:-504px -25px; }
#gbNaviTravel a:hover      { background-position:-617px -25px; }

/* -------------------------------------------------
コンテンツエリア
------------------------------------------------- */
#gbBody {
	background:url(../images/main_bg.gif) top left;
}

#gbBody div.gbWrapper {
	width:868px;
	margin:0 auto;
	padding:0 1px;
	background:#FFFFFF;
	background:url(../images/2007/common/gb_body_bg2.gif) top left repeat-y;
}

#gbContents {
	float:left;
	width:727px;
	text-align:left;
	background:#FFFFFF;
}



/* -------------------------------------------------
右ナビ
------------------------------------------------- */
#gbRightBar {
	float:right;
	width:140px;
	text-align:left;
	background:#FFFFFF;
}

#gbRightBar hr {
	display:none;
}

/* メンバーログイン／アウト
------------------------------------------------- */
#gbLoginLogout {
	width:140px;
}

#gbLoginLogout div.gbTitle {
	position:relative;
	margin:0 0 16px 0;
	background:#B4B4B4;
}

#gbLoginLogout div.gbTitle h2 {
	position:absolute;
	top:7px;
	left:5px;
	width:50px;
	height:9px;
	background:url(../images/2007/common/gb_rightbar_member.gif) top left no-repeat;
}

#gbLoginLogout div.gbTitle h2 span {
	display:none;
}

#gbLoginLogout div.gbTitle p.gbButton {
	margin:0 10px 0 0;
	padding:6px 14px 3px 0;
	font-size:65%;
	text-align:right;
	background:url(../images/2007/common/gb_rightbar_member_arw.gif) center right no-repeat;
}

#gbLoginLogout div.gbTitle p.gbButton a {
	color:#FFFFFF;
}

#gbLoginLogout p.gbName {
	margin:0 0 12px 6px;
	padding:0 5px 0 17px;
	font-size:65%;
	background:url(../images/2007/common/gb_rightbar_member_icon.gif) top left no-repeat;
	color:#000000;
}

#gbLoginLogout p.gbComment {
	margin:0 0 28px 23px;
	font-size:65%;
}

#gbLoginLogout p.gbComment a {
	color:#FF3300;
}

#gbLoginLogout form dl {
	margin:0 10px 13px 10px;
}

#gbLoginLogout form dl dt {
	margin:0 0 2px 0;
	font-size:65%;
	font-weight:bold;
}

#gbLoginLogout form dl dd {
	text-align:right;
}

#gbLoginLogout form dl dd.gbSubmit {
	margin:-5px 0 0 0;
}

#gbLoginLogout form dl dd input {
	width:116px;
	font-size:65%;
}

#gbLoginLogout form dl dd.gbSubmit input {
	width:36px;
	height:16px;
}

/* 右ナビ
------------------------------------------------- */
#gbRightNavi {
	width:140px;
	margin:0 0 15px 0;
}

#gbRightNavi li {
	margin:0 0 2px 0;
}

#gbRightNavi li a {
	display:block;
	width:140px;
	height:26px;
	outline-width:0;
	text-indent:-2000px;
	text-decoration:none;
	background-repeat:no-repeat;
}

#gbRightNaviMyFeMAIL a     { background:url(../images/2007/common/gb_rightbar_navi.gif) 0     0; }
#gbRightNaviMemberRegist a { background:url(../images/2007/common/gb_rightbar_navi.gif) 0 -26px; }
#gbRightNaviPresent a      { background:url(../images/2007/common/gb_rightbar_navi.gif) 0 -52px; }
#gbRightNaviInformation a  { background:url(../images/2007/common/gb_rightbar_navi.gif) 0 -78px; }

#gbRightNaviMyFeMAIL a:hover     { background-position:-140px     0; }
#gbRightNaviMemberRegist a:hover { background-position:-140px -26px; }
#gbRightNaviPresent a:hover      { background-position:-140px -52px; }
#gbRightNaviInformation a:hover  { background-position:-140px -78px; }

/* バッジ
------------------------------------------------- */
#gbBadge {
	width:140px;
}

#gbBadge li {
	margin:0 0 19px 0;
	text-align:center;
}

#gbBadge li img {
	vertical-align:top;
}

/* Vote
------------------------------------------------- */
#gbVote {
	width:130px;
	margin:0 0 20px 5px;
	background:url(../images/2007/common/gb_vote_box_bg.gif) top left repeat-y;
}

#gbVote div.gbTitle {
	position:relative;
	height:23px;
	margin:0 0 10px 0;
	background:url(../images/2007/common/gb_vote_box_bg_top.gif) top left no-repeat;
}	

#gbVote div.gbTitle h2 {
	position:absolute;
	top:8px;
	left:6px;
	width:32px;
	height:10px;
	background:url(../images/2007/common/gb_vote_title.gif) top left no-repeat;
}

#gbVote div.gbTitle h2 span {
	display:none;
}

#gbVote div.gbTitle p {
	position:absolute;
	top:9px;
	left:60px;
	font-size:65%;
}

#gbVote div.gbTitle p a {
	color:#333333;
}

#gbVote dl {
}

#gbVote dl dt {
	margin:0 0 8px 0;
	padding:0 3px 10px 8px;
	background:url(../images/2007/common/gb_vote_line.gif) bottom left no-repeat;
	font-size:65%;
}

#gbVote dl dd {
	clear:both;
	margin:0 8px;
	font-size:65%;
}

#gbVote dl dd span {
	display:block;
	width:90px;
	margin:0 0 5px 20px;
}

#gbVote dl dd span.gbRadio {
	float:left;
	width:20px;
	margin:0 0 5px 0;
}

#gbVote dl dd.gbSubmit {
	clear:both;
	margin:0;
	padding:0 0 10px 8px;
	font-size:100%;
	background:url(../images/2007/common/gb_vote_box_bg_btm.gif) bottom left no-repeat;
}

#gbVote dl dd.gbSubmit div {
	margin:0 0 0 65px;
	padding:8px 0 0 0;
	font-size:75%;
}

#gbVote dl dd.gbSubmit div a {
	color:#333333;
}

#gbVote dl dd.gbSubmit div.gbButton {
	float:left;
	margin:0;
	padding:0;
}

/* -------------------------------------------------
フッタ
------------------------------------------------- */
#gbFooter {
	clear:both;
	background:#F5F5F5 url(../images/2007/common/gb_footer_bg.gif) top left repeat-x;
	border-top:1px solid #B9B9B9;
}

#gbFooter hr {
	display:none;
}

#gbFooter div.gbWrapper {
	position:relative;
	width:868px;
	margin:0 auto;
	padding:15px 0;
	text-align:left;
}

#gbFooter div.gbWrapper p {
	margin:0 0 10px 0;
	padding:0 0 0 17px;
	font-size:65%;
	background:url(../images/2007/common/gb_footer_tofriend_1.gif) center left no-repeat;
}

#gbFooter div.gbWrapper p a {
	padding:0 16px 0 0;
	color:#688499;
	background:url(../images/2007/common/gb_footer_tofriend_2.gif) center right no-repeat;
}

#gbFooter div.gbWrapper div.gbBox {
	clear:both;
}

#gbFooter div.gbWrapper ul {
	font-size:75%;
}

#gbFooter div.gbWrapper ul li {
	float:left;
	padding:0 13px 0 0;
	line-height:130%;
	background:url(../images/2007/common/gb_footer_list_spliter.gif) center right no-repeat;
}

#gbFooter div.gbWrapper ul li.gbEnd {
	padding:0;
	background:none;
}

#gbFooter div.gbWrapper ul li a {
	color:#666666;
}

#gbFooter div.gbWrapper div.gbRight {
	position:absolute;

	top:135px;
	left:620px;
	font-size:100%;
}

#gbFooter div.gbWrapper div.gbRight ul {
	font-size:65%;
	clear:none;
}

#gbFooter div.gbWrapper div.gbRight address {
	clear:both;
	padding:8px 0 0 0;
	font-size:65%;
	color:#666666;
}

#gbFooter div.gbWrapper div.gbRight address a {
	color:#666666;
}

/* 091016 PT作成
------------------------------------------------- */
#footerSearchBox {
	clear: both;
	width: 870px;
	height: 66px;
	margin-bottom: 15px;
	padding-top: 20px;
	background: url(../images/2009/bg_search.gif) no-repeat;
	text-align: center;
}

#footerSearchBox .searchBox {
	margin: 0 auto 10px auto;
	width: 370px;
	text-align: center;
}

#footerSearchBox .searchBox form {
	margin: 0;
}

#footerSearchBox .searchTxt {
	float: left;
	width: 70px;
	padding-top: 4px;
	font-size: 12px;
}

#footerSearchBox .searchForm {
	float: left;
	width: 300px;
}

#footerSearchBox .search_op {
	font-size: 11px;
}

#footerSearchBox .input_border {
	padding: 2px 2px 0 2px;
	width: 228px;
	height: 18px;
	font-size:14px;
	vertical-align:middle;
	_vertical-align:top;
	border:solid 1px #666666;
	background-color: #E4E4E4;
}

input[type="submit"] {
	background-color: #333333;
	border-top: 2px solid #666666;
	border-left: 2px solid #666666;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	width: 60px;
	height: 22px;
}

#footerSearchBox .pickupWord {
	clear: both;
	width: 585px;
	margin: 0 auto;
	padding: 0;
	border: none;
}

#footerSearchBox .pickupWord dl {
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 12px;
	line-height: 1.6;
}

#footerSearchBox .pickupWord dt {
	float: left;
	width: 70px;
}

#footerSearchBox .pickupWord dd {
	float: left;
	width: 500px;
}

#footerSearchBox .pickupWord dd a {
	color: #005dbd;
	text-decoration: underline;
}

#interestBox {
	width: 128px;
	margin: 0 0 0 5px;
	border: 1px solid #9079ad;
}

#interestBox .bar {
	margin-bottom: 20px;
}

#interestBox p {
	padding: 0 3px 20px 3px;
	font-size: 10px;
}

#interestBox p strong {
	font-size: 12px;
}

#interestBox p em {
	color: #04aa84;
}

#interestBox a {
	color: #0402fc;
	text-decoration: underline;
}

#interestBox p.txtLink {
	padding: 0 3px 0px 3px;
	font-size: 10px;
	text-align: right;
}