@charset "UTF-8";
/*////////////////////////////////////////////////////////////
Kyokushinkaikan - module.css

Copyright (C) Kyokushinkaikan. All rights reserved.
------------------------------------------------------------

[Module]
	1. General
		1-1. Title
		1-2. Link
		1-3. List
		1-4. Table
		1-5. Form Element
		1-6. Float Image
		1-90. Others
		1-99. Classes
	2. Content Layout
	3. Topic Path
	4. Pager
	5. Tag Cloud
	6. Form Table
[Common Page]
	1. HTTP Status Error
	2. Noscript Message
	3. Autopagerize
[Other]

////////////////////////////////////////////////////////////*/

/* ################################################################################
	[Module] Setting module styles
   ################################################################################ */

/* ------------------------------------------------------------
	1. General
   ------------------------------------------------------------ */

/*  1-1. Title
   ------------------------------------------------- */
.ttl01 {
	padding-bottom: 10px;
}

.ttl02 {
	margin-bottom: 20px;
	padding: 0 0 15px 0;
	background: url(/img/common/line_01.gif) repeat-x 0 100%;
}

.ttl02 span {
	display: block;
	padding: 0 0 0 15px;
	background: url(/img/common/bg_ttl_02.gif) repeat-y 0 0;
	font-size: 134%;
	font-weight: bold;
}

.ttl03 {
	margin-bottom: 10px;
	padding-left: 15px;
	background: url(/img/common/bg_ttl_03.gif) no-repeat 0 .3em;
	font-weight: bold;
	line-height: 1.5;
}
.en .ttl03 {
	background-position: 0 .3em;
}

.ttl04 {
	margin-bottom: 10px;
	padding: 8px 5px;
	background: #f4f4f4 url(/img/common/line_01.gif) repeat-x 0 0;
	line-height: 1.5;
	font-weight: bold;
}

/*  1-2. Link
   ------------------------------------------------- */
.link01 {
	padding-left: 10px;
	background: url(/img/common/ico_arrow_03.gif) no-repeat 0 .25em;
}

.external {
	padding-left: 15px;
	background: url(/img/common/ico_external_01.gif) no-repeat 0 0;
}

.linkBtn01 {
	margin-left: 5px;
}

/* Link Img */
a.linkImg01 img {
	display: block;
	padding: 1px;
	border: 1px solid #e0dcdc;
}

a.linkImg01:hover img {
	border-color: #cc3333;
}

/* Link List 01
   - No specific style.  */

/* Link List 02 */
.linkList02 {}

.linkList02 li {}

/* go page top */
div#goPageTop {
	clear: both;
	width: 800px;
	margin-bottom: 15px;
	padding-top: 30px;
	padding-bottom: 30px;
	background: url(/img/common/bg_content_01.gif) repeat-y 0 0;
	text-align: right;
}

.goPageTop {
}

/*  1-3. List
   ------------------------------------------------- */
/* normal */
.list01 {
	margin-bottom: 20px;
}

.list01 li {
	padding-left: 15px;
	background: url(/img/common/ico_bullet_01.gif) no-repeat 5px .6em;
}

.list02 li {}

/* note */
.note01 { font-size: 77%; }

.note02 { /* especially with ul, ol */
	color: #70ae18;
	font-weight: bold;
}

ul.note02,
ol.note02 { margin-top: 10px; }

ul.note02 li,
ol.note02 li {
	padding-left: 1em;
	text-indent: -1em;
}

ul.note02 li li,
ol.note02 li li {
	padding-left: 0;
	text-indent: 0;
}

/* ordered list */
ol.listOrder {
	padding-left: 2em;
}

ol.listOrder li {
	list-style: outside decimal;
}

/* description */
dl.listDesc {
	margin-bottom: 20px;
}

dl.listDesc dt {
	font-size: 117%;
	font-weight: bold;
}

dl.listDesc dd {}

/*  1-4. Table
   ------------------------------------------------- */
/* --- Data Table --- */
table.tblData01 {
}

table.tblData01 td,
table.tblData01 tbody th {
}

/*  1-5. Form Element
   ------------------------------------------------- */
/* input filed */
input.inputField,
textarea.inputField,
select.selectbox {
	padding-top: 2px;
	padding-bottom: 2px;
/*	border: 1px solid #ccc;*/
}

/* checkbox, radiobutton */
.chk,
.rb {
	width: 13px;
	height: 13px;
	margin-right: 3px;
	vertical-align: middle;
}

.btnForm01,
.btnForm02,
.btnForm03 {
	padding: 16px 0;
	text-align: center;
	vertical-align: middle;
}

.btnForm01 {
	width: 200px;
	margin: 0 auto;
}

.btnForm01 li.linkMore {
	text-align: right;
	padding-top: 5px;
	padding-right: 20px;
}


/*  1-6. Float Image
   ------------------------------------------------- */
.imgR {
	float: right;
	padding-left: 20px;
	padding-bottom: 10px;
}

.imgL {
	float: left;
	padding-right: 20px;
	padding-bottom: 10px;
}

.imgR div.linkMore,
.imgL div.linkMore {
	margin-top: 8px;
}

/*  1-90. Others
   ------------------------------------------------- */
/* Striped Color */
/* UNUSED:
.pattern01 .odd,
.pattern02 .even { background: #f7f7f7; }

.pattern03 .odd,
.pattern04 .even { background: #f4f9fb; }
*/

