@charset "UTF-8";

.caution {
	text-indent:1em;
	color:#f33;
	font-size:90%;/* フォントサイズ */
}
.pdfsize {
	color:#666;
	font-size:84%;/* フォントサイズ */
}

/* タイトル
----------------------------------------------- */
div.pages_title {
	width:800px;
	margin-left:30px;
	padding:5px 0px 10px 0px;
	background:url(../images/title_bg_bottom.gif) no-repeat bottom left;
}
div.pages_title h2 {
	font-size:178%;/* フォントサイズ */
	color:#444;
	padding:15px 10px 15px 55px;
	background:url(../images/title_bg.gif) no-repeat left;
}
div.pages_title h2 span {
	padding-top:15px;
}

/* 1カラム構成
----------------------------------------------- */
/* コンテンツ
------------------------ */
div.pages_1column {
	width:800px;
	padding:0px 30px;
}
div.pages_1column div {
	padding:5px 0px;
}
div.pages_1column p {
	padding-bottom:5px;
}

/* ボックス1カラム用 */
div.section1 {
	width:790px;
	margin:0px 5px 0px 5px;
}
div.section1 h3 {
	font-size:128%;/* フォントサイズ */
	color:#630;
	margin:5px 0px;
	padding:2px 0px 3px 5px;
	border-left:5px solid #cc9;
	border-bottom:1px solid #ccc;
}
div.section1 p {
	padding-bottom:5px;
}

/* 2カラム構成＜徳之島とは＞
----------------------------------------------- */
/* サブメニュー（左）
------------------------ */
div.pages_2column_left {
	width:184px;
	padding:0px 0px 0px 28px; 
	float:left;
}
div.pages_2column_left div.side_menu {
	margin-top:3px;
	width:184px;
	background:url(../images/side_body.gif) repeat-y top;
}
div.pages_2column_left div.side_menu div.menuhead {
	width:184px;
	padding-top:15px;
	background:url(../images/side_head.gif) no-repeat top;
}
div.pages_2column_left div.side_menu div.menuhead h3 {
	width:160px;
	font-size:100%;/* フォントサイズ */
	font-weight:bold;
	padding:0px 12px 3px 15px;
	margin-bottom:1px;
	color:#806226;
}
div.pages_2column_left div.side_menu ul {
	width:184px;
	padding-bottom:15px;
	background:url(../images/side_foot.gif) no-repeat bottom;
}
div.pages_2column_left div.side_menu li {
	width:145px;
	font-size:90%;/* フォントサイズ */
	padding:0px 5px 3px 30px;
	margin-bottom:1px;
	background:url(../images/fea_li.gif) no-repeat 16px 8px;
}
/* コンテンツ（右）
------------------------ */
div.pages_2column_right {
	width:600px;
	padding:7px 33px 0px 0px; 
	float:right;
}

/* 2カラム構成＜お買い物＞
----------------------------------------------- */
/* 説明（右）
------------------------ */
div.pages_2column_right2 {
	width:190px;
	padding:0px 27px 0px 10px; 
	float:right;
}
/* コンテンツ（左）
------------------------ */
div.pages_2column_left2 {
	width:600px;
	padding:7px 0px 0px 33px; 
	float:left;
}

/* ボックス2カラム用 */
div.section2 {
	width:600px;
	margin:5px 0px;
}
div.section2 p {
	font-size:90%;/* フォントサイズ */
	padding-bottom:5px;
}

/* 共通
----------------------------------------------- */
/* お知らせ */
div.pages_1column div.section1 div.infolist {
	width:790px;
	margin-top:5px;
	padding:0px;
	border-top:1px dotted #ccc;
}
div.pages_1column div.section1 div.infolist dl {
	width:790px;
	margin:0px;
	padding:5px 0px;
	border-bottom:1px dotted #ccc;
}
div.pages_1column div.section1 div.infolist dl dt {
	width:150px;
	padding-left:5px;
	float:left;
	color:#555;
}
div.pages_1column div.section1 div.infolist dl dd {
	width:635px;
	float:left;
}

