@charset 'UTF-8';

/*
########################################################
  common style
########################################################
*/

*{
	margin:0;
	padding:0;
	color:#000;
	font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka;
	text-align:left;
}

.clearfix:after {   
	content: "";
	display: block;
	clear: both;
}

.clearfix{
	zoom: 100%; 
}

body {
	font-size: 0.88em; /* modern browser */
	background-color: #fff;
}

img{
	border:0;
}


li{
	list-style-type:none;
}

input{
	padding:1px;
}

#container{
	width:950px;
	margin:0 auto;
	padding:0;
}

h1{
	margin:0;
	padding:0;
}

h2{
	margin:0;
}

/* header */

#header{
	width:950px;
	height:114px;
}
.logo {
	width:272px;
	float:left;
}
#header .bana {
	float:left;
	padding:3px 0px 0px 5px;
}

.search_area {
	margin-top:30px;
	float:right;
}

#headerNavi{
	width:950px;
	padding:0;
	margin-bottom:17px;
}

#headerNavi ul{
	position:absolute;
	margin:0 !important;
	padding:0 !important;
}

#headerNavi ul li{
	float:left;
}

#headerNavi ul li a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
}

#headerNavi ul li.Navi01 a{
	background:url(../header_img/h_navi1.gif) 0px 0px no-repeat;
	height:34px;
	width:86px;
}
#headerNavi ul li.Navi02 a{
	background:url(../header_img/h_navi2.gif) 0px 0px no-repeat;
	height:34px;
	width:86px;
}
#headerNavi ul li.Navi03 a{
	background:url(../header_img/h_navi3.gif) 0px 0px no-repeat;
	height:34px;
	width:86px;
}
#headerNavi ul li.Navi04 a{
	background:url(../header_img/h_navi4.gif) 0px 0px no-repeat;
	height:34px;
	width:86px;
}
#headerNavi ul li.Navi05 a{
	background:url(../header_img/h_navi5.gif) 0px 0px no-repeat;
	height:34px;
	width:86px;
}
#headerNavi ul li.Navi06 a{
	background:url(../header_img/h_navi6.gif) 0px 0px no-repeat;
	height:34px;
	width:86px;
}
#headerNavi ul li.Navi07 a{
	background:url(../header_img/h_navi7.gif) 0px 0px no-repeat;
	height:34px;
	width:86px;
}
#headerNavi ul li.Navi08 a{
	background:url(../header_img/h_navi8.gif) 0px 0px no-repeat;
	height:34px;
	width:86px;
}
#headerNavi ul li.Navi09 a{
	background:url(../header_img/h_navi9.gif) 0px 0px no-repeat;
	height:34px;
	width:86px;
}
#headerNavi ul li.Navi10 a{
	background:url(../header_img/h_navi10.gif) 0px 0px no-repeat;
	height:34px;
	width:86px;
}
#headerNavi ul li.Navi11 a{
	background:url(../header_img/h_navi11.gif) 0px 0px no-repeat;
	height:34px;
	width:90px;
}

#headerNavi ul li a:hover{
	background-position:0 -34px;

}

#bodyarea {
	width:950px;
}

/* main_leftArea */
#mainLeft {
	width:705px;
	float:left;
	margin:0;
	padding:0;
}

.categoryTitle {
	width:672px;
	height:62px;
	margin-bottom:7px;
}

.categoryTitle-0 {
    width:705px;
}

.pageTitle {
	margin-bottom:38px;
}

.pageContents {
	width:705px;
	padding:0;
	margin-bottom:30px;
}

/*くまもとサプライズ・地産地消グルメ共通*/

.subTitle {
	margin-bottom:10px;
	line-height:130%;
}
.honbun {
	font-size:120%;
	line-height:140%;
}

