@charset "utf-8";
/* All Layout reset
-------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,pre,form,fieldset,input,textarea,p,blockquote,th,td
{
	margin: 0;
	padding: 0;
}
fieldset,img{
    border: 0;
}
abbr,acronym{
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,ver{
    font-style: normal;
	font-weight: normal;
}
h1,h2,h3,h4,h5,h6{
    font-size: 100%;
	font-weight: normal;
}

/* Layout
-------------------------------------------------*/
body{
    margin: 0 auto;
	text-align: center;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 0.1em;
	color: #554D3D;
	line-height: 1.5;
	background: #ffffff; 
}

a:link {
	color: #003D71;
	text-decoration: none;
}
a:visited {
	color: #003D71;
    text-decoration: none;
}
a:hover {
	color: #003D71;
	background-color: #F4D200;
}

/*画像にリンクをかける時にhoverの背景を作動させたくない時に<span class="link_img"></span>ではさむ*/
.link_img a:hover {
    text-decoration: none;
	background: none;
}

/* 画像位置　*/
.img_middle{
vertical-align: middle;
}
.arrow{
margin: 0 5px;
}
.click{
vertical-align: text-top;
position: relative;
top: -5px;
z-index: 2;
}

#wrapper{
    margin: 0 auto 10px auto;
	width: 950px;}

#header{ 
    width:950px;
	margin: 40px 0px 0px 0px;
}
#hr{
    margin: 10px 0 0 0;
}
#main{
    width:950px;
	text-align: left;
	margin: 100px auto 20px auto;
}

#footer{
        width:950px;
		margin: 0 auto 0 auto;
}
/* header
-------------------------------------------------*/
#header #hr{
float: right;
}

/* nav
-------------------------------------------------*/
#mainlogo{
float: left;
}

#nav{
float: right;
margin: 40px 20px 0 0;
}
#nav img{
margin-left: 15px;
}
#nav a:hover {
background: none;
}

/* main
-------------------------------------------------*/

h1{
font-weight: bold;
color: #000000;
line-height: 1.4;
font-size: 13px;
}
h2{
color: #000000;
line-height: 1.4;
font-size: 13px;
font-weight: bold;
}
/*h4{
line-height: 1.4;
}*/
/*.main_txt{
margin: 20px 0px 20px 0;
}*/
#mail{
}
.hr{
margin: 30px auto;
}
.hp{
margin-right: 5px;
}
.s_linkbtn{
margin-right: 5px;
}
/*h4{
margin: 50px auto 10px auto;
}*/
.under{
text-decoration: underline;
}
.notice{
	font-size: 0.9em;
	text-align: right;
}
/* フォントの色と大きさとレイアウト
-------------------------------------------------*/
.red{
color: #CC3300;
}
.blue{
color: #003D71;
}
.font_jp{
font-size: 0.95em;/*日本語フォントを小さくして英語フォントと合わせるための設定*/
}
.font_s{
font-size: 0.8em;
}
.font_m{
font-size: 1.25em;
}
.font_l{
font-size: 1.5em;
}
.right{
text-align: right;
padding: 0 50px 0 0;
}

/* fotter
-------------------------------------------------*/
#hr_bottom{
margin: 10px 0;
}
#copy{
width: 670px;
margin: 0 0 0 280px;
text-align: left;
vertical-align: text-bottom;
line-height: 1.3;
letter-spacing: 0.1em
}

#kotori{
vertical-align: text-bottom;
margin-left: 5px;
}

/* index
-------------------------------------------------*/
#top_img{
width: 950px;
text-align: right;
margin: 50px auto 10px auto;
line-height: 100%;
}
#top_img img{
margin: 0 auto 0 40px;
}

#past_hp{
margin: 20px auto 0 auto;
text-align: center;
position: relative;
left: -20px;
}
#past_hp img{
margin: 0 15px;
}
.past-kodomocafe{
width: 650px;
margin: 0 auto;
clear: both;
}
.past-kodomocafe ul{
list-style: none;
margin: 0 auto 0 35px;
}
.past-kodomocafe ul li{
margin: 0 0 5px 0;
line-height:1.3;
}
#tori_1st .small{
margin-left: 70px;
}



/* kikkake
-------------------------------------------------*/
#kikkake{
width: 670px;
margin: 0 0 0 280px;
}
/*#kikkake_txt{
line-height: 1.4;
}*/
#kikkake #main_img{
margin: 0 auto 30px auto;
}
#kikkake p{
margin: 20px auto 20px auto;
}

/* kodomocafetowa
-------------------------------------------------*/
.hokoku{
width: 670px;
margin: 0 0 40px 280px;
}
.hokoku h2{
	margin: 0 0 10px 0;
}
.hokoku h2 img{
	vertical-align: middle;
	margin-right: 4px;
}
.hokoku p img{
		vertical-align: middle;
		margin-left: 5px;
}
#vol5_photo img{
	margin: 0px 0px 4px 4px;
}
#vol5_photo .left{
	margin: 0px 0px 4px 0px;
}
#debut_photo img{
	margin: 0px 0px 4px 4px;
}
#debut_photo .left{
	margin: 0px 0px 4px 0px;
}
#kodomocafe_syosai{
width: 670px;
margin: 0 0 0 280px;
}
#kodomocafe_syosai table .item_short{
width: 70px;
vertical-align: top;
padding: 3px 0;
line-height: 1.4;
text-align: left;
}
#kodomocafe_syosai table .item_long{
width: auto;
vertical-align: top;
padding: 3px 0;
line-height: 1.4;
text-align: left;
}
#kodomocafe_syosai table td{
vertical-align: top;
padding: 3px 0 3px 2px;
line-height: 1.4;
}
#kodomocafe_syosai table td p{
margin: 15px auto;
}
#kodomocafe_syosai table td ol{
list-style-position: outside;
margin: 10px auto;
position: relative;
left: 25px;
}
#kodomocafe_syosai table td ul{
list-style-position: outside;
list-style-type: disc;
margin: 10px auto;
position: relative;
left: 25px;
}
#kodomocafe_syosai table td li{
margin: 0 auto 3px auto;
}

#bosyu li{
	list-style:url(../img/common/icon_cir_yellow_s.gif) outside;
	margin: 0 0 0 10px;
}

#menu{
width: 670px;
margin: 20px 0 0 280px;
}
#menu p{
margin: 20px auto;
}
.reference{
font-size: 0.8em;
}
#menu_img{
background:url(../img/kodomocafetowa/menu2.jpg) no-repeat;
width: 670px;
height: 680px;
color: #000000;
line-height: 1.4;
}
#menu_img h3{
font-size: 22px;
font-weight: bold;
font-family: "Times New Roman", Times, serif ;
}
#menu_img dd{
list-style: none;
list-style-position: outside;
}
#menu_img .menu_name{
font-size: 13px;
font-weight: bold;
margin: 5px auto 0 auto;
}
#menu_img .menu_name_sub{
font-size: 12px;
font-weight: bold;
display: inline;
margin: 10px auto 0 auto;
}
#menu_img .menu_price{
margin: 0 auto 10px auto;
}
#menu_img .menu_price_sub{
font-size: 12px;
display: inline;
margin: 0 auto 0 auto;
}
#menu_img .menu_detail{
font-size: 11px;
margin: 5px auto 10px auto;
}
#menu_img .menu_detail_sub{
font-size: 11px;
margin: 5px auto 0 auto;
}
#lunch{
width: 230px;
height: 200px;
position: relative;
left: 65px;
top: 35px;
}
#sweets{
width: 200px;
height: 200px;
position: relative;
left: 70px;
top: 230px;
}
#drink{
width: 200px;
height: 200px;
position: relative;
left: 510px;
top: 110px;
}
#chefschool,
#workshop{
width: 670px;
margin: 30px 0 0 280px;
}
#chefschool h2,
#workshop h2{
margin: 0 auto 10px auto;
}
#chefschool ul,
#workshop ul{
	margin: 0 0 0 30px;
}
#chefschool ul li,
#workshop ul li{
	list-style: url(../img/common/icon_cir_yellow_s.gif) outside;
	margin: 0 auto 5px auto;
}

#workshop h3{
margin: 0 auto 10px auto;
}
#chefschool p,
#workshop p{
margin: 0 auto 10px auto;
}



/* support- project member
-------------------------------------------------*/
#member{
width: 670px;
margin: 0 0 0 280px;
}
#support_table{
width: 560;
margin: 40px 0px 30px 0;
position: relative;
left: -15px;
}
#support_table td{
text-align: center;
vertical-align: top;
width: 140px;
padding: 10px inherit;
}
#support_txt{
margin: 50px 0px 30px 0px;
}
.support_img{
margin-bottom: 5px;
}

.post{
color: #003459;
line-height: 110%;
font-size: smaller;
font-weight: 500;
}
.co{
font-size: smaller;
line-height: 1.1;
}
.name{
}
.nologo{
font-size: 1.8em;
font-weight: 900;
color: #DB3B1B;
line-height: 110%;
margin: 5px auto -5px auto;
}
.hp{
line-height: 100%;
}
#gakkou{
margin: 20px 0 30px 0;
}


/* contact
-------------------------------------------------*/
/*こどもcafeとは-問合せ*/
#contact{
width: 670px;
margin: 20px 0 40px 280px;
text-align: left;
}
#contact table{
}
#contact table img{
vertical-align: middle;
}
#contact_img{
margin: 50px auto 0 auto;
}


/*こどもcafe準備室*/
#toiawase_jyunbishitu td{
margin: 0 0 0 0;
padding: 0 0 0 0;
line-height: 1.4;
}
#toiawase_jyunbishitu .contact_index{
width: 100px;
}



/* report
-------------------------------------------------*/
#report #nav ul {
width: 570px;
list-style: none;
margin: 25px 0 0 0;
}
#report #nav ul li{
list-style: none;
display: block;
width: 180px;
float: right;
margin: 0 0 0 10px;
}
#zoom{
float: right;
color: #003D71;
vertical-align: middle;
margin: 40px 0 0 0;
}
#zoom img{
vertical-align: top;
margin-right: 5px;
}
#shefreport_tbl{
border: none;
border-width: 0;
width: 810px;
margin: 0 0 0 20px;
clear: both;
}
#shefreport_tbl tr td{
padding: 35px 0 0 0;
text-align: left;
vertical-align: top;
}
#shefreport_tbl tr td a:link {
	color: #ffffff;
	text-decoration: none;
}
#shefreport_tbl tr td a:visited {
	color: #ffffff;
    text-decoration: none;
}
#shefreport_tbl tr td a:hover {
	color: #003D71;
	background-color: #ffffff;
}
#shefreport_tbl tr td.r_tbl_l{
width: 280px;
padding-right: 30px;
}
#shefreport_tbl tr td.r_tbl_c{
width: 250px;
}
#shefreport_tbl tr td.r_tbl_r{
width: 280px;
padding-left: 30px;
}
#shefreport_tbl tr td p{
display:block;
margin: 5px 0 0 0;
}
.tunagi_img{
margin-right: 30px;
}
.tag{
float: left;
}
#chubo{
background: url(../img/report/bg1.gif) no-repeat;
padding: 35px 30px 0 0;
}
#m_2{
margin: 10px 0 10px 30px;
}
.img{
margin: 0 0 0 30px;
}
#shefreport_tbl tr td#chubo p{
margin: auto 30px;
}
*:first-child+html #shefreport_tbl tr td#chubo p{
margin-top: 0px;
}
#report2_tbl{
border: none;
border-width: 0;
width: 830px;
margin: 0 0 0 20px;
clear: both;
}
#report2_tbl tr td{
width: 166px;
padding: 0 20px 0 0;
text-align: left;
vertical-align: top;
}
#report2_tbl tr td img{
margin: 30px 0 0 0;
}
#report2_tbl tr td a:link {
	color: #ffffff;
	text-decoration: none;
}
#report2_tbl tr td a:visited {
	color: #ffffff;
    text-decoration: none;
}
#report2_tbl tr td a:hover {
	color: #003D71;
	background-color: #ffffff;
}
#blog{
text-align: center;
}