/* ポリシー関連 */
div.pages_1column div.section1 div.policy ol {
	list-style:decimal inside;
	text-indent:-1em;
	margin-left:1em;
}
div.pages_1column div.section1 div.policy ul {
	list-style:disc inside;
	text-indent:-1em;
	padding-left:3em;
}
div.pages_1column div.section1 div.policy ol li, div.pages_1column div.section1 div.policy ul li {
	padding-bottom:5px;
}

/* サイトマップ */
div.pages_1column div.section1 div.sitemap {
	width:790px;
	margin-top:5px;
	padding:0px;
	border-top:1px dotted #ccc;
}
div.pages_1column div.section1 div.sitemap dl {
	width:790px;
	margin:0px;
	padding:10px 0px 0px 0px;
	border-bottom:1px dotted #ccc;
}
div.pages_1column div.section1 div.sitemap dl dt {
	width:170px;
	margin:0px;
	padding:0px 0px 10px 20px;
	float:left;
	color:#555;
	background:url(../images/top_quick_li.gif) no-repeat 10px 7px;
	font-size:115%;/* フォントサイズ */
	font-weight:bold;
}
div.pages_1column div.section1 div.sitemap dl dd {
	width:580px;
	float:left;
}
	div.pages_1column div.section1 div.sitemap dl dd ul {
		float:left;
	}
	div.pages_1column div.section1 div.sitemap dl dd ul li {
		margin:0px;
		padding:0px 0px 10px 20px;
		background:url(../images/top_quick_li.gif) no-repeat 10px 7px;
	}
		div.sitemap dl dd ul.sm_ull, div.sitemap dl dd ul.sm_ulr {
			float:left;
		}
		div.sitemap dl dd ul.sm_ull li, div.sitemap dl dd ul.sm_ulr li {
			width:180px;
			margin:0px;
			padding:0px 0px 10px 20px;
		}

/* ●百菜
----------------------------------------------- */
/* 百菜オリジナル（画像） */
div.pages_titleimg {
	width:810px;
	margin:0px 25px;
	padding:0px;
}
div.pages_titleimg h2 {
	margin:0px;
	padding:0px;
}

/* サイトマップ */
div.sitemap dl dd ul.sm_tal li {
	padding-left:20px;
	margin:0px;
	float:left;
	width:180px;
}

/* ▼私達のお約束
----------------------------------------------- */
div.det {
	width:800px;
	margin:0px;
	text-align:center;
}
div.det h3 {
	font-size:115%;/* フォントサイズ */
	color:#666;
	padding:20px 0px 15px 0px;
	font-weight:normal;
}
	.det02 {
		border-top:1px solid #ccc;
		margin-top:30px;
	}

/* ▼徳之島とは
----------------------------------------------- */
/* コンテンツ */
div.fea {
	width:600px;
	margin-bottom:5px;
}
div.fea div {
	width:600px;
	background:url(../images/fea_bg02.gif) repeat-y top;
	margin-bottom:10px;
	color:#666;
}
	img.feaphoto {
		float:right;
		margin:40px 15px 10px 10px;
	}
	img.feaphoto2 {
		float:left;
		margin:0px 10px 10px 0;
	}
div.fea div h3 {
	background:url(../images/fea_bg01.gif) no-repeat top;
	padding:35px 0px 0px 15px;
	font-size:84%;/* フォントサイズ */
	font-weight:bold;
	color:#806226;
}
div.fea div h4 {
	padding:0px 0px 10px 15px;
	font-size:128%;/* フォントサイズ */
	font-weight:bold;
	color:#08c;
}
div.fea div div {
	background:url(../images/fea_bg03.gif) no-repeat bottom;
	margin:0px;
	padding:0px;
}
div.fea div div p, div.fea div div ul {
	padding:0px 15px 10px 15px;
	font-size:90%;/* フォントサイズ */
}
div.fea div div p.pagetop2 {
	text-align:right;
	font-size:78%;/* フォントサイズ */
}
div.fea_data {
	background:#fff;
	border:1px solid #ccc;
	padding:5px 10px;
	margin:5px 0px 20px 2px;
	width:574px;
}
	div.fea_data div {
		background:#eee;
		padding:3px 10px;
		margin:5px 0 0 0;
		font-size:84%;/* フォントサイズ */
		color:#666;
		letter-spacing:0.5em;
	}
	div.fea_data table {
		border-spacing:10px;
	}
	div.fea_data table tr th {
		border-right:4px solid #ccc;
		padding:0 15px;
		font-size:84%;/* フォントサイズ */
		font-weight:normal;
		text-align:right;
		vertical-align:top;
		color:#806226;
	}
	div.fea_data table tr td {
		padding:0 5px;
		font-size:84%;/* フォントサイズ */
		vertical-align:top;
		color:#666;
	}
		div.fea_data table tr td span {
			color:#ccc;
			margin-right:3px;
		}
