#main-content {
	position:relative;
	background:#FFF;
	box-shadow: 0px 0px 3px #999; /* CSS3 */
	-moz-box-shadow: 0px 0px 3px #999; /* Firefox*/
	-webkit-box-shadow: 0px 0px 3px #999; /* Google Chrome, Safari*/
}

#main-content { position:relative;}
#side-content .news { height:360px;}

/*---------------------------------------------------------------------------
  TITLE
---------------------------------------------------------------------------*/

#main-content h1 {
	clear:both;
	display:block;
	margin:10px;
/*	padding:20px 20px 0 60px; */
	padding:10px 20px 10px 60px;
/*	height:40px; */
	font-size: 180%;
	color: #FFF;
	line-height:100%;
	background:#0080CA url(../img/h1_bg.png) no-repeat 20px center;
}

/*---------------------------------------------------------------------------
  PAN
---------------------------------------------------------------------------*/

.pan {
	margin: 0 20px;
	text-align:right;
	font-size: 85%;
	color:#0080CA;
}
.pan a {text-decoration:none;}

/*---------------------------------------------------------------------------
  UPDATE
---------------------------------------------------------------------------*/

.update { text-align:right;}


/*====================================================================================================

  SUBPAGE

====================================================================================================*/

#subpage { padding:25px 25px 40px;}


/*---------------------------------------------------------------------------
  LIST
---------------------------------------------------------------------------*/

#subpage .list {
	clear:both;
	margin:30px 2%;
	border-top:1px solid #CCC;
}
#subpage .list p {}
#subpage .list p a {
	display:block;
	padding:20px 60px 20px 20px;
	font-size: 120%;
	font-weight:bold;
	color:#13488A;
	text-decoration:none;
	border-bottom:1px solid #CCC;
	background:url(../img/list-bg.gif) no-repeat right center;
}
#subpage .list p a:hover {background:#f4f4f4 url(../img/list-bg.gif) no-repeat right center;}


/*---------------------------------------------------------------------------
  MIDASHI
---------------------------------------------------------------------------*/

/* H2 */
#subpage h2 {
	clear:both;
	margin:15px 0;
	padding:15px;
	font-size: 120%;
	color: #FFF;
	border:2px solid #0A8EC0;
	background:#0A97CD url(../img/h2_bg.gif) no-repeat top right;
}
#subpage h2 a {	color: #FFF; }
#subpage h2 a:hover { color: #EEE; }

/* H3 */
#subpage h3 {
	clear:both;
	margin:15px 0;
	padding:10px 15px;
	font-size: 110%;
	background:#FAF7F0 url(../img/h3_icon.html) no-repeat 10px center;
	border: 1px solid #CCC;
}

/* H4 */
#subpage h4 {
	padding:10px 0;
	margin:15px 2%;
	font-size:110%;
	color:#184C8C;
	border-bottom: 1px solid #184C8C;
}

/*---------------------------------------------------------------------------
  COMMENT
---------------------------------------------------------------------------*/

#subpage .comment {
	margin:0 2% 20px;
}

#subpage .sb-comment1_1 {
	clear:both;
	margin:0 2% 20px;
	padding: 2%;
	border: 1px solid #DDD;
	background:#F4F4F4;
}
#subpage .sb-comment1_2 {
	clear:both;
	margin:0 2% 20px;
	padding: 2%;
	color: #FF4646;
	border: 1px solid #FF7575;
	background:#FFEAEA;
}

#subpage .cooperation {
	clear:both;
	margin:10px 2% 20px;
	text-align:right;
}


/*---------------------------------------------------------------------------
  LIST
---------------------------------------------------------------------------*/

#subpage ul {
	clear:both;
	margin:20px 2%;
}
#subpage ul li {
	padding: 0 0 5px 25px;
	background: url(../img/ul.gif) no-repeat 7px 4px;
}
#subpage ol{
	clear:both;
	margin:20px 2%;
	padding-left:25px;
	list-style-type: decimal;
}
#subpage ol li {
	padding: 0 0 5px 0;
	list-style-type: decimal;
}

/*---------------------------------------------------------------------------
  LINK
---------------------------------------------------------------------------*/

#subpage .icon-link, #subpage .icon-pdf, #subpage .icon-word, #subpage .icon-excel {
	clear:both;
	margin:5px 2%;
	padding: 5px 0 5px 25px;
}
#subpage .icon-link {
	padding: 0 0 5px 25px;
	background: url(../img/link-arrow.gif) no-repeat 1px 3px;
}
#subpage .icon-pdf {background: url(../img/icon-pdf.jpg) no-repeat left 4px;}
#subpage .icon-word {background: url(../img/icon-word.jpg) no-repeat left 4px;}
#subpage .icon-excel {background: url(../img/icon-excel.jpg) no-repeat left 4px;}


/*---------------------------------------------------------------------------
  HYOU
---------------------------------------------------------------------------*/