/* Hidden nav & hidden elements */
.navHidden,
.hidden {
	position: absolute;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

/* divider */
.divider01 {
	width: 578px;
	height: 3px;
	padding-bottom: 15px;
	background: url(/img/common/divider_01.gif) no-repeat 0 0;
}

/*  1-99. CSS Style Classes..
   ------------------------------------------------- */
.mr0 { margin-right: 0 !important; }
.ucTxt { text-transform: uppercase; }
.lcTxt { text-transform: lowercase; }

/* ------------------------------------------------------------
	2. Content Layout
   ------------------------------------------------------------ */
div.content {
	margin-bottom: 20px;
}

div.content p {
	margin-bottom: 20px;
}

.boxImgR .contImg,
.boxImgL .contTxt {
	float: right;
}

.boxImgR .contImg {
	padding-left: 25px;
}

.boxImgR .contTxt,
.boxImgL .contImg {
	float: left;
}

.boxImgL .contImg {
	padding-right: 25px;
}

/* ------------------------------------------------------------
	3. Topic Path
   ------------------------------------------------------------ */
ol#navTopicPath {
	margin-bottom: 10px;
	padding: 1px 5px;
	background: #f6f6f6;
	font-size: 84%;
}

ol#navTopicPath li { display: inline; }

ol#navTopicPath li a {
	margin-right: 10px;
	padding-right: 15px;
	background: url(/img/common/ico_arrow_02.gif) no-repeat 100% 50%;
	outline: none;
}

/* ------------------------------------------------------------
	4. Pager
   ------------------------------------------------------------ */
div.pager {
}

div#pagerBtm {
	margin-top: 50px;
}

div.pager ul {
	float: right;
}

div.pager ul li {
	float: left;
	margin-right: -1px;
	line-height: 1.2;
}

/* prev */
div.pager ul li.prev {
	padding-right: 15px;
	background: url(/img/common/bg_ttl_01.gif) no-repeat 100% 0;
}

div.pager ul li.prev a,
div.pager ul li.prev span {
	padding-left: 15px;
	background: url(/img/common/ico_arrow_04.gif) no-repeat 0 0;
	font-size: 84%;
}

/* next */
div.pager ul li.next {
	padding-left: 15px;
	background: url(/img/common/bg_ttl_02.gif) no-repeat 0 0;
}

div.pager ul li.next a,
div.pager ul li.next span {
	padding-right: 15px;
	background: url(/img/common/ico_arrow_05.gif) no-repeat 100% 0;
	font-size: 84%;
}

/* current */
div.pager ul li.num a,
div.pager ul li.num span.current {
	padding: 0 10px;
	border-right: 1px solid #333;
}

/* ------------------------------------------------------------
    5. Tag Cloud
   ------------------------------------------------------------ */
div.blkTagCloud {
	padding: 10px;
	border: 1px solid #cdcdcd;
}

div.blkTagCloud ul li {
	display: inline;
	margin-right: 10px;
}

div.blkTagCloud ul li a {
	text-decoration: none;
}

div.blkTagCloud ul li.tagLv1 { font-size: 100%; }
div.blkTagCloud ul li.tagLv2 { font-size: 117%; }
div.blkTagCloud ul li.tagLv3 { font-size: 150%; }
div.blkTagCloud ul li.tagLv4 { font-size: 200%; }
div.blkTagCloud ul li.tagLv5 { font-size: 250%; }

/* ------------------------------------------------------------
	6. Form Table
   ------------------------------------------------------------ */
div.blkForm {
	padding-top: 1px;
	background: url(/img/common/line_01.gif) repeat-x 0 0;
}

table.tblForm {
	width: 100%;
}

table.tblForm th,
table.tblForm td {
	background: url(/img/common/line_01.gif) repeat-x 0 100%;
	vertical-align: top;
}

table.tblForm th {
	width: 140px;
	padding: 9px 12px 8px;
	background-color: #f6f6f6;
	text-align: right;
	white-space: nowrap;
}

table.tblForm td {
	padding: 9px 0 13px 23px;
}

.markRequired {
	margin-right: 5px;
	color: #c00;
	font-weight: bold;
}

.formNote {
	margin-top: 3px;
	color: #777;
	font-size: 84%;
}

tr.error .formNote {
	color: #c30;
}

.listSelect li {
	float: left;
	margin-right: 20px;
}

/* ################################################################################
	[Common Page] 
   ################################################################################ */

/* ------------------------------------------------------------
	1. HTTP Status Error
   ------------------------------------------------------------ */
body.pageHttpStatus div#content {
	background: none;
}

body.page404 p.msg {
	padding: 0 10px 40px;
}

/* ------------------------------------------------------------
	2. Noscript Message
   ------------------------------------------------------------ */
p#msgNoscript {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 30000;
	width: 100%;
	padding: 3px 0;
	background: #fcc;
	border-bottom: 1px solid #f00;
	color: #000;
	line-height: 1.2;
	text-align: center;
}

/* ------------------------------------------------------------
	3. Autopagerize
   ------------------------------------------------------------ */
p.autopagerize_page_info {
	padding: 0.5em 0 1em;
 	background: url(/img/common/line_01.gif) repeat-x 0 0;
}


/* ################################################################################
	[Other] 
   ################################################################################ */

/* ------------------------------------------------------------
	. For JavaScript
   ------------------------------------------------------------ */
.btn,
.stripe,
.pattern01,
.pattern02,
.odd,
.even,
.first,
.last {}


img.nakanohito {
	text-indent: -1000em;
}