@charset "utf-8";
/* ===================================================================
CSS information

 file name  :spend.css
 author     :Ability Consultant
style info  :過ごし方設定　ハックは最下部に記述
=================================================================== */


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */


/*-----------------------------------------------
	#header
	　ヘッダー
-------------------------------------------------*/
#spend #header h3{
	background: url(../spend/images/tl_page.png) no-repeat left top;
}

#spend #header .top_image{
	background: url(../spend/images/top_image.jpg) no-repeat center top;
}

/*-----------------------------------------------
	#main
	 メイン
-------------------------------------------------*/
#spend #main h4{
	background: url(../spend/images/tl_page_sub.jpg) no-repeat left top;
	height: 122px;
	text-indent: -9999px;
	font-size: 0;
}

#spend #main .pagetop{
	background: url(../spend/images/bg_pagetop.gif) no-repeat 134px top;
	height: 40px;
	padding-top: 20px;
}

#spend #main .content{
	background: url(../spend/images/bg_content_botton.gif) no-repeat left bottom;
	padding-bottom: 22px;
	margin-bottom: 20px;
}

#spend #main .content h5{
	height: 75px;
	text-indent: -9999px;
	font-size: 0;
	margin-bottom: 16px;
}

#spend #main .content .clearfix{
	width: 668px;
	margin: 0 auto;
}

#spend #main .content .clearfix .left{
	float: left;
	display: inline;
}

#spend #main .content .clearfix div.left{
	margin-left: 15px;
}

#spend #main .content .clearfix .right{
	float: right;
	display: inline;
}

#spend #main .content .clearfix div.right{
	margin-right: 15px;
}

#spend #main .content .clearfix .btns{
	margin-top: 15px;
}

#spend #main .content .clearfix .btns a{
	margin-right: 10px;
}

/* .spend01
------------------------------------------------*/
#spend #main .spend01 h5{
	background: url(../spend/images/tl_spend01.gif) no-repeat left top;
	height: 54px;
	position: relative;
}

#spend #main .spend01 p{
	position: relative;
	margin: -40px 0 10px 272px;
}

/* .spend02
--------------------------------------------------*/
#spend #main .spend02 h5{
	background: url(../spend/images/tl_spend02.gif) no-repeat left top;
}

#spend #main .spend02 .left{
	width: 302px;
}

#spend #main .spend02 .right{
	width: 320px;
}

/* .spend03
---------------------------------------------------*/
#spend #main .spend03 h5{
	background: url(../spend/images/tl_spend03.gif) no-repeat left top;
}

#spend #main .spend03 .left{
	width: 305px;
}

#spend #main .spend03 .right{
	width: 325px;
}

/* .spend04
----------------------------------------------------*/
#spend #main .spend04 h5{
	background: url(../spend/images/tl_spend04.gif) no-repeat left top;
}

#spend #main .spend04 .left{
	width: 312px;
}

#spend #main .spend04 .right{
	width: 322px;
}

/* .spend05
-----------------------------------------------------*/
#spend #main .spend05{
	margin-bottom: 0;
}

#spend #main .spend05 h5{
	background: url(../spend/images/tl_spend05.gif) no-repeat left top;
}

#spend #main .spend05 .left{
	width: 302px;
}

#spend #main .spend05 .right{
	width: 338px;
}

/* .spend06
-------------------------------------------------------*/
#spend #main .spend06 h5{
	background: url(../spend/images/tl_spend06.gif) no-repeat left top;
}

#spend #main .spend06 .left{
	width: 199px;
}

#spend #main .spend06 .right{
	width: 435px;
}

/* .spend07
---------------------------------------------------------*/
#spend #main .spend07 h5{
	background: url(../spend/images/tl_spend07.gif) no-repeat left top;
}

#spend #main .spend07 .left{
	width: 199px;
}

#spend #main .spend07 .right{
	width: 435px;
}

/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {}