@import "/lib/cmn_css/component.css"; 

/* CSS Document */

.iconNew {
	margin-left:3px;
	vertical-align:middle;
}

#vi {
	margin: 0;
	height: 251px;
	width: 918px;
}

#mainArea {
	background: #FFFFFF;
	padding: 0 0 15px 0;
	width: 918px;
}

#infoLeft {

	float: left;
	padding: 0px 0 7px 0;
	width: 630px;
}

#infoLeft p{

     font-weight:120%;
     line-height:30px;
}

#infoRight {
	float: right;
	padding: 0;
	width: 280px;
}

#mainArea div.indexArea {
	margin: 0 19px;
	width: 880px;
}



#infoNavi {
	margin: 0 0 0px 0px;
	width: 630px;
	height: 93px;
	text-align: left;
}

#infoNavi ul {
	margin: 0;
	width: 630px;
	height: 93px;
	list-style: none;
}

#infoNavi ul li {
	outline: 0;
	display: block;
	background-image: url(/images/info_navi.gif);
	background-repeat: no-repeat;
	height: 93px;
	line-height: 100%;
	float: left;
}

#infoNavi ul li a {
	outline: 0;
	cursor: pointer;
	display: block;
	background-image: url(/images/info_navi.gif);
	background-repeat: no-repeat;
	height: 93px;
	float: left;
}

#infoNavi ul li a span {
	text-indent: -9999px;
	overflow: hidden;
}

/* except IE7 */
html>/**/body #infoNavi ul li a span { 
	display: block;
}
/* except IE7 */

#infoNavi ul li#seminar, #infoNavi ul li#seminar a, #infoNavi ul li#seminar a:hover {
 background-position: 0 -93px;
 height:93px;
 width: 210px;
}
#infoNavi ul li#seminar a.current {
 background-position: 0 0 !important;
 height: 93px;
 width: 210px;
}
#infoNavi ul li#media, #infoNavi ul li#media a, #infoNavi ul li#media a:hover {
 background-position: -210px -93px;
 height:93px;
 width: 210px;
}
#infoNavi ul li#media a.current {
 background-position: -210px 0 !important;
 height: 93px;
 width: 210px;
}

#infoNavi ul li#press, #infoNavi ul li#press a, #infoNavi ul li#press a:hover  {
 background-position: -420px -93px;
 height:93px;
 width: 210px;
}

#infoNavi ul li#press a.current {
 background-position: -420px 0 !important;
 height: 93px;
 width: 210px;
}

#mainArea div.infoBlk {

}

/************************************************
*                                               *
* This CSS file contains EXAMPLE styles for the *
*   plugin WP-Table Reloaded by Tobias Bathge!  *
*                                               * 
*  To use them, just copy them in to the box in *
*   the "Plugin Options" screen or add them to  *
*           your theme's "style.css".           *
*                                               *
*                   Thank you!                  *
*                                               *
************************************************/

/* Global CSS definitions for WP-Table Reloaded
inspired by "blue" theme of TableSorter 2.0 Plugin */

/* on how to change column widths, see below */

/* general table styles */
table.wp-table-reloaded {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 590px;
	margin:20px 0;
	text-align: left;
}

/* Styles for the tablehead (<th>) (if enabled) */
table.wp-table-reloaded thead tr th, table.wp-table-reloaded tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}

table.wp-table-reloaded thead tr .header {
	background-image: url(/wp-content/plugins/wp-table-reloaded/img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.wp-table-reloaded tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}


/* Styles for alternating row colors (if enabled) */
table.wp-table-reloaded tbody tr.even td {
	background-color:#FFFFFF;
}
table.wp-table-reloaded tbody tr.odd td {
	background-color:#F0F0F6;
}


/**************************************/
/* how to change column widths :
you can access a column with its CSS-class
(that is ".column-" plus the number of the column)
use table.wp-table-reloaded to do your change for every table, or use
table.wp-table-reloaded-id-<id> for just a single table (with ID <id>)

example: this changes the width of the third column of table ID 5 to 25px:


table.wp-table-reloaded-id-5 .column-3
{
	width: 25px;
}

*/


/* Styles for the sorting (if Tablesorter is enabled) */
table.wp-table-reloaded thead tr .headerSortUp {
	background-image: url(/wp-content/plugins/wp-table-reloaded/img/asc.gif);
}

table.wp-table-reloaded thead tr .headerSortDown {
	background-image: url(/wp-content/plugins/wp-table-reloaded/img/desc.gif);
}

table.wp-table-reloaded thead tr .headerSortDown, table.wp-table-reloaded thead tr .headerSortUp {
	background-color: #8dbdd8;
}


/* Style for the Table Name (in <h2>-Tag) (if printed above the table) */
h2.wp-table-reloaded-table-name {
	font-size: 16px;	
}

/* Style for the Table Description (if printed under the table) */
span.wp-table-reloaded-table-description {
	font-size: 10px;	
}


div.infoBlk p{
     font-size:12px;

}

#mainArea div.indexArea p {

}