.cap_small {
	width:180px;
	margin-left:10px;
	padding:9px;
	border:#CCC 1px solid;
	float:right;
	font-size:85%;
	line-height:140%;
}
.cap_small150 {
	width:150px;
	margin-left:10px;
	padding:9px;
	border:#CCC 1px solid;
	float:right;
	font-size:85%;
}
.cap_small120 {
	width:120px;
	margin-left:10px;
	padding:9px;
	border:#CCC 1px solid;
	float:right;
	font-size:85%;
}

.cap_small_L {
	width:180px;
	margin-right:10px;
	padding:9px;
	border:#CCC 1px solid;
	float:left;
	font-size:85%;
	line-height:140%;
}
.cap_small_L140 {
	width:140px;
	margin-right:10px;
	padding:9px;
	border:#CCC 1px solid;
	float:left;
	font-size:85%;
}

.box-HL{
   width:315px;
   float:left;
   margin-right:20px;
}
.box-PR{
   width:auto;
   float:left;
}
.box-PL{
   float:left;
   width:auto;
   padding-right:20px;
}
.box-HR{
   width:315px;
   float:left;
}
.box-in{
	padding:15px 0px;
	margin-bottom:35px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #cfcfcf;
	border-right-color: #cfcfcf;
	border-bottom-color: #cfcfcf;
	border-left-color: #cfcfcf;
}
.capw360_green{
    width:360px;
	font-size:85%;
	line-height:150%;
	color:#79a409;
}

.Attention{
   color:#FF0000;
}


#Rcaption {
	width:250px;
	float:right;
	margin-left:10px;
}
#Rcaption .top {
	margin:0;
	padding:10px 10px 0 10px;
	background:url(../other_img/cap_top.gif) no-repeat left top;
}
#Rcaption .btm {
	width:250px;
	height:10px;
	margin:0;
	padding:0;
	background:url(../other_img/cap_btm.gif) no-repeat left top;
}

#Rcaption2 {
	width:280px;
	float:right;
	margin-left:10px;
}

#Rcaption2 .top {
	margin:0;
	padding:10px 10px 0 10px;
	background:url(../other_img/cap_top2.gif) no-repeat left top;
}
#Rcaption2 .btm {
	width:280px;
	height:10px;
	margin:0;
	padding:0;
	background:url(../other_img/cap_btm2.gif) no-repeat left top;
}

#Lcaption2 {
	width:250px;
	float:left;
	margin-right:10px;
}

#Lcaption{
    width:250px;
	float:left;
	padding-right:15px;
}
#Lcaption .top {
	margin:0;
	padding:10px 10px 0 10px;
	background:url(../other_img/cap_top.gif) no-repeat left top;
}
#Lcaption .btm {
	width:250px;
	height:10px;
	margin:0;
	padding:0;
	background:url(../other_img/cap_btm.gif) no-repeat left top;
}

#Lcaption-ksurp {
	width:260px;
	float:left;
	padding:10px;
	border:solid 1px #999999;
}


.caption {
	line-height:140%;
	font-size:85%;
}
.capPhoto {
	margin-bottom:10px;
}
.honbun_youtube {
	width:640px;
	margin:10px auto 0 auto;
	padding:0;
}

/*サプラ偉人*/
.pageNo01 {
	width:145px;
	height:140px;
	padding:9px 10px 0 10px;
	margin:0 15px 0 0;
	background:url(../../sapura/common_img/01.gif) no-repeat left top;
	float:left;
}
.pageNo02 {
	width:145px;
	height:140px;
	padding:9px 10px 0 10px;
	margin:0 15px 0 0;
	background:url(../../sapura/common_img/02.gif) no-repeat left top;
	float:left;
}
.pageNo03 {
	width:145px;
	height:140px;
	padding:9px 10px 0 10px;
	margin:0 15px 0 0;
	background:url(../../sapura/common_img/03.gif) no-repeat left top;
	float:left;
}
.pageNo04 {
	width:145px;
	height:140px;
	padding:9px 10px 0 10px;
	background:url(../../sapura/common_img/04.gif) no-repeat left top;
	float:left;
}

.backnumber {
	width:705px;
	margin-bottom:15px;
	line-height:140%;
}