div.fea_lin {
	background:#fff;
	border:2px solid #9df;
	padding:15px;
	margin:5px 0px 20px 2px;
	width:562px;
}
	div.fea_lin span {
		background:url(../images/fea_lin_li.gif) no-repeat 0px 3px;
		padding-left:17px;
	}
	div.fea_lin img {
		float:right;
	}

/* ▼徳之島の人々
----------------------------------------------- */
/* 1カラム構成 */
div.pages_1column_tal {
	width:810px;
	padding:0px 25px;
}

/* ユニット */
div.unit {
	width:810px;
	padding-bottom:10px;
}
div.unit ul {
	width:810px;
	clear:both;
	background:url(../images/tal_bg.gif) repeat;
}
div.unit li.photo {
	width:220px;
	height:220px;
	margin:0px;
	padding:0px;
	float:left;
}
div.unit li.txt {
	width:590px;
	height:220px;
	margin:0px;
	padding:0px;
	float:left;
}
	div.unit li.txt h3 {
		width:526px;
		height:47px;
		margin:10px 17px 0px 17px;
		padding:13px 10px 0px 20px;
		background:url(../images/tal_h3bg.gif) no-repeat;
	}
	div.unit li.txt div {
		width:556px;
		height:150px;
		margin:0px 17px;
		padding:0px;
		font-size:90%;/* フォントサイズ */
		line-height:25px;
		background:url(../images/tal_dotline.gif);
	}
div.unit li.link {
	width:810px;
	margin:0px;
	padding:0px;
}
	div.unit li.link h4 img {
		margin:0px;
		padding:10px 0px 3px 20px;
	}
	div.unit li.link ul {
		width:810px;
		padding-bottom:10px;
	}
	div.unit li.link ul li {
		padding-left:15px;
		margin:2px 0px 0px 20px;
		font-size:90%;/* フォントサイズ */
		background:url(../images/tal_li.gif) no-repeat 3px 8px;
		width:225px;
		float:left;
	}

/* ▼収穫カレンダー
----------------------------------------------- */
/* 説明 */
ul#ul_cal li {
	float:left;
	padding-left:15px;
	margin-right:20px;
}
	ul#ul_cal li#cal01li {
		background:url(../images/cal01.gif) no-repeat center left;
	}
	ul#ul_cal li#cal02li {
		background:url(../images/cal02.gif) no-repeat center left;
	}
	ul#ul_cal li#cal03li {
		background:url(../images/cal03.gif) no-repeat center left;
	}
	ul#ul_cal li#cal04li {
		background:url(../images/cal04.gif) no-repeat center left;
	}
	ul#ul_cal li#cal05li {
		background:url(../images/cal05.gif) no-repeat center left;
	}
	ul#ul_cal li#cal06li {
		background:url(../images/cal06.gif) no-repeat center left;
	}
	ul#ul_cal li#cal07li {
		background:url(../images/cal07.gif) no-repeat center left;
	}

/* カレンダー */
table#tbl_cal {
	width:790px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
