@charset "shift_jis";


body {
	background:url('images/common/content_bg.png') left top repeat-x #f9fcf8;
	font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;
	font-size:small;
	line-height:1.6em;
	margin:0;padding:0;
}

a {
	color:#0000cc;
}
a:hover {
	color:#cc0000;
	text-decoration:none;
}

#header {
	width:100%;
	background-color:#ffffff;
}
#content_body {
	width:100%;
}
#content {
	width:920px;
	margin:0 auto;
	background-color:#ffffff;
}
#footer {
	width:920px;
	margin:0 auto;
	background-color:#ffffff;	
}

#pannavi {
	padding:6px 12px;
}
ul.pankuzu {
}
ul.pankuzu li {
	display:inline;
	float:left;
	list-style:none;
}
h1#pagetitle {
	height:84px;
	padding-top:16px;
	background:url('images/common/pagetitle_bg.png') left top repeat-x;
	text-align:center;
	/* ---- 2013.06 ----- */
	display:none;
}
#pagetitle .page_name {
	display:block;
	width:640px;
	height:40px;
	margin:0 auto;
	text-indent:-9999px;
}


#left_content {
	width:220px;
	float:left;
	margin-left:20px;
}
#right_content {
	width:640px;
	float:right;
	margin-right:20px;
	
}

.cls {
	clear:both;
}

.ul {
	padding-left:40px;
}
.ul li {
	list-style:disc;
	margin-bottom:5px;
}
.ol {
	padding-left:40px;
}
.ol li {
	list-style:decimal;
	margin-bottom:5px;
}
.dl {
}
.dl dt {
	
}
.dl dd {
	margin-left:40px;
}
.table_b {
	border-collapse:collapse;
}
.table_b th, .table_b td {
	border:1px #666666 solid;
	padding:4px;
}


.news_table td {
	vertical-align:top;
	font-size:small;
	line-height:1.3em;
	padding-top:6px;
}
.news_date {
	padding-right:20px;
	white-space:nowrap
}

/* ----- leftindex ----- */
#inc_leftindex{
	min-height:550px;
}
#left_index {
	min-height:200px;
	border-bottom:1px #007119 solid;	
}
.lfmenucate {
	padding:18px 6px 18px 20px;
	border-top:1px #007119 solid;
	border-left:1px #007119 solid;
	border-right:1px #007119 solid;
	font-size:15px;
	line-height:1em;
	font-weight:bold;
	color:#004A07;
	cursor:pointer;
}
.lfmenucate p a {
	margin:0;padding:0;
	display:block;
	text-decoration:none;
}
.lfmenucate:hover {
	background-color:#CCE1D0;
}
.cate_now {
	background:url('images/common/lfmenu_arrow.png') 0px 15px no-repeat #CCE1D0;
}
.lfmenulist {
	padding:0 0;
	margin:0;
	border-top:1px #007119 dotted;
	border-left:1px #007119 solid;
	border-right:1px #007119 solid;
}
.lfmenulist li {
	list-style:none;
}
.lfmenulist li a {
	padding:5px 6px 5px 20px;
	display:block;
	text-decoration:none;
	line-height:1.4em;
}
.lfmenulist li a:hover {
	background-color:#DEEBE0;
}
.lfmenulist li a.sub_dir {
	padding-left:32px;
	line-height:1em;
	font-size:12px
}


/* ----- footer ----- */
.gotop {
	padding:40px 10px 6px 0;
	text-align:right;
	font-size:small;
}
.gotop a {
	text-decoration:none;
}
.copyright {
	border-top:1px #22870F solid;
	padding:10px 0 40px 10px;
	color:#22870F;
	font-size:small;
}

