/* gact root.layout style */
/* written by < ASEDAISUKE > info@generationact.com */
/* copyright 1997-2005 generationact. all rights reserved. */

/*
------------------------------------------------------------
テンプレートデザイン対応
------------------------------------------------------------
*/

/*	コンテンツ部分仕切り	*/

#contents_760	{
/*	float: left;*/
	width:760px;
	z-index: 20;
	margin: 0px;
} 
 
#contents_980	{
/*	float: left;*/
	width:980px;
	z-index: 20;
	margin: 0px;
} 


/*	上部メニュー・インターフェース	*/

#header_760		{
	position:		relative;
	height:			120px;
	background-image:	url(	http://www.ako-wai2.com/img/sel/head_760.jpg	);	/*不要のときはコメントアウト*/
	background-repeat:	no-repeat;
} 

#header_980		{
	position:		relative;
	height:			120px;
	background-image:	url(	http://www.ako-wai2.com/img/sel/head_980.jpg	);	/*不要のときはコメントアウト*/
	background-repeat:	no-repeat;
} 

/*	メニュー	*/

#mn_l200		{
	float:			left; 
	width:			200px;
/*	padding:		10px;*/
	position:		relative;
	display:		inline;
/*	margin-top:		0px;*/
/*	margin-left:		10px;*/
	margin			0px	0px	0px;
	background-image:	url(	http://www.ako-wai2.com/img/bg/200_line_bg.png	);
	background-repeat:	repeat-y;
}

#contents_l200		{
	float:			left;
	width:			200px;
	margin:		0px	0px	0px	20px;
	position:		relative; 
	display:		inline;
}

/*	メイン部分	*/

#contents	{	/*	基本枠	*/
/*	width: 100%;*/
	margin:	10px;
	padding:	0px;
	z-index:	0;
}

#contents_mr20	{	/*	基本枠	*/
	margin:	20px;
	padding:	0px;
	z-index:	0;
}

#contents_r560	{
	float:			right;
	width:			560px;
/*	padding:		10px;*/
	position:		relative;
	display:		inline;
/*	margin-right:		10px;*/
	background-image:	url(	http://www.ako-wai2.com/img/bg/560_line_bg.png	);
	background-repeat:	repeat-y;
}
#contents_c740	{
	width:			720px;
	padding:		10px;
	position:		relative;
	display:		inline;
	margin-top:		30px;
	margin-left:		10px;
	background-image:	url(	http://www.ako-wai2.com/img/bg/740_line_bg.png	);
	background-repeat:	repeat-y;
}


#tpbg	{	/*	上	*/
	position: absolute;
	top: 0px;
	left: 0px;

}
#ftbg	{	/*	下	*/
	position: absolute;
	bottom: 0px;
	left: 0px;
}

/*
	メイン部分、glowデザインにも対応したタイプ。上のtpbg、ftbgなどが不要になる可能性もある。
*/
#contents_c760_glow	{
	width:760px;
/*	padding: 10px;*/
/*	display:inline;*/
/*	margin: 10px 10px 10px;*/
	background-image: url(http://www.ako-wai2.com/img/bg/760_line_glow_bg.png);
	background-repeat: repeat-y;
}
#contents_c980_glow	{
	width:980px;
/*	padding: 10px;*/
/*	display:inline;*/
/*	margin: 10px 10px 10px;*/
	background-image: url(http://www.ako-wai2.com/img/bg/980_glow_line_bg.png);
	background-repeat: repeat-y;
}
#contents_c980_glow_4col	{
	width:980px;
	background-image: url(http://www.ako-wai2.com/img/bg/980_line_bg_4col.png);
	background-repeat: repeat-y;
}
#contents_c980_glow_3col	{
	width:980px;
	background-image: url(http://www.ako-wai2.com/img/bg/980_line_bg_3col.png);
	background-repeat: repeat-y;
}
#contents_c980_glow_2col	{
	width:980px;
	background-image: url(http://www.ako-wai2.com/img/bg/980_line_bg_2col.png);
	background-repeat: repeat-y;
}
#contents_r200		{	/*コンテンツ部分は200pxながら、実際は210pxで設計。*/
	float:right;
	width:200px;
	margin: 0px 20px 0px 0px;
	position:relative; 
	display:inline;
