@charset "Shift_JIS";

/* ---------------------------------------
 reset.css
---------------------------------------- */
html { color: #000; background: #FFF;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0;}
table { border-collapse: collapse; border-spacing: 0;}
fieldset, img { border: 0;}
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal;}
li { 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; font-variant: normal;}
sup { vertical-align: text-top;}
sub { vertical-align: text-bottom;}
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit;}
legend { color: #000;}

/* ---------------------------------------
 core.css
---------------------------------------- */
#bp { margin: 0 auto; padding: 0;}
#bp .bp-mask { top: 0; left: 0; position: fixed; height: 100%; width: 100%; z-index: 9999; display: none;}
#bp .bp-wrap { left: 0; top: 0; position: absolute; margin: 0; padding: 0; overflow: hidden; height: auto; width: 100%; z-index: 10000; background: transparent none; text-align: center; display: none;}
#bp .bp-main { margin: 0 auto; padding: 0; overflow: hidden; position: relative; display: block;}
#bp .bp-view { margin: 0; padding: 0; overflow: hidden;}
#bp .bp-view img { margin: 0; padding: 0; display: block; border: none;}
#bp .bp-view .bp-nav { margin: 0; padding: 0; position: absolute; top: 0; z-index: 10001;	display: none; background-color: transparent;}
#bp .bp-view .bp-prev-link { left: 0;}
#bp .bp-view .bp-next-link { right: 0;}
#bp .bp-view .bp-nav a { display: block; text-decoration: none;}
#bp .bp-view .bp-info-wrap { margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 100%; z-index: 10003; display: none;}
#bp .bp-view .bp-info-wrap .bp-info { margin: 0; background-color: transparent;}
#bp .bp-bbar { margin: 0; position: absolute; left: 0; z-index: 10004; width: 100%; display: none;}
#bp .bp-bbar .bp-info-link { float: left;}
#bp .bp-bbar .bp-hide-link { float: right;}
.bp-clear { clear: both; visibility: hidden; height: 0px; background-color: transparent; border: none;}

/* ---------------------------------------
 skin.css
---------------------------------------- */
#bp .bp-mask { background: #666; opacity: 0.5; filter: alpha(opacity=50);}
#bp .bp-main { background: #F6F6F6 none; border: 10px solid #F6F6F6;}
#bp .loading { background: #FFF url(../../images/ajax-loader.gif) no-repeat center center;}
#bp .bp-nav a { color: #818181; font-size: 1.1em; font-weight: bold; text-decoration: none; text-transform: uppercase;}
#bp .bp-nav a:visited { color: #818181;}
#bp .bp-nav a:hover { color: #414141;}
#bp .bp-nav span { margin-top: 20px; padding: 8px 10px; display: block; width: 40px; background-color: #f6f6f6; border: #CCC 1px solid; text-transform: uppercase; cursor: pointer;}
#bp .bp-prev-link span { margin-right: auto; margin-left: 0; border-left: 0; text-align: left;}
#bp .bp-next-link span { margin-right: 0; margin-left: auto; border-right: 0; text-align: right;}
#bp .bp-info-wrap { background-color: #333; opacity: 0.90; filter: alpha(opacity=90);}
#bp .bp-info-wrap .bp-info { background-color: transparent; padding: 8px 12px; color: #FFF; text-align: left;}
#bp .bp-info-wrap .bp-info .bp-count { font-size: 0.8em; text-align: right;}
#bp .bp-info-wrap .bp-info h2 { margin: 0; padding: 0; font-weight: bold; font-size: 1.3em;}
#bp .bp-info-wrap .bp-info a { color: #ff8080; text-decoration: none;}
#bp .bp-info-wrap .bp-info p { margin: 8px 0; font-size: 0.9em;}
#bp .bp-bbar { padding-top: 6px; background-color: #F6F6F6;}
#bp .bp-bbar a { color: #666; font-family: Arial, Helvetica, sans-serif; text-decoration: none;}
#bp .bp-bbar a:visited { color: #666;}
#bp .bp-bbar a:hover { color: #333;}
#bp .bp-info-link a { padding-left: 20px; font-size: 1.1em; text-decoration: none; background: transparent url(../../images/tag.png) no-repeat left 0;}
#bp .bp-info-link a.active { color: #333; text-decoration: none; background-image: url(../../images/tag_hi.png);}
#bp .bp-hide-link a { padding-right: 20px; font-weight: bold; font-size: 1.3em; text-decoration: none; background: transparent url(../../images/close.png) no-repeat right 2px;}
#bp .bp-hide-link a:hover { background-image: url(../../images/close_hi.png);}
#bp .bp-bbar .bp-clear { background-color: #F6F6F6;}

/* ---------------------------------------
 dropframe.css
---------------------------------------- */
#dropframe { 
	padding: 1px 3px; 
	border-top: #EEE 1px solid; 
	border-right: #4c4c4c 1px solid; 
	border-bottom: #4c4c4c 1px solid; 
	border-left: #EEE 1px solid; 
	text-align: left; 
	position: absolute; 
	background-color: #DDD;
}
ul.ziplist_ { padding: 10px; border: #AAA 1px solid; position: absolute; top: auto; left: auto; background-color: #FFF; list-style-type: none;}
ul.ziplist_ li { padding-top: 1px; padding-bottom: 1px; text-align:left;}
ul.ziplist_ li.hover { background-color: #FFFF9A; cursor: pointer;}

/* ---------------------------------------
 display_switch.css
---------------------------------------- */
p.switch_btn_  { width: 72px; float: right; font-size: 12px; font-weight: bold; text-align: center; display: none;}
p.switch_btn_ a { width: 70px; height: 24px; text-decoration: none;}
.switch_banner_ { width: 950px; margin: 0 auto; position: relative; text-align: center; display: none;}
.switch_banner_btn_ { position: absolute; top: 2px;}
.switch_btn_ { 
	border: #d1d1d1 1px solid; 
	border-radius: 2px; 
	display: table-cell; 
	vertical-align: middle; 
	cursor: pointer; 
	color: #202020; 
	background: #e9e9e9; 
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F5F5F5), color-stop(0.00, #e9e9e9)); 
	background:-webkit-linear-gradient(#F5F5F5, #e9e9e9); 
	background:-moz-linear-gradient(#F5F5F5, #e9e9e9); 
	background:-o-linear-gradient(#F5F5F5, #e9e9e9); 
	background:linear-gradient(#F5F5F5, #e9e9e9);
}
.switch_btn_:link { color: #202020; text-decoration: none;}
.switch_btn_:visited { color: #202020; text-decoration: none;}
.switch_btn_ a { color: #202020!important; text-decoration: none;}
.switch_btn_ a:link { color: #202020; text-decoration: none;}
.switch_btn_ a:visited { color: #202020; text-decoration: none;}