/* ----- hreader ----- */
#header_navi {
	width:920px;
	height:60px;
	margin:0 auto;
	position:relative;
}
#header_navi h1 {
	margin:0;padding:0
}
#header_navi h1 a {
	width:340px;
	height:60px;
	display:block;
	background:url('images/common/header_bg.png') left top no-repeat;
	text-indent:-9999px;
}
<!-- -->
ul#gl_navi {
	position:absolute;
	left:438px;	
	top:0;
}
ul#gl_navi li {
	display:inline;
	float:left;
	list-style:none;
}
a#navi00 {
	display:block;
	width:80px;
	height:60px;
	background:url('images/common/header_bg_e.png') -498px top no-repeat;
	text-indent:-9999px;
}
a#navi91 {
	display:block;
	width:74px;
	height:60px;
	background:url('images/common/header_bg_e.png') -691px top no-repeat;
	text-indent:-9999px;
}
a#navi99 {
	display:block;
	width:113px;
	height:60px;
	background:url('images/common/header_bg_e.png') -578px top no-repeat;
	text-indent:-9999px;
}
a#navi00:hover {
	background:url('images/common/header_bg_e.png') -498px -60px no-repeat;
}
a#navi91:hover {
	background:url('images/common/header_bg_e.png') -691px -60px no-repeat;
}
a#navi99:hover {
	background:url('images/common/header_bg_e.png') -578px -60px no-repeat;
}
#googlesearch {
	position:absolute;
	left:722px;
	top:0;
}
#googleinput {
	width:130px;
	height:1em;
	top:23px;
	vertical-align:top;
	margin-top:23px;
}
#googlesubmit {
    border: 0px;
    width: 52px;
    height: 60px;
    background: url('images/common/header_bg_e.png') -863px 0px no-repeat;
    text-indent:-9999px;
    cursor:pointer;
}
#googlesubmit:hover {
    background: url('images/common/header_bg_e.png') -863px -60px no-repeat;
}
<!-- -->
#navi {
	width:100%;
	height:36px;
    background: url('images/common/navi_bg.png') left top repeat-x;
}
ul#tnavi {
	width:900px;
	margin:0 auto;
}
#tnavi li {
	float:left;
	display:inline;
	list-style:none;
	position:relative;
	z-index:10;
}
a#navi01 {
	background:url('images/common/navi.png') -11px top no-repeat;
	display:block;
	width:150px;
	height:36px;
	text-indent:-9999px;
}
a#navi01:hover {
	background:url('images/common/navi.png') -11px -36px no-repeat;
}
a#navi02 {
	background:url('images/common/navi.png') -161px top no-repeat;
	display:block;
	width:150px;
	height:36px;
	text-indent:-9999px;
}
a#navi02:hover {
	background:url('images/common/navi.png') -161px -36px no-repeat;
}
a#navi03 {
	background:url('images/common/navi.png') -311px top no-repeat;
	display:block;
	width:150px;
	height:36px;
	text-indent:-9999px;
}
a#navi03:hover {
	background:url('images/common/navi.png') -311px -36px no-repeat;
}
a#navi04 {
	background:url('images/common/navi.png') -461px top no-repeat;
	display:block;
	width:150px;
	height:36px;
	text-indent:-9999px;
}
a#navi04:hover {
	background:url('images/common/navi.png') -461px -36px no-repeat;
}
a#navi05 {
	background:url('images/common/navi.png') -611px top no-repeat;
	display:block;
	width:150px;
	height:36px;
	text-indent:-9999px;
}
a#navi05:hover {
	background:url('images/common/navi.png') -611px -36px no-repeat;
}
a#navi06 {
	background:url('images/common/navi.png') -761px top no-repeat;
	display:block;
	width:150px;
	height:36px;
	text-indent:-9999px;
}
a#navi06:hover {
	background:url('images/common/navi.png') -761px -36px no-repeat;
}

/* ----- item page ----- */
.item_frame_top, .item_frame_bottom {
	display:block;
	width:640px;
	height:12px;
	background-image:url('images/item/item_frame_set.png');
}
.item_frame {
	border-left:1px #808080 solid;
	border-right:1px #808080 solid;
}
.item_head {
	padding:8px;
	font-weight:bold;
	text-align:center;
	font-size:x-large;
	line-height:1em !important;
	color:#ffffff;
}
.item_notice {
	padding:8px 10px 2px 10px;
	font-size:small;
	line-height:1.6em;
}
#kona .item_frame_top { background-position:0 0; }
#kona .item_frame_bottom { background-position:0 -17px; }
#kona .item_frame { border-color:#72936b; }
#kona .item_head { background-color:#72936b; }

#housou .item_frame_top { background-position:0 -30px; }
#housou .item_frame_bottom { background-position:0 -47px; }
#housou .item_frame { border-color:#db2245; }
#housou .item_head { background-color:#db2245; }

#kagami .item_frame_top { background-position:0 -60px; }
#kagami .item_frame_bottom { background-position:0 -77px; }
#kagami .item_frame { border-color:#d4a22a; }
#kagami .item_head { background-color:#d4a22a; }

#anko .item_frame_top { background-position:0 -90px; }
#anko .item_frame_bottom { background-position:0 -107px; }
#anko .item_frame { border-color:#8a6655; }
#anko .item_head { background-color:#8a6655; }

#arare .item_frame_top { background-position:0 -120px; }
#arare .item_frame_bottom { background-position:0 -137px; }
#arare .item_frame { border-color:#e0bf00; }
#arare .item_head { background-color:#e0bf00; }

#somen .item_frame_top { background-position:0 -150px; }
#somen .item_frame_bottom { background-position:0 -167px; }
#somen .item_frame { border-color:#66b3c1; }
#somen .item_head { background-color:#66b3c1; }

.item_list_table {
	border-collapse:collapse;
	margin:8px auto 16px auto;
}
.item_list_table td {
	width:280px;
	padding:6px 4px;
	border:1px #ffffff solid;
	text-align:center;
	vertical-align:top;
	font-size:14px;
	font-weight:bold;
}

.page_cate_list {
	text-align:center;
	font-size:medium;
	color:#006600;
	padding:6px;
}
.in_page_link {
	width:540px;
	margin:0 auto 10px auto;
}
.in_page_link li {
	display:inline;
	float:left;
	margin-right:2px;
	margin-bottom:2px;
}
.in_page_link li a {
	display:block;
	width:160px;
	padding:5px;
	text-align:center;
	background-color:#B3DAF7;
	font-weight:bold;
	text-decoration:none;
}
.in_page_link li a:hover {
	background-color:#ED7C85;
}


.back_in_page {
	clear:both;
	text-align:right;
	padding:0 20px 10px 0;
}




.spec_table {
	width:580px;
	margin:10px auto;
	border-collapse:collapse
}
.spec_table th {
	font-weight:bold;
	padding:2px;
	text-align:center;
	background-color:#e8e8e8;
	border:1px #999999 dotted;
	line-height:1.1em;
	font-weight:normal;
}
.spec_table td {
	padding:2px;
	border:1px #999999 dotted;
	text-align:center;
	line-height:1.4em;
}

.spec_detail {
	margin:10px auto 15px auto;
	border-collapse:collapse;
	width:260px !important;
}
.spec_detail th, .spec_detail td {
	text-align:right;
	padding:3px;
	white-space:nowrap;
	border-top:1px #999999 dotted;
	border-width:1px 0 0 0;
	vertical-align:top;
	font-weight:normal;
	color:#666666;
	font-size:10px;
	line-height:1.2em;
}
.spec_detail td {
	text-align:left;
	white-space:normal;
	width:190px;
}



/* ----- graphical left index menu ----- */

.left_index2 {
	position:relative;
}
.lfmenucate2 {
	position:relative;
    cursor: pointer;
    z-index:5
}

.lig_01, .lig_02, .lig_03, .lig_04, .lig_05, .lig_06,
.lig_11, .lig_12, .lig_13, .lig_14, .lig_15, .lig_16 {
	position:relative;
    text-indent:-9999px;
    display:block;
    height:56px;
    width:220px;
	background-image:url('images/left_index_text_img.png');
	background-position: left top;
	background-repeat:no-repeat;
}

.lig_11 { background-position: left -60px; }
.lig_11:hover { background-position: right -60px; }
.lig_12 { background-position: left -120px; }
.lig_12:hover { background-position: right -120px; }
.lig_13 { background-position: left -180px; }
.lig_13:hover { background-position: right -180px; }
.lig_14 { background-position: left -240px; }
.lig_14:hover { background-position: right -240px; }
.lig_15 { background-position: left -300px; }
.lig_15:hover { background-position: right -300px; }
.lig_16 { background-position: left -360px; }
.lig_16:hover { background-position: right -360px; }

