<<<<<<< .mine
@charset "utf-8";

/* HANABUSA TEMP.CSS  */


/*--------------------------------------
*	
*	00.GLOBAL_COMMON
*	01.LOCAL_NAVI_COMMON
*	02.BASIC_LAYOUT_COMMON
*	03.LAYOUT_HELPER
*	04.DEBUG
*	05.BREAD_CRUMB
*
*--------------------------------------*/


/**-------------------------------------
	00.GLOBAL_COMMON
---------------------------------------**/

div#contents
{
	margin: 0 0 0 0;
	width: 900px;
}

div#contTitle
{
	margin: 7px 0 24px 0;
	width: 900px;
	height: 120px;
	background-color: #EEEEEE;
}	

div#contTitle img
{
	margin: 42px 0 0 22px;
}

/* \*/
* div#contTitle span
{
	margin: 42px 0 0 22px;
}
/* */

div#left
{
	float: left;
	width: 230px;
}

div#right
{
	float: right;
	width: 650px;
}

/**-------------------------------------
	01.LOCAL_NAVI_COMMON
---------------------------------------**/

div#lNavi
{
	line-height: 1;
}

div#lNavi img
{
	vertical-align: bottom;
}

ul#mainLn
{
	margin-bottom: 19px;
	padding: 0 5px 6px 5px;
	width: 220px;
	background: url(../images/ln_p_btm.jpg) #FFF4FA no-repeat bottom;
}

ul#mainLn li.lnTitle
{
	margin-bottom: 6px;
	height: 51px;
}

ul#mainLn li.lnTitle a:hover img
{
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

ul#mainLn li ul
{
	width: 220px;
	background: url(../images/ln_ul_bg.gif) repeat-y;
}

ul#mainLn li ul li
{
	height: 35px;
}

ul#mainLn li ul li a
{
	display: block;
	padding: 13px 0 0 34px;
	width: 186px;
	height: 22px;
	background: url(../images/ln_bg.jpg) no-repeat;
	font-size: 77%;
	color: #666666;
	text-decoration: none;
}

ul#subLn
{
	padding: 6px 5px;
	width: 220px;
	background: url(../images/ln_g_btm.jpg) #F2F9F7 no-repeat bottom;
}


/**-------------------------------------
	02.BASIC_LAYOUT_COMMON
---------------------------------------**/

div#rightBody
{
	margin: 0 0 0 10px;
	width: 630px;
}

div.topBox a,
div.midBox a,
div.btmBox a
{
	color: #006699;
}

div.topBox
{
	margin: 0 0 40px 0;
	width: 630px;
}

div.midBox
{
	margin: 0 0 40px 0;
	padding: 34px 0 0 0;
	width: 630px;
	background: url(../images/separater.jpg) no-repeat;
}

div.btmBox
{
	margin: 0 0 50px 0;
	padding: 34px 0 0 0;
	width: 630px;
	background: url(../images/separater.jpg) no-repeat;
}

div.topBox:after,
div.midBox:after,
div.btmBox:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div.topBox,
div.midBox,
div.btmBox
{ display: inline-block; }

/* \*/
* html div.topBox,
* html div.midBox,
* html div.btmBox
{ height: 1%; }
/* */

/**-------------------------------------
	03.LAYOUT_HELPER
---------------------------------------**/

.mB00
{
	margin-bottom: 0px;
}

.mB10
{
	margin-bottom: 10px;
}

.mB20
{
	margin-bottom: 20px;
}

.mB30
{
	margin-bottom: 30px;
}

.mB40
{
	margin-bottom: 40px;
}

.mT10
{
	margin-top: 10px;
}

.mT20
{
	margin-top: 20px;
}

.mT30
{
	margin-top: 30px;
}

.mT40
{
	margin-top: 40px;
}

.f10
{
	font-size: 77%;
}

.f12
{
	font-size: 92%;
}

.tal_center
{
	text-align: center;
}

.tal_right
{
	text-align: right;
}

.fl_left
{
	float: left;
}

.fl_right
{
	float: right;
}

.bkg_none
{
	background: none;
}

/**-------------------------------------
	04.DEBUG
---------------------------------------**/

.dbBorder
{
	border: 1px solid #00FF33;
}

/**-------------------------------------
	05.BREAD_CRUMB
---------------------------------------**/

ul#breadCrumb
{
	margin-bottom: 28px;
	padding: 0 0 0 20px;
	width: 630px;
	height: 32px;
	background: url(../images/bread_crumb_bg.jpg) no-repeat;
	line-height: 1;
	overflow: hidden;
}

ul#breadCrumb li
{
	float: left;
	padding: 11px 22px 0 11px;
	height: 21px;
	background: url(../images/bread_crumb_sep.jpg) no-repeat right;
	color: #666666;
	font-size: 77%;
	overflow: hidden;
}

ul#breadCrumb li a
{
	text-decoration: none;
	color: #F5388D;
}