@charset "utf-8";

/* -----------------------------------------------------------
	
	TOPページ用

----------------------------------------------------------- */

body#index div#mainArea{
	width:775px;
	margin:auto;
	}

body#index  h1{
	margin:0;
	}

/* メインビジュアル */
p#mainVisual{
	margin:0 0 10px 0;
	text-align:center;
}


/* ヘッダのキャンペーンバナー */

ul#topCampain{
	margin:0;
	position:absolute;
	top:92px;
	right:25px;
	}

ul#topCampain li{
	display:inline;
	}

/* フラッシュ */
div#flash{
	margin:0 0 30px 0;
	}

/* メニュー一覧
div.topMenu{
	overflow:hidden;
	width:720px;
	margin:auto;
	padding-bottom:10px;
	}

div.topMenu dl{
	width:180px;
	float:left;
	position:relative;
	}

div.topMenu dl dt{
	background:#dee1f5;
	padding:6px 0 4px 0;
	}

div.topMenu dl dd{
	padding:10px 5px 0 95px;
	font-size:8pt;
	letter-spacing:normal;
	}

div.topMenu dl dd img{
	position:absolute;
	left:0;
	} */


/* メニュー一覧 */
div.topMenu{
	width:100%;
	}

div.topMenu ul{
	width:775px;
	margin:0 auto;
	overflow:hidden;
	}

div.topMenu ul li{
	width:193px;
	float:left;
	}

div.topMenu ul li img:hover{
	opacity:0.7;
	}

	

/* -----------------------------------------------------------
	
	Header

----------------------------------------------------------- */
body#index div#topHeader{
	height:265px;
	background:url("../../img/ttl_h1.gif") top no-repeat;

	}

body#index div#topHeader h1{
	text-indent:-9999px;
	}

body#index div#topHeader ul{
	margin:0 0 0 -10px;
	padding-top:32px;
	}

body#index div#topHeader ul li{
	display:inline;
	}

	



/* -----------------------------------------------------------
	
	MainArea

----------------------------------------------------------- */

/* リード文 */
div#leadTxt{
	width:595px;
	height:375px;
	margin:30px auto;
	background:url("../../img/bg_leadTxt.gif") center top no-repeat;
	}

div#leadTxt p{
	display:none;
	}
	
	
div#mainArea div.innerColumn{
	width:297px;
	overflow:hidden;
	}

div#mainArea div.innerColumn h2{
	text-align:left;
	}

div#mainArea div.innerColumn p{
	margin:10px 0;
	line-height:1.8;
	font-size:0.9em;
	}



/* 左カラム
 ----------------------------------- */
div#columnL{
	float:left;
	margin-left:20px;
	_display:inline;
	}


/* menu */
div#topMenu ul{
	margin:15px 0 0 0;
	background:url("../../img/bg_menu.jpg") 172px top no-repeat;
	}

div#topMenu h2{
	background:url("../../img/ttl_menu.gif") top no-repeat;
	width:203px;
	height:70px;
	text-indent:-9999px;
	}

div#topMenu p.more{
	padding-right:30px;
	}





/* 右カラム
 ----------------------------------- */
div#columnR{
	float:right;
	margin-right:20px;
	_display:inline;
	}


/* course */
div#topCourse h2{
	background:url("../../img/ttl_course.gif") top no-repeat;
	width:260px;
	height:70px;
	text-indent:-9999px;
	}


/* design */
div#topDesign h2{
	width:285px;
	height:65px;
	background:url("../../img/ttl_design.gif") top no-repeat;
	text-indent:-9999px;
	}

div#topDesign ul{
	margin:0;
	}

div#topDesign ul li{
	margin-bottom:10px;
	}


/*div#topDesign ul{
	overflow:hidden;
	margin:0;
	padding-bottom:10px;
	}

div#topDesign ul li{
	width:99px;
	float:left;
	}*/


/* product */
div#topProduct{
	clear:both;
	width:595px;
	margin:auto;
	position:relative;
	}

div#topProduct h2{
	width:450px;
	height:50px;
	background:url("../../img/ttl_product.gif") top no-repeat;
	text-indent:-9999px;
	}

div#topProduct p{
	margin:10px 0;
	font-size:0.9em;
	}

div#topProduct p.more{
	position:absolute;
	top:20px;
	right:0;
	}


/* -----------------------------------------------------------
	
	Fotter

----------------------------------------------------------- */
div.indexFotter{
	background:url(../../img/bg_fotter.gif) 20px 40px no-repeat;
	padding-top:70px;
	}