.lig_01 { background-position: left top; }
.lig_01:hover { background-position: right top; }
.lig_02 { background-position: left -420px; }
.lig_02:hover { background-position: right -420px; }
.lig_03 { background-position: left -480px; }
.lig_03:hover { background-position: right -480px; }
.lig_04 { background-position: left -540px; }
.lig_04:hover { background-position: right -540px; }
.lig_05 { background-position: left -600px; }
.lig_05:hover { background-position: right -600px; }
.lig_06 { background-position: left -660px; }
.lig_06:hover { background-position: right -660px; }



.lfmenulist2 {
	background-color:#ffffff;
	border:1px #cccccc solid;
}
.lfmenulist2 li {
	float:left;
}
.lfmenulist2 li a {
	position:relative;
	display:block;
	padding:5px;
	margin:1px;
	width:160px;
	font-weight:normal;
	font-size:13px;
	color:#333333;
	text-indent:0;
	text-decoration:none;
	text-align:center;
/*	background:url('images/lfidx_bg.png') left center repeat-x;*/
	background-color:#f8f8f8;
	border:1px #eeeeee solid;
	color:#3A6D1F;
}
.lfmenucate2:hover ul.lfmenulist2 li a:hover {
/*	background:url('images/lfidx_bg_r.png') left center repeat-x;*/
	background-color:#f8f0f0;
	color:#6D1F21;
}

.lfmenulist3 li a {
	display:block;
	padding:5px 10px;
	margin:1px 0 1px auto;
	width:180px;
	font-weight:normal;
	font-size:13px;
	color:#333333;
	text-indent:0;
	text-decoration:none;
	text-align:left;
/*	background:url('images/lfidx_bg.png') left center repeat-x;*/
/*	background-color:#f8f8f8;*/
	border-bottom:1px #cccccc solid;
	color:#3A6D1F;
	font-size:14px;
}
.lfmenulist3 li a.sub_dir {
	width:170px;
	padding:5px 10px 5px 20px;
	font-size:13px;
}
.lfmenulist3 li a:hover {
/*	background:url('images/lfidx_bg_r.png') left center repeat-x;*/
	background-color:#fcf8f8;
	color:#6D1F21;
}

/* - - - ADxMenu: BASIC styles - - - */
ul.cat_2{
	border:solid 1px #999999;
	background:#ffffff;
	font-size:100%;
}

ul.cat_2 li{
	float:left;
	width:180px;
	padding:5px;
}

.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	font-size:100%;
	text-align:left;
	
	position: relative; /* position each LI, thus creating potential IE.win overlap problem */;
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}
.menu li:hover {
	z-index: 10000; /* ...and here. this makes sure active item is always above anything else in the menu */;
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)

							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}
.menu ul {
	visibility: hidden; /* initially hide all submenus. */;
	position: absolute;
	z-index: 10;
	left: 0; /* while hidden, always keep them at the top left corner, */;
	top: 0;		/* 		to avoid scrollbars as much as possible */
}
.menu li:hover > ul {
	visibility: visible; /* display submenu them on hover */;
	left: 210px;	/* and move them to the right of the item */
	top:8px;
}
/* -- float.clear --

	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {
	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */
.menu ul {
	padding: 30px 30px 30px 10px;
	padding:0;
	margin: -30px 0 2px -10px;
	margin:0 0 0 -10px;

	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.

								you can also use to adjust the safe area to your requirement */
}
/* - - - ADxMenu: DESIGN styles - - - */
.menu, .menu ul li {
	color: #000000;
}
.menu {
	width: 202px;
}
.menu ul {
/*	width: 16em;
	width: 200%;	*/
	width:348px;
}
.menu a {
	text-decoration: none;
/*	padding: 5px 5px 5px 20px;*/
	display: block;
}
.menu a:hover, .menu li:hover > a {
/*	background-color:#fcf8f8;
	color:#6D1F21;	*/
	background-color:#F1E0E0;
	color:#982C2F;
}
.menu li {
}
.menu > li + li, .menu ul > li + li {
	border-top: 0;
}
.menu li:hover > ul {
/*	top: 5px;
	left: 90%;*/
}