/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
 strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
body {
text-align: center;
 padding: 0;
 color: #000;
 font-size: 12px;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;

 line-height: 1.4;
 background:#F1F1F1;
}
div{
text-align:left;
}
div.main{
text-align:center;
margin:0 26px;
}
div.inner_header{
margin-bottom:20px
}
h1, h2, h3, h4, h5, h6, p { margin-top: 0;vertical-align:middle /* div 自体ではなく div 内でエレメントの両側に余白を追加すると、ボックスモデル計算が不要になります。代わりに、両側に余白を指定した div をネストして使用することもできます。 */ }
p {
 font-size: 12px;
 line-height: 20px;
}
img{
	border:none;
}
ul{
	list-style:none;
}

/* ~~ この固定幅コンテナが他の div を囲みます。~~ */
.container {
 width: 802px;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 background-color: #FFF;

}
/* ヘッダー */
.header {
background:url(images/bg_header.gif) no-repeat left center;
height:106px;
position:relative;
}
.float_left {
float: left;
}
.float_right {
float: right;
}
/* ロゴ */
.header .logo_1{
position:absolute;
top:20px;
left:40px;
}
.header .logo_2{
position:absolute;
top:20px;
left:420px;
}
/* メインスペース */
.main ul{
	margin-bottom:1.0em
}
/*テキストエリア*/
li.text_area{
float:left;
text-align:left;
}
/*画像エリア*/
li.img_area{
float:left;
padding-left:10px;
text-align:right;
}
li.img_area img{
margin-bottom:10px;
}

/*幅指定*/
.width_540{
width:540px
}
.width_490{
width:490px
}
.width_450{
width:450px
}
.width_440{
width:440px
}
.width_380{
width:380px
}
.width_330{
width:330px
}
.width_300{
width:300px
}
.width_280{
width:280px
}
.width_250{
width:250px
}
.width_230{
width:230px
}

.width_200{
width:200px
}
.width_150{
width:150px
}
.text_left{
text-align:left
}

div.lunch{
width:702px;
height:189px;
padding-left:52px;
padding-top:64px;
background:url(images/p_20.jpg) no-repeat;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
line-height:25px
}


/*罫線*/
.line_dotted{
width:100%;
height:1px;
background:url(images/line_dotted.gif) repeat-x;
margin-bottom:1.0em
}

/* フッター */
.footer {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCC;
font-size: 10px;
text-align: center;
color: #666;
height:30px;
line-height:30px;
}
/*文字*/
.f_caution{
	color:red;
	font-weight:bold;
}
.f_pink{
	color:#FF6699;
}
.f_blue{
	color:#0066CC;
}
.f_green{
	color:#4AAE3D;
}
.f_blue a{ 
	color:#0066CC;
}
.f_green a{
	color:#4AAE3D;
}
.f_gray{
	color:#C8C8C8;
}
.f_orange{
color:#FF8F0B;
}
/*見出し*/
h2{
color:#0066CC;
font-size:16px;
text-align:left;
font-weight:bold;
line-height:1.5em;
height:24px;
margin-bottom:0.5em
}
h2 span{
font-size:0.85em
}
.clear_float{
 clear:both;
 height:1px;
}
h3{
color:#4AAE3D;
font-size:16px;
text-align:left;
font-weight:bold;
line-height:1.5em;
height:24px;
margin-bottom:0.5em
}
h3 span{
font-size:0.85em
}
.clear_float{
 clear:both;
 height:1px;
}

/*タイムスケジュール*/
div.schedule {
padding: 10px 10px 10px 8px;
margin-bottom: 20px;
background: white;
text-align: left;
border: #DCDCDC solid 2px;
width: 420px;
}
div.schedule ul li.title {
float: left;
}
div.schedule ul li.title span {
font-weight: bold;
color: #FF6699;
}
div.schedule ul li.time {
float: right;
font-weight: bold;
}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */