/*-------------------------------------
共通ヘッダー用スタイル
-------------------------------------*/
/*-------------------------------------
リセット・初期設定
-------------------------------------*/
#topheader {
position:relative;
margin:0;
width:auto;
height:90px;
padding-top:3px;
background:url(../img/header_bg_01.gif) repeat-x;
font-size:100%;
line-height:1.4;
text-align:left;
z-index:1000;
}
#top #topheader {
height:92px;
}

#headercategory ul,
#topheader,
#topheader .contents .nav ul,
#topheader .contents .menu ul,
#topheader .contents .search .keywordfield,
#headerlogin .contents,
#headermember .contents,
#topheader .clearfix {
zoom:1;
}
#headercategory ul:after,
#topheader:after,
#topheader .contents .nav ul:after,
#topheader .contents .menu ul:after,
#topheader .contents .search .keywordfield:after,
#headerlogin .contents:after,
#headermember .contents:after,
#topheader .clearfix:after {
content:"";
display:block;
clear:both;
height:0.01px;
}
#topheader .hid {
display:none;
}
#topheader .contents {
width:990px;
margin:0 auto;
}

/********
ロゴ
********/
#topheader .contents #logo {
float:left;
margin:4px 0 0 0;
width:220px;
}
#top #topheader .contents #logo {
margin-top:16px;
	width: 170px;
	padding-left: 50px;
}

/********
バナー
********/
#topheader .contents .banner {
position:relative;
float:left;
width:550px;
width:518px;
height:50px;
margin-left:55px;
margin-left:18px;
padding-top:20px;
}


/********
検索
********/
#topheader .contents .search {
position:relative;
float:left;
width:550px;
width:518px;
height:50px;
margin-left:55px;
margin-left:18px;
padding-top:20px;
background:url(../img/header_search_bg_01.gif) no-repeat left 10px;
}
#topheader .contents .search .categoryfield {
float:left;
width:211px;
height:27px;
margin:0 0 20px 10px;
background:url(../img/header_field_bg_01.gif) no-repeat;
}* html #topheader .contents .search .categoryfield { margin-left:5px;}
#topheader .contents .search .categoryfield a {
display:block;
width:202px;
height:19px;
padding:8px 0 0 9px;
font-size:75%;
font-weight:bold;
line-height:1;
color:#CCC;
text-decoration:none;
}
#topheader .contents .search .categoryfield a.off { color:#333;}
#topheader .contents .search .categoryfield a.on { color:#e60021;}
#topheader .contents .search .categoryselect {
display:none;
position:absolute;
top:20px;
left:10px;
width:209px;
margin-top:2px;
padding-top:33px;
background:url(../img/header_search_bg_02.gif) no-repeat;
}
#topheader .contents .search .categoryselect li {
width:207px;
list-style-type:none;
}
* html #topheader .contents .search .categoryselect li { display:inline;}
*:first-child+html #topheader .contents .search .categoryselect li { display:inline;}
#topheader .contents .search .categoryselect li a {
display:block;
width:179px;
padding:7px 9px 5px 19px;
border:1px solid #eaeaea;
border-width:0 1px 1px 1px;
background:#FFF url(../img/header_search_ico_01.gif) no-repeat 10px 10px;
font-size:70%;
zoom:1;
}

#topheader .contents .search .categoryselect li.selectWrap {
display:block;
width:207px;
margin:0;
padding:0 0 7px 0;
border:1px solid #eaeaea;
border-width:0 1px 1px 1px;
background:#f0f6fc;
background:#fff;
zoom:1;
}
#topheader .contents .search .categoryselect li.selectWrap ul {
margin:0;
padding:0;
}
#topheader .contents .search .categoryselect li.selectWrap li span {
display:block;
width:179px;
padding:7px 9px 5px 19px;
border-bottom:1px dotted #c4c4c4;
background:url(../img/header_search_ico_02.gif) no-repeat 10px 12px;
font-size:70%;
font-weight:bold;
zoom:1;
}
#topheader .contents .search .categoryselect li.selectWrap li a {
width:168px;
padding-left:30px;
border:none;
background:url(../img/header_search_ico_01.gif) no-repeat 22px 10px;
}