table#tbl_cal tr td {
	border-bottom:1px solid #ccc;
}
	table#tbl_cal tr td.cal_mo {
		border-top:1px solid #ccc;
		border-right:1px solid #ccc;
		padding:5px;
		text-align:center;
		background:#eee;
	}
	table#tbl_cal tr td.cal_item {
		border-right:1px solid #ccc;
		padding:5px;
	}
	table#tbl_cal tr td.cal {
		border-right:1px dotted #ccc;
		width:25px;
	}
		table#tbl_cal tr td.cellend {
			border-right:none;
		}
	/* バー色違い */
	table#tbl_cal tr td.cal01 {
		background:url(../images/cal01.gif) repeat-x center left;
	}
	table#tbl_cal tr td.cal02 {
		background:url(../images/cal02.gif) repeat-x center left;
	}
	table#tbl_cal tr td.cal03 {
		background:url(../images/cal03.gif) repeat-x center left;
	}
	table#tbl_cal tr td.cal04 {
		background:url(../images/cal04.gif) repeat-x center left;
	}
	table#tbl_cal tr td.cal05 {
		background:url(../images/cal05.gif) repeat-x center left;
	}
	table#tbl_cal tr td.cal06 {
		background:url(../images/cal06.gif) repeat-x center left;
	}
	table#tbl_cal tr td.cal07 {
		background:url(../images/cal07.gif) repeat-x center left;
	}

/* ▼お買い物
----------------------------------------------- */
/* コンテンツ */
div.sho {
	width:600px;
	margin-bottom:10px;
}
div.sho div.disp_sw {
	background:#e5e5e5;
	font-size:90%;/* フォントサイズ */
	margin:0 9px;
	padding:3px;
	//text-align:center;
}
div.sho ul {
	width:600px;
}
div.sho ul li {
	width:160px;
	height:300px;
	margin:9px;
	padding:10px;
	float:left;
	display:block;
	line-height:100%;
}
div.sho ul li.item_mo {
	//border:1px solid #f90;
	border:1px solid #ffcc33;
}
div.sho ul li.item_pos {
	//border:1px solid #ccc;
	border:1px solid #66cc33;
}
	div.sho ul li p {
		border:none;
		margin-bottom:5px;
		font-size:78%;/* フォントサイズ */
	}
	div.sho ul li.item_mo div.s_item {
		background:#ffe0b2;
		padding:5px;
		font-size:90%;/* フォントサイズ */
		margin-bottom:5px;
	}
	div.sho ul li.item_pos div.s_item {
		background:#def2b4;
		padding:5px;
		font-size:90%;/* フォントサイズ */
		margin-bottom:5px;
	}
	div.sho ul li div.s_price {
		font-size:90%;/* フォントサイズ */
		text-align:right;
		font-weight:bold;
	}
		div.sho ul li div.s_price span {
			font-size:84%;/* フォントサイズ */
			text-align:right;
			font-weight:normal;
		}
div.sho div.s_attn {
	clear:both;
	margin:20px 10px 0px 10px;
	padding:5px 30px;
	font-size:84%;/* フォントサイズ */
	border:2px solid #f90;
	text-align:center;
}
div.sho div.s_btn {
	clear:both;
	margin:20px;
	text-align:center;
}

/* 説明 */
div.pages_2column_right2 div.side_step {
	width:170px;
	margin:15px 10px 0px 0px;
}
div.pages_2column_right2 div.side_step h4 {
	font-size:90%;/* フォントサイズ */
	line-height:100%;
	color:#f90;
}
div.pages_2column_right2 div.side_step p {
	padding:5px;
	font-size:84%;/* フォントサイズ */
	color:#666;
}
div.pages_2column_right2 div.side_step p span.pointc {
	color:#f90;
}
div.pages_2column_right2 div.side_step div.arrow {
	color:#f90;
	text-align:center;
	font-size:115%;/* フォントサイズ */
	margin:0px;
	padding:0px;
}

