@charset "utf-8";
/*------------------------------------------------
 * タイトル：トップページ用ＣＳＳファイル
 * 説明    ：
 *
 * 著作権  ：
 * 会社名  ：
 *
-------------------------------------------------*/

/*------------------------------------------------
 外部ＣＳＳのインポート
------------------------------------------------*/
@import "common.css";		/* 共通CSS */

/*------------------------------------------------
 カラーボックス
------------------------------------------------*/
/* ライトボックス */
div#boxRight {
	position: relative;		/* イエローボタン用 */
}


/* ブルーボックス */
div#boxRight div#gnaviBlue {
	width: 340px;
	height: 340px;
	float: left;
	position: relative;
	background: url(../images/bgBlue.gif) no-repeat;
}

/* ブルータイトル */
div#boxRight div#gnaviBlue h2 {
	position: absolute;
	top: 17px;
	left: 16px;
}

/* ブルーコメント */
div#boxRight div#gnaviBlue p.gnaviComment {
	position: absolute;
	width: 182px;
	top: 80px;
	left: 143px;
	padding: 5px 0 5px 0;
	text-align: left;
	color: #ffffff;
	border-top: solid 1px #d5e8ed;
	border-bottom: solid 1px #d5e8ed;
}

/* ブルーボタン */
div#boxRight div#gnaviBlue p.gnaviBtn {
	position: absolute;
	top: 250px;
}


/* ピンクボックス */
div#boxRight div#gnaviPink {
	width: 340px;
	height: 340px;
	float: right;
	position: relative;
	background: url(../images/bgPink.gif) no-repeat;
}

/* ピンクタイトル */
div#boxRight div#gnaviPink h2 {
	position: absolute;
	top: 17px;
	left: 156px;
}

/* ピンクコメント */
div#boxRight div#gnaviPink p.gnaviComment {
	position: absolute;
	width: 182px;
	top: 80px;
	left: 15px;
	padding: 5px 0 5px 0;
	text-align: left;
	color: #ffffff;
	border-top: solid 1px #d5e8ed;
	border-bottom: solid 1px #d5e8ed;
}

/* ピンクボタン */
div#boxRight div#gnaviPink p.gnaviBtn {
	position: absolute;
	top: 250px;
	left: 135px;
}

/* オレンジボックス */
div#boxRight div#gnaviOrange {
	width: 340px;
	height: 340px;
	float: left;
	position: relative;
	background: url(../images/bgOrange.gif) no-repeat;
}

/* オレンジタイトル */
div#boxRight div#gnaviOrange h2 {
	position: absolute;
	top: 17px;
	left: 16px;
}

/* オレンジコメント */
div#boxRight div#gnaviOrange p.gnaviComment {
	position: absolute;
	width: 182px;
	top: 140px;
	left: 143px;
	padding: 5px 0 5px 0;
	text-align: left;
	color: #ffffff;
	border-top: solid 1px #d5e8ed;
	border-bottom: solid 1px #d5e8ed;
}

/* オレンジボタン */
div#boxRight div#gnaviOrange p.gnaviBtn {
	position: absolute;
	top: 250px;
}

/* グリーンボックス */
div#boxRight div#gnaviGreen {
	width: 340px;
	height: 340px;
	float: right;
	position: relative;
	background: url(../images/bgGreen.gif) no-repeat;
}

/* グリーンタイトル */
div#boxRight div#gnaviGreen h2 {
	position: absolute;
	top: 17px;
	left: 156px;
}

/* グリーンコメント */
div#boxRight div#gnaviGreen p.gnaviComment {
	position: absolute;
	width: 182px;
	top: 140px;
	left: 15px;
	padding: 5px 0 5px 0;
	text-align: left;
	color: #ffffff;
	border-top: solid 1px #d5e8ed;
	border-bottom: solid 1px #d5e8ed;
}

/* グリーンボタン */
div#boxRight div#gnaviGreen p.gnaviBtn {
	position: absolute;
	top: 250px;
	left: 135px;
}

/* イエローボタン */
div#boxRight p#gnaviYellow {
	position: absolute;
	top: 339px;
	left: 262px;
	width: 155px;
	height: 36px;
}