/*	margin: 10px;*/
/*	background-image: url(http://www.ako-wai2.com/img/bg/210_line_bg.png);*/
/*	background-repeat: repeat-y;*/
}
#contents_spare		{	/*contents_r200で余った場所を埋めるため*/
	float:left; 
	margin: 0px 10px 0px;
	padding: 0px 10px 0px;
	position:relative; 
	display:inline;
}


/*	フッター	*/ 
#footer_760			{
	width: 760px;
	height:60px;
	clear:both;
	z-index: 10;
	background-image: url(http://www.ako-wai2.com/img/sel/foot_760.jpg);
	background-repeat: no-repeat;
} 

#footer_980	{
	width: 980px;
	height:60px;
	clear:both;
	z-index: 10;
	background-image: url(http://www.ako-wai2.com/img/sel/foot_980.jpg);
	background-repeat: no-repeat;
} 

/*
#ftmn_760	{
	margin: 10px;
	padding: 0px;
	width: 740px;
	z-index: 0;
}
*/


/*
------------------------------------------------------------
各文字列における装飾用
------------------------------------------------------------
*/

.title	{
	background:		#EEEEEE;
	border-bottom:	2px	solid	#CCCCCC;
	padding:		2px	2px;
}

.title_sub	{
	background:		#FAFAFA;
	border-bottom:	1px	solid	#CCCCCC;
	padding:		2px	2px;
}

/*
p.dir	{
	font-size:		10px;
	margin-bottom:	0px;
}
*/

p.sidebox	{
	padding:		3px	0px;
	background:		#EEEEEE;
	text-align:		center;
	border:			solid	#CCCCCC;
	border-width:		1px	1px	0px;
	margin-bottom:	0px;
}
table.sidebox	{
	background:		#FFFFFF;
	border:			solid	#CCCCCC;
	border-width:		0px	1px	1px;
	margin-bottom:	5px;
}
table.sidebox td	{	/*通常はtdの下にラインが入る*/
	border-bottom:	1px	solid	#DDDDDD;
}
table.sidebox td.sidebox	{	/*最後だけはtableの下へラインがあるため、指定すると消去できる*/
	border-bottom:	0;
}


table	{
	caption-side:		top;
	border-collapse:	separate;
	border-spacing:	20px;
	empty-cells:		show;
}





ul.sidebox	{
	padding:		6px	0px	12px	24px;
	margin:		0px	0px	6px	0px;
/*	margin-bottom:	6px;*/
	list-style-type:		square;
	list-style-position:	outside;
/*	list-style-image:url(	../clear.gif	);*/
	border:			solid	#CCCCCC;
	border-width:		0px	1px	1px;
}
ol.sidebox	{
	padding:		6px	0px	12px	36px;
	margin:		0px	0px	6px	0px;
	border:			solid	#CCCCCC;
	border-width:		0px	1px	1px;
}
/*
ul.sidebox li	{
	border-bottom:	1px	solid	#DDDDDD;
}
*/
ul.simple	{
	padding:		0px	0px	0px	16px;	/* 0 0 12px 16px から変更 */
	margin:		0px	0px	6px	0px;
	list-style-type:		square;
	list-style-position:	outside;
/*	list-style-image:url(	../clear.gif	);*/
}
/*li:before { display: marker; marker-offset: 200em }*/	/*IE未対応、liにおける表示要素と内容の間隔を指定できる*/

ul.liner, ul.liner ul, ol.liner, ol.liner ol	{
	padding:		0px	0px	3px	36px;	/* 0 0 12px 16px から変更 */
	margin:		0px	0px	3px	3px;
	/*margin-left:10%;*/
/*	padding-left:		32px;*/
/*	padding-bottom:	6px;*/
	border-left:		1px	dashed		#AAAAAA;
	border-bottom:	1px	dashed		#AAAAAA;
	position:relative;
}

img.s-top		{
	border-width:		0px;
	margin:		5px	0px	0px	0px;
}

img.s-right		{
	border-width:		0px;
	margin:		0px	10px	0px	0px;
}

/*
img.s-botom		{
	border-width:		0px;
	margin:		0px	10px	0px	0px;
}
*/

img.s-left		{
	border-width:		0px;
	margin:		0px	0px	0px	10px;
}

/*
------------------------------------------------------------
サイト独自の追加分
------------------------------------------------------------
*/