/* お申し込みフォーム */
div.con {
	width:600px;
	margin-bottom:10px;
}
div.con h3 {
	padding:5px 0px;
}
div.con p {
	margin:5px 0px 10px 5px;
	font-size:84%;/* フォントサイズ */
}
div.con span {
	color:#f90;
}
div.con table {
	width:600px;
	border-spacing:0px;
}
div.con table tr td {
	font-size:90%;/* フォントサイズ */
	color:#555;
	vertical-align:top;
	border-top:1px solid #ccc;
}
div.con table tr td span.req {
	font-size:84%;/* フォントサイズ */
	color:#f90;
}
div.con table tr td.label {
	width:130px;
	padding:8px 0px 0px 5px;
}
	div.con table tr td.label span {
		font-size:84%;/* フォントサイズ */
		color:#f90;
	}
div.con table tr td.control {
	width:465px;
	padding-top:8px;
}
	div.con table tr td.control span {
		font-size:84%;/* フォントサイズ */
		color:#888;
	}
	div.con table tr td.control input, div.con table tr td.control textarea {
		background:#eee;
		border:1px solid #ccc;
		padding:3px;
		margin-bottom:8px;
		vertical-align:text-top;
	}
	div.con table tr td.control select {
		margin-bottom:8px;
	}
	div.con table tr td.control input:focus {
		background:#ffe;
	}
		#conf_original {
			width:400px;
		}
		#name1_original, #name2_original, #add2_original, #add3_original, #mail1_original, #mail2_original {
			width:300px;
		}
		#post_original, #tel_original, #fax_original {
			width:150px;
		}
		#pay1_original, #pay2_original {
			background:none;
			border:none;
		}
div.con div.con_submit {
	background:#ffeacb;
	padding:5px 10px;
	text-align:right;
	margin-top:10px;
}
	div.con div.con_submit span {
		font-size:84%;/* フォントサイズ */
		vertical-align:text-bottom;
	}
	div.con div.con_submit input {
		font-size:90%;/* フォントサイズ */
		color:#fff;
		background:#f90;
		border-top:2px solid #fc6;
		border-left:2px solid #fc6;
		border-right:2px solid #ff7a00;
		border-bottom:2px solid #ff7a00;
		padding:3px 20px;
		margin:0px;
		vertical-align:text-top;
	}
	div.con div.con_submit input.btn_gray {
		color:#888;
		background:#eee;
		border-top:2px solid #fff;
		border-left:2px solid #fff;
		border-right:2px solid #ccc;
		border-bottom:2px solid #ccc;
	}
div.con p.con_err {
	color:#e00;
	font-weight:bold;
	margin-bottom:100px;
}
div.con_suc {
	text-align:center;
	margin:50px 0px;
}
	div.con_suc div {
		font-size:115%;/* フォントサイズ */
		color:#f90;
		font-weight:bold;
		letter-spacing:0.5em;
	}
	div.con_suc p {
		margin-top:10px;
		font-size:90%;/* フォントサイズ */
		color:#555;
	}
	div.con_suc input {
		font-size:90%;/* フォントサイズ */
		color:#fff;
		background:#f90;
		border-top:2px solid #fc6;
		border-left:2px solid #fc6;
		border-right:2px solid #ff7a00;
		border-bottom:2px solid #ff7a00;
		padding:3px 20px;
		margin:20px 10px 0px 10px;
		vertical-align:text-top;
	}

/* ▼アクセスマップ
----------------------------------------------- */
div.acc {
	background:url(../images/map_isen.gif) no-repeat top left;
	width:805px;
	height:380px;
	margin-top:5px;
	padding:0px;
}
div.acc div.add {
	width:220px;
	height:180px;
	margin:210px 0px 0px 570px;
}
div.acc div.add h3 {
	font-size:115%;/* フォントサイズ */
	padding-bottom:5px;
}
div.acc div.add p {
	font-size:90%;/* フォントサイズ */
	margin-left:1em;
}
div.section1 ul.link li.iacc {
	padding-left:47px;
	background:url(../images/ico_acc.gif) no-repeat left 3px;
	float:left;
}
div.section1 div.acc_info h4 {
	border-top:2px solid #ccc;
	width:780px;
	margin:0px;
	padding:5px;
}
	div.section1 div.acc_info dl {
		clear:both;
		margin-left:2em;
		font-size:90%;/* フォントサイズ */
	}
	div.section1 div.acc_info dl dt {
		float:left;
		color:#439a00;
	}
	div.section1 div.acc_info dl dd.ai_inline {
		float:left;
	}
	div.section1 div.acc_info dl dd.ai_block {
		clear:left;
		margin-left:3em;
	}

