@charset "UTF-8";
/*------------------------------------
 スマホの表示
--------------------------------------*/
#df_wrap *.df_spView {
display:none;
}
#df_wrap *.df_pcView {
display:block;
}
 @media only screen and (max-width:640px) {
#df_wrap *.df_spView {
display:block;
}
#df_wrap *.df_pcView {
display:none;
}
}
/*------------------------------------
 レイアウト
--------------------------------------*/
body {
background:#FFF;
/* background:url(/shared/images/bg_body.png) no-repeat center top; */
}
 @media only screen and (max-width:640px) {
body {
background:none;
overflow-x: hidden;
/* background:url(/shared/images/bg_head_sp.png) repeat-x top left; */
}
}

body#df_topHead {
margin: 0;
padding: 0;
}

/*--- ヘッダ ---*/
#df_wrap #df_header {
width:100%;
margin:0 0 14px 0;
}
 @media only screen and (max-width:640px) {
#df_wrap #df_header {
overflow:hidden;
}
}
/*--- グロナビ ---*/
#df_wrap .df_globalNavWrap {
width:1030px;
margin:0 auto;
}
#df_wrap .df_globalNav {
clear:both;
width:832px;
height:45px;
float:left;
background: #5777a0;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU3NzdhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU3NzdhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzMyNTE4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMjUxODgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #5777a0 0%, #5777a0 50%, #325188 51%, #325188 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5777a0), color-stop(50%, #5777a0), color-stop(51%, #325188), color-stop(100%, #325188));
background: -webkit-linear-gradient(top, #5777a0 0%, #5777a0 50%, #325188 51%, #325188 100%);
background: -o-linear-gradient(top, #5777a0 0%, #5777a0 50%, #325188 51%, #325188 100%);
background: -ms-linear-gradient(top, #5777a0 0%, #5777a0 50%, #325188 51%, #325188 100%);
background: linear-gradient(to bottom, #5777a0 0%, #5777a0 50%, #325188 51%, #325188 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5777a0', endColorstr='#325188', GradientType=0 );
/*border:solid 1px #5070AB;*/
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
}
/*--- google検索 ---*/
#df_wrap .df_googleSearch {
float:right;
width:172px;
margin:0 0 0 6px;
padding:2px 8px 2px 8px;
border:solid 1px #979998;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #e7e7e7 51%, #e7e7e7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(51%, #e7e7e7), color-stop(100%, #e7e7e7));
background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #e7e7e7 51%, #e7e7e7 100%);
background: -o-linear-gradient(top, #ffffff 0%, #ffffff 50%, #e7e7e7 51%, #e7e7e7 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 50%, #e7e7e7 51%, #e7e7e7 100%);
background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #e7e7e7 51%, #e7e7e7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7', GradientType=0 );
position:relative;
z-index:1;
}
 @media only screen and (max-width:640px) {
/*--- ヌルメニュー ---*/
/*#df_wrap .df_globalNavWrap {
width:auto;
margin:0 auto;
overflow:hidden;
}*/

/*--- グロナビヌルメニュー ---*/
#df_wrap .df_globalNav {
clear:both;
width:auto;
height:auto;
float:none;
background:none;
filter:none;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
-o-border-radius:0;
-ms-border-radius:0;
}
#df_wrap .df_globalNav.df_spView {
background:#FFF;
box-shadow:none;
clear:both;
}
#df_wrap .df_globalNav.df_spView ul:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
#df_wrap .df_globalNav.df_spView ul {
padding:0 0 10px 0;
}
#df_wrap .df_globalNav.df_spView a {
color:#666;
font-weight:bold;
}
/*
#df_wrap #df_modal .df_globalNav.df_spView a, #df_wrap #df_modal .df_globalNav.df_spView a:hover {
background:none;
display:block;
text-indent:0;
color:#FFF;
text-decoration:none;
}
*/
#df_wrap .df_globalNav.df_spView li {
float:left;
display:block;
width:50%;
}
#df_wrap .df_googleSearch {
float:none;
width:auto;
margin:0 0 0 0;
padding:0 0 0 0;
border:none;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
-o-border-radius:0;
-ms-border-radius:0;
background:none;
filter:none;
position:inherit;
z-index:inherit;
}
}
/*--- メイン ---*/
#df_wrap #df_main {
clear:both;
width:1030px;
margin:0 auto 15px auto;
padding:20px 0 0 0;
}
 @media only screen and (max-width:640px) {
#df_wrap #df_main {
width:100%;
padding:0 0 0 0;
margin:0 auto 10px auto;
}
}
#df_wrap #df_main:after {
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}
/*--- コンテンツ ---*/
#df_wrap #df_content {
float:left;
width:715px;
margin:0 15px 0 0;
}
 @media only screen and (max-width:640px) {
#df_wrap #df_content {
float:none;
width:100%;
/*margin:0 0 10px 0;*/
margin:0 0 0 0;
}
/*
#df_wrap #df_content>* {
margin-left:14px;
margin-right:14px;
}
*/
}
/*--- サイドカラム ---*/
#df_wrap #df_side {
width:100%;
max-width:300px;
float:right;
margin:0 0 0 0;
}
 @media only screen and (max-width:640px) {
#df_wrap #df_side {
float:none;
margin:0 auto;
}
}

