/* Reset */

body,
h1, h2, h3, h4, h5	{ margin:0; padding:0; }

/*
960px =  8columns * 120px (10px + 100px + 10px)
960px = 12columns *  80px (10px +  60px + 10px)
960px = 16columns *  60px (10px +  40px + 10px)
*/
.grid1,	.grid2,	.grid3,	.grid4,	
.grid5,	.grid6,	.grid7,	.grid8,	
.grid9,	.grid10,.grid11,.grid12,
.grid13,.grid14,.grid15,.grid16		{ float:left; margin:10px; display:inline; }	/* IE6 Hack [margin x 2] display:inline; */

.grid1	{ width: 60px; }	.h1		{ height: 60px; }
.grid2	{ width:140px; }	.h2		{ height:140px; }
.grid3	{ width:220px; }	.h3		{ height:220px; }
.grid4	{ width:300px; }	.h4		{ height:300px; }
.grid5	{ width:380px; }	.h5		{ height:380px; }
.grid6	{ width:460px; }	.h6		{ height:460px; }
.grid7	{ width:540px; }	.h7		{ height:540px; }
.grid8	{ width:620px; }	.h8		{ height:620px; }
.grid9	{ width:700px; }	.h9		{ height:700px; }
.grid10	{ width:780px; }	.h10	{ height:780px; }
.grid11	{ width:860px; }	.h11	{ height:860px; }
.grid12	{ width:940px; }	.h12	{ height:940px; }


.grid,
.grid1 p,	.grid2 p,	.grid3 p,	.grid4 p,	.grid5 p,
.grid6 p,	.grid7 p,	.grid8 p,	.grid9 p,	.grid10 p,
.grid11 p,	.grid12 p,	.grid13 p,	.grid14 p,	.grid15 p,
.grid16 p	{ margin:10px; }