#subpage table {
	clear:both;
	margin:0 2% 20px;
	width:96%;
	background:#FFF;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
#subpage table th,
#subpage table td {
	padding:5px 10px;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}
#subpage table td {}
#subpage table th {
	color: #184C8C;
	text-align:left;
	background:#FAF7F0;
}

/*---------------------------------------------------------------------------
  PHOTO
---------------------------------------------------------------------------*/

#subpage .photo-l, #subpage .photo-l2 {
	float:left;
	margin: 0 15px 0 0;
}
#subpage .photo-r, #subpage .photo-r2 {
	float:right;
	margin: 0 0 0 15px;
}
#subpage .photo-c {
	text-align:center;
}
#subpage .photo-l2 p {
	float:left;
	padding: 0 10px 0 0;
}
#subpage .photo-r2 p {
	float:right;
	padding: 0 0 0 10px;
}
#subpage .photo-l img, #subpage .photo-r img {
	padding: 0 0 5px;
}
#subpage p.caption {
	font-size:80%;
	margin: 0 0 5px;
}

/*---------------------------------------------------------------------------
  BOX
---------------------------------------------------------------------------*/

/* MAIN BOX */
#subpage .main-box {
	clear:both;
	margin:20px 2% 40px;
}
#subpage .main-box:after {
	display:block;  
	clear:both;  
	height:0;
	visibility:hidden;
	font-size:0;  
	content:" ";  
}
#subpage .main-box .catch {
	padding:15px 0;
	font-weight:bold;
	font-size: 180%;
	line-height:120%;
	color:#000;
}
#subpage .main-box .catch b { font-size: 70%;}
#subpage .main-box .comment { margin:0;}

/* BOX1 */
#subpage .box1 {
	clear:both;
	margin:20px 2%;
	width:96%;
}
#subpage .box1:after {
	display:block;  
	clear:both;  
	height:0;
	visibility:hidden;  
	font-size:0;  
	content:" ";  
}
#subpage .box1 .comment { margin:0; }


/* BOX2 */
#subpage .box2 {
	clear:both;
	margin:20px 2%;
	padding:3%;
	width:90%;
	border:1px solid #CCC;
}
#subpage .box2:after {
	display:block;  
	clear:both;  
	height:0;
	visibility:hidden;  
	font-size:0;  
	content:" ";  
}
#subpage .box2 h3 {
	clear:none;
	display:block;
	margin:0 0 5px;
	padding:0;
	color:#59B200;
	font-size:110%;
	background:none;
	border:none;
}
#subpage .box2 .comment { margin:0; }

#subpage .box2 .link {}
#subpage .box2 .link a {}
#subpage .box2 .link a:hover {}


/* BOX3 */
#subpage .box3 {
	clear:both;
	margin:20px 2%;
	padding:3%;
	width:90%;
	border:1px solid #CCC;
}
#subpage .box3:after {
	display:block;  
	clear:both;  
	height:0;
	visibility:hidden;  
	font-size:0;  
	content:" ";  
}
#subpage .box3 .comment { margin:0; }


/* BOX4 */
#subpage .box4 {
	float:left;
	margin:20px 2%;
	padding:3%;
	width:39.5%;
	border:1px solid #CCC;
	background:#FFF url(../img/b4_bg.gif) no-repeat center bottom;
}
#subpage .box4 .tit {
	display:block;
	padding: 0 0 10px;
	font-size:110%;
	font-weight:bold;
	color:#184C8C;
	border-bottom: 1px solid #184C8C;
}
#subpage .box4 .comment { margin: 10px 0;}
#subpage .box4 .photo { text-align:center;}
#subpage .box4 .button { margin:10px 0 0;}
#subpage .box4 .button a {
	display:block;
	padding:10px;
	background: #099CE3;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	font-size:110%;
	color:#FFF;
}
#subpage .box4 .button a:hover {background: #077EB8;}

/*---------------------------------------------------------------------------
  BUTTON
---------------------------------------------------------------------------*/

#subpage .b-inqu { clear:both; width:350px; margin: 15px auto;}
#subpage .b-inqu a {
	display:block;
	padding:15px;
	color:#FF6C00;
	font-weight:bold;
	font-size:120%;
	text-decoration:none;
	text-align:center;
	border:4px solid #000;
	background:#FFF url(../img/inqu_bg.html) no-repeat bottom;
}
#subpage .b-inqu a:hover {color:#000;}

#subpage .b-dt { 
	clear:both;
	width:350px;
	margin: 15px auto;
	background:#FFF url(../img/inqu_bg.html) no-repeat bottom;
}
#subpage .b-dt a {
	display:block;
	padding:10px 10px 10px 50px;
	color:#000;
	font-weight:bold;
	font-size:120%;
	text-decoration:none;
	border:4px solid #000;
	background:url(../img/dt_logo.html) no-repeat 12px center;
}
#subpage .b-dt a:hover {color:#555;}


/****************************************************************************

  EXCEPTION

****************************************************************************/