/* フッタバナー上バナー */
#df_wrap .df_linkAreaDown {
margin-bottom: 60px;
}
@media only screen and (max-width: 640px) {
#df_wrap .df_linkAreaDown {
margin-bottom: 10px;
}
}
#df_wrap .df_linkAreaDown .df_linkAreaDownInner {
clear: both;
width: 1030px;
margin:0 auto;
}
#df_wrap .df_linkAreaDown .df_linkAreaDownInner ul {
margin: 0 auto;
}

#df_wrap .df_linkAreaDown .df_linkAreaDownInner ul li {
list-style-type: none;
margin: 0 15px 10px 0;
display: inline-block;
vertical-align: top;
}
#df_wrap .df_linkAreaDown .df_linkAreaDownInner ul li a {
text-decoration: none;
}
@media only screen and (max-width: 640px) {
#df_wrap .df_linkAreaDown .df_linkAreaDownInner {
width: 100%;
text-align: center;
margin-left: -18px;
}
#df_wrap .df_linkAreaDown .df_linkAreaDownInner ul li {
margin: 0px 5px 5px 0px;
}
#df_wrap .df_linkAreaDown .df_linkAreaDownInner ul li.df_linkAreaDown_img {
display: inline-block;
vertical-align: top;
width: 40%;
margin: 0 10px;
}
#df_wrap .df_linkAreaDown .df_linkAreaDownInner ul li.df_linkAreaDown_img img {
max-width: 100%;
height: auto;
margin: 10px 0px 0;
}
#df_wrap .df_linkAreaDown .df_linkAreaDownInner ul li.df_linkAreaDown_text {
display: block;	
}
#df_wrap .df_linkAreaDown .df_linkAreaDownInner ul li.df_linkAreaDown_text .df_plainBtn {
width: 100%;
}
}

#df_wrap .df_linkAreaDown .df_linkAreaDownInner ul li.df_linkAreaDown_img a img {
border-style: none;
}
/*--- フッタバナー ---*/
#df_wrap #df_adFooter {
clear:both;
width:1030px;
/*margin:0 auto 34px auto;*/
margin:0 auto 8px auto;
}
/*--- フッタ ---*/
#df_wrap #df_footerWrap {
clear:both;
}
#df_wrap #df_footer {
clear:both;
overflow:hidden;
background:url(/shared/images/bg_footer.png) repeat-x 0 bottom;
}
 @media only screen and (max-width:640px) {
#df_wrap #df_footer {
background:none;
}
#df_wrap #df_adFooter {
width:100%;
max-width:300px;
margin:0 auto 0 auto;
text-align:center;
}
}
/*------------------------------------
 以下各レイアウト詳細
--------------------------------------*/

/*--- ヘッダ ---*/
#df_wrap #df_headerLine {
font-size:0.85em;
margin:0 0 14px 0;
position:relative;
z-index:1;
line-height:30px;
background-color: #005ea1;
}
#df_wrap #df_headerLine:after {
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}
#df_wrap h1.df_summary {
float:left;
color: #ffffff;
}
#df_wrap .df_headLogin {
float:right;
}
#df_wrap .df_headLogin ul {
float:left;
}
#df_wrap .df_headLogin .df_taikai {
display:none;
}
#df_wrap .df_headLogin li {
display:inline-block;
float:left;
margin:0 0 0 5px;
font-size:1.05em;
color: #ffffff;
}

#df_wrap .df_headLogin .df_premiumMember span {
color:#F90;
background: url(../images/icon_premium_member.png) no-repeat 0px 49%;
padding: 0 0 0 14px;
display:inline-block;
}

#df_wrap .df_headLogin .df_loginStatus {
color:#666;
font-size:0.9em;
}
#df_wrap .df_headLogin li a {
color:#ffffff;
text-decoration:underline;
}
#df_wrap .df_headLogin li a:hover{
text-decoration:none;
}
#df_wrap .df_headLogin li:before {
content:"｜";
padding:0 5px 0 0;
}
@media only screen and (min-width:641px) {
#df_wrap #df_header, #df_wrap #df_footer {
min-width:1050px;
}
}
@media only screen and (max-width:640px) {
#df_wrap .df_headLogin li:before {
padding:0 0;
}
#df_wrap .df_headLogin .df_premiumMember span {
display: block;
}
}

#df_wrap .df_headLogin li.df_name{
white-space:nowrap;
}
#df_wrap .df_headLogin li.df_name:before {
content:"";
padding:0 0;
}
#df_wrap .df_headerInner {
width:1030px;
margin:0 auto;
min-height: 90px;
}
#df_wrap .df_headerLineInner {
	width: 1030px;
	margin: auto;
}
@media only screen and (max-width:640px) {
#df_wrap .df_headerLineInner {
	width: 100%;
	margin: auto;
}
}

@media only screen and (max-width:640px) {
#df_wrap .df_headerInner {
min-height:inherit;
}
}

#df_wrap .df_headerInner:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
#df_wrap #df_logo {
float:left;
margin:14px 0 0 2px;
}
#df_wrap #df_logo img {
width:236px;
height:67px;
}
#df_wrap #df_adHeader {
float:right;
line-height: 76px;
}
 @media only screen and (max-width:640px) {
/*--- ヘッダ ---*/
#df_wrap #df_headerLine {
margin:0 0 14px 0;
padding:0 0 4px 0;
line-height:1.5;
}
#df_wrap h1.df_summary {
display:none;
}
#df_wrap .df_headLogin {
float:none;
font-size:0.95em;
}
#df_wrap .df_headLogin ul {
clear: both;
float:none;
margin: 0 8px 0;
padding-top:3px;
text-align:right;
}
/*
#df_wrap .df_headLogin li {
display:block;
float:right;
text-align:right;
}
*/
#df_wrap .df_headLogin .df_name a {
font-size:1.2em;
}
#df_wrap .df_headLogin li {
float:right;
margin: 0px 0 0 10px;
display: inline-block;
}
#df_wrap .df_headLogin li a{
display:block;
}

#df_wrap .df_headLogin li.df_name {
margin:0 0 0 6px;
display:block;
}

