@charset "UTF-8";
/* CSS Document */

body {
    font-size:80%;
	font-family:Verdana, sans-serif;
	padding:0px;
	margin:0px;
	text-align:center;
	background: #CEEDFF;
}

h1 {
    padding:0px;
	margin:0px;
	float:right;
	height:95px;
}

top-1 {
    padding:0px;
	margin:0px;
	float:right;
}

h2.padding10 {
    padding:20px 10px 0px;
	margin:0px;
	line-height:0%;
}
		
.clearh2 {
	clear:both;
}
		
h2.center {
    text-align:center;
    padding:0px;
    margin:5px;
}

.center {
    text-align:center;
}
.center-ka {
	text-align: center;
	padding-top: 30px;
}
h4.center {
    text-align:center;
    padding:0px;
    margin:5px;
}

h3.orenge-h3 {
	background:#FF9900;
	color:#FFFFFF;
	font-weight:bold;
	font-size:120%;
	padding:5px;
	margin:5px 0px;
}

h3.green-h3- {
	color:#666666;
	font-weight:bold;
	font-size:120%;
	padding:5px;
	margin:5px 0px;
	background-color: #D2FDD0;
}

h3.green-h3 {
    background: #00CC00;
	color:#FFFFFF;
	font-weight:bold;
	font-size:120%;
    padding:5px;
    margin:5px 0px;
}

h3.pink-h3 {
    background: #FF00CC;
	color:#FFFFFF;
	font-weight:bold;
	font-size:120%;
    padding:5px;
    margin:5px 0px;
}

h3.blue-h3 {
    background: #00E3E3;
	color:#FFFFFF;
	font-weight:bold;
	font-size:120%;
    padding:5px;
    margin:5px 0px;
}

h3.blue2{
	font-size: 18px;
	color: #0066CC;
	margin-bottom: 0px;
}

h3.green{
	font-size: 18px;
	color: #006600;
	margin-bottom: 0px;
}

h3.perple{
	font-size: 18px;
	color: #9900FF;
	margin-bottom: 0px;
	clear: both;
}

h3.solt{
	font-size: 18px;
	background-image: url(../tayori/img/04_h3_bg.gif);
	padding-left: 23px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	background-position: left center;
	color: #336600;
}
	
h4.h400 {
    padding:0px;
    margin:0px;
    clear:both;
}

.resipi-border {
    padding:5px;
    margin:0px;
    background: url(../event/ryouri/img/title-zairyou-bg.gif) bottom repeat-x;
}	

h4.orenge-icon {
    padding:0px 0px 0px 20px;
    margin:15px 0px;
    background: url(../img/icon/icon-orenge.gif) no-repeat 0 0.2em;
    color: #FF6600;
}

h4.imgtitle{
	margin-bottom: 0px;
}

h4.orange {
	padding:0px;
	margin:15px 0px;
	color: #FF6600;
	font-size: 120%;
}

h4.green {
	padding:0px;
	margin:15px 0px;
	color: #0D8821;
	font-size: 120%;
}

h4.perple{
	font-size: 16px;
	color: #9966FF;
	margin-bottom: 0px;
	clear: both;
}

h4.blue2{
	font-size: 16px;
	color: #0066CC;
	margin-bottom: 0px;
}

h4.red{
	font-size: 16px;
	color: #CC0000;
	margin-bottom: 0px;
}

h4.check{
	font-size: 16px;
	color: #FF0000;
	background-image: url(../tayori/img/03_h4_bg.gif);
	padding-left: 22px;
	background-repeat: no-repeat;
	margin-bottom: 0px;
}

