@charset "utf-8";


#wrap {
	background:url(../img/share/lnavi_bg.gif) repeat-y;
	/*margin-top:30px;*/
}


/*----------------------------------------------------
#lColumn
----------------------------------------------------*/

#contents #wrap #lColumn {
	width:229px;
}

/*----------------------------------------------------
#lNavi
----------------------------------------------------*/

#contents #wrap #lColumn #lNav{
	width:188px;
	overflow:hidden;
}

#contents #wrap #lColumn #lNav ul{
	border-bottom:1px solid #ccc;
}

#contents #wrap #lColumn #lNav ul li a{
	width:188px;
	display:block;
	padding:8px 0 8px 16px;
	background: url(../img/share/lnavi_menu.gif) no-repeat;
	text-decoration: none;
	color: #333;
	border-top:1px solid #ccc;
}

#contents #wrap #lColumn #lNav ul li a:hover {
	background: url(../img/share/lnavi_menu.gif) no-repeat -188px 0;
	padding:8px 0 8px 16px;
	text-decoration: none;
	color: #000;
}

#contents #wrap #lColumn #lNav ul li a.hover {
	background: url(../img/share/lnavi_menu.gif) no-repeat -188px 0;
	padding:8px 0 8px 16px;
	text-decoration: none;
	color: #000;
}

#contents #wrap #lColumn #lNav ul li a.navOn {
	background: url(../img/share/lnavi_menu.gif) -376px 0;
}

#contents #wrap #lColumn #lNav ul li a.navOn:hover {
	background: url(../img/share/lnavi_menu.gif) -376px 0;
	text-decoration: none;
	color: #333;
}

#contents #wrap #lColumn #lNav a:visited {
	text-decoration: none;
	color: #333;
}

#contents #wrap #lColumn #lNav a:active {
	text-decoration: none;
}

/*----------------------------------------------------
#lNavi subNav
----------------------------------------------------*/

#contents #wrap #lColumn #lNav ul.subNav{
	width:188px;
	overflow:hidden;
	border-bottom:none;
}

#contents #wrap #lColumn #lNav ul li.subNavStayBg{
	background-color:#9edbbb;
}

#contents #wrap #lColumn #lNav ul li.subNavNormalBg{
	background-color:#edf5f1;
}

#contents #wrap #lColumn #lNav ul.subNav li a{
	width:188px;
	display:block;
	padding:5px 0 5px 18px;
	background: url(../img/share/lnavi_submenu.gif) no-repeat;
	text-decoration: none;
	color: #333;
	border-top:1px solid #ccc;
	font-size:x-small;
	margin-left:15px;
}

#contents #wrap #lColumn #lNav ul.subNav li a.navOn{
	background: url(../img/share/lnavi_menu.gif) -376px 0;
}

#contents #wrap #lColumn #lNav ul.subNav li a:hover {
	background: url(../img/share/lnavi_submenu.gif) no-repeat -188px 0;
	padding:5px 0 5px 18px;
	text-decoration: none;
	color: #000;
}

#contents #wrap #lColumn #lNav ul.subNav li a.navOn {
	background: url(../img/share/lnavi_submenu.gif) -376px 0;
}

#contents #wrap #lColumn #lNav ul.subNav li a.navOn:hover {
	background: url(../img/share/lnavi_submenu.gif) -376px 0;
	text-decoration: none;
	color: #333;
}


/*----------------------------------------------------
#rColumn
----------------------------------------------------*/

#contents #wrap #rColumn {
	width:532px;
}


/*----------------------------------------------------
#mainContents
----------------------------------------------------*/

#contents #wrap #rColumn #mainContents{
	width:478px;
	margin:0 0 0 0;
	
}

/*----------------------------------------------------
Common class
----------------------------------------------------*/

#header {
	height:100px;
	background:url(../img/share/head_bg.jpg) bottom left no-repeat;
	margin-bottom:0px;
}

#mainContents div.categoryBox {
	clear:both;
	padding-bottom:15px;
}

#mainContents div.categoryBox p {
	margin-bottom:15px;
}

.categoryBox:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.categoryBox {
	zoom:1;
}

/*----------------------------------------------------
h2
----------------------------------------------------*/

#mainContents h2 {
clear:both;
padding-bottom:20px;
}

/*----------------------------------------------------
h3
----------------------------------------------------*/

#mainContents .h3Bar {
	background-color:#e6e6e6;
	width:478px;
	/*height:25px;*/
	position:relative;
	margin:0 0 10px 0;
	clear:both;
}

#mainContents .h3Bar h3 {
	padding:4px 10px;
	color:#038b57;
	font-size:120%;
	clear:both;
	/*\*/font-family: 'Hiragino Kaku Gothic Pro', Verdana, sans-serif;/* */
}

#mainContents .h3Bar .btnSekou {
	position:absolute;
	top:0;
	left:398px;
}

#mainContents .h3Bar .btnBack {
	position:absolute;
	top:0;
	left:420px;
}


/*----------------------------------------------------
h4
----------------------------------------------------*/

#mainContents h4 {
	font-size:110%;
	padding-top:10px;
	padding-bottom:4px;
	margin-bottom:10px;
	/*\*/font-family: 'Hiragino Kaku Gothic Pro', Verdana, sans-serif;/* */
	clear:both;
	border-bottom:1px #999999 dotted;
}

#mainContents h4.noLine {
	padding:0;
	margin-bottom:2px;
	border-bottom:none;
}

/*----------------------------------------------------
txt01
----------------------------------------------------*/

#mainContents .txt01 {
	float:left;
	width:230px;
}