#df_wrap .df_headLogin .df_login:before, #df_wrap .df_headLogin .df_newEntry:before {
/* padding:0 3px 0 0; */
padding:0 0 0 0;
}
#df_wrap .df_headerInner {
width:100%;
}
#df_wrap .df_headLogin li:before {
content:"";
}
#df_wrap .df_headLogin .df_loginStatus {
margin:-10px 0 0 0;
font-size:1em;
}
#df_wrap #df_adHeader {
float:none;
clear:both;
margin:0 6px;
text-align: center;
}
#df_wrap #df_adHeader img {
max-width:100%;
height:auto;
margin: auto;
}
#df_wrap #df_logo {
margin:0 0 14px 6px;
}
#df_wrap #df_logo img {
width:146px;
height:auto;
}
#df_wrap #df_adHeader {
line-height:inherit;
}

}
/*--- グロナビ ---*/
#df_wrap .df_globalNav li {
display:inline-block;
float:left;
width:104px;
height:45px;
}
#df_wrap .df_globalNavWrap .df_globalNav li a {
display:block;
text-indent:-9999px;
height:45px;
outline:none;
overflow:hidden;
}

#df_wrap .df_pcView .df_globalNav ul {
background: url(../../shared/images/bg_global_nav.png) no-repeat center;
height: 45px;
margin: 0;
padding: 0;
}
/*--- ニュース ---*/
#df_wrap .df_pcView .df_globalNav ul .df_news:hover {
background: url(../../shared/images/btn_global_nav_news_hover.png) no-repeat center;
}
/*--- テレビ ---*/
#df_wrap .df_pcView .df_globalNav ul .df_tv:hover {
background: url(../../shared/images/btn_global_nav_tv_hover.png) no-repeat center;
}
/*--- ラジオ ---*/
#df_wrap .df_pcView .df_globalNav ul .df_radio:hover {
background: url(../../shared/images/btn_global_nav_radio_hover.png) no-repeat center;
}
/*--- 番組表 ---*/
#df_wrap .df_pcView .df_globalNav ul .df_bangumi:hover {
background: url(../../shared/images/btn_global_nav_timetable_hover.png) no-repeat center;
}
/*--- イベント情報 ---*/
#df_wrap .df_pcView .df_globalNav ul .df_event:hover {
background: url(../../shared/images/btn_global_nav_event_hover.png) no-repeat center;
}
/*--- プレゼント・試写会 ---*/
#df_wrap .df_pcView .df_globalNav ul .df_presentPreview:hover {
background: url(../../shared/images/btn_global_nav_present_hover.png) no-repeat center;
}
/*--- アナウンサー ---*/
#df_wrap .df_pcView .df_globalNav ul .df_announcer:hover {
background: url(../../shared/images/btn_global_nav_announcer_hover.png) no-repeat center;
}
/*--- KNBショップ ---*/
#df_wrap .df_pcView .df_globalNav ul .df_shop:hover {
background: url(../../shared/images/btn_global_nav_shop_hover.png) no-repeat center;
}
/*--- KNBご意見お問い合せ ---*/
#df_wrap .df_pcView .df_globalNav ul .df_inquiry:hover {
background: url(../../shared/images/btn_global_nav_inquiry_hover.png) no-repeat center;
}
/*--- google検索 ---*/
#df_wrap .df_globalNavWrap .df_googleSearch:before {
content:"";
position:absolute;
z-index:-1;
top:1px;
left:1px;
right:1px;
bottom:1px;
border:1px solid #FFF;/*background:#4aa929;*/
}
#df_wrap .df_globalNavWrap .df_googleSearch p {
font-size:0.7em;
color:#717171;
letter-spacing:-0.01em;
margin:0 0 -3px 0;
}
#df_wrap .df_globalNavWrap .df_googleSearch input[type="text"] {
width:122px;
height:20px;
line-height:22px;
padding:0 0 0 0;
!important display:inline-block;
border:solid 1px #8D8D8D;
float:left;
background-image:url(/shared/images/google_custom_search_watermark.gif);
background-color: rgb(255, 255, 255);
background-position: 0% 50%;
background-repeat: no-repeat no-repeat;
}
#df_wrap .df_globalNavWrap .df_googleSearch input[type="text"]:focus{
background:#fff;
}