h4.perple_dot{
	background-image: url(../tayori/img/04_h4_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 22px;
	font-size: 16px;
	margin-bottom: 0px;
}
		
.toplist {
    padding:0px 20px 0px 15px;
	margin:5px;
	list-style:none;
	text-align:left;
}
.toplist- {
	margin:0px;
	list-style:none;
	text-align:left;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0px;
}

.toplist li { 
    padding-left:25px;
	line-height:160%;
	background: url(../img/icon/red-arrow.gif) no-repeat 0px 0.2em;
}

.toplist li a:hover{
    text-decoration:none; 
	background:#FFFF00;
	color:#FF0000;
}

.newslist {
    padding:0px 20px 0px 15px;
	margin:5px;
	list-style:none;
	text-align:left;
}

.newslist li {
    padding-left:25px;
	line-height:160%;
	background: url(../img/icon/blue-arrow.gif) no-repeat 0px 0.2em;
}

.newslist li a:hover{
    text-decoration:none; 
	background:#FFFF00;
	color:#FF0000;
}

address {
    padding:5px;
	margin:5px;
	font-style:normal;
	line-height:180%;
	font-weight:normal;
	text-align:center;
}

#foot address {
	padding:0px;
	color:#FFFFFF;
	margin-top: 70px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* under-layout */
div#container {
	width:800px;
	padding:0px;
	text-align:left;
	border-left:3px solid #9ED5F5;
	border-right:3px solid #9ED5F5;
	background:#FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

div#container #head {
	padding:0px;
	margin:0px;
	text-align:left;
	width:800px;
	background: url(../img/top-bg.jpg) repeat-x #fff ;
}

div#container #main-wrapp {
	padding:10px;
	list-style-position: outside;
}

.side{
	padding:10px 0px;
	margin:0px;
	width:200px;
	float:left;
	position:absolute;
}

.main{
	padding:10px 0px 30px;
	margin:0px;
	width:570px;
	float: right;
}

.main-{
	margin:0px;
	width:auto;
	float: none;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}

div#container #foot {
	padding:0px;
	margin:0px;
	clear:both;
	height:156px;
	width:800px;
	background:url(../img/foot.jpg) no-repeat #FFFFFF;
}

/* head */


.photo-library {
    padding:5px 5px 10px 15px;
	margin:0px;
}

.photo-library img{
    padding:0px;
    margin:5px 10px 0px 0px;
}

/* div */
.scrolllayer{

}

.line-pink-box {
	border:1px solid #FF5BC6;
	clear:both;
	height:100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 20px;
}

.line-pink-box h4{
    padding:0px 10px;
    margin:0px;
    line-height:100%;
    font-size:100%;
}

.line-blue-box {
	border:1px solid #0000CC;
	clear:both;
	height:100%;
	margin-bottom: 15px;
	padding-top: 20px;
}

.line-green-box {
	border:1px solid #00CC00;
	clear:both;
	height:100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 20px;
}

.line-red-box {
	border:1px solid #FF3300;
	clear:both;
	height:100%;
	margin-bottom: 15px;
	padding-top: 20px;
}

