@charset "UTF-8";
/*////////////////////////////////////////////////////////////
Kyokushinkaikan - base.css

Copyright (C) Kyokushinkaikan. All rights reserved.
------------------------------------------------------------

[Reset]
	0. Reset
	1. Body, Anchor
[Main Layout]
		Container, Header, 
		Content, Footer, Branding
[Header]
	1. Site Name
	2. Utility
		2-1. World Nav
		2-2. Search
[Footer]
	1. Site Info
[Sidebar]
	1. Global Nav
	2. Banner List
	3. Related Site List
[Clearfix]

////////////////////////////////////////////////////////////*/

/* ################################################################################
	[Reset] Resetting HTML elements styles
   ################################################################################ */
/* ------------------------------------------------------------
	0. Reset
   ------------------------------------------------------------ */
html{color:#000;background:#fff;overflow-y:scroll;}
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*/
table{border-collapse:collapse;border-spacing:0;font-size:inherit;font-weight:inherit;font-family:inherit;}
caption,th{font-style:normal;font-weight:normal;text-align:left;}
/*form*/
fieldset{border:0;}
legend{display:none;}
label{cursor:pointer;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*quote*/
blockquote:before,blockquote:after,q:before,q:after{content:"";}
/*block-level elements*/
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;line-height:1;}
hr{display:none;}
li{list-style:none;}
/*inline-level elements*/
img{border:0;vertical-align:top;}
object,embed{vertical-align:middle;outline:none;}
strong{font-weight:bold;}
address,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
abbr,acronym{border:0;font-variant:normal;}
pre,code,kbd,samp,tt{font-family:monospace;}
sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}
/* For IE7 Page Zoom */
*:first-child+html body,
*:first-child+html br { letter-spacing: 0; }

/* ------------------------------------------------------------
	1. Body, Anchor
   ------------------------------------------------------------ */
body {
	margin: 0;
	padding: 0;
	color: #444;
	font-family: sans-serif;
	font-size: 12px;
	line-height: 1.5;
	text-align: center;
}

*:first-child+html body {
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	font-size: 75%;
}

* html body {
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	font-size: 75%;
}

a:link,
a:visited { color: #c33; text-decoration: none; }

a:hover,
a:active { color: #c33; text-decoration: underline; }

/* ################################################################################
	[Main Layout] Setting main structure layout
   ################################################################################ */
/*
div#container
	div#header
		div.inner
	div#branding
	(div#navGlobal) -- for homepage
	div#content
		div#main
		div#sub
			ul#navGlobal -- for 2nd level contents
	div#footer
		div.inner
*/

div#container,
div#header,
div#footer { width: 100%; }

div#container {
	min-width: 800px;
	background: url(/img/common/bg_pattern_01.gif) repeat-x 0 0;
	text-align: left;
}

div#header {
	padding-top: 15px;
	padding-bottom: 10px;
	background: url(/img/common/bg_pattern_02.gif) repeat-x 0 100%;
}

div#footer {
	padding-top: 15px;
	padding-bottom: 35px;
	background: url(/img/common/bg_footer_01.gif) repeat-x 0 0;
}

div#header div.inner,
div#footer div.inner {
	position: relative;
	width: 800px;
	margin: 0 auto;
}

div#content {
	width: 800px;
	margin: 20px auto 10px;
	background: url(/img/common/bg_content_01.gif) repeat-y 0 0;
}

div#content div#main {
	float: right;
	width: 580px;
}

div#content div#sub {
	float: left;
	width: 180px;
}

div#sub a {
	color: #fff;
}

div#branding {
	clear: both;
	width: 100%;
	padding-bottom: 10px;
	background: #5a5a5a url(/img/common/bg_pattern_02.gif) repeat-x 0 100%;
}

div#branding div.inner {
	width: 800px;
	height: 118px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: 0 0;
}

/* ################################################################################
	[Header] Setting header styles
   ################################################################################ */
/* ------------------------------------------------------------
	1. Site Name
   ------------------------------------------------------------ */
div#header .siteName { /* with h1, p */
	float: left;
	margin-bottom: 10px;
}

div#header .siteName a {
	display: block;
	margin: 0;
	font-weight: bold;
}

/* ------------------------------------------------------------
	2. Utility
   ------------------------------------------------------------ */