.coop {
	width:345px;
	margin-bottom:15px;
	float:left;
}

dd.add{
	background:url(../other_img/add.gif) no-repeat left top;
	margin-top:3px;
	padding:0 0 0 37px;
}
dd.tel{
	background:url(../other_img/tel.gif) no-repeat left top;
	margin-top:3px;
	padding:0 0 0 37px;
}
dd.fax{
	background:url(../other_img/fax.gif) no-repeat left top;
	margin-top:3px;
	padding:0 0 0 37px;
}
dd.url{
	background:url(../other_img/url.gif) no-repeat left top;
	margin-top:3px;
	padding:0 0 0 37px;
}

.link {
	width:345px;
	margin-bottom:15px;
	margin-left:15px;
	float:right;
	line-height:140%;
}

/* main_rightArea */

#mainRight {
	width:230px;
	margin:0px;
	padding-left:15px;
	float:right;
}

.Rbox {
	margin-bottom:10px;
	padding:0;
	float:right;
	}

.Rbox_pink {
	margin-bottom:15px;
	padding:0;
	float:right;
	background:#fceaf7;
	}

.Rbox_orange {
	margin-bottom:15px;
	padding:0;
	float:right;
	background:#fee5d9;
	}

.Rbox_text {
	width:220px;
	margin-bottom:10px;
	padding:0 5px;
}

.Lbox {
	margin-bottom:5px;
	padding:0;
	}

.youtube {
	margin-bottom:5px;
}

ul.purple {
	margin:0 !important;
	padding:0 !important;
}

ul.purple li {
	background:url(../other_img/list_purple.gif) no-repeat 0 4px;
	margin:0 0 5px 0;
	padding:0 0 0 13px;
}
ul.purplew230 li {
	background:url(../other_img/list_purple.gif) no-repeat 0 4px;
	margin:0 0 5px 0;
	padding:0 0 0 13px;
	width:217px;
}

.menuTitle {
	margin-bottom:9px;
}

.dot {
	width:100%;
	height:14px;
	background:url(../other_img/dotline.gif) repeat-x left top;
}

/* footer */

#footer{
	margin-top:20px;
	padding:0;
}
.footerLink {
	text-align:center;
	padding:8px 0;
}
.copyright {
	background-color:#9cb95f;
	padding:6px 0;
	margin:0;
	text-align:center;
	color:#FFF;
	font-size:90%;
}
.logo2 {
	height:70px;
	width:95px;
	float:left;
}
.footerInq {
	width:855px;
	padding-top:15px;
	float:left;
}

/*k-surp*/
.mask_sl2{
	position:relative;
	width:480px;
	height:315px;
	overflow:hidden;
}
.mask_sl2 img{
	position:absolute;
	display:block;
	border:none;
}


/* present */

#present {
	width:670px;
	margin-top:20px;
	float:left;
}

#present .photo {
	padding:5px;
	border:#CCC 1px solid;
	margin:0;
	float:left;
}

#present .text {
	width:388px;
	padding:0;
	margin-left:20px;
	line-height:145%;
	float:right;
}

#present .title {
	width:388px;
	padding:0;
	margin-bottom:10px;
	font-size:120%;
	font-weight:bold;
	color:#F63;
	float:right;
}

#campaign {
	font-size:90%;
	line-height:130%;
}

/* アンケート */

.ank_koumoku {
	width:605px;
	margin:5px 0;
	padding:5px 5px 5px 20px;
	background:url(/ank/img/ank_bg.gif) repeat-y top left;
}
.ank_kaitou {
	width:605px;
	margin:5px 0;
	padding:5px 5px 5px 20px;
	line-height:160%;
}

/*県人会*/

.tab_area {
	width:705px;
	margin:0;
	padding:0px;
	background-color:#ffffff;
	float: left;
}

#tabs-1 .btn{ margin-bottom:15px; width:100%; clear:both;}

