@charset "shift_jis";
/* CSS Document */

/* base.css
--------------------------------------------------------------------------
1. 全体
2. コンテナ
3. ヘッダー（共通)
4  メイン
5. 左メニュー
6. 右メニュー
7. フッター(共通)


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

/* 1. 全体
------------------------------------------------------------------------*/
html
{
margin:0px;
padding:0px;

}
body{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:333333;
	/*background:#ffffff url(../images/main_bg_white.jpg) no-repeat;*/
	background:url(../images/body_bg.jpg) repeat-x;
	font-family:ＭＳゴシック;
	font-size:12px;
	text-align:center;


}

/* 2. コンテナ
------------------------------------------------------------------------*/

#container
{

	width:778px;
	background:#ffffff url(../images/main_bg_white.jpg) repeat;
	margin-left:auto;
	margin-right:auto;

}



/* 3. ヘッダー(共通)
------------------------------------------------------------------------*/



/* 4. メイン
------------------------------------------------------------------------*/

#main{
	
width:778px;
}

/* 5. 左メニュー
------------------------------------------------------------------------*/
#menu
{
width:370px;
margin:10px 10px 5px 10px;
background:url(../images/left_back.jpg) no-repeat top;
text-align:left;
float:left;
_width:370px;
_margin-left:0px;
}

.menuImg{ 
	margin-left:8px;
	margin-top:10px;
	_margin-left:20px;
}

.menuInfo{
	margin-left:15px;
	margin-top:16px;
	_margin-left:25px;
}

#menu .lecipe
{
	width:340px;
	height:80px;
	float:left;
	_width:355px;
	_height:80px;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
}

#menu .lecipe .lecipeText
{
	margin-top:5px;
	/*font-size:75%;*/
	line-height:170%;
	float:left;
}

#menu .cafeBox
{
	width:345px; 
	height:50px; 
	margin-left:15px; 
	margin-top:45px;
	float:left;
	_width:360px; 
	_height:95px; 
}

#menu .cafeBox .cafeText
{
	/*font-size:75%;*/
	margin-top:5px;
	line-height:170%;
	float:left;
	
}

/* 6. 右メニュー
------------------------------------------------------------------------*/

#rightBox
{
	width:370px;
	min-height: 112px;
	float: left;
	/*background-color:#00FF66;*/
    margin:15px 10px 30px 10px;
	_width:350px;
	_margin:0px;
}

#rightBox.#info
{
width:330px;
/*height:250px;*/
margin-right:10px;
/*margin-bottom:10px;*/
/*float:right;*/
float:left;
_width:340px;
}

#rightBox.#lesson
{
	width:300px;
	height:155px;
	margin-right:10px;
	margin-bottom:10px;
	_width:310px;
	_height:165px;
}

#rightBox .upBox
{
	width:340; 
	height:48px;

}

#rightBox .infoImg
{
	float:left;
}

#release{
	width: 350px;
	min-height:35px;
	margin: 10px;
	line-height: 19px;
	text-align:left;
	color: #333333;
	
}



#release a{
	text-decoration:none;
}
#release br{
	clear: both;
}
#release .date{
	width: 60px;
	float: left;
	color: #d80010;
}
#release .date02{
	width: 60px;
	float: left;
	color: #d80010;
	vertical-align: top;
}
#rightBox .moreInfo
{
	width:50px;
	height:9px;
	float:right;
	margin-top:20px; 
	/*font-size:75%*/
	_height:29px;
}

#rightBox .underLine
{
	width:349px;
	height:1px;
	margin-bottom:3px;
	_height:4px;
}
.infoColor {color: #d80010}

#rightBox .more
{
background-color:#00FF00;
margin:18px 0px 0px 0px;
height:40px;
width:243px;
text-align:right;
_height:58px;
}

#rightBox .moreText
{
width:243px;
height:11px;
background-color:#99CC00;
margin:20px;
text-align:right;
margin-left:107px;
_width:390px;
}

#rightBox .infoSpace
{
width:350px;
height:40px;
background-color:#3399FF;

}

.infoSpace .moreimg
{
background-color:#FF0000;
width:200;
height:30px;
text-align:right;

}

#rightBox .spaceMore
{
margin-left:30px;
margin-right:30px;
}
#rightBox .lessonBox
{
	width:330px;
	height:150px;
	padding:10px;
	background:url(../images/lesson_bg.jpg) no-repeat;
	position:relative;
	bottom:0;
	_width:331px;
	_height:192px;
	
}

/* 7. バナー
------------------------------------------------------------------------*/
.bnr{
	margin-bottom:20px;
}
.bnr2{
	vertical-align: bottom;
	padding-top: 30px;
}
.bnr img, .bnr2 img{
	border: none;
}
.mR7{
	margin-right:7px;
}
.mR6{
	margin-right:6px;
}



/* 7. 追記
------------------------------------------------------------------------*/
/*
#message {
width:350px;
margin:10px 15px;
text-align:left;
float:right;
_width:370px;
_margin-left:0px;
}
*/

/*IE6用
#message {
width:350px;
margin:10px -10px;
text-align:left;
float:right;
_width:370px;
_margin-left:0px;
}
*/

/*IE7とFireFoxで見れ、IE6で見れない*/

#message {
width:350px;
margin:10px 15px;
text-align:left;
float:right;
_width:370px;
_margin-left:0px;


}


.inquiry{
color:#333333;
margin:5px;
}

.mB10 {
	margin-bottom:10px;
}

.small {
	font-size:12px;line-height:130%;
	color:#333;
}