#mainArea div.indexArea p.day {
	display: block;
	margin: 0 0 2px 16px;
}

#mainArea div.indexArea p.cont {
	margin: 0 0 17px 0;
	padding-left: 16px;
	text-indent: -16px;
}

#mainArea div.rssLink {
	border-top: 1px solid #D4D5C7;
	padding: 14px 0 0 0;
	width: 565px;
}

#mainArea div.ichiran {
	display: inline;
	float: left;
	margin-left: 17px;
	width: 220px;
}

#mainArea div.rss {
	display: inline;
	float: right;
	text-align: right;
	margin-right: 23px;
	width: 280px;
}

#mainArea div.rss a {
	margin-right: 10px;
}

#mainArea div.rss img {
	vertical-align: middle;
}

#infoRight div.bnnArea {

	margin-bottom: 6px;
	padding: 9px 0 8px 0;
	width: 280px;
}

#infoRight div.bnnArea img {
	margin-left: 8px;
}


#subArea {
	background: url(/images/bg_subarea.gif) left top repeat-x;
	background-color: #FFFFFF;
	border-top: 1px solid #FFFFFF;
	padding: 15px 0 20px 0;
	width: 918px;
}

#subArea ul {
	margin: 0 0 0 2px;
	height: 134px;
	width: 912px;
}

#subArea ul li {
	float: left;
	font-size: 0;
	height: 134px;
	line-height: 100%;
	width: 302px;
}

#subArea ul li.mgn {
	margin-right: 3px;
}

.lm8 {
	margin-left:8px;
}

#infoLeft #BOX1,#infoLeft #BOX2,#infoLeft #BOX3 {
	display:none;
}
/* tab default */
#infoLeft #BOX3 {
	display:block;
}



/* CSS Document */

#contents .redHead {
	border-top: 1px solid #E14D3D;
	margin-bottom: 20px;
	padding-top: 12px;
	width: 100%;
	clear: both;
}

#contents .redHead img {
	margin-left: 14px;
}

#contents .mdHead {
	background: url(/lib/cmn_images/bg_mdHead_bottom.gif) left bottom no-repeat;
	margin-bottom: 10px;
	padding-bottom: 14px;
	width: 624px;
}

#contents .mdHead h3,
#contents .mdHead h2 {
	background: url(/lib/cmn_images/bg_mdHead_top.gif) left top no-repeat;
	display: block;
	padding-top: 11px;
}

#contents .mdHead span {
	margin-left: 10px;
}

#contents table.spTable {
	width: 590px;
}

#contents table.spTable td {
	text-align: left;
	vertical-align: top;
}

#contents table.spTable td.box {
	background: url(/lib/cmn_images/bg_spbox_btm.gif) left bottom no-repeat;
	padding-bottom: 54px;
	width: 309px;
}

#contents table.spTable div.spInner {
	background: url(/lib/cmn_images/bg_spbox_top.gif) left top no-repeat;
	padding-top: 29px;
	width: 309px;
}

#contents table.spTable div.spInner h3,
#contents table.spTable div.spInner p {
	margin: 0 15px;
}


#bottomNavi {
	margin: 15px 0 12px 0;
	width: 800px;
}

#bottomNavi ul {
	margin: 0 12px;
	width: 776px;
}

#bottomNavi ul li {
	float: left;
	margin: 0 18px 6px 0;
	white-space: nowrap;
}

#bottomNavi a:link{
	color: #333333;
	text-decoration: underline;
}
#bottomNavi a:visited {
	color: #333333;
	text-decoration: underline;
}
#bottomNavi a:hover {
	color: #333333;
	text-decoration: underline;
}

#contents div.dottTop {
	background: url(/lib/cmn_images/bg_dott_03.gif) left top repeat-x;
	padding-top: 1px;
	width: 100%;
}

#contents div.btmNavi {
	text-align: center;
	margin: 60px 0 0 0;
	width: 570px;
	clear: both;
}

#contents div.btmNavi p strong {
	color: #666666;
}

#contents p.arrowPara {
	padding-left: 22px;
	text-indent: -22px;
}

/* list */

#contents ol {
	line-height: 200%;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#contents ul.unordered01 {
	list-style-type:none;
	padding: 0px 0px 2px 17px;
	text-indent:-22px;
}

#contents ul.unordered01 li {
	line-height: 150%;
	margin-bottom: 3px;
}

#contents ul.unordered02 {
	list-style-type:none;
	padding: 0px 0px 2px 17px;
	text-indent:-22px;
}

#contents ul.unordered02 li {
	line-height: 140%;
	margin-bottom: 5px;
}

#contents ul.unordered02s {
	list-style-type:none;
	padding: 0px 0px 2px 17px;
	text-indent:-22px;
}