#tabs-2 .btn2{ width:100%; padding-bottom:15px; clear:both; text-align:left; height:58px;}
#tabs-2 .btn22{ width:100%; padding-top:10px; clear:both; text-align:center; height:53px;}
#tabs-2 .btn222{ width:100%; clear:both; height:128px;}
#tabs-2 .magin1{ margin-right:10px; display:inline;}

#tabs-3 p { margin:5px 0; }

#kenjinkai {
	width:650px;
	margin-right:55px;
}
#kenjinkai .name {
	width:650px;
	float:left;
	margin:10px 0;
	font-weight:bold;
	color:#963;
}
#kenjinkai .add {
	width:630px;
	padding-left:20px;
	float:left;
}

/*こら気になる*/

#kininaru {
	width:705px;
	margin:0;
	padding:0;
}
#kininaru .midashi {
	width:695px;
	padding:5px;
	margin:15px 0 0 0;
	background-color:#e4e4e4;
}
#kininaru .midashi2 {
	width:695px;
	padding:5px;
	margin:15px 0 0 0;
	background-color:#ffe2dd;
}
#kininaru .comment {
	width:643px;
	padding:5px;
	border-bottom:#CCC 1px solid;
	margin:10px 0 0 52px;
}
#kininaru .kaitou {
	width:643px;
	padding:5px;
	margin:10px 0 0 52px;
	background-color:#ede8dc;
}

/*読者レシピ*/
#rec {
	width:705px;
	padding:0;
	margin-bottom:20px;
}
#rec .title {
	width:455px;
	margin:0;
	padding:0;
	float:left;
	border-bottom:#dcb5ae 1px solid;
}
#rec .text {
	width:455px;
	margin:0;
	padding-top:10px;
	float:left;
	line-height:160%;
}
#rec .bunryo {
	width:200px;
	padding:9px;
	border:#CCC 1px solid;
	float:right;
	font-size:90%;
	line-height:150%;
}

.border_rec{
   border-bottom:#dcb5ae 1px solid;
   margin:15px 0px;
}

/*coupon*/
.coupon_mb{
   width:685px;
   height:24px;
   background:url(../../coupon/img/coupon_mb.gif);
   background-repeat:no-repeat;
   line-height:180%;
   margin-bottom:10px;
   padding-left:20px;
}

/*メール本文 */
.mail_honbun {
	font-family:"ＭＳ ゴシック","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka;
}

/*
########################################################
  margin - padding
########################################################
*/

.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}

.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}

.mg5 {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg25 {margin:25px !important;}
.mg30 {margin:30px !important;}
.mg35 {margin:35px !important;}
.mg40 {margin:40px !important;}
.mg45 {margin:45px !important;}
.mg50 {margin:50px !important;}

.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}
.pd35 {padding:35px !important;}
.pd40 {padding:40px !important;}
.pd45 {padding:45px !important;}
.pd50 {padding:50px !important;}

.ma0 {margin:0 !important;}
.pd0 {padding:0 !important;}

/*
########################################################
  .align
########################################################
*/

.alignC {
	text-align:center !important;
}
.alignL {
	text-align:left !important;
}
.alignR {
	text-align:right !important;
}

/*
########################################################
  .float
########################################################
*/

.floatR{
	float:right;
}

.floatL{
	float:left;
}

.floatN{
	float:none;
}

.clearR{
	clear:right;
}

.clearL{
	clear:left;
}

.clear{
	clear:both;
}

.clear_honbun{
	clear:both;
	margin-bottom:40px;
}
/*
########################################################
  .link
########################################################
*/

a:link{
	color:#ff8c00;/*#01498e*/
	text-decoration:none;
}

a:visited{
	color:#ff8c00;/*#995400-#0062bf*/
	text-decoration:none;
}

a:hover,
a:active{
	color:#ffba66;/*#2279CA*/
	text-decoration:underline;
}


/*
########################################################
  .txt
########################################################
*/

.fontSS{
	font-size:75%;
	line-height:110%;
}

.fontS{
	font-size:85%;
	line-height:120%;
}

.fontM{
	font-size:100%;
}

.fontL{
	font-size:120%;
}