@charset "shift_jis";

/*===============================================
株式会社コルノマカロニ　トップページ専用CSS

(1)基本設定
(2)DIVの設定
(3)テキスト
(4)メニューボタン
==================================================*/




/*===============================================
●（１）基本設定
==================================================*/

/*背景画像の設定など-----------------------*/
body{
	margin:0px;
	padding:0px;
	background-image:url(../img/back-sky.jpg);
	background-repeat:no-repeat;
	background-color:#F1F1E7;
}



/*===============================================
●（２）DIVの設定

□#top　	┐
□#indexMenu
□#mid		#container
□#bot　	┘

		┐
□#news #mid
		┘
==================================================*/

#container,#top,#bot{
	margin:0px;
	padding:0px;
	width:785px;	
}

#container{
	margin:auto;
	margin-top:40px;
}

#top{
	background-image:url(../img/back-top.gif);
	background-repeat: no-repeat;
	height:26px;
}

#indexMenu{
	background-image:url(../img/back-mid.gif);
	background-repeat: repeat-y;
	height:51px;
	padding-left:20px;
}

#mid{
	background-image:url(../img/back-mid.gif);
	background-repeat: repeat-y;
	padding-left:50px;
	padding-right:50px;
	padding-top:40px;
	padding-bottom:40px;
	width:685px;
	
}

#bot{
	background-image:url(../img/back-bot.gif);
	background-repeat: no-repeat;
}

/*===============================================
●（３）テキスト
==================================================*/

/*テキストの共通設定-----------------------*/
p,address,ul{
	margin:0px;
	padding:0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Osaka", "MS Pゴシック";
	font-style: normal;
	text-decoration: none;
}

/*コピーライト-----------------------*/
address{
	padding-top:9px;
	font-size: 10px;
	color: #333333;
	text-align:center;
}

/*新着情報-----------------------*/
#news p{
	font-size: 10px;
	color: #333333;
	text-align:center;
	margin-top:20px;	
}

#news p em{
	color:red;
	font-style: normal;
	text-decoration: none;
}


/*===============================================
●（４）メニューボタン
==================================================*/


#menu li{
	display:inline;
}


#menu a{
	display:block;
	text-indent:-9999em;
	overflow:hidden;
	float: left;
	margin-right: 2px;
	margin-left: 2px;
}

#menu .menu01 a{width:121px;height:51px;background:url(../img/botan-index-01.jpg);}
#menu .menu01 a:hover{background:url(../img/botan-index-01.jpg) 0px -51px;}

#menu .menu02 a{width:78px;height:51px;background:url(../img/botan-index-02.jpg);}
#menu .menu02 a:hover{background:url(../img/botan-index-02.jpg) 0px -51px;}

#menu .menu03 a{width:124px;height:51px;background:url(../img/botan-index-03.jpg);}
#menu .menu03 a:hover{background:url(../img/botan-index-03.jpg) 0px -51px;}

#menu .menu04 a{width:71px;height:51px;background:url(../img/botan-index-04.jpg);}
#menu .menu04 a:hover{background:url(../img/botan-index-04.jpg) 0px -51px;}

#menu .menu05 a{width:100px;height:51px;background:url(../img/botan-index-05.jpg);}
#menu .menu05 a:hover{background:url(../img/botan-index-05.jpg) 0px -51px;}

#menu .menu06 a{width:81px;height:51px;background:url(../img/botan-index-06.jpg);}
#menu .menu06 a:hover{background:url(../img/botan-index-06.jpg) 0px -51px;}

#menu .menu07 a{width:133px;height:51px;background:url(../img/botan-index-07.jpg);}
#menu .menu07 a:hover{background:url(../img/botan-index-07.jpg) 0px -51px;}