@charset "utf-8";
/* CSS Document */

/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-style:normal;}
body { line-height:1; }
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; outline: none; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
input, select { vertical-align:middle; }

/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
10px  77% |  11px  85% |  12px  93% (was 93) |  13px  100% |  14px  108% (was 107) |  15px  116% (was 114) |  16px  123.1% (was 122) |  
17px  131% (was 129) |  18px  138.5% (was 136) |  19px  146.5% (was 144) |  20px  153.9% (was 152) |  21px  161.6% (was 159) |
22px  167% |  23px  174% |  24px  182% |  25px  189% |  26px  197% |  
*/
body{font:14px/1.341 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
body{font-family: メイリオ, Meiryo, 'Lucida Grande', 'Bitstream Vera Sans', 'Segoe UI', Calibri, Verdana, Arial, 'ＭＳ Ｐゴシック', IPAPGothic, sans-serif !important; color:#353535}
select,input,textarea,button{font:99% arial,helvetica,clean,sans-serif}
table{font-size:inherit;font:100%}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}
img { border:none; vertical-align:bottom;}

a {color:#39C}
a:hover { color:#39C;text-decoration:none;}

nav ul{ list-style:none}

body { background:#000000;color:#333;}

.wrapper-radius { background:#f5f5f4; padding:15px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8; behavior: url(/css/border-radius.htc); color:#333 !important; }


html, body,
#page, #main, #contents{
width:100%;
height:100%;
}

/* header
---------------------------------------------------------- */
/*
#header{
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
	width:100%;
}
*/



html{
overflow-x: scroll;
}




/* main
---------------------------------------------------------- */
#main{
}

#main,
#contents{
	position:relative;
}
#contents{
/*	overflow-x:hidden;*/
}
#btn-menu{
	position:fixed;
	top:11px;
	left:11px;
	z-index:100;
}
#btn-menu a{
	display:block;
	width:93px;
	height:32px;
	background:url(/bkc20/img/btn_menu.png) left top no-repeat;
	text-indent:-5000px;
}

#btn-menu a.on{
	background:url(/bkc20/img/btn_menu.png) left -32px no-repeat;
}

#img-logo{
	position:fixed;
	top:11px;
	right:11px;
}

/* sidebar
---------------------------------------------------------- */
#header{
	position:fixed;
	top:0;
	z-index:1000;
	height:100%;
	background:#FFFFFF;
border-right:4px solid #B51E37;
}

#header .inner{
width:247px;
	
	height:100%;
}
#site-id{
padding:29px 0 25px 13px;
}

#global-nav{
}
#global-nav ul{
border-bottom:1px solid #F0F0F0;
}

#global-nav ul li{
border-top:1px solid #F0F0F0;
}

.bar-contact{
position:absolute;
bottom:62px;
padding-bottom:14px;
}

#bar-ritsumei{
border-top:1px dotted #D6D6D6;
border-bottom:1px dotted #D6D6D6;
}
.bar-contact dl{
margin-top:15px;
padding-left:15px;
}
.bar-contact dl dt{
padding-bottom:1px;
}
.bar-contact dl dd{
margin-top:2px;
}
/* footer
---------------------------------------------------------- */


#footer{
	position:fixed;
	bottom:0;
	width:100%;
	z-index:1000;
	background:#FFFFFF;
	border-top:3px solid #EFEFEF;
	border-bottom:3px solid #B61E37;
}

#footer .inner{
	position:relative;
	padding:7px;
}

#footer #footer-logo{
	float:left;
}

#footer .inner ul{
	position:absolute;
	right:7px;
	top:7px;
	margin-left:-8px;
	list-style:none;
}

#footer .inner ul li{
	float:left;
	margin-left:8px;
}

#footer .inner .copyright{
	float:right;
	margin:23px 43px 0 0;
}


#footer .inner,
#footer,
#footer .inner ul,
.clearfix{
	zoom:1;
}

#footer .inner:after,
#footer:after,
#footer .inner ul:after,
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
}

.bar-sp{
display:none;
}

.fl{
float:left;
}
.fr{
float:right;
}

@media only screen and (max-width: 640px) {


body{
-webkit-text-size-adjust: 100%;
}
img{
max-width: 100%;
height: auto;
width /***/:auto;
}

#img-logo{
display:none;
}

#footer{
bottom:auto;
top:0;
	border-top:2px solid #B61E37;
	border-bottom:1px solid #CCCCCC;
}