div#header div.utility {
	float: right;
	width: 50%;
	padding: 25px 0 0 0;
}

*:first-child+html div#header div.utility { padding-top: 18px; }
* html div#header div.utility { padding-top: 18px; }

/*  2-1. World Nav
   ------------------------------------------------- */
div#header div.utility ul#navWorld {
	float: right;
	margin-bottom: 6px;
	font-size: 84%;
	line-height: 1.2;
	border-right: 1px solid #000;
	overflow: hidden;
}

div#header div.utility ul#navWorld li {
	display: inline;
    border-left: 1px solid #000;
}

div#header div.utility ul#navWorld li a {
	color: #000;
	padding: 0 10px;
}

div.en div#header div.utility ul#navWorld {
	position: absolute;
	bottom: 0;
	right: 0;
}

/*  2-2. Search
   ------------------------------------------------- */
div#header div#searchSite {
	clear: both;
	float: right;
	font-size: 84%;
	line-height: 1;
	text-align: right;
}

div#header div#searchSite input { vertical-align: middle; }

div#header div#searchSite input.inputField {
	width: 105px;
	margin-right: 7px;
	padding-bottom: 1px;
	color: #ccc;
}

div#header div#searchSite input.inputField:focus { color: #000; }

/* ################################################################################
	[Footer] Setting footer styles
   ################################################################################ */
/* ------------------------------------------------------------
	1. Site Info 
   ------------------------------------------------------------ */
div#footer div.siteInfo {}

/* utility nav */
div#footer ul.navUtility {
	float: left;
}

div#footer ul.navUtility li {
	float: left;
	margin-right: 15px;
	font-size: 84%;
}

div#footer ul.navUtility li a {
	padding-left: 9px;
	background: url(/img/common/ico_arrow_01.gif) no-repeat 0 45%;
	color: #333;
}

/* copyright */
div#footer p.copyright {
	float: right;
	padding-top: 3px;
}

/* ################################################################################
	[Sidebar] Setting sidebar styles
   ################################################################################ */
/* ------------------------------------------------------------
	1. Global Nav
   ------------------------------------------------------------ */
div#sub ul#navGlobal {
	background: #5a5a5a;
}

div#sub ul#navGlobal li {
	width: 180px;
	height: 44px;
}

div.en div#sub ul#navGlobal {
	margin-bottom: 15px;
}

/* ------------------------------------------------------------
	2. Banner List
   ------------------------------------------------------------ */
div#sub ul.listBnr {
	padding: 5px 0;
	background: #5a5a5a;
	text-align: center;
}

div#sub ul.listBnr li {
	margin: 0 0 5px;
}

/* ------------------------------------------------------------
    3. Related Site List
   ------------------------------------------------------------ */
div#secRelatedSite {}

div#secRelatedSite div.content {
}

div#secRelatedSite div.content ul {
	margin: 0 auto;
}

div#secRelatedSite div.content ul li {
	width: 146px;
	margin: 0 auto;
	padding-bottom: 20px;
}

div#secRelatedSite div.content ul li a {
	padding-left: 0;
	background: none;
}

div#secRelatedSite div.content ul li div.bnr {
	margin: 0;
}

div#secRelatedSite div.content ul li p.txt {
	margin-bottom: 0;
}



/* ################################################################################
	[Clearfix] Clearfix CSS Hack
   ################################################################################ */
div#header div.inner:after,
div#content:after,
div#footer div.inner:after,
div#header div.utility:after,
div.pager:after,
div.pager ul:after,
.boxImgR:after,
.boxImgL:after,
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

div#header div.inner,
div#content,
div#footer div.inner,
div#header div.utility,
div.pager,
div.pager ul,
.boxImgR,
.boxImgL,
.clearfix { display: inline-block; }

/* exclude MacIE5 \*/
* html div#header div.inner,
* html div#content,
* html div#footer div.inner,
* html div#header div.utility,
* html div.pager,
* html div.pager ul,
* html .boxImgR,
* html .boxImgL,
* html .clearfix { height: 1%; }

div#header div.inner,
div#content,
div#footer div.inner,
div#header div.utility,
div.pager,
div.pager ul,
.boxImgR,
.boxImgL,
.clearfix { display: block; }
/* end: exclude MacIE5 */