#df_wrap .gSearchBtn {
font-size:0.85em;
width:44px;
height:22px;
float:right;
margin:3px 0 0 0;
background:none;
border:none;
color:#FFF;
letter-spacing:0.05em;
background: #7d7d7d;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkN2Q3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzdkN2Q3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzUzNTE1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MzUxNTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #7d7d7d 0%, #7d7d7d 50%, #535152 51%, #535152 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7d7d), color-stop(50%, #7d7d7d), color-stop(51%, #535152), color-stop(100%, #535152));
background: -webkit-linear-gradient(top, #7d7d7d 0%, #7d7d7d 50%, #535152 51%, #535152 100%);
background: -o-linear-gradient(top, #7d7d7d 0%, #7d7d7d 50%, #535152 51%, #535152 100%);
background: -ms-linear-gradient(top, #7d7d7d 0%, #7d7d7d 50%, #535152 51%, #535152 100%);
background: linear-gradient(to bottom, #7d7d7d 0%, #7d7d7d 50%, #535152 51%, #535152 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7d7d', endColorstr='#535152', GradientType=0 );
}
 @media only screen and (max-width:640px) {
/*
#df_wrap .df_nuruMenuIn {
width:126px;
height:30px;
float:right;
margin:6px 6px 0 0;
}
*/

#df_wrap .df_nuruMenu {
margin:0 6px;
}
#df_wrap .df_nakami {
clear:both;
background:#00498F;
padding:8px;
margin:0 0 14px 0;
position: relative;
}
#df_wrap .df_nakami:after {
content: ' ';
height: 0;
position: absolute;
width: 0;
border: 10px solid transparent;
border-top:none;
border-color:transparent transparent #00498F transparent;
border-top-color: #00498F;
top:-10px;
right:32px;
}
#df_wrap .df_nakami ul {
overflow:hidden;
_zoom: 1;
}
#df_wrap .df_nakami li {
border-bottom:solid 1px #CCC;
border-left:solid 1px #CCC;
margin:0 0 -1px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
#df_wrap .df_nakami li a {
padding:4px 4px 4px 16px;
font-size:0.9em;
display:block;
line-height:34px;
background:url(/shared/images/icon_arrow_plane_gray_light_left.png) no-repeat 5px 50%;
}
#df_wrap .df_home a, #df_wrap .df_menu span {
color:#FFF;
text-align:center;
line-height:30px;
display:block;
font-size:0.75em;
text-decoration:none;
font-weight:bold;
border:solid 1px #CCC;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
background: #5777a0;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU3NzdhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU3NzdhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzMyNTE4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMjUxODgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #5777a0 0%, #5777a0 50%, #325188 51%, #325188 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5777a0), color-stop(50%, #5777a0), color-stop(51%, #325188), color-stop(100%, #325188));
background: -webkit-linear-gradient(top, #5777a0 0%, #5777a0 50%, #325188 51%, #325188 100%);
background: -o-linear-gradient(top, #5777a0 0%, #5777a0 50%, #325188 51%, #325188 100%);
background: -ms-linear-gradient(top, #5777a0 0%, #5777a0 50%, #325188 51%, #325188 100%);
background: linear-gradient(to bottom, #5777a0 0%, #5777a0 50%, #325188 51%, #325188 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5777a0', endColorstr='#325188', GradientType=0 );
position:relative;
z-index:1;
}
#df_wrap .df_home a, #df_wrap .df_menu span {
float:right;
display:inline-block;
margin:0 0 0 0;
}
#df_wrap .df_menu span {
width:74px;
height:30px;
margin:0 0 0 6px;
padding:0 0 0 12px;
cursor:pointer;
}
#df_wrap .df_menu {
position:relative;
left:33px;
top:6px;
}
#df_wrap .df_home {
position:relative;
left:-90px;
top:6px;
}
#df_wrap .df_home a {
width:30px;
height:30px;
text-indent:-999px;
overflow:hidden;
}
#df_wrap .df_menu span:before {
background:url(/shared/images/icon_menu.png) no-repeat 5px 50%;
background-size:20px 20px;
height:30px;
height:30px;
content:"";
position:absolute;
z-index:-1;
top:0;
left:0;
right:0;
bottom:0;
border:0;
}
#df_wrap .df_home a:before {
background:url(/shared/images/icon_home.png) no-repeat center 50%;
background-size:20px 20px;
height:30px;
height:30px;
content:"";
position:absolute;
z-index:-1;
top:0;
left:0;
right:0;
bottom:0;
border:0;
}
/*--- ヌルメニューの中 ---*/
/*
#df_wrap #df_modal {
_zoom:1;
overflow:hidden;
padding:4px 0 40px 0;
}

#df_wrap #df_modal a {
font-weight:bold;
padding:0 10px;
font-size:0.85em;
line-height:38px;
display:block;
}

#df_wrap #df_modal ul {
margin:0 -2px 0 0;
border-top:solid 1px #666;
}

#df_wrap #df_modal li {
border-bottom:solid 1px #666;
border-right:solid 1px #666;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

#df_wrap #df_modal p {
color:#FFF;
font-size:1em;
font-weight:bold;
margin:8px 0 8px 6px;
border-left:solid 4px #F90;
padding:0 0 0 4px;
height:20px;
line-height:20px;
}
*/