#topheader .contents .search .keywordfield {
float:left;
width:246px;
height:27px;
margin:0 0 20px 10px;
padding:0 0 0 29px;
background:url(../img/header_field_bg_02.gif) no-repeat;
}
#topheader .contents .search .keywordfield input {
float:left;
width:205px;
margin:7px 0 0 0;
border-width:0;
color:#000;
font-size:75%;
line-height:1.1;
}
#topheader .contents .search .keywordfield a {
display:block;
float:right;
width:37px;
height:27px;
}
#topheader .contents .search .keywordlink {
float:left;

height:20px;
padding:2px 0 3px 105px;
background:url(../img/header_search_img_01.gif) no-repeat;
font-size:70%;
}

#topheader .contents .search .keywordlink a {
margin-left:10px;
white-space:nowrap;
}
#topheader .contents .search .todohuken {
float:left;
width:110px;
height:20px;
padding:2px 0 3px 26px;
background:url(../img/header_search_img_02.gif) no-repeat;
font-size:70%;
white-space:nowrap;
}

#topheader .contents .search .categorySize {
width:211px;
height:27px;
margin:0 0 0 10px;
}
#topheader .contents .search #categorySelect {
display:block;
/*height:27px;*/
margin:0;
padding:0;
position:relative;
_position:static; /* IE6用 */
_padding-top:5px; /* IE6用 */
border:none;
outline:0;
float:left;
}
#topheader .contents .search select {
/*height:27px;*/
margin:0;
padding:0;
font-size:75%;
color:#444;
position:absolute;
top:0;
left:0;
_position:static; /* IE6用 */
filter:alpha(opacity = 0);
-moz-opacity:0;
opacity:0;
_opacity:1;
border:1px solid #eaeaea;
font-style:normal !important;
}
optgroup {
font-style:normal;
padding:7px 9px 5px 17px;
border-bottom:1px solid #eaeaea;
background:url(../img/header_search_ico_02.gif) no-repeat 8px 11px;
}
#topheader .contents .search option {
padding:7px 9px 5px 17px;
border:1px solid #eaeaea;
border-width:0 1px 1px 1px;
background:url(../img/header_search_ico_01.gif) no-repeat 8px 11px;
}
#topheader .contents .search optgroup option {
padding-left:17px;
border:none;
}
#topheader .contents .search optgroup option.optgroupTop {
border-top:1px dotted #eaeaea;
}
#topheader .contents .search #categoryComent {
display:block;
line-height:12px;
padding:8px 0 0 9px;
color:#444;
background:url(../img/header_field_bg_01.gif) no-repeat;
white-space:nowrap;
font-size:75%;
font-weight:bold;
}
#topheader .contents .search #categorySelectBack,
#topheader .contents .search #categoryComent {
_display:none; /* IE6用 */
}
#topheader .contents .search .keywordfield {
margin-left:20px;
_margin-left:10px; /* IE6用 */
}



/*******
右サイドリンク
********/
#topheader .contents .crm_nav   {
float:right;
width:220px;
}
#topheader .contents .crm_nav li        {
width:70px;
height:57px;
list-style-type:none;
}

#topheader .contents .crm_nav li.btn1{ float:left; }
#topheader .contents .crm_nav li.btn2,
#topheader .contents .crm_nav li.btn3{ float:left;margin-left:5px;}

#topheader .contents .crm_nav li a      {
display:block;
width:70px;
height:57px;
background:url(../img/btn_menu.png) no-repeat;
}
#topheader .contents .crm_nav li a{}
#topheader .contents .crm_nav li.btn2 a { background-position:-70px 0;}
#topheader .contents .crm_nav li.btn3 a { background-position:-140px 0;}
#topheader .contents .crm_nav li a span {
display:none;
}

#topheader .contents .subCont {
width:215px;
margin-top:10px;
margin-right:2px;
float:right;
text-align:right;
display: none;
}
#topheader .contents .subCont a {
font-size:70%;
background:url(../img/icon_blank.gif) no-repeat right 3px;
}
#topheader .contents .subCont a span {
padding-right:15px;
}
/******
右サイドリンク２
********/
#topheader .contents .menu {
float:right;
width:217px;
padding:0 0 3px 0;
background:#e60122 url(../img/header_linknav_img_02.gif) no-repeat left bottom;
font-size:78.5%;
line-height:1.1;
}
#topheader .contents .menu li {
float:left;
width:98px;
height:18px;
padding:2px 0 0 10px;
list-style-type:none;
background:url(../img/header_linknav_ico.gif) no-repeat 10px center;
}
#topheader .contents .menu a {
padding-left:7px;
color:#FFF;
text-decoration:none;
font-size:80%;
}
#topheader .contents .menu a:hover {
color:#DDD;
text-decoration:underline;
}