/* last */
#subpage .last {margin-right:0;}

/* margin */
#subpage .mt-0, #subpage h3.mt-0, #subpage h4.mt-0, #subpage table.mt-0, #subpage ul.mt-0 {margin-top:0;}
#subpage .mb-0, #subpage h3.mb-0, #subpage h4.mb-0, #subpage table.mb-0, #subpage ul.mb-0 {margin-bottom:0;}
#subpage .ml-0, #subpage h3.ml-0, #subpage h4.ml-0, #subpage table.ml-0, #subpage ul.ml-0 {margin-left:0;}
#subpage .mr-0, #subpage h3.mr-0, #subpage h4.mr-0, #subpage table.mr-0, #subpage ul.mr-0 {margin-right:0;}
#subpage .mt-10, #subpage h3.mt-10, #subpage h4.mt-10, #subpage table.mt-10, #subpage ul.mt-10 {margin-top:10px;}
#subpage .mt-30, #subpage h3.mt-30, #subpage h4.mt-30, #subpage table.mt-30, #subpage ul.mt-30 {margin-top:30px;}
#subpage .mb-10, #subpage h3.mb-10, #subpage h4.mb-10, #subpage table.mb-10, #subpage ul.mb-10 {margin-bottom:10px;}
#subpage .mb-30, #subpage h3.mb-30, #subpage h4.mb-30, #subpage table.mb-30, #subpage ul.mb-30 {margin-bottom:30px;}

/* padding */
#subpage .pt-0, #subpage h3.pt-0, #subpage h4.pt-0, #subpage table.pt-0, #subpage ul.pt-0 {padding-top:0;}
#subpage .pb-0, #subpage h3.pb-0, #subpage h4.pb-0, #subpage table.pb-0, #subpage ul.pb-0 {padding-bottom:0;}
#subpage .pl-0, #subpage h3.pl-0, #subpage h4.pl-0, #subpage table.pl-0, #subpage ul.pl-0 {padding-left:0;}
#subpage .pr-0, #subpage h3.pr-0, #subpage h4.pr-0, #subpage table.pr-0, #subpage ul.pr-0 {padding-right:0;}
#subpage .pt-30, #subpage h3.pt-30, #subpage h4.pt-30, #subpage table.pt-30, #subpage ul.pt-30 {padding-top:30px;}
#subpage .pb-30, #subpage h3.pb-30, #subpage h4.pb-30, #subpage table.pb-30, #subpage ul.pb-30 {padding-bottom:30px;}

/* clear */
#subpage .clear_no, #subpage h3.clear_no, #subpage table.clear_no {clear:none;}
#subpage .clear_on, #subpage h3.clear_on, #subpage table.clear_on {clear:both;}

/* width */
#subpage .w100 {width:100px;}
#subpage .w120 {width:120px;}
#subpage .w150 {width:150px;}
#subpage .w200 {width:200px;}
#subpage .w250 {width:250px;}
#subpage .w300 {width:300px;}
#subpage .w400 {width:400px;}


/* yamaharu add */
.pdf_download{
	border:1px solid #CCCCCC;
	padding:0.5em;
}
.pdf_download .pdf_img{
	float:left;
	margin-right:5px;
}
.pdf_download .tenpu_txt{
	float:left;
	width:500px;
}

.comic-tit {
	height:42px;
	margin: 0 0 15px;
	padding:22px 50px 0;
	color:#000;
	font-size:120%;
	font-weight:bold;
	background:url(../../food/img/tit-bg.jpg) no-repeat left 5px;
}

@media only screen and (max-width:700px){
	#main-content {
		position:relative;
		background:#FFF;
		box-shadow:none;
		margin:0;
	}
	#side-content { background:#FFF;}
	#subpage { padding:25px;}
	#subpage .box4 {
		float:left;
		margin:20px 2%;
		padding:3%;
		width:90%;
		border:1px solid #CCC;
		background:#FFF url(../img/b4_bg.gif) repeat-x center bottom;
	}

	.Navi_sb { display:none;}
	#side-content .banner { width:100%; margin:0; padding:20px 0 0;}
	#side-content .banner:after {
		display:block;  
		clear:both;  
		height:0;
		visibility:hidden;  
		font-size:0;  
		content:" ";  
	}
	#side-content .banner p { float:left; margin:0; padding:3% 3% 0; width:44%;}
	#side-content .banner img {width:100%;}
}


/* add */
.news .content_wrap dt.icon1 {background:url(../../img/news-icon1.gif) no-repeat 110px;}
.news .content_wrap dt.icon2 {background:url(../../img/news-icon2.gif) no-repeat 110px;}
.news .content_wrap dt.icon3 {background:url(../../img/news-icon3.gif) no-repeat 110px;}


.news .content_wrap dl {
    clear: both;
    line-height: 120%;
    padding: 0 0 10px;
    position: relative;
}


body #main-content #subpage{
	line-height:normal;
}