/*	martialarts/css/layout.css

タイトル、テキスト、イメージ、テーブルについては、
エリア別で分類。該当するタグ数ごとに項番を増やす。

----------
h1_title*
h2_title*
h3_title*
h4_title*
h5_title*
h6_title*
----------

----------
text_area*
	∟text*
----------

----------
image_area*
	∟image*
----------

----------
table*
----------

基本設定

------------------------------------------------*/

.wrapper{
	background:#000000 url(../images/bk.jpg) right top no-repeat;
}
#navi05 a{
	display:block;
	width:211px;
	height:58px;
	background:url(../../common/images/navi05_hover.gif) no-repeat;
}
.right_col_second{
	line-height:1.33;
	font-size:120%;
	text-align:left;
}

/*----------------------------------------------

h1_title*

------------------------------------------------*/

.h1_title01{
	position:relative;
	top:-7px;
	width:631px;
	height:45px;
	display:block;
	text-indent:-9999px;
	padding:0px 0px 20px 0px;
	background:url(../images/h1_title01.gif) top no-repeat;
}

/*----------------------------------------------

h2_title*

------------------------------------------------*/

/*----------------------------------------------

h3_title*

------------------------------------------------*/



/*----------------------------------------------

text_area*

------------------------------------------------*/

.text_area01{
	margin:0px;
}


/*----------------------------------------------

text*

------------------------------------------------*/


/*----------------------------------------------

image_area*

------------------------------------------------*/


/*----------------------------------------------

table_area*

------------------------------------------------*/


/*----------------------------------------------

その他ページ個別設定

------------------------------------------------*/



/*-----------------------------------

術のリスト

list_area0*

柔術 				.list_area01
剣術				.list_area02
居合術・抜刀術		.list_area03
槍術				.list_area04
杖術・棒術			.list_area05
薙刀術				.list_area06
空手・琉球古武術	.list_area07
体術				.list_area08
砲術				.list_area09
その他武術			.list_area10

-----------------------------------*/

.list_area01 li,
.list_area02 li,
.list_area03 li,
.list_area04 li,
.list_area05 li,
.list_area06 li,
.list_area07 li,
.list_area08 li,
.list_area09 li,
.list_area10 li{
	padding:5px 0px;
	margin:0px 0px 0px 20px;
}

.list_area04,
.list_area05,
.list_area06,
.list_area07,
.list_area08,
.list_area09,
.list_area10{
	float:left;
}



/*-------------------------

左カラム	.left_area01
右カラム	.right_area01

---------------------------*/


.left_area01{
	float:left;
	width:300px;
}

.right_area01{
	float:left;
	width:250px;
}


/*-------------------------

リストのマーカー設定

---------------------------*/

.list_area01 li a,
.list_area02 li a,
.list_area03 li a,
.list_area04 li a,
.list_area05 li a,
.list_area06 li a,
.list_area07 li a,
.list_area08 li a,
.list_area09 li a,
.list_area10 li a{
	padding:0px 0px 0px 18px;
	background:url(../images/marker_s.gif) no-repeat left 2px;
}

.list_area01 li a:hover,
.list_area02 li a:hover,
.list_area03 li a:hover,
.list_area04 li a:hover,
.list_area05 li a:hover,
.list_area06 li a:hover,
.list_area07 li a:hover,
.list_area08 li a:hover,
.list_area09 li a:hover,
.list_area10 li a:hover{
	padding:0px 0px 0px 18px;
	background:url(../images/marker_s_hover.gif) no-repeat left 2px;
}


/*----------------------------------------------

float対策

------------------------------------------------*/

.list_area01:after,
.list_area02:after,
.list_area03:after,
.list_area04:after,
.list_area05:after,
.list_area06:after,
.list_area07:after,
.list_area08:after,
.list_area09:after,
.list_area10:after{
	content: "";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}

/*\*/
* html .list_area01,
* html .list_area02,
* html .list_area03,
* html .list_area04,
* html .list_area05,
* html .list_area06,
* html .list_area07,
* html .list_area08,
* html .list_area09,
* html .list_area10{
	height:1em;
	overflow:visible;
}
/**/


.layer_01{
	margin-top:8px;
}

.layer_01 a{
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 18px;
	background:url(../images/marker_s.gif) no-repeat left 2px;
}

.layer_01 a:hover{
	padding:0px 0px 0px 18px;
	background:url(../images/marker_s_hover.gif) no-repeat left 2px;
}

.layer_02 li:before{
	content:"∟";
}

.layer_02 li{
	margin:8px 0px 0px 70px;
}