#df_wrap .df_googleSearch.df_spView {
clear:both;
margin:0 0;
background:#FFF;
padding:0 10px 14px 10px;
}
#df_wrap .df_googleSearch.df_spView p {
font-size:0.9em;
background:url(/shared/images/icon_zoom.png) no-repeat 2px 50%;
padding:0 0 0 24px;
}
#df_wrap .df_googleSearch.df_spView:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
#df_wrap .df_googleSearch.df_spView form {
margin:4px 1px 4px 5px;
}
#df_wrap .df_googleSearch.df_spView input[type="text"] {
width:70%;
float:left;
margin:0 0;
border-radius:0;
background:#FFF;
border-right:none;
background-image:url(http://www.google.com/cse/intl/ja/images/google_custom_search_watermark.gif);
background-color: rgb(255, 255, 255);
background-position: 0% 50%;
background-repeat: no-repeat no-repeat;
}

#df_wrap .df_googleSearch.df_spView input[type="text"]:focus{
background:#fff;
}



#df_wrap .df_googleSearch.df_spView input[type="submit"] {
float:left;
width:27%;
border:none;
background:#666;
font-weight:bold;
color:#FFF;
margin:0 0 0 0;
-webkit-appearance: none;
border-radius:0;
font-size:1em;
height:32px;
line-height:32px;
}
}
/*--- サイドカラム ---*/
#df_wrap #df_adSideA{
text-align:center;
}