/* ▼お知らせ
----------------------------------------------- */
div.pages_2column_inf1 {
	width:580px;
	padding:7px 0px 0px 35px; 
	float:left;
}

/* 一覧
------------------------ */
div.pages_2column_inf1 div.refine {
	text-align:right;
}
div.pages_2column_inf1 div.inf {
	width:580px;
	margin:5px 0px 10px 0px;
	padding:0px;
	border-top:1px dotted #ccc;
}
div.pages_2column_inf1 div.inf dl {
	clear:both;
	width:580px;
	margin:0px;
	padding:5px 0px;
	border-bottom:1px dotted #ccc;
}
div.pages_2column_inf1 div.inf dl dt {
	width:150px;
	padding-left:5px;
	float:left;
	color:#555;
}
div.pages_2column_inf1 div.inf dl dd {
	width:425px;
	float:left;
}
	div.pages_2column_inf1 div.inf dl dd div.inf_list {
		width:330px;
		margin-left:5px;
		float:right;
	}

/* 詳細
------------------------ */
div.pages_2column_inf1 div.not {
	width:580px;
	background:url(../images/box_body.gif) repeat-y top;
}
div.pages_2column_inf1 div.not h3 {
	clear:both;
	margin:10px 15px 5px 15px;
	padding-bottom:5px;
	font-size:128%;/* フォントサイズ */
	color:#630;
	border-bottom:1px dotted #666;
}
div.pages_2column_inf1 div.not div {
	width:550px;
	padding:5px 15px 15px 15px;
	background:url(../images/box_foot.gif) no-repeat bottom;
}
	div.pages_2column_inf1 div.not div p {
		margin-bottom:10px;
	}
	div.pages_2column_inf1 div.not div div.not_mov {
		margin:0px 0px 10px 0px;
		padding:0px;
		width:550px;
		text-align:center;
	}
	div.pages_2column_inf1 div.not div div.not_pdf {
		margin:0px 0px 2px 0px;
		padding:0px 0px 0px 75px;
		background:url(../images/not01.gif) no-repeat 0px 1px;
		font-size:90%;/* フォントサイズ */
		width:475px;
	}
	div.pages_2column_inf1 div.not div div.not_url {
		margin:2px 0px 0px 0px;
		padding:0px 0px 0px 75px;
		background:url(../images/not02.gif) no-repeat 0px 1px;
		font-size:90%;/* フォントサイズ */
		width:475px;
	}
div.pages_2column_inf1 div.not2 {
	text-align:center;
	padding:5px;
}
div.pages_2column_inf1 div.not div.inf_data {
		font-size:78%;/* フォントサイズ */
		width:550px;
		padding:10px 15px;
		margin:0px;
		float:right;
		background:url(../images/box_head.gif) no-repeat top;
		height:18px;
		text-align:right;
	}

/* 常設お知らせ */
div.pages_2column_inf2 {
	margin-top:5px;
	width:195px;
	padding:7px 35px 0px 15px; 
	float:right;
}
div.pages_2column_inf2 div.inf_bb {
	border-bottom:1px solid #ccc;
	margin-bottom:15px;
}
div.pages_2column_inf2 div.inf_bb h4 {
	color:#630;
	font-size:90%;/* フォントサイズ */
	border-top:5px solid #cc9;
	border-bottom:1px dotted #ccc;
	padding:5px;
}
div.pages_2column_inf2 div.inf_bb div {
	padding:5px;
	color:#666;
	font-size:84%;/* フォントサイズ */
}
div.pages_2column_inf2 div.inf_bb div p {
	margin-bottom:5px;
}
	div.pages_2column_inf2 div.inf_bb div p.bb_link {
		background:url(../images/link_li.gif) no-repeat 0px 2px;
		padding-left:19px;
	}
	div.pages_2column_inf2 div.inf_bb div p span {
		color:#630;
	}