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

 file name  :homepage.css
 author     :Ability Consultant
 style info :基本・共通設定　ハックは最下部に記述
=================================================================== */



/*----------------------------------------------------
	#page
----------------------------------------------------*/
#homepage #page {
	background: url(../images/home/bg_body.gif) repeat-x center top;
}

/*----------------------------------------------------
	#wrapper
----------------------------------------------------*/
#homepage #wrapper {
	width: 960px;
	background: url(../images/home/img_homepage.jpg) no-repeat left top;
	margin: 0 auto;
	text-align: left;
}

/* -----------------------------------------------------------
	#header
		ヘッダー
----------------------------------------------------------- */
#homepage #header {
	width: 960px;
	height:561px;
	position:relative;
}

#homepage #header h1 {
	position:absolute;
	right:69px;
	top:3px;
	width:303px;
	text-align:right;
	font-size:90%;
	height:27px;
	z-index:7;
}
#header h2 {
	position:absolute;
	right:54px;
	top:249px;
	width:374px;
	text-align:right;
	font-size:90%;
	height:78px;
	z-index:5;
}



/* .con_nav
----------------------------------------------------------- */
#homepage #header .con_nav {
	position:absolute;
	right:0;
	top:354px;
	width:444px;
	height: 153px;
	z-index:3;
}
#homepage #header .con_nav li {
	float:left;
}
#homepage #header .con_nav li.spa {
	width:140px;
}
#homepage #header .con_nav li.point {
	width:139px;
}
#homepage #header .con_nav li.bus {
	width:135px;
	padding:3px 0 0 0;
}

/* #gnav
----------------------------------------------------------- */
#homepage #header #gnav {
	position:absolute;
	right:0;
	top:0;
	width:355px;
	height: 227px;
	background: url(../images/common/img_gnav.gif) right top no-repeat;
	z-index:2;
}

/* .mainimage
----------------------------------------------------------- */
#homepage #header p.mainimage {
	position:absolute;
	left:0;
	top:0;
	width:502px;
	height:527px;
	text-indent:-9999em;
}



/*----------------------------------------------------
	#main
		メイン
----------------------------------------------------*/

#main h3 {
	border:0;
	width:auto;
	text-align:left;
	height:auto;
	margin:0;
	padding:0;
}

/*キャンペーンバナー*/
#main .bn_cam {
	margin: 0 0 20px 0;
}


#main .con_bnr{
	margin: 0 0 10px 0;
}
#main .con_bnr p{
	margin: 0 0 10px 0;
}



/* #news
----------------------------------------------------------- */
#main #news {
	width:681px;
	margin:20px 0 10px 0;
	padding:0 0 0 9px;
	overflow:hidden;
}
#main #news .left {
	width:690px;
}
#main #news .left dl {
	width:100%;
	padding:3px 8px;
	overflow:hidden;
	background:#fbebeb;
	margin:0 0 5px 0;
}
#main #news .left dl.odd {
	background:#fff;
}
#main #news .left dl dt {
	float:left;
	width:60px;
}
#main #news .left dl dt a {
	display:block;
	width:48px;
	height:34px;
	border:3px solid #f7e2e2;
}
#main #news .left dl dd {
	float:left;
	padding:10px 0 0 24px;
	width:94px;
}
#main #news .left p {
	text-align:right;
	padding:10px 12px 10px 0;
}
#main #news .left p.listnone {
	text-align:left !important;
}
#main #news .left dl dd.txt {
	width:234px;
}
#main #news .right {
	float:left;
	width:257px;
	padding:0 0 0 8px;
}
#main #news .right dl {
	width:207px;
	padding:3px 0 0 50px;
	background: url(../images/home/bg_blog1.gif) no-repeat left center;
	margin:0 0 6px 0;
	min-height:39px;
}
* html #main #news .right dl {
	height:39px;
}
#main #news .right dl.cup {
	width:207px;
	padding:3px 0 0 50px;
	background: url(../images/home/bg_blog2.gif) no-repeat left top;
	margin:0 0 6px 0;
}
#main #news .right dl dt {
	font-weight:bold;
}
#main #news .right p {
	text-align:right;
	padding:10px 0 0;
}

/* #con_information
----------------------------------------------------------- */
#main #con_information {
	width:690px;
	margin:10px 0 0 0;
	padding:30px 0 0 0;
	background: url(../images/home/bg_con.gif) no-repeat left top;
	overflow:hidden;
}
#main #con_information p.right {
	float:right;
}

#main #con_information .box_info{
	float: right;
	width: 280px;
	padding-left: 5px;
}

#main #con_information .box_fb{
	text-align: center;
}
#main #con_information .box_fb .st{
	margin:2em 0 2.5em;
}
#main #con_information .box_fb .st .title{
	margin-bottom: .5em;
}
#main #con_information .box_fb .st ul{
	display: flex;
	justify-content: center;
}
#main #con_information .box_fb .st ul li:nth-last-child(1){
	margin-left: 2em;
}
#main #con_information .box_fb .box_sns .sns{
	display: flex;
	justify-content: space-around;
}




/* -----------------------------------------------------------
	#Side
		サイドバー、サブ
----------------------------------------------------------- */
#Side {
	padding:105px 0 0 0;
}









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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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