.line-bottom-box {
	border-bottom:1px solid #ccc;
	clear:both;
	height:100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.line-bottom-box h4{
    margin:0px;
    padding:0px 10px;
    font-size:80%;
    line-height:80%;
}

.line-bottom-box:after{
    height:0;
    visibility:hidden;
    content:".";
    display:block;
    clear:both;
}

.pink-box {
    background:#FFE8F7;
	border:3px solid #FFACE2;
	width:180px;
	margin:5px;
	float:left;
	padding:5px;
}

.border-box {
	padding:0px;
	margin:0px 0px 15px;
	border:1px solid #CCCCCC;
	height:100%;
	clear:both;
}

.border-box:after{
    height:0;
    visibility:hidden;
    content:".";
    display:block;
    clear:both;
}

.border-box h2{
	padding:0px;
	margin:0px;
	border:1px solid #fff;
	text-align:center;
}

.border-box h4{
	padding:5px;
	margin:1px 5px;
	border-bottom:1px solid #ccc;
	color: #FF9900;
}

.border-box h5{
	padding:0px;
	margin:1px 5px;
}

.border-box ul{
	padding:15px 15px;
	margin:0px 15px;
	list-style: disc;
}

.div200 {
    width:200px;
    float:left;
}

.div320 {
    width:350px;
    float: right;
}

.div-clear-border {
    clear:both;
    padding: 0px 0px 10px;
    margin:0px 0px 20px;
    background: url(../event/ryouri/img/title-zairyou-bg.gif) bottom repeat-x;
    height:100%;
}

.div-clear-border:after{
    height:0;
    visibility:hidden;
    content:".";
    display:block;
    clear:both;
}

.div-clear {
    clear:both;
    padding: 0px;
    margin:0px;
    height:100%;
}

.div-clear:after{
    height:0;
    visibility:hidden;
    content:".";
    display:block;
    clear:both;
}

.green-box {
	padding:5px;
	margin:0px 0px 15px;
	border-bottom:5px solid #8ED200;
	border-right:5px solid #8ED200;
	border-left:1px solid #8ED200;
	border-top:1px solid #8ED200;
	height:100%;
	clear:both;
	background: #ECFFC4;
}

.bubble-box {
	padding:5px;
	margin:0px 0px 15px;
	height:100%;
	clear:both;
	background: url(../event/shokuiku/img/bg.gif);
}
.snow-box {
	padding:5px;
	margin:0px 0px 15px;
	height:100%;
	clear:both;
	background-image: url(../img/kabegami/snow.gif);
}
.bubble-box:after{
　　height:0;
　　visibility:hidden;
　　content:".";
　　display:block;
　　clear:both;
}
.shokuiku-box {
	padding:5px;
	margin:0px 0px 15px;
	height:100%;
	clear:both;

}

.shokuiku-box:after{
    height:0;
    visibility:hidden;
    content:".";
    display:block;
    clear:both;
}

.eiyoushi_list{
	margin-left: 10px;
}

.eiyoushi_list li{
	float: left;
	height: 240px;
	width: 170px;
	text-align: center;
	list-style: none;
}

.eiyoushi_list li img{
	margin-bottom: 10px;
}

.eiyoushi_list li .name{
	font-size: 120%;
}

.contact_box{
	margin: auto;
	width: 400px;
	border: 3px solid #FF0000;
	padding: 10px;
	color: #FF0000;
	text-align: center;
	font-size: 130%;
}

.recruit_catch{
	background-image: url(../img/sora.gif);
	background-repeat: repeat;
	width: 410px;
	text-align: center;
	margin: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}

dl.link{
	float: left;
	width: 280px;
	background-repeat: no-repeat;
	margin: 0px;
}

dl.link dt{
	font-size: 130%;
	margin-bottom: 10px;
	margin-top: 20px;
	margin-left: 20px;
}

dl.link dd{
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

dl.link dd ul{
	margin: 10px;
	padding: 0px;
}

dl.link dd ul li{
	list-style: none;
	padding: 0px;
	margin: 0px;
	line-height: 1.5em;
	font-size: 120%;
}

dl.link dd ul li a{
	color: #333333;
}

.link1{
	background-image: url(../link/img/link01_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 240px;
}

.link2{
	background-image: url(../link/img/link02_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 240px;
}

.link3{
	background-image: url(../link/img/link03_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 340px;
}

.link4{
	background-image: url(../link/img/link04_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 140px;
}

.link5{
	background-image: url(../link/img/link05_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 240px;
}

dl.q01,dl.q02,dl.q03,dl.q04{
	margin: 10px 20px;
}

dl.q01 dd,dl.q02 dd,dl.q03 dd,dl.q04 dd{
	line-height: 1.5em;
	text-align: right;
	margin-top: -1.5em;
	margin-bottom: 10px;
}

dl.q01 dt{
	line-height: 1.5em;
	background-image: url(../faq/img/lm_q01.gif);
	background-position: left center;
	padding-left: 18px;
	background-repeat: no-repeat;
}

dl.q02 dt{
	line-height: 1.5em;
	background-image: url(../faq/img/lm_q02.gif);
	background-position: left center;
	padding-left: 18px;
	background-repeat: no-repeat;
}

dl.q03 dt{
	line-height: 1.5em;
	background-image: url(../faq/img/lm_q03.gif);
	background-position: left center;
	padding-left: 18px;
	background-repeat: no-repeat;
}

dl.q04 dt{
	line-height: 1.5em;
	background-image: url(../faq/img/lm_q04.gif);
	background-position: left center;
	padding-left: 18px;
	background-repeat: no-repeat;
}

dl.ans01,dl.ans02,dl.ans03,dl.ans04{margin: 10px 20px;}
dl.ans01 dd,dl.ans02 dd,dl.ans03 dd,dl.ans04 dd{
	margin: 10px 20px;
	background-image: url(../faq/img/dd_ans.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 35px;
	line-height: 1.5em;
}

dl.ans01 dt{
	background-image: url(../faq/img/dt_ans01.gif);
	background-position: left center;
	padding-left: 28px;
	background-repeat: no-repeat;
	color: #07B61C;
	font-size: 110%;
	line-height: 25px;
}

dl.ans02 dt {
	background-image: url(../faq/img/dt_ans02.gif);
	background-position: left center;
	padding-left: 28px;
	background-repeat: no-repeat;
	color: #40A3E9;
	font-size: 110%;
	line-height: 25px;
}

dl.ans03 dt {
	background-image: url(../faq/img/dt_ans03.gif);
	background-position: left center;
	padding-left: 28px;
	background-repeat: no-repeat;
	color: #E9196C;
	font-size: 110%;
	line-height: 25px;
}

dl.ans04 dt {
	background-image: url(../faq/img/dt_ans04.gif);
	background-position: left center;
	padding-left: 28px;
	background-repeat: no-repeat;
	color: #FA961F;
	font-size: 110%;
	line-height: 25px;
}

.takuhai_box{
	padding: 10px;
	border: 3px solid #CCCCCC;
	margin-bottom: 10px;
}

.sale_box{
	padding: 10px;
	border: 3px solid #AFFCAF;
	margin-bottom: 10px;
	background-image: url(../img/sope.gif);
	background-repeat: repeat;
}

.takuhai_box2{
	padding: 10px;
	border: 3px solid #CCCCCC;
	margin-top: 30px;
}

.takuhai_box2 h3{
	text-align: center;
	margin: -25px 0px 10px;
	padding: 0px;
}

.takuhai_contact{
	height: 70px;
	width: 680px;
	margin: auto;
	background-repeat: no-repeat;
	background-position: left center;
	list-style: none;
}

.takuhai_contact li{
	float: left;
	height: 55px;
	width: 168px;
	list-style: none;
}

.takuhai_contact a{
	background-image: url(../takuhai/img/btn_mail.gif);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 58px;
	width: 162px;
	text-indent: -9999px;
}

.takuhai_contact a:hover{
	background-position: center bottom;
}

.seibun-list{
	text-align: left;
	list-style-image: none;
	list-style-type: none;
}

.seibun-list li{
	display:inline;
	padding:3px;
}
.seibun-list li a{
 text-decoration:underline;
	color:#0033FF;
}

.seibun-list li a:hover{
 text-decoration:none;
	color: #FF0000;
	background:#FFFF00;
}

.style3 {
	font-size: 80%;
	background-color: #FFFAEC;
	margin-top: 5px;
}

.left20 {
	padding-top: 10px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
}

ol.osusume {
    padding:10px 20px;
	margin:0px;
	list-style:outside decimal;
}

ol.osusume li{
    margin:10px 10px 10px 20px;
	line-height:140%;
}

.div360right {
    width:350px;
    float:right;
    padding:0px;
    margin:10px;
    border:5px solid #FFE6AA;
}

.div360left {
    width:350px;
    float:left;
    padding:0px;
    margin:10px;
    border:5px solid #FFE6AA;
}

.check-kari {
	width: 800px;
	border: medium double #ACFEFC;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	padding: 10px;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	background-image: url(../img/bg-vege-a.gif);
	background-repeat: repeat;
}