.h0,
.h1,	.h2,	.h3,	.h4,	
.h5,	.h6,	.h7,	.h8,	
.h9,	.h10,	.h11,	.h12,	
.h13,	.h14,	.h15,	.h16	{ margin:9px; color:#666; background-color:#fff;/*#f6f7f8;*/ border:1px solid #ccc; }

.border		{ margin:9px; border:1px solid #ccc; }
.border h3	{ margin:10px; /* color:#fff; background-image:none; background-color:#bbb; */ }
.border h4	{ margin:10px; }

.no_border	{ margin:10px; border:none; }

.zero		{ margin:0; padding:0; }
.zero li	{ margin-left:1.0em; }

.thumb_box	{
	float:left;
	width:200px; height:200px;
	margin:9px; padding:10px;
	border:1px solid #ccc;
	text-align:center;
	display:inline;	/* IE6 Hack [margin x 2] display:inline; */
}
.thumb_box:hover	{ margin:5px; border:5px solid #8cf; }
.thumb_box img		{ padding:0 0 10px; }




/* Outline for www.kiwc.net */
/*
body	{ background:#bbcbe4 url(./bg.jpg) repeat-x 50% 0% fixed; }
h1	{ margin-top:20px; }
h2	{ height:61px; margin:0; padding:9px 0 0 30px;
	color:#fff; text-align:left; letter-spacing:0.1em;
	border:none; background:transparent url(./bg_h.jpg) no-repeat left top;
}
h3	{ margin-bottom:1em; padding:5px 13px; color:#fff; background-color:#789; border:2px solid #ddd; }
h4	{ margin-bottom:1em; padding:5px 13px; color:#333; border-left:6px solid #ccc; }
h5	{ color:#333; font-size:1.2em; }
*/

body	{
	color:#555;
	font-family: sans-serif;
}

h1	{ margin:10px 10px 30px; padding:0;
	color:#333;
	font-size:30pt;

	margin:0px 10px 30px; padding:40px;
	color:#fff;
	font-size:24pt;
	background:#462;
	background:transparent url(./bg_h.jpg) no-repeat 0% 0%;
/*
	height:100px;
	font-family:'ＭＳ Ｐ明朝', serif;
	background:transparent url(./bg_h.jpg) no-repeat 0% 0%;
*/
}
h2	{ margin:0; padding:10px;
	color:#333; font-size:18pt; line-height:1.4;
}
h3	{ margin:0 0 20px; padding:0px;
	color:#444; line-height:1.4;
	font-size:18pt;
/*
	color:#369;
	background:#c00 url(arw.png) no-repeat 1% 50%;
	background-image:url(./natural_paper.png);
	background:transparent url(./bg_h.png) no-repeat 0% 100%;
	border:1px solid #abc;
*/
}
h3.s	{
	font-size:16pt;
}
h4	{ margin:30px 0 0px; padding:0px;
	color:#444; line-height:1.4;
	font-size:14pt;
/*
	padding-left:30px;
	background-color:#595757;
	background:#c00 url(arw.png) no-repeat 1% 50%;
*/
}
/*
h4	{ padding:1px 8px; color:#369; font-size:24px; background-color:#f0f8ff; border-bottom:1px dotted #ccc; }
*/
h5	{ margin:0 10px; color:#333; font-size:1.2em; }

a		{ opacity:1.0; transition: all 0.3s ease; }
a:hover	{ opacity:0.8; }

a, a:link	{ color:#36c; text-decoration:none; }
a:visited	{ color:#36c; text-decoration:none; }
a:active	{ color:#93c; text-decoration:none; }
a:hover		{ color:#93c; text-decoration:none; }


/* Search Form */
/*
select	{ margin:3px; padding:5px 2px; }
input	{ margin:3px; padding:5px; }
*/
input.searchButton	{ padding:0; vertical-align:bottom; }
input.searchButton:hover {
	filter: alpha( opacity=70 );/*for IE6,7*/
	-ms-filter: "alpha( opacity=70 )";/*for IE8*/
	opacity: 0.7;
}

.sep	{ clear:both; height:80px; margin:0; padding:0; background:transparent url(bg_hr.png) no-repeat 50% 60%; }

.eng	{ color:#ccc; font-size:24px; font-family:Times, serif; line-height:1.0; }

.cbox	{ height:100px; margin-bottom:20px; padding:9px; border:1px solid #ccc; }
.cbox span	{ font-size:0.8em; }

.b		{ font-weight:bold; }
.bb		{ color:#000; font-size:1.2em; font-weight:bold; }
.s		{ font-size:0.8em; }
.m		{ font-size:0.9em; }

.bltitle	{ color:#039; font-size:2.4em; font-weight:bold; }

.title_l	{ color:#900; font-size:2.4em; font-weight:bold; }
.title_m	{ color:#900; font-size:1.4em; font-weight:bold; }
.title_s	{ color:#900; font-size:1.0em; font-weight:bold; }

.topimage	{ clear:both; text-align:center; }
.top_msg	{ margin:0; padding:10px 20px; background:#ffe url(bg_main.gif) no-repeat center bottom; }
.top_msg h2	{ padding:0; color:#600; background-color:transparent; }

.information{ clear:both; height:200px; margin:20px 0; border:1px solid #ccc; background-color:#f8f8f8; }

.banner		{ clear:both; height:140px; margin:0; text-align:center; border:1px solid #ccc; background-color:#f8f8f8; }

.gbox		{ margin:0; padding:8px; text-align:center; border:1px solid #ccc; background-color:#f8f8f8; }

.link		{ padding: 4px 0px 4px 30px; background: url(btn_arrow_r.gif) no-repeat 0% 50%; }
.caution	{ color:#d00; font-size:0.8em; }

.fll	{ float:left; }
.flr	{ float:right; }

.clr,
.clear	{ clear:both; }

.clearfix:after	{ content:""; display:block; clear:both; }	/* IE8, ModanBrowser */
.clearfix		{ width:100%; }								/* clearfix IE 6, 7 */


/*--------*/
table.solid		{ margin:10px; font-family:Arial; border-collapse:collapse; background-color:#fff; border:1px solid #abc; }
table.solid tr	{ font-size:1.0em; line-height:1.3; }
table.solid th	{ padding:0.5em 0.8em; vertical-align:top; color:#333; background-color:#eee; border:1px solid #abc; }
table.solid td	{ padding:0.5em 0.8em; text-align:left; vertical-align:top; border:1px solid #abc; }
table.solid .ng	{ color:#666; text-decoration:line-through; background-color:#f8f8f8; }
table.solid .next	{ color:#abc; font-size:0.8em; line-height:1.0; }
table.solid .ec	{ white-space:nowrap; text-align:center; background-color:#f0f0f0; }
table.solid .dc	{ white-space:nowrap; text-align:center; background-color:#ddd; }
table.solid .e	{ white-space:nowrap; background-color:#cde; color:#000; }
table.solid .d	{ white-space:nowrap; background-color:#eee; }

table.stripe		{ margin:10px; font-family:Arial; border-bottom:1px dotted #ccc; border-collapse:collapse; }
table.stripe tr		{ font-size:1.0em; line-height:1.3; border-top:1px dotted #ccc; }
table.stripe th		{ padding:0.6em 0.8em; vertical-align:top; }
table.stripe td		{ padding:0.6em 0.8em; vertical-align:top; }
table.stripe .e		{ white-space:nowrap; background-color:#cde; color:#000; }
table.stripe .d		{ white-space:nowrap; background-color:#eee; }

table.simple		{ margin:10px; font-family:Arial; border-collapse:collapse; }
table.simple tr		{ font-size:1.0em; line-height:1.3; }
table.simple th,
table.simple td		{ padding:0.8em 0.8em; vertical-align:top; }
table.simple .e		{ white-space:nowrap; color:#000; }
table.simple .d		{ white-space:nowrap; }


/*-- トップ インフォメーション --*/
.top_info	{ height:250px; margin:50px 10px 0; padding:0; overflow:auto; }
.top_info ul	{ margin:0; padding:0; list-style-type:none; }
.top_info li	{ clear:both; margin:0; padding:0; margin:0 10px 6px; padding-bottom:5px; border-bottom:1px dotted #ccc; background-image:none; }
.top_info .ctg	{ padding:0.3em 0; color:#ccc; font-size:13px; font-weight:normal; font-family:Arial; text-align:right; }
.top_info .vevent		{ font-weight:normal; }
.top_info .dtstart		{ float:left; padding-top:2px; color:#090; font-size:12px; }
.top_info .summary		{ display:block; margin-left:90px; color:#369; font-weight:bold; }
.top_info .description	{ display:block; clear:left; margin-left:90px; font-size:13px; max-height:39px; line-height:1.5; overflow:hidden; }
.top_info .description img	{ margin:1em 0; border-width:0; }


/*-- インフォメーション --*/
.info		{ margin:10px 0; padding:0; }
.info ul	{ margin:0; padding:0; list-style-type:none; border-bottom:0px dotted #ccc; }
.info li	{ clear:both; margin:0 20px; padding:10px 0; border-top:1px dotted #ccc; background-image:none; }
.info .vevent	{ font-weight:normal; }
.info .dtstart	{ float:left; padding-top:2px; color:#090; font-size:13px; }
.info .summary	{ display:block; margin-left:120px; color:#444; font-size:1.2em; font-weight:bold; }
.info .description	{ display:block; clear:left; margin-left:120px; }
.info .description img	{ margin:1em 0; border-width:0; }
.info .ctg	{ display:block; margin-left:120px; padding-top:2px; color:#ccc; font-size:13px; font-weight:normal; font-family:Arial; }
/*
.info .ctg	{ display:none; }
*/

/*--------*/
.pagelink	{ clear:both; padding:24px 6px; font-size:14px; line-height:1.0; text-align:center; }
.pagelink .blank,
.pagelink .self,
.pagelink a.plink	{ margin:0 3px; padding:3px 6px; text-decoration:none; border:1px solid #ccc; background-color:#fff; }
.pagelink .blank	{ color:#999; }
.pagelink .self		{ color:#c00; font-weight:bold; padding:4px 6px; }
.pagelink a.plink:visited	{ color:#00f; text-decoration:none; }
.pagelink a.plink:hover		{ color:#fff; background-color:#36c; }


/*-- ピックアップ＆新着　トップページ --*/
.pickup	{}
.pickup h3	{
	margin:0;
	padding:6px 0px 6px 24px; color:#c00; font-size:18px; line-height:1.0;
	background:transparent url(arw.png) no-repeat 0% 50%;
	border-bottom:4px solid #c00;
}


/*-- お問い合わせ --*/
.inquiry	{ margin:20px 0 0; font-size:0.8em; line-height:1.4; border:1px solid #ccc; }
.inquiry h3	{ margin:0; padding:5px 10px; color:#666; background-color:#ddd; background-image:none; }
.inquiry strong	{ color:#333; font-size:24px; }


/*-- クーポン --*/
.coupon		{ margin:9px; margin-top:29px; border:1px solid #ccc; }
.coupon	h3	{ }
.coupon	p	{ color:#333; font-size:1.4em; font-weight:bold; }


/*-- お店情報 --*/
.store_info	{ float:left; width:320px; }


.arrow	{ padding-left:20px; background:transparent url(./arrow.gif) no-repeat 0% 50%; }
.pdf	{ padding-left:20px; padding-bottom:3px; background:transparent url(./icon/pdf.gif) no-repeat left 0; }
.pdfb	{ padding-right:20px; padding-bottom:3px; background:transparent url(./icon/pdf.gif) no-repeat right 0; }
.gmap	{ padding-left:24px; padding-bottom:3px; background:url(./gmap20.gif) no-repeat 0% 0%; }

.date	{ color:#090; font-family:arial; }
.url	{ color:#090; font-family:arial; }

.bnr	{ margin-bottom:20px; text-align:center; }

.catgy	{ padding-right:20px; }

.l	{ text-align:left;  }
.r	{ text-align:right; }
.c	{ text-align:center; }

/*----画像サムネイル表示----*/
.phbox {
	float:left;
/*	width:180px;*/
	margin:10px; padding:0px;
	text-align:left; color:#666; font-size:1.0em; line-height:1.6;
}

.phbox_r, .phbox_nr,
.phbox_l, .phbox_nl,
.phbox_c, .phbox_nc	{ text-align:center; color:#666; font-size:0.8em; line-height:1.6; }

.phbox_r, .phbox_nr { float:right; margin:0 0 10px 10px; }
.phbox_l, .phbox_nl	{ float:left;  margin:0 10px 10px 0; }
.phbox_c, .phbox_nc	{ margin:10px 0; }

.phbox_r, .phbox_l, .phbox_c	{ padding: 8px; border:2px solid #ddd; background-color:#fff; }
.phbox_nr, .phbox_nl, .phbox_nc	{ padding:10px; }

.phbox img,
.phbox_r  img, .phbox_l  img, .phbox_c  img	{ border:0px solid #ccc; }
.phbox_nr img, .phbox_nl img, .phbox_nc img	{ border:0px solid #ccc; }

.phbox_arrow {
	float:left;
	margin:0; padding:0; width:20px; height:auto;
	text-align:center; color:#666; font-size:0.8em; line-height:1.6;
	background:url(./bg_arrow.png) no-repeat 100% 100%;
}


.balloon {
	position: relative;
	margin-right: 30px;
	background-color: #fff;
}
.balloon:after {
	position: absolute; top: 80px; right: -30px;
	content: ""; width: 0; height: 0;
	border-left: 20px solid #bcd;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
}

.yearBox {
	width:206px; height:156px;
	font-size:48px; font-family:Impact; line-height:3.3;
	color:#9bd; background-color:#cde;
}


.grad {
	background-image:-moz-linear-gradient(top, #FAD502, #E89502);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAD502), to(#E89502), color-stop(1,#E89502));
}

.radius {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

.radius20 {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}

.ellipsis {
	/*width: 100px;*/
	white-space: nowrap;
	overflow: hidden;
	-webkit-text-overflow: ellipsis; /* Webkit対応 */
	-o-text-overflow: ellipsis; /* Opera対応 */
	text-overflow: ellipsis;
}

/* CSSでPDFやExcelなどのリンクに自動でアイコンを付ける方法 http://www.css-lecture.com/ */
/* 外部リンク要素  */
a[href^="http"]		{ padding: 4px 20px 4px 0; background: url(./icon/external.gif) no-repeat 100% 50%; }
* html a.external	{ padding: 4px 20px 4px 0; background: url(./icon/external.gif) no-repeat 100% 50%; }
/* mailto要素 ---- */
a[href ^="mailto:"]	{ padding: 4px 20px 4px 0; background: url(./icon/mailto.gif) no-repeat 100% 50%; }
* html a.mailto		{ padding: 4px 20px 4px 0; background: url(./icon/mailto.gif) no-repeat 100% 50%; }
/* pdf要素 ---- */
a[href$=".pdf"]	{ padding: 4px 20px 4px 0; background: url(./icon/pdf.gif) no-repeat 100% 50%; }
* html a.pdf	{ padding: 4px 20px 4px 0; background: url(./icon/pdf.gif) no-repeat 100% 50%; }
/* doc要素 ---- */
a[href$=".doc"]	{ padding: 4px 20px 4px 0; background: url(./icon/doc.gif) no-repeat 100% 50%; }
* html a.doc	{ padding: 4px 20px 4px 0; background: url(./icon/doc.gif) no-repeat 100% 50%; }
/* xls要素 ---- */
a[href$=".xls"]	{ padding: 4px 20px 4px 0; background: url(./icon/xls.gif) no-repeat 100% 50%; }
* html a.xls	{ padding: 4px 20px 4px 0; background: url(./icon/xls.gif) no-repeat 100% 50%; }
/* zip要素 ---- */
a[href$=".zip"]	{ padding: 4px 20px 4px 0; background: url(./icon/zip.gif) no-repeat 100% 50%; }
* html a.zip	{ padding: 4px 20px 4px 0; background: url(./icon/zip.gif) no-repeat 100% 50%; }

/* use this class to make sure that images won't get iconized */
#xfade_imageContainer a,
#gmap a,
.bnr6x a,
.bnr8x a,
.imageLink {
	padding-right: 0px !important;
	background: none !important;
}

.imageLink img { border:none; }







/*----------*/
#wrapper	{
	position:relative;
	width:1200px; margin:0 auto; padding:0;
	z-index:2;
/*
	background-color:#fff;
*/
}


#header		{
	width:1080px; margin:0 auto; padding:0;
	position:relative;
}
#header h1,
#header h2	{ float:left; margin:0; padding:0; }
#header a	{ color:#fff; }
#header i	{ margin:0 5px; }
#header .logo a	{
	display:block;
	margin:0px;
	width:540px; height:80px;
	text-indent:-9999px;
	background:transparent url(./logo.png) no-repeat 0% 0%;
}
#header .ctrl {
	margin:0; padding:0;
	position:absolute;
	bottom:15px; right:0px;
	font-size:0.8em;
	line-height:1.0;
}
#header ul	{ height:30px; margin:0; padding:0; }
#header li	{ float:left; margin:10px 0 10px 15px; list-style:none; }

#header form		{ clear:right; float:right; margin:0; padding:0; margin-top:5px; background-color:#fff; border:none; }
#header input		{ margin:0; padding:0; border:none; }
#header .srch_box	{ width:128px; margin:0; }
#header .srch_btn	{ width:32px; height:22px; text-indent:-9999px; background:#B98E6D url(srch.png) no-repeat 50% 50%; }


#menu	{
/*	background-image: url(bg_article.jpg);*/
}

#navi	{
	clear:both; width:1080px; height:60px; margin:2px auto 0; padding:20px 60px 0;
	background-color:#fff;
/*
	background:transparent url(bg_w75.png) repeat 0% 0%;
*/
}

#navi a {
	display:block;
	margin:0; padding:0;
	width:180px; height:50px;
	text-indent:-9999px; text-decoration:none;
	background:#159 url(menu180x50.png) no-repeat 0px 0px;
	transition: all 0.1s ease;
}
#navi a:hover	{ opacity:1.0; }

#navi ul {
	margin:0; padding:0;
	font-size:13px;
	font-family:arial, helvetica, sans-serif;
	text-align:center;
	line-height:1.0;
}
#navi ul li			{ float:left; position:relative; z-index:999; list-style:none; }
#navi ul li+li		{ border:none; /*border-left:1px solid #465;*/ }
#navi ul li:hover a	{ color:#fff; background-color:#036; }

#navi ul li ul				{ visibility:hidden; position:absolute; top:50px; min-width:100%; }	/* display:none; */
#navi ul li:hover ul		{ visibility:visible; }	/* display:block; */
#navi ul li ul li			{ float:none; clear:left; }
#navi ul li ul li+li		{ border:none; }

#navi ul li ul li a	{
	width:auto;
	height:auto;
	padding:20px;
	color:#fff;
	font-size:14px; line-height:1.0; text-indent:0px;
	text-align:left;
	white-space:nowrap;
	background-image:none;
	border:none;
	background-color:#036;
}
#navi ul li ul li:hover a	{ color:#fff; background-color:#69c; }

#navi .nav01 a	{ background-position:    0px 0px; }
#navi .nav02 a	{ background-position: -180px 0px; }
#navi .nav03 a	{ background-position: -360px 0px; }
#navi .nav04 a	{ background-position: -540px 0px; }
#navi .nav05 a	{ background-position: -720px 0px; }
#navi .nav06 a	{ background-position: -900px 0px; }

/*
#navi .nav01 a:hover	{ background-position:    0px -50px; }
#navi .nav02 a:hover	{ background-position: -180px -50px; }
#navi .nav03 a:hover	{ background-position: -360px -50px; }
#navi .nav04 a:hover	{ background-position: -540px -50px; }
#navi .nav05 a:hover	{ background-position: -720px -50px; }
#navi .nav06 a:hover	{ background-position: -900px -50px; }
*/



#pankz	{
	display:none;
/*
	width:940px; margin:0px auto 0px; padding:10px 0; color:#666; font-size:10px; line-height:1.0; border:0px solid #ccc;
*/
}


#container	{
	width:1100px;
	margin:0 auto; padding:10px 50px;
	font-size:0.9em; line-height:1.6;
	background-color:#fff;
/*
	background:transparent url(bg_w75.png) repeat 0% 0%;
*/
}
#container:after	{ content:""; display:block; clear:both; }	/* IE8, ModanBrowser */


#container .grid1	{ width: 170px; }
#container .grid2	{ width: 350px; }
#container .grid3	{ width: 530px; }
#container .grid4	{ width: 710px; }
#container .grid5	{ width: 890px; }
#container .grid6	{ width:1080px; }

#container .grid1,
#container .grid2,
#container .grid3,
#container .grid4,
#container .grid5,
#container .grid6	{ margin:10px 10px; border:0px solid #999; }

#container .grid1 p,
#container .grid2 p,
#container .grid3 p,
#container .grid4 p,
#container .grid5 p,
#container .grid6 p	{ margin:10px 0px; }


#notice	{ height:60px; font-size:14px; line-height:1.0; }
#notice div,
#notice p		{ margin:0; padding:23px; }
#notice form	{ margin:0; padding:17px; }
#notice .prev	{ float:right; }
#notice .label	{
	float:left;
	margin-right:20px;
	padding:23px; padding-right:43px;

	color:#fff;
	background:transparent url(arw128x64.png) no-repeat 100% 50%;
/*	background:transparent url(arw24x64.png) no-repeat 100% 50%; */
}


#main	{
	float:left;
	width:720px; margin:10px; padding:0;
/*
	background-image:url(bg_w75.png);
*/
}

#sidebar	{ float:right; width:240px; margin:0; padding:0; }
/*
#sidebar a	{ padding:0px !important; color:#fff; background: none; }
#sidebar img	{ border: none; }
*/

#footer	{
	clear:both;
	margin:0; padding:20px 60px;
	color:#fff; font-size:0.8em; text-align:left; line-height:1.6;
	background:transparent url(./low_contrast_linen.png) repeat-x 0% 0%;
/*	line-height:39px;
	background-color:#fff;
	border-top:1px dotted #ccc;
*/
}
#footer i	{ margin:0 5px; }
#footer .ctrl {
	height:2em;
	margin:0 0 1em; padding:0;
	color:#ccc;
}
#footer a	{ padding:0px !important; color:#fff; background:none; }
#footer address	{ float:right; margin:0; padding:0; font-style:normal; }
#footer ul	{ margin:0; padding:0; }
#footer li	{ float:left; margin:0 20px 0 0; padding:0; text-decoration:none; list-style-type:none; }
#footer .backs {
	float:right; margin-right:20px; padding:5px 20px;
	font-size:10px;
	background-color:#ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}









#submenu	{ margin:0; padding:10px; height:310px; background:transparent url(./bg_submenu.jpg) no-repeat 0% 0%; }

#submenu ul { margin:0; padding:0; list-style:none; }
#submenu li	{ margin:5px; padding:0; float:left; }
#submenu a	{ margin:0; padding:10px 0; width:128px; height:40px; display:block; font-size:14px; line-height:1.5; text-align:center; }
#submenu a			{ color:#fff; background-color:#574; }
#submenu a:hover	{ color:#fff; background-color:#9c6; text-decoration:none; }



#submen2	{ margin:0; padding:10px; }
#submen2 ul	{ margin:0; padding:0; list-style:none; }
#submen2 li	{ margin:10px 0; padding:0; }
#submen2 a	{ display:block; margin:0; padding:10px 0; font-size:14px; line-height:1.5; text-align:center; }
#submen2 a			{ color:#fff; background-color:#574; }
#submen2 a:hover	{ color:#fff; background-color:#9c6; text-decoration:none; }




#bg	{
	position:fixed;
	top:-50%; left:-50%; 
	width:200%; height:200%;
	z-index:0;
}
#bg img	{
	position:absolute; 
	top:0; left:0; right:0; bottom:0; 
	margin:auto; 
	min-width:50%; min-height:50%;
}




/*
.lnklist	{ margin-left: 1em; padding-left: 0; list-style: none; }
.lnklist a:before {
	content: "\f138";
	font-family: FontAwesome;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.lnklist li	{ margin:0 10px; padding:10px 0; border:none; background-image:none; }
*/
/*----------------------
矢印つき<ul>リスト
----------------------*/
.lnklist	{ margin: 1em; padding: 0; list-style: none; }
.lnklist li	{ margin-bottom: 1em; padding-left: 1em; text-indent: -1em; }
.lnklist li:before { content: '\f138'; font-family: FontAwesome; color:#03cc; }
/*.lnklist li:before { content: '\f138'; font-family: FontAwesome; padding-right: .5em; opacity: .3; }*/