#contents ul.unordered02s li {
	line-height: 140%;
	margin-bottom: 3px;
}

#contents ol.ordered03 {
	text-indent: -18px;
	padding-left: 18px;
}

#contents ol.ordered04 {
	text-indent: -20px;
	padding-left: 20px;
}

/* leftMenu */
#leftMenu h1.menuH1 {
	background: url(/lib/cmn_images/bg_leftmenu_head.gif) left bottom repeat-x;
	display: block;
	border-top: 2px solid #DE4E3D;
	height: 84px;
}

#leftMenu h1.menuH1 img {
	display: block;
	padding: 11px 0 41px 15px;
}

#leftMenu div.menuHead {
	background: url(/lib/cmn_images/bg_leftmenu_head.gif) left bottom repeat-x;
	border-top: 2px solid #DE4E3D;
	height: 84px;
}

#leftMenu div.menuLbox {
	background: url(/lib/cmn_images/bg_leftmenu_bottom.gif) left bottom no-repeat;
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 230px;
}

#leftMenu div.menuHead img {
	margin: 11px 0 41px 15px;
}

#leftMenu div.menuLbox ul {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #FFFFFF;
	margin: 0;
	padding: 0;
	width: 230px;
}

#leftMenu div.menuLbox ul li {
	background: url(/lib/cmn_images/bg_menu_on.gif) left bottom no-repeat;
	display: block;
	padding-top: 1px;
	width: 230px;
}

#leftMenu div.menuLbox ul li a:hover {
	background: url(/lib/cmn_images/bg_menu_over.gif) left bottom no-repeat;
}
#leftMenu div.menuLbox ul li.current a:hover {
	background: url(/lib/cmn_images/bg_menu_current.gif) left bottom no-repeat;
}

#leftMenu div.menuLbox ul li.current a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
#leftMenu div.menuLbox ul li.current {
	background: url(/lib/cmn_images/bg_menu_current.gif) left bottom no-repeat;
	color: #FFFFFF;
	font-weight: bold;
}

#leftMenu div.menuLbox ul li a {
	display: block;
	width: 230px;
}

#leftMenu div.menuLbox ul li a span {
	background: url(/lib/cmn_images/bg_menu_icon_gry.gif) left bottom no-repeat;
	display: block;
	margin: 0 5px 0 0;
	padding: 8px 0 9px 17px;
}

#leftMenu div.menuLbox ul li.current span,
#leftMenu div.menuLbox ul li a:hover span {
	background: url(/lib/cmn_images/bg_menu_icon_red.gif) left bottom no-repeat;
	display: block;
	margin: 0 5px 0 0;
	padding: 8px 0 9px 17px;
}

#leftMenu div.menuLbox ul li.current a:hover span {
	background: url(/lib/cmn_images/bg_menu_icon_red.gif) left bottom no-repeat;
}


#leftMenu div.menuLbox ul li.cld a span {
	background: url(/lib/cmn_images/icon_menu.gif) left center no-repeat!important;
	padding: 2px 0 2px 33px !important;
}
#leftMenu div.menuLbox ul li.cld a strong {
	background: url(/lib/cmn_images/icon_menu.gif) left center no-repeat!important;
	color: #333333;
	display: block;
	text-decoration: none !important;
	padding: 2px 0 2px 33px !important;
}
#leftMenu div.menuLbox ul li.cld a:hover strong {
	text-decoration: none !important;
}

#leftMenu div.menuLbox ul li.cld a,
#leftMenu div.menuLbox ul li.cld a:hover {
	background: url(/lib/cmn_images/bg_menu_cld.gif) left top repeat-y !important;
	margin: 0;
	padding: 2px 0;
	width: 230px;
}

#leftMenu div.menuLbox ul li.cld a.btm {
	border-bottom: 1px solid #CCCCCC;
	padding: 2px 0 9px 0 !important;
}
#leftMenu div.menuLbox ul li.cld a.top {
	padding: 9px 0 2px 0 !important;
}
#leftMenu div.menuLbox ul li.cld a.one {
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 0 5px 0 !important;
}

/* mikoukai */
#leftMenu div.menuLbox ul li.unopen {
	color: #666666;
	display: block;
	width: 230px;
}

#leftMenu div.menuLbox ul li.unopen span {
	background: url(/lib/cmn_images/bg_menu_icon_gry.gif) left bottom no-repeat;
	display: block;
	margin: 0 5px 0 0;
	padding: 8px 0 9px 17px;
}


/* list */
#contents ul.unordered01 {
	list-style-type:none;
	padding: 0px 0px 2px 17px;
	text-indent:-22px;
	line-height: 200%;
}

#contents ul.unordered01 li {
	line-height: 200%;
	margin-bottom: 3px;
}


/* No icon Indent */
.indP {
	text-indent:1em;
}

p.clearP {
	clear:both;
	text-align:center;
}