/********
カテゴリメニュー
********/
#headercategory {
background:url(../img/header_bg_02.gif) repeat-x left bottom;
font-family:'ＭＳ Ｐゴシック',sans-serif;
}
#headercategory ul {
width:990px;
margin:0 auto;
}
#headercategory li {
float:left;
background:url(../img/header_line_01.gif) no-repeat right center;
list-style-type:none;
}
#headercategory li a {
display:block;
width:auto;
height:16px;
padding:6px 4px 0 4px;
font-size:70%;
line-height:1.1;
white-space:nowrap;
color:#333;
}* html #headercategory li a { width:1%;}
#headercategory li a:hover {
background:#ffa300;
color:#FFF;
text-decoration:none;
}
#synthesistop .synthesistop a,
#travel .travel a,
#entame .entame a,
#beauty .beauty a,
#bridal .bridal a,
#seikatsu .seikatsu a,
#gourmet .gourmet a,
#sports .sports a,
#car .car a,
#housing .housing a,
#ikuji .ikuji a,
#manabu .manabu a,
#health .health a,
#kaigo .kaigo a,
#shopping .shopping a,
#bsoriginal .bsoriginal a { background:#ffa300; color:#FFF;}

/********
パンくずナビ
********/
#headerbc {
margin-top:2px;
padding-bottom:10px;
font-size:78.5%;
}
#headerbc p {
width:990px;
margin:0 auto;
}
#headerbc p a,
#headerbc p strong {
margin-left:8px;
padding-left:14px;
background:url(../img/header_ico_01.gif) no-repeat left center;
font-size:80%;
font-weight:normal;
line-height:1.1;
}
#headerbc p .home {
margin-left:0;
padding:0 4px 0 12px;
background:url(../img/header_ico_02.gif) no-repeat left center;
}

/********
会員ログイン
********/
#headerlogin {
width:990px;
margin:0 auto 10px auto;
background:url(../img/header_bg_04.gif) no-repeat;
color:#333;
font-size:78.5%;
text-align:left; /* 2012.04.01 引継ぎページ用調整 */
}
#headerlogin .contents {
padding:0 0 0 4px;
border-bottom:1px solid #ffdcce;
}
#headerlogin .contents .sublink {
margin-left:10px;
padding-left:6px;
background:url(../img/header_ico_05.gif) no-repeat left center;
}
#headerlogin .contents .name {
float:left;
width:670px;
padding:1px 0 0 30px; 
background:url(../img/header_ico_03.gif) no-repeat left top; 
font-size:95%;
font-weight:bold;
margin-top:4px; 
height:20px; 
line-height:20px; 
display: table-cell; 
vertical-align: middle; 
}
#headerlogin .contents .name span,
#headerlogin .contents .name .sublink {
font-size:85%;
font-weight:normal;
}
#headerlogin .contents .links {
float:left;
width:205px;
padding:12px 0 0 0;
border-right:1px solid #ffdcce;
}
#headerlogin .contents .login {
float:right;
width:83px;
padding:4px 0 3px 0;
}
#headerlogin .contents .login a {
display:block;
width:77px;
height:20px;
background:url(../img/header_btn_02.gif) no-repeat;
}
#headerlogin .contents .login a:hover {
background-position:left -20px;
}
#headerlogin .contents .login a span {
display:none;
}
#headerlogin .contents .note {
float:right;
width:165px;
font-size:80%;
margin-top:4px; 
height:20px; 
line-height:20px; 
display: table-cell; 
vertical-align: middle; 
}

