/*
=============================================================================
reset.css
============================================================================= */

/*
-----------------------------------------------------------------------------
[Reset]
=============================================================================
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

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, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	background: transparent;
	vertical-align: baseline;
	font-style: normal;
	font-size: 100%;
	}

body {
	/* background-color: #424553; */
	line-height: 1;
	}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
	display:block;
	}

ul {
	list-style: none;
	}

blockquote, q {
	quotes: none;
	}

blockquote: before, blockquote: after,
q: before, q: after {
	content: '';
	content: none;
	}

a {
	margin: 0;
	padding: 0;
	background: transparent;
	vertical-align: baseline;
	font-size: 100%;
	}

/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
	}

/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-weight: 700; 
	font-style: italic;
	}

del {
	text-decoration: line-through;
	}

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
	}

table {
	border-spacing: 0;
	border-collapse: collapse;
	}

/* change border colour to suit your needs */
hr {
	display: block;
	margin: 1em 0;
	padding: 0;
	height: 1px;
	border: 0;	
	border-top: 1px solid #cccccc;
	}

input, select {
	border: 0;
/*	vertical-align: middle;*/
	}
input:focus, select:focus, textarea:focus { outline: 0; }

/* Custom */
img {
	/*max-width: 100%;*/
	}

/* Font
----------------------------------------------------------------------------- */
body { font: 100%/1.4 "Helvetica Neue", "Droid Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "Meiryo", "ＭＳ Ｐゴシック", sans-serif; }
select, input, textarea, button { font: 99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

/* HTML5 Boilerplate - minimal base styles 
----------------------------------------------------------------------------- */
body, select, input, textarea { color: #414141; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
html { overflow-y: scroll; }
a { color: #0c5e7d; }
a:link { text-decoration: none; }
a:visited { color: #9854b5; text-decoration: none; }
a:hover, a:active { outline: none; color: #e56a1f; text-decoration: underline; }
ol { margin-left: 1.8em; list-style-type: decimal; }
nav ul, nav li { margin: 0; } 
ul li { padding-left: 18px; background: url(../images/bg_headline.png) no-repeat 0 0.4em; }
ul.no_listhead li { padding-left: 0; background: none; }
small { font-size: 85%; }
strong, th { font-weight: 700; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { 
	padding: 15px;
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}
textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */
input[type="radio"] { vertical-align: middle; }
input[type="checkbox"] { vertical-align: middle; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input: valid, textarea: valid 	 {	}
input: invalid, textarea: invalid { 
	border-radius: 1px; 
	-webkit-box-shadow: 0px 0px 5px red;
	-moz-box-shadow: 0px 0px 5px red; 
 	box-shadow: 0px 0px 5px red;
 	}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }

/* By default the selection color is pink */
::-moz-selection { background: #e56a1f; color: #fff; text-shadow: none; }
::selection { background: #e56a1f; color: #fff; text-shadow: none; } 
/* a:link { -webkit-tap-highlight-color: #FF5E99; } */
button { overflow: visible; width: auto; }
.ie7 img { -ms-interpolation-mode: bicubic; }

/* Non-semantic helper classes
----------------------------------------------------------------------------- */

/* for image replacement */
.ir { display: block; overflow: hidden; background-repeat: no-repeat; text-align: left; text-indent: -999em; direction: ltr; }

/* Hide for both screenreaders and browsers */
.hidden { display: none; height: 0; visibility: hidden; } 

/* Hide only visually, but have it available for screenreaders */
.visuallyhidden { position: absolute !important;		
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	}

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; height: 0; }

/* Clearfix */
.clearfix:before, .clearfix:after { display: block; visibility: hidden; height: 0;
	content: "\0020";	
	}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both; zoom: 1; }

/* 位置調整 */
.float_l { float: left; }
.float_r { float: right; }
img.float_l { margin: 0 15px 10px 0; }
img.float_r { margin: 0 0 10px 15px; }
.top {
	margin-top: 0 !important;
	padding-top: 0 !important;
	}
.right { text-align: right !important; }
.left {
	margin-left: 0 !important;
	padding-left: 0 !important;
	text-align: left;
	}
.center { text-align: center; }

/* 文字調整 */
body.fontsize_small { font-size: 90%; }
body.fontsize_default { font-size: 100%; }
body.fontsize_large { font-size: 120%; }

.bold { font-weight: 700; }
.large { font-size: larger; }
.small { font-size: smaller; }

/* 文字色調整 */
.txt-deco1 { color: #cd1919 !important; }

/* ブロック間調整 */
.box20 { margin-bottom:20px !important; }
.box30 { margin-bottom:30px !important; }
.box40 { margin-bottom:40px !important; }
.box50 { margin-bottom:50px !important; }

.inline_link li {
	display: inline;
	padding: 0 12px;
	border-right: 1px solid #d2d2d2;
	background: none;
  font-size:90%;
	}
.lt-ie8 .inline_link li { zoom: 1; }
.inline_link li.first { padding-left: 0 !important; }
.inline_link li.last {
	padding-right: 0 !important;
	border: none 0 !important;
	}

.hide_text {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}

img.inline_icon {
  padding-left: 5px;
  vertical-align: middle;
}

.hr { background: url(../images/bg_wiggly_line_yoko.gif) repeat-x 0 100%; }

.ofhidden {	/* float時テキスト回り込み回避 */
	overflow:hidden; 
	_zoom:1;          /* for ie6 */
	}

.bg_white { background: url(../images/bg_white.png) repeat 0 0; margin:0 0 10px; }
.page_angling .bg_white,
.col_side .bg_white { background: url(../images/bg_white.png) repeat 0 0; zoom: 1; position:relative; z-index:1; }

.bg_red_gradation {
	border-top: 1px solid #d47b7a;
	border-bottom: 1px solid #9a2a29;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
/*
	background-color: #c14342;
	background-image: -moz-linear-gradient(top, #c14342, #af302f);
	background-image: -ms-linear-gradient(top, #c14342, #af302f);
	background-image: -o-linear-gradient(top, #c14342, #af302f);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#c14342), to(#af302f));
	background-image: -webkit-linear-gradient(top, #c14342, #af302f);
	background-image: linear-gradient(top, #c14342, #af302f);
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
*/
	background: #af302f url(../images/bg_red_gradation.gif) repeat-x 0 0;
	}
.lt-ie10 .bg_red_gradation {
/*
	-pie-background: linear-gradient(#c14342, #af302f);
*/
	behavior: url(/PIE.htc);
	}

.bg_navyblue_gradation {
	border-top: 1px solid #80828d;
	border-bottom: 1px solid #303340;
	border-right: 1px solid transparent;
	border-left: 1px solid transparent;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
/*
	background-color: #494d5b;
	background-image: -moz-linear-gradient(top, #494d5b, #373a49);
	background-image: -ms-linear-gradient(top, #494d5b, #373a49);
	background-image: -o-linear-gradient(top, #494d5b, #373a49);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#494d5b), to(#373a49));
	background-image: -webkit-linear-gradient(top, #494d5b, #373a49);
	background-image: linear-gradient(top, #494d5b, #373a49);
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
*/
	background: #373a49 url(../images/bg_navyblue_gradation.gif) repeat-x 0 0;
	}
.lt-ie10 .bg_navyblue_gradation {
/*
	-pie-background: linear-gradient(#494d5b, #373a49);
*/
	behavior: url(/PIE.htc);
	}


.bg_orenge_gradation { /* アルビレックス仕様 */
	border-top: 1px solid #f68221;
	border-bottom: 1px solid #f68221;
	border-right: 1px solid transparent;
	border-left: 1px solid transparent;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
/*
	background-color: #494d5b;
	background-image: -moz-linear-gradient(top, #494d5b, #373a49);
	background-image: -ms-linear-gradient(top, #494d5b, #373a49);
	background-image: -o-linear-gradient(top, #494d5b, #373a49);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#494d5b), to(#373a49));
	background-image: -webkit-linear-gradient(top, #494d5b, #373a49);
	background-image: linear-gradient(top, #494d5b, #373a49);
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
*/
	background: #373a49 url(../images/albirex/bg_orenge_gradation.gif) repeat-x 0 0;
	}
.lt-ie10 .bg_orenge_gradation {
/*
	-pie-background: linear-gradient(#494d5b, #373a49);
*/
	behavior: url(/PIE.htc);
	}

.bg_orenge_gradation .alb { display:block; background:url(../images/albirex/img_title_alb.png) no-repeat right 42%;}
.bg_orenge_gradation .bc { display:block; background:url(../images/albirex/img_title_bc.png) no-repeat right 42%;}
.bg_orenge_gradation .bb { display:block; background:url(../images/albirex/img_title_bb.png) no-repeat right 42%;}
.bg_orenge_gradation .rabbits { display:block; background:url(../images/albirex/img_title_rabbits.png) no-repeat right 42%;}


.selected .bg_navyblue_gradation,
.ui-tabs-selected .bg_navyblue_gradation,
.bg_skyblue_gradation {
	border-top: 1px solid #a1d6ef;
	border-bottom: 1px solid #5a9cbc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
/*
	background-color: #79c4e8;
	background-image: -moz-linear-gradient(top, #79c4e8, #67b2d6);
	background-image: -ms-linear-gradient(top, #79c4e8, #67b2d6);
	background-image: -o-linear-gradient(top, #79c4e8, #67b2d6);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#79c4e8), to(#67b2d6));
	background-image: -webkit-linear-gradient(top, #79c4e8, #67b2d6);
	background-image: linear-gradient(top, #79c4e8, #67b2d6);
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
*/
	background: #67b2d6 url(../images/bg_skyblue_gradation.gif) repeat-x 0 0;
	}
.lt-ie10 .selected .bg_navyblue_gradation,
.lt-ie10 .ui-tabs-selected .bg_navyblue_gradation,
.lt-ie10 .bg_skyblue_gradation {
/*
	-pie-background: linear-gradient(#79c4e8, #67b2d6);
*/
	behavior: url(/PIE.htc);
	}

.bg_white_gradation {
	width: auto;
	border: 3px solid #2a2e3f;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
/*
	background-color: #faf8f7;
	background-image: -moz-linear-gradient(top, #faf8f7, #e1e0de);
	background-image: -ms-linear-gradient(top, #faf8f7, #e1e0de);
	background-image: -o-linear-gradient(top, #faf8f7, #e1e0de);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#faf8f7), to(#e1e0de));
	background-image: -webkit-linear-gradient(top, #faf8f7, #e1e0de);
	background-image: linear-gradient(top, #faf8f7, #e1e0de);
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
*/
	background: url(../images/bg_white_gradation.png) repeat-x 0 0;
	}
.lt-ie10 .bg_white_gradation {
/*
	-pie-background: linear-gradient(#faf8f7, #e1e0de);
*/
	behavior: url(/PIE.htc);
	}

.hl_section {
	display: block;
	margin-bottom: 15px;
	width: auto;
	height: 30px;
	color: #ffffff;
	vertical-align: middle;
	line-height: 30px;
	}

	.hl_section span,
	.hl_section a {
		padding: 0 15px;
		font-weight: 700;
		font-size: 90%;
		}

.hl_section2 {
	display: block;
	margin-bottom: 15px;
	width: auto;
	height: 26px;
	color: #252938;
	vertical-align: middle;
	line-height: 26px;
	}
	
	.hl_section2 span {
		padding: 0 15px;
		font-weight: 700;
		font-size: 90%;
		}

/*
-----------------------------------------------------------------------------
[Mobile]
============================================================================= */
@media only screen and (max-width: 480px) {
	
	body {
		/* Prevents Mobile Safari from bumping up font sizes in landscape */
		-webkit-text-size-adjust: 100%; 
		}
	}
@media only screen and (min-width: 300px) and (max-width: 767px) {
	.hl_section {
		height: inherit;
		padding-left: 10px;
		padding-right: 10px;
		}
		.hl_section span {
			padding-left: 0 !important;
			padding-right: 0 !important;
			}
	.bg_orenge_gradation {
		padding-left:10px;
		padding-right:10px;
		}
	}