#footer .inner ul{
position:relative;
float:right;
top:0;
left:0;
margin:0;
}
#footer ul li{
margin:0;
}
#footer ul li:nth-child(1),
#footer ul li:nth-child(2),
#footer ul li:nth-child(3){
display:none;
}

#footer ul li:nth-child(4) a{
	display:block;
	width:51px;
	height:48px;
	background:url(/bkc20/img/sp/icon_bkc.png) left top no-repeat;
background-size:51px 48px;
	text-indent:-5000px;
}


#footer .copyright{
display:none;
}

#btn-menu{
z-index:10000;
left:0;
top:2px;
margin-left:0 !important;
border-right:1px solid #CCCCCC;
}
#btn-menu a{
	display:block;
	width:45px;
	height:48px;
	background:url(/bkc20/img/sp/btn_menu.png) left top no-repeat;
background-size:45px 96px;
	text-indent:-5000px;
}

#btn-menu a.on{
	background:url(/bkc20/img/sp/btn_menu.png) left -48px no-repeat;
background-size:45px 96px;
}


#footer .inner{
padding:0;
}
#footer #footer-logo{
padding-left:46px;
}
#footer #footer-logo a{
display:block;
width:151px;
height:48px;
	background:url(/bkc20/img/sp/footer_logo.png) left top no-repeat;
background-size:151px 48px;
	text-indent:-5000px;

}








#header{
	border-right:3px solid #B51E37;
}

#header .inner{
	width:203px;
}
#site-id{
	padding:64px 0 13px 12px;
}

#site-id a{
	display:block;
	width:180px;
	height:42px;
	background:url(/bkc20/img/sp/logo.png) left top no-repeat;
	background-size:180px 42px;
	text-indent:-5000px;
}

#global-nav{
}
#global-nav ul{
	border-bottom:1px solid #F0F0F0;
}

#global-nav ul li{
	border-top:1px solid #F0F0F0;
}


#global-nav ul li:nth-child(1) a{
	display:block;
	width:203px;
	height:43px;
	background:url(/bkc20/img/sp/global_nav_top.png) left top no-repeat;
	background-size:203px 43px;
	text-indent:-5000px;
}
#global-nav ul li:nth-child(2) a{
	display:block;
	width:203px;
	height:43px;
	background:url(/bkc20/img/sp/global_nav_stories.png) left top no-repeat;
	background-size:203px 43px;
	text-indent:-5000px;
}
#global-nav ul li:nth-child(3) a{
	display:block;
	width:203px;
	height:43px;
	background:url(/bkc20/img/sp/global_nav_bkc.png) left top no-repeat;
	background-size:203px 43px;
	text-indent:-5000px;
}

#bar-ritsumei a{
	display:block;
	width:203px;
	height:29px;
	background:url(/bkc20/img/sp/bar_ritsumei.png) left top no-repeat;
	background-size:203px 29px;
	text-indent:-5000px;
}


.bar-contact{
bottom:0;
padding-bottom:0;
}

.bar-contact dl{
margin-top:9px;
padding-left:8px;
}


.bar-contact dl dt{
padding-bottom:0px;
	display:block;
	width:186px;
	height:26px;
	background:url(/bkc20/img/sp/contact_p1.png) left top no-repeat;
	background-size:186px 26px;
	text-indent:-5000px;
}
.bar-contact dl dd:nth-child(2){
margin-top:3px;
	display:block;
	width:111px;
	height:12px;
	background:url(/bkc20/img/sp/contact_p2.png) left top no-repeat;
	background-size:111px 12px;
	text-indent:-5000px;
}
.bar-contact dl dd:nth-child(3){
margin-top:3px;
	display:block;
	width:111px;
	height:12px;
	background:url(/bkc20/img/sp/contact_p3.png) left top no-repeat;
	background-size:111px 12px;
	text-indent:-5000px;
}
.bar-contact dl dd:nth-child(4){
margin-top:3px;
	display:block;
	width:148px;
	height:12px;
	background:url(/bkc20/img/sp/contact_p4.png) left top no-repeat;
	background-size:148px 12px;
	text-indent:-5000px;
}


.bar-sp{
display:block;
margin-top:8px;
}


.bar-sp .social{
border-top:1px solid #EAEAEA;
border-bottom:1px solid #EAEAEA;
padding:8px 0;
text-align:center;
}

.bar-sp ul.social li{
margin:0 9px;
display:inline-block;
}
.bar-sp ul.social li a img{
width:32px;
height:32px;
}

.bar-sp .copyright{
text-align:center;
padding-bottom:5px;
}

.bar-sp .copyright img{
width:180px;
}

}