/********
loginボックス
********/
#headerlogin .contents #login {
display:none;
position:absolute;
width:217px;
border:1px solid #dc0221;
background:#FFF;
z-index:55;
}
#headerlogin .contents #login .form {
padding:10px 10px 0 10px;
border-bottom:1px solid #e4e4e4;
}
#headerlogin .contents #login .form p {
margin-bottom:10px;
font-size:80%;
color:#666;
}
#headerlogin .contents #login .form p.stl {
margin-bottom:5px;
}
#headerlogin .contents #login .form p.err {
color:#ae005a;
}
#headerlogin .contents #login .form p input {
margin-right: 5px;
vertical-align: middle;
}
#headerlogin .contents #login .form .input input {
width:185px;
margin-bottom:4px;
padding:3px 4px;
border:1px solid #dedede;
background:url(../img/top/img/side_bg_04.gif) repeat-x;
font-size:80%;
}
#headerlogin .contents #login .form .loginbtn {
display:block;
width:197px;
height:34px;
background:url(../img/top/img/side_btn_01.gif) no-repeat;
}
#headerlogin .contents #login .form .loginbtn:hover {
background-position:left -34px;
}
#headerlogin .contents #login .form .loginbtn span {
display:none;
}
#headerlogin .contents #login .form #aboutlogin {
display:block;
width:197px;
height:27px;
background:url(../img/top/img/side_btn_02.gif) no-repeat;
}
#headerlogin .contents #login .form #aboutlogin:hover {
background-position:left -27px;
}
#headerlogin .contents #login .form #aboutlogin span {
display:none;
}


#headerlogin .contents #login .loginIDset {
padding:5px 10px;
border-bottom:1px solid #e4e4e4;
}
#headerlogin .contents #login .loginIDset .nttlogin {
padding:8px 0 8px 30px;
background:url(../img/top/img/side_login_ico_01.gif) no-repeat left center;
font-size:95%;
}
#headerlogin .contents #login .loginIDset .ylogin {
padding:8px 0 8px 30px;
background:url(../img/top/img/side_login_ico_02.gif) no-repeat left center;
font-size:95%;
}
#headerlogin .contents #login .loginIDset .googlelogin {
padding:8px 0 8px 30px;
background:url(../img/top/img/side_login_ico_03.gif) no-repeat left center;
font-size:95%;
}
#headerlogin .contents #login .loginIDset p.note {
padding:4px 0 7px 0;
}


#headerlogin .contents #login a.close {
display:block;
position:absolute;
right:4px;
top:4px;
width:16px;
height:16px;
background:url(../img/header_btn_03.gif) no-repeat;
font-size:0;
cursor:pointer;
}
#headerlogin .contents #login a.close:hover {
background-position:left -16px;
}



/********
会員情報
********/
#headermember {
width:990px;
margin:0 auto 10px auto;
background:url(../img/header_bg_04.gif) no-repeat;
color:#333;
font-size:78.5%;
text-align:left;
}
#headermember .contents {
padding:0 0 0 4px;
border-bottom:1px solid #ffdcce;
}
#headermember .contents .sublink {
margin-left:14px;
padding-left:6px;
background:url(../img/header_ico_05.gif) no-repeat left center;
}
#headermember .contents .name {
float:left;
width:460px; 
padding:1px 0 0 30px; 
background:url(../img/header_ico_03.gif) no-repeat left top; 
font-size:95%;
font-weight:bold;
margin-top:4px; 
height:20px; 
line-height:20px; 
display: table-cell; 
vertical-align: middle; 
}
#headermember .contents .name span {
font-weight:normal;
}
#headermember .contents .name .id {
margin-left:10px;
font-weight:bold; 
}
#headermember .contents .logout {
float:right;
width:83px;
padding:4px 0 3px 0;
}
#headermember .contents .logout a {
display:block;
width:77px;
height:20px;
background:url(../img/header_btn_01.gif) no-repeat;
}
#headermember .contents .logout a:hover {
background-position:left -20px;
}
#headermember .contents .logout a span {
display:none;
}
#headermember .contents .note {
float:right;
padding:0 18px 0 0; 
font-size:80%;
margin-top:4px; 
height:20px; 
line-height:20px; 
display: table-cell; 
vertical-align: middle; 
}

#headermember .contents .ydplogout2        {
float:right;
width:270px;
padding:10px 0 3px;
}

#headermember .contents .ydplogout2 ul     {
list-style:none;
}

#headermember .contents .ydplogout2 li     {
float:left;
padding:0 5px 0 0;
}