@charset "utf-8";

/*-----------------------------------------------------------------------------------------
reset.css
-----------------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}

/*-----------------------------------------------------------------------------------------
base.css
-----------------------------------------------------------------------------------------*/
/* ベース・フォント設定 */
body,select,input,textarea {
	color: #231815;
    font:13px/1.6 "メイリオ","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic", "ＭＳ Ｐゴシック", 'lucida grande',tahoma,verdana,arial, sans-serif;
}
body {background: #F4F3EE; min-width: 1000px; position: relative;}
select,input,textarea,button {font-size:99%;}
pre,code,kbd,samp {font-family: monospace;}
strong,em,th {font-weight: bold; font-style: normal;}
sub {vertical-align: sub; font-size: smaller;}
sup {vertical-align: super; font-size: smaller;}
/* Headings */
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {font-weight: bold;}
/* font-size */
h1, .h1 {font-size: 24px;}
h2, .h2 {font-size: 20px;}
h3, .h3 {font-size: 15px;}
h4, .h4 {font-size: 13px;}
h5, .h5 {font-size: 12px;}
h6, .h6 {font-size: 10px;}
a:link {color: #231815; text-decoration: none; cursor: pointer;}
a:active {color: #231815; text-decoration: none;}
a:hover {color: #231815; text-decoration: underline;}
a:visited {color: #231815; text-decoration: none;}

/* IE以外でスクロールバーを常に出す(IEは元々常に出てる) */
html {overflow-y: scroll;}
/* IE7、FF3.5以上にて、画像をリサイズをバイキュービック法で行う = 若干キレイに見えます */
img {-ms-interpolation-mode:bicubic; image-rendering: optimizequality; vertical-align: bottom;}a 
body {min-width: 1000px;}
/* Common */
#doc {
    background: #fff;
    margin: 0 auto;
    min-height: 100%;
    _height:100%;
    padding-top: 165px;
    width: 1000px;
    position: relative;
}
/* layout_2col */
.layout_2col .layout_main {width: 680px; position: relative;}
.layout_2col .layout_sidebar {width: 300px;}
/* layout処理 */
.left				{*display: inline; float: left;}
.right				{*display: inline; float: right;}
.layout-center		{margin-left:auto; margin-right:auto; position:relative;}
img.layout-center	{display: block;}
.clear				{clear: both;}
/* テキスト処理 */
.text-center		{text-align: center;}
.text-right			{text-align: right;}
.text-left			{text-align: left;}
.strikeout			{text-decoration: line-through;}
.underline			{text-decoration: underline;}
.bold				{font-weight: bold;}
.normal				{font-weight: normal;}
/* display と visibility　*/
.hide				{display: none!important;}
.show,
.isBlock			{display: block;}
.isInline			{display: inline;}
.isInline-block		{display: inline-block; *display: inline; zoom: 1;}
.isInvisible		{visibility: hidden;}
/* ulに対して追加 */
.list-disc 			{list-style: disc; padding-left: 15px;}
.list-square		{list-style: square; padding-left: 15px;}
.list-decimal		{list-style: decimal; padding-left: 15px;}
/* position */
.pos-rel {position: relative;}
.pos-abs {position: absolute;}

#right {
    position: relative;
    margin: 0 auto;
    width: 300px;
}
#right #nav {
    width: inherit;
    background: #fff;
}

/* テキスト飛ばし */
.replace {display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr;}
/* リンク hoverでふわっと */
.form a,.form img {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
/* リンク hoverで透明度を下げる */
a:hover img.trans,
a.trans:hover {
	cursor: pointer;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
.has-grid,
ul.has-grid {word-spacing: -1em; display: table;}
.has-grid li span,.has-grid > span,.has-grid > div,.has-grid > p,.has-grid > ul,.has-grid > li {
	display: inline-block;
    *display: inline; /* IE < 8: inline-block は IE8以下でサポートしていないので、ハック */
    *zoom: 1;
    word-spacing: normal;
	vertical-align: top;
}
/* form */
label, input[type="button"], input[type="submit"], input[type="image"], button {cursor: pointer;}
button, input, select, textarea {margin: 0;}
textarea {overflow: auto;}
input:invalid, textarea:invalid {border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;}
/* clearfix */
.clearfix:after,.cf:after,#doc:after,#header:after,#body:after,#footer:after,.layout-unit:after,.has-grid:after,ol:after,ul:after,dl:after,header div:after,section:after,nav:after,header:after {
	clear: both;
	display: block;
	visibility: hidden;
	overflow: hidden;
	height: 0 !important;
	line-height: 0;
	font-size: xx-large;
	content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
}
.clearfix,.cf,#doc,#header,#body,#footer,.layout-unit,.has-grid,ol,ul,dl,div,section,nav,header {zoom: 1;} /* IE < 8 */
.has-table {display: block; display: table;}
.has-table > span, .has-table > div {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    display: table-cell;
    vertical-align: middle;
}
/* common */
.icon {
    background: transparent url(http://img.aacdn.jp/for_m/sprite.png) no-repeat 0 0;
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.red {color: #e60012;}
/* リンクを一部青にしたい時用 */
a.link {color: #005ead;}
a.link:visited {color: #941d55;}

/************* ボタン類 **************/
 /* 右枠に入った時 */
.right-box .btn-black-border {
    border-bottom: 1px dotted #c8c5c4; padding: 7px 0;
    border-top: 1px dotted #c8c5c4; padding: 7px 0;
}
.btn-black-border a {
    background: #fff;
    border: 3px solid #231815;
    border-radius: 8px;
    margin: 15px;
    padding: 15px;
}
.btn-black-border > a > .text,
.btn-black > a > .text {
    font-size: 16px;
    font-weight: bold;
    padding: 0;
}
 /* 左枠に入った時 */
.layout_main .btn-black-border,
.layout_main .btn-black {margin: 0 auto; width: 340px;}
.layout_main .btn-black-border a {margin: 0 15px; padding: 10px;}
.btn-black-border a:hover,
.btn-black a:hover {text-decoration: none;}
.btn-black-border a:hover {background: #231815; color: #fff;}
.btn-black-border a .arrow-b,
.btn-black-border a .arrow-b-back {
    background-position: -214px -83px;
    height: 25px;
    margin-left: 5px;
    width: 25px;
}
.btn-black-border a:hover .arrow-b,
.btn-black-border a:hover .arrow-b-back,
.btn-black a .arrow-b-back {
    background-position: -245px -83px;
    height: 25px;
    margin-left: 5px;
    width: 25px;
}
.btn-black-border a .arrow-b-back,
.btn-black-border a:hover .arrow-b-back,
.btn-black a .arrow-b-back {
    margin: 0 5px 0 0;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);  
    -moz-transform: rotate(180deg);  
}
 /* Mトップに戻るボタン */
.btn-black a {
    background: #231815;
    border-radius: 8px;
    color: #fff;
    margin: 0 15px;
    padding: 13px;
}
.btn-black a:hover {color: #e60012;}
.btn-black a:hover .arrow-b-back {background-position: -254px -176px;}
.return-top a {
    position: fixed;
    bottom: 20px;
    right: 100px;
    z-index: 1000;
}
.return-top a:hover {text-decoration: none;}
.return-top .text {color: #9fa0a0; font-weight: bold;}
.return-top .btn {
    background: #fff;
    border: 3px solid #9fa0a0;
    border-radius: 8px;
    height: 40px;
    width: 40px;
}
.return-top a:hover .btn {background: #9fa0a0;}
.return-top .arrow-g {
    background-position: -216px -115px;
    height: 25px;
    margin-top: 6px;
    width: 25px;
}
.return-top a:hover .arrow-g {background-position: -248px -115px;}

/*-----------------------------------------------------------------------------------------
header
-----------------------------------------------------------------------------------------*/
.container {position: relative;}
.m-header {
    height: 165px;
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
}
.m-header .header-inner {
    background: #fff;
    margin: 0 auto;
    width: 1000px;
}
.m-header .header-area {padding: 30px 20px 10px; position: relative;}
.header-area .left-box {width: 460px;}
.logo-main {font-size: 100%;}
.logo-main .logo {width: 247px; margin-right: 15px;}
.logo-main .shoulder {width: 187px;}
.header-area .right-box {margin: 0;width: 500px;}
.logo-aa {
    background-position: -71px -215px;
    height: 16px;
    margin-bottom: 8px;
    width: 80px;
}
.header-area .right-box .sns-icon-list {width: 111px;}
.header-area .right-box .sns-icon-list .icon {
    background-color: #231815;
    border-radius: 50px;
    height: 20px;
    margin-left: 5px;
    padding: 6px;
    width: 20px;
}
.header-area .right-box .sns-icon-list .fb {background-position: 9px -207px;}
.header-area .right-box .sns-icon-list .tw {background-position: -15px -207px;}
.header-area .right-box .sns-icon-list .rss {background-position: -39px -207px;}
.header-area .right-box .form-box {width: 200px; margin: 3px 0 0 180px;}
.header-area .right-box .form-box .text-search {
    border: 1px solid #ccc;
    display: block;
    height: 25px;
    padding: 0;
    text-indent: 3px;
    width: 200px;
}
/*-----------------------------------------------------------------------------------------
navi
-----------------------------------------------------------------------------------------*/
.navi-list {border-top: 1px dotted #C8C5C4; font-family: 'PT Serif Caption', serif; margin: 0 auto 15px;}
.navi-list li {
    display: inline-block;
    /display: inline;
    zoom: 1;
}
.navi-list li a {
    background: transparent url(http://img.aacdn.jp/for_m/bg_border_dashed_black.png) no-repeat 50% 0;
    color: #000;
    display: block;
    font-size: 11px;
    padding: 12px 0;
    width: 95px;
}
.navi-list li a:hover,
.navi-list li.current a {color: #fff; text-decoration: none;}
.navi-list li.current a {background: url(http://img.aacdn.jp/for_m/bg_border_dashed_white.png) no-repeat 50% 0;}
.navi-list li.fashion a:hover,
.navi-list li.fashion.current {background: #00AEBB url(http://img.aacdn.jp/for_m/bg_border_dashed_white.png) no-repeat 50% 0;}
.navi-list li.business a:hover,
.navi-list li.business.current {background: #3071B9 url(http://img.aacdn.jp/for_m/bg_border_dashed_white.png) no-repeat 50% 0;}
.navi-list li.beauty a:hover,
.navi-list li.beauty.current {background: #F19DB5 url(http://img.aacdn.jp/for_m/bg_border_dashed_white.png) no-repeat 50% 0;}
.navi-list li.gourmet a:hover,
.navi-list li.gourmet.current {background: #ED6C00 url(http://img.aacdn.jp/for_m/bg_border_dashed_white.png) no-repeat 50% 0;}
.navi-list li.digital a:hover,
.navi-list li.digital.current {background: #6FBA2C url(http://img.aacdn.jp/for_m/bg_border_dashed_white.png) no-repeat 50% 0;}
.navi-list li.interview a:hover,
.navi-list li.interview.current {background: #00AFEC url(http://img.aacdn.jp/for_m/bg_border_dashed_white.png) no-repeat 50% 0;}
.navi-list li.travel a:hover,
.navi-list li.travel.current {background: #920783 url(http://img.aacdn.jp/for_m/bg_border_dashed_white.png) no-repeat 50% 0;}
.navi-list li.auto a:hover,
.navi-list li.auto.current {background: #BF9D6D url(http://img.aacdn.jp/for_m/bg_border_dashed_white.png) no-repeat 50% 0;}
.navi-list li.love a:hover,
.navi-list li.love.current {background: #E40077 url(http://img.aacdn.jp/for_m/bg_border_dashed_white.png) no-repeat 50% 0;}
.navi-list li.lifestyle a:hover,
.navi-list li.lifestyle.current {background: #FABE00 url(http://img.aacdn.jp/for_m/bg_border_dashed_white.png) no-repeat 50% 0;}

/*-----------------------------------------------------------------------------------------
slim-navi
-----------------------------------------------------------------------------------------*/
.slim-header #doc {padding-top: 90px;}
.slim-header .header-area {padding: 10px 20px 6px;}
.slim-header .navi-list li a {
    background: transparent url(http://img.aacdn.jp/for_m/bg_border_dashed_black.png) no-repeat 50% -8px;
    font-size: 10px;
    padding: 6px 0;
}
.slim-header .navi-list li a:hover {background-position: 50% -8px;}

/*-----------------------------------------------------------------------------------------
top-page
-----------------------------------------------------------------------------------------*/
.main-column-box {
    height: 445px;
    margin-bottom: 15px;
}
.main-column-box .photo {position: relative;}
.main-column-box a:hover,
.top-list li a:hover {text-decoration: none;}/* FF,IEラベルに下線が出るため */
.main-column-box .text {
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 20px;
}
.main-column-box .text .heading {
    background: rgba(0, 0, 0, 0.4);
    font-size: 40px;
    font-weight: normal;
    margin-bottom: 5px;
    padding: 4px 50px 0;
}
.main-column-box .text .read {
    background: rgba(0, 0, 0, 0.4);
    font-size: 12px;
    padding: 4px 50px;
}
.main-column-box .label,
.top-list a .photo .label,
.cmn-list .label {
    background: #231815;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    color: #fff;
    font-family: 'PT Serif Caption', serif;
    position: absolute;
    left: 10px;
    top: 0;
}
.main-column-box .label {left: 20px; padding: 20px;}/* メイン画像のところ */
/* list */
.top-list li {margin-bottom: 15px;}
.top-list .photo {position: relative;}
.top-list a .photo .label {padding: 5px 10px;}
.top-list a:hover .text {text-decoration: underline;}/* FF,IEラベルに下線が出るため */
/* label */
.container a:hover .label.fashion {background: #00AEBB;}
.container a:hover .label.business {background: #3071B9;}
.container a:hover .label.beauty {background: #F19DB5;}
.container a:hover .label.gourmet {background: #ED6C00;}
.container a:hover .label.digital {background: #6FBA2C;}
.container a:hover .label.interview {background: #00AFEC;}
.container a:hover .label.travel {background: #920783;}
.container a:hover .label.auto {background: #BF9D6D;}
.container a:hover .label.love {background: #E40077;}
.container a:hover .label.lifestyle {background: #FABE00;}
.container a:hover .label.fashion {
    border-bottom: 1px solid #00AEBB;
    border-left: 1px solid #00AEBB;
    border-right: 1px solid #00AEBB;
}
.container a:hover .label.business {
    border-bottom: 1px solid #3071B9;
    border-left: 1px solid #3071B9;
    border-right: 1px solid #3071B9;
}
.container a:hover .label.beauty {
    border-bottom: 1px solid #F19DB5;
    border-left: 1px solid #F19DB5;
    border-right: 1px solid #F19DB5;
}
.container a:hover .label.gourmet {
    border-bottom: 1px solid #ED6C00;
    border-left: 1px solid #ED6C00;
    border-right: 1px solid #ED6C00;
}
.container a:hover .label.digital {
    border-bottom: 1px solid #6FBA2C;
    border-left: 1px solid #6FBA2C;
    border-right: 1px solid #6FBA2C;
}
.container a:hover .label.interview {
    border-bottom: 1px solid #00AFEC;
    border-left: 1px solid #00AFEC;
    border-right: 1px solid #00AFEC;
}
.container a:hover .label.travel {
    border-bottom: 1px solid #920783;
    border-left: 1px solid #920783;
    border-right: 1px solid #920783;
}
.container a:hover .label.auto {
    border-bottom: 1px solid #BF9D6D;
    border-left: 1px solid #BF9D6D;
    border-right: 1px solid #BF9D6D;
}
.container a:hover .label.love {
    border-bottom: 1px solid #E40077;
    border-left: 1px solid #E40077;
    border-right: 1px solid #E40077;
}
.container a:hover .label.lifestyle {
    border-bottom: 1px solid #FABE00;
    border-left: 1px solid #FABE00;
    border-right: 1px solid #FABE00;
}
.cmn-list .label {font-size: 11px; padding: 5px 5px 3px;}
.news .label {color: #fff; font-family: 'PT Serif Caption', serif; padding: 10px 0;}

/*-----------------------------------------------------------------------------------------
right-column
-----------------------------------------------------------------------------------------*/
.right-box {margin-bottom: 20px; width: 300px;}
.right-box .heading {
    background: #231815;
    color: #FFF100;
    font-size: 15px;
    font-weight: normal;
    padding: 8px;
}
.ranking .heading,
.news .heading {font-family: 'PT Serif Caption', serif;}
.ranking li a {border-bottom: 1px dotted #c8c5c4; padding: 10px 7px;}
.ranking li a:hover {background: #f4f4f4;}
.right-box a:hover,
.news-contents a:hover {text-decoration: none;}
.ranking .text {width: 240px;}
.ranking .label {
    background: #9c9c9c;
    color: #fff;
    margin-top: -5px;
    padding: 0 10px;
}
.ranking a:hover .text,
.news-contents a:hover .text .read {text-decoration: underline;}
.ranking .order {height: 31px; margin-right: 10px; width: 32px;}
.ranking .rank01 {background-position: -216px 0;}
.ranking .rank02 {background-position: -259px 0;}
.ranking .rank03 {background-position: -216px -40px;}
.ranking .rank04 {background-position: -249px -45px;}
.ranking .rank05 {background-position: -270px -45px;}
.news-contents,
.news .text {height: 150px;}
.news .photo,
.news .text {background: #9c9c9c; width: 150px;}
.news .text .read {background: #F4F4F4;
    display: table-cell;
    height: 100px;
    padding: 0 5px;
    width: 150px;
    vertical-align: middle;
}
.melmaga {
    background: #231815;
    margin-bottom: 20px;
    padding: 15px 10px;
    width: 280px;
}
.melmaga .heading {
    background: none;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 13px;
    padding: 0;
}
.envelope {
    background-position: -216px -178px;
    height: 23px;
    margin-right: 8px;
    width: 31px;
}
.melmaga .melmaga-form .text-address {
    background: #fff;
    border: none;
    display: block;
    height: 25px;
    margin-right: 10px;
    padding: 0;
    text-indent: 3px;
    width: 220px;
}
.melmaga .melmaga-form .btn-entry {
    background: #e60012;
    border: none;
    color: #fff;
    height: 25px;
    width: 50px;
}
.supplement-list {border-bottom: 1px dotted #c8c5c4; border-top: 1px dotted #c8c5c4;}
.supplement-list a {padding: 10px 0;}
.supplement-list a:hover {background: #f4f4f4;}
.supplement-list .photo {margin-right: 10px; width: 100px;}
.supplement-list .text {width: 185px;}

/* 一覧導線 */
.right-box .list-black-border {
    border: 4px solid #231815;
}
.right-box .list-black-border li a {
    position: relative;
    display: block;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
}
.right-box .list-black-border li:not(:last-child) a {
    border-bottom: 2px solid #231815;
}
.right-box .list-black-border a:hover {
    text-decoration: none;
    background: #231815;
    color: #fff;
}
.right-box .list-black-border a .arrow-b {
    position: absolute;
    right: 10px;
    top: 25%;
    background-position: -214px -83px;
    height: 25px;
    width: 25px;
}
.right-box .list-black-border a:hover .arrow-b{
    background-position: -245px -83px;
    height: 25px;
    width: 25px;
}
.right-box .list-black-border .text-large {
    margin-right: 5px;
    font-size: 20px;
}

/*-----------------------------------------------------------------------------------------
footer
-----------------------------------------------------------------------------------------*/
.footer-area {border-top: 1px dotted #c8c5c4; padding: 20px 10px 10px;}
.navi-footer {margin-bottom: 20px;}
.navi-footer ul {margin: 0 auto;}
.navi-footer li:first-child {border-left: 1px solid #969696;}
.navi-footer li {border-right: 1px solid #969696;}
.navi-footer li a {
    color: #727171;
    font-size: 12px;
    padding: 0 15px;
}
.copyright {color: #999; font-size: 10px;}
.copyright .logo-btm {margin-right: 10px;}

/*-----------------------------------------------------------------------------------------
Direction Nav
-----------------------------------------------------------------------------------------*/
.flexslider li, .flexslider-noscript li {
    position: relative;
}
.flexslider li {
    display: none;
}
.flexslider .slides .photo-box, .flexslider-noscript .slides .photo-box { margin-bottom :0;}
.flex-direction-nav {height: 0;}
.flex-direction-nav li a {
    width: 20px;
    height: 20px;
    display: block;
    cursor: pointer;
    text-indent: -999em;
}
.flex-direction-nav li .next {
    background-position: -199px -253px;
    position: absolute;
    bottom: 4px;
    right: 0px;
}
.flex-direction-nav li .prev {
    background-position: -150px -253px;
    position: absolute;
    bottom: 4px;
    left: 0px;
}
.flex-direction-nav li .disabled {
    opacity: .3;
    filter:alpha(opacity=30);
    cursor: default;
}
/* Control Nav */
.flex-control-nav {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    height: 27px;
//    position: absolute;
//    bottom: 7px;
}
.flex-control-nav li {
    margin: 0 5px;
    display: inline-block;
}
.flex-control-nav li a {
    width: 10px;
    height: 10px;
    display: block;
    background: #666;
    text-indent: -999em;
    border-radius: 10px;
}
.flex-control-nav li a:hover {
    background-position: #000;
    background: #333;
    opacity: 0.9;
}
.flex-control-nav li a.active {
    background-position: #FFF;
    background: #000;
    cursor: default;
    opacity: 0.9;
}

/*-----------------------------------------------------------------------------------------
ヘッダー縮小
-----------------------------------------------------------------------------------------*/
.header inner .text-search { font-size: 12px;}
.small-header #header-area {padding-top: 3px; padding-bottom: 3px;}
.small-header > .text-right {font-size: 0; margin-bottom: 0;}
.small-header > .text-right > a {font-size: 0; margin-bottom: 3px !important;}
.small-header > div .sns-icon-list {font-size: 0;}
.small-header .text-search {font-size: 12px;}
.small-header > div a {margin-bottom: 0 !important;}
#header-image {height: 56px;}
.small-header #header-image {height: 48px;}
.header-inner div,
.header-inner a,
.header-inner img {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
#image_loader {text-align: center; display: none;}
#aa-logo > a {
    margin-bottom: 8px;
    height: 16px;
    opacity: 1;
    filter: alpha(opacity=100);
}
.transparency {
    height: 0 !important;
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
}
.transparency a {
    -moz-background-size: 0%;
    background-size: 0%;
    height: 0;
    display: none;
}
.small-logo {width: 141px; height: 32px;}

/*-----------------------------------------------------------------------------------------
検索結果ページ
-----------------------------------------------------------------------------------------*/
.gsc-cursor-box{
    text-align: center !important;
}
.gsc-cursor{
    height: 28px;
    display: inline-block !important;
}
#cse .gsc-cursor-page{
    font-size:18px;
    padding:0 15px;
    border-right:1px solid #ccc;
    margin:0;
    display: inline-block !important;
    width: 20px;
}
#cse .gsc-cursor-page:first-child{
    border-left:1px solid #ccc;
}
#cse .gsc-cursor-page:hover{
    background-color:#fdf6e5;
}
.gsc-result .gs-title {
    height: 1.4em !important;
}
.gsc-orderby div:after,
.gcsc-branding div:after{
    display: none;
}
/***   search-box-bottom   ***/
div#formbox-btm {
    margin-bottom: 20px;
    background-color: #eee;
    padding: 6px;
    zoom: 1;
}
div#formbox-btm div.formtxtleft {
    float: left;
    width: 600px;
}
div#formbox-btm div.formtxtright {
    float: right;
    width: 480px;
}
div#formbox-btm p.txtsite {
    float: left;
    width: 115px;
    margin-right: 5px;
    top: 4px;
    position: relative;
}
div#formbox-btm .ylogo {
    top: 5px;
    left: 6px;
    position: relative;
}
div#formbox-btm p.websearch {
    margin-top: 8px;
    float: right;
    text-align: right;
    width: 340px;
}
div#formbox-btm .input-text {
    padding: 3px;
    width: 350px;
}