#df_wrap #df_adSideB{
margin:0 0 10px 0;	
text-align:center;
}
@media only screen and (max-width: 640px) {
#df_wrap #df_adSideB {
margin-bottom: -10px;
}
}
#df_wrap #df_side .df_bnSideMini {
margin:0 5px;
}
#df_wrap #df_side .df_bnSideMini li {
display:inline-block;
float:left;
width:135px;
overflow:hidden;
margin:0 5px;
}
#df_wrap #df_side .df_banner img {
margin:0 0 10px 0;
max-width:300px;
height:auto;
}
#df_wrap #df_side .df_adRequestLink {
clear:both;
font-size:0.8em;
text-align:center;
}
 @media only screen and (max-width:640px) {
/*--- サイドカラム ---*/
#df_wrap #df_side .df_bnSideMini li {
float:none;
}
#df_wrap #df_side .df_bnSideMini li img {
margin:0 0 10px 0;
}
#df_wrap #df_adSideA{
margin:10px 0 0 0;
}

}
/*--- フッタバナー ---*/
#df_wrap #df_adFooter:after {
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}
#df_wrap #df_adFooter ul {
margin:0 -10px 0 0;
}
#df_wrap #df_adFooter li {
display:inline-block;
float:left;
width:135px;
margin:0 5px;
overflow:hidden;
}
 @media only screen and (max-width:640px) {
/*--- フッタバナー ---*/
#df_wrap #df_adFooter {
margin:0 auto 0 auto;
}
#df_wrap #df_adFooter ul {
margin:0 0 0 0;
}
#df_wrap #df_adFooter li {
display:inline-block;
float:none;
width:135px;
margin:0 5px;
}
#df_wrap #df_adFooter li img {
margin:0 0 10px 0;
}
}
/*--- フッタ ---*/
#df_wrap #df_footer ul {
width:1030px;
margin:0 auto;
}
#df_wrap .df_footerLink {
clear:both;
background:#333;
min-height:45px;
}
#df_wrap .df_footerLink:after {
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}
#df_wrap .df_footerLink li {
display:inline-block;
float:left;
height:45px;
line-height:45px;
margin:0 41px 0 0;
}
#df_wrap .df_footerLink li a {
color:#FFF;
text-decoration:none;
background:url(/shared/images/icon_arrow_right_white.png) no-repeat 0 52%;
padding:0 0 0 16px;
}
#df_wrap .df_footerLink li a:hover {
text-decoration:underline;
}
#df_wrap .df_otherLink {
clear:both;
position:relative;
width:1030px;
margin:0 auto;
font-size:0.9em;
}
#df_wrap #df_footer .df_otherLink ul {
margin:14px auto;
}
#df_wrap #df_footer .df_otherLink ul:after {
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}
#df_wrap .df_otherLink a {
color:#333;
text-decoration:underline;
}
#df_wrap .df_otherLink a:hover {
text-decoration:none;
}
#df_wrap .df_otherLink li {
display:inline-block;
float:left;
width:auto;
margin:0 6px 0 0;
white-space:nowrap;
}
#df_wrap .df_otherLink li:after {
content:"｜";
padding:0 0 0 6px;
}
#df_wrap .df_otherLink li.df_last:after {
content:""
}
#df_wrap #df_footer small {
clear:both;
width:1030px;
display:block;
margin:160px auto 0;
padding:0 0 8px 0;
text-align:center;
font-size:0.85em;
}
#df_wrap #df_footer small span {
display:inline-block;
padding:0 3px;
}
 @media only screen and (max-width:640px) {
/*--- フッタ ---*/
#df_wrap #df_footer ul {
width:100%;
margin:0 auto;
}
#df_wrap .df_footerLink li {
float:none;
display:block;
margin:0 0 0 0;
}
#df_wrap .df_footerLink li a {
display:block;
}
#df_wrap .df_footerLink li a {
background:url(/shared/images/icon_arrow_right_white.png) no-repeat 92% 48%;
padding:0 0 0 18px;
}
#df_wrap .df_footerLink li a:hover {
background:url(/shared/images/icon_arrow_right_white.png) no-repeat 92% 48% #555;
}

#df_wrap #df_footerBottom {
background: #688cc0;
background: -moz-linear-gradient(top, #688cc0 0%, #6b8cc1 20%, #7595be 80%, #7595be 81%, #8099c1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #688cc0), color-stop(20%, #6b8cc1), color-stop(80%, #7595be), color-stop(81%, #7595be), color-stop(100%, #8099c1));
background: -webkit-linear-gradient(top, #688cc0 0%, #6b8cc1 20%, #7595be 80%, #7595be 81%, #8099c1 100%);
background: -o-linear-gradient(top, #688cc0 0%, #6b8cc1 20%, #7595be 80%, #7595be 81%, #8099c1 100%);
background: -ms-linear-gradient(top, #688cc0 0%, #6b8cc1 20%, #7595be 21%, #7595be 81%, #8099c1 100%);
background: linear-gradient(to bottom, #688cc0 0%, #6b8cc1 20%, #7595be 80%, #7595be 81%, #8099c1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#688cc0', endColorstr='#8099c1', GradientType=0 );
padding:12px 0 0 0;
}
#df_wrap .df_otherLink {
width:100%;
margin:0 auto 0 auto;
font-size:0.85em;
}
#df_wrap #df_footer .df_otherLink ul {
width:300px;
text-align:center;
margin:0 auto 14px auto;
}
#df_wrap .df_otherLink li {
display:inline-block;
float:none;
}
#df_wrap .df_otherLink li:after {
content:"";
}
#df_wrap .df_otherLink li.df_first:before, #df_wrap .df_otherLink li.df_last:after {
content:""
}
/*--- スマホ用キャリアメニュー ---*/
#df_wrap .df_spCarrierMenu {
width:auto;
margin:auto 6px 6px 6px;
border:solid 1px #CCC;
}
#df_wrap .df_spCarrierMenu p {
color:#FFF;
padding:3px 10px;
margin:1px;
font-weight:bold;
font-size:1.05em;
background: #5777a0;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU3NzdhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU3NzdhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzMyNTE4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMjUxODgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #5777a0 0%, #5777a0 50%, #325188 51%, #325188 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5777a0), color-stop(50%, #5777a0), color-stop(51%, #325188), color-stop(100%, #325188));
background: -webkit-linear-gradient(top, #5777a0 0%, #5777a0 50%, #325188 51%, #325188 100%);
background: -o-linear-gradient(top, #5777a0 0%, #5777a0 50%, #325188 51%, #325188 100%);
background: -ms-linear-gradient(top, #5777a0 0%, #5777a0 50%, #325188 51%, #325188 100%);
background: linear-gradient(to bottom, #5777a0 0%, #5777a0 50%, #325188 51%, #325188 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5777a0', endColorstr='#325188', GradientType=0 );
border-bottom:solid 1px #000;
}
#df_wrap #df_footer .df_spCarrierMenu ul {
overflow:hidden;
margin:0 auto -1px auto;
}
#df_wrap .df_spCarrierMenu li {
border-bottom:dotted 1px #CCC;
height:44px;
}
#df_wrap .df_spCarrierMenu li a {
display:block;
line-height:44px;
padding:0 0 0 10px;
font-weight:bold;
color:#666;
text-decoration:none;
background:url(/shared/images/icon_arrow_right_maru.png) no-repeat right 50%;
}
#df_wrap .df_spCarrierMenu li a:hover {
background:url(/shared/images/icon_arrow_right_maru.png) no-repeat right 50% #f7f7f7;
}

#df_wrap .df_spCarrierMenu .df_taikai {
display:block;
}
#df_wrap #df_footer .df_sns {
margin:auto;
position:absolute;
top:0;
right:0;
}
#df_wrap #df_footer .df_sns {
width:300px;
margin:0 auto 14px auto;
position:static;
top:auto;
right:auto;
}
#df_wrap #df_footer .df_sns .df_line img {
margin:0 0 0 -6px;
}
#df_wrap #df_footer small {
width:300px;
margin:12px auto 0 auto;
padding:0 0 3px 0;
font-size:0.7em;
}
#df_wrap #df_footer small span {
color:#FFF;
}
#df_wrap #df_footer small .df_address {
display:block;
}
}

/*--- 会員キャリアログイン画面のところ ---*/
#df_wrap span.status {
display: block;
font-weight: bold;
font-size: 1.2em;
text-align: center;
margin-bottom: 4px;
}


#df_wrap .mStatus span {
font-weight: bold;
display: block;
background: #EEE;
padding:6px 8px;
margin-bottom: 14px;
}

#df_wrap .mStatus span:before {
content: "■";
color: #F90;
display: inline-block;
padding-right: 4px;
}