@charset "UTF-8";

/**
@prefix : <http://purl.org/ns/doas#> .
<> a :CSSStylesheet;
 :shortdesc "ホームページ用のスタイル。contents_common.cssは適用しない。";
 :rights <http://www.mdis.co.jp/>;
 :dependencies "none" .
*/


/*  ****************  Style TOC  ****************  */
/** 01: Headings, List
/**	02: shortCutMenu
/**	03: #content .news
/**	04: #content .spot
/*  *********************************************  */


/* =============================================== */
/** 01: Headings, List
/* ----------------------------------------------- */

#content h1 {
	margin: 0 0 5px 0;
}

#content h1 object,
#content h1 embed {
	height: 190px;
	width: 850px;
	vertical-align: bottom;
}


/* =============================================== */
/** 02: shortCutMenu
/* ----------------------------------------------- */

#content .shortCutMenuGroup {
	float: left;
	width: 850px;
	margin-bottom: 5px;
	background: #f2f2f2 url("/site_common/parts/bg/shortCutMenuGroup_bg.png") left bottom no-repeat;
}

#content .shortCutMenuGroup h2 {
	height: 57px;
	padding: 0;
	margin: 0 0 0.5em 0;
	border: none;
}

#content .shortCutMenuGroup .shortCutMenu {
	float: left;
	width: 210px;
	margin-right: 6px;
}

#content .shortCutMenuGroup .shortCutMenuLast {
	float: left;
	width: 200px;
	margin-left: 2px;
}

#content .shortCutMenuGroup ul {
	padding-left: 3em;
}


/* =============================================== */
/** 03: #content .news
/* ----------------------------------------------- */

#content .mainSection {
	float: left;
	clear: both;
	width: 850px;
}

#content .news {
	float: left;
	width: 640px;
}

#content .news h2 {
	float: left;
	width: 640px;
	padding: 6px 0 0 0;
	margin: 0 0 0.5em 0;
	border: 1px solid #ddd;
	background: url("/site_common/parts/bg/h1_bg.png") repeat-x;
}

#content .news h2 img {
	float: left;
}

#content .news h2 img.rssIcon {
	float: right;
	margin: 12px 15px 0 0;
}

#content .news h3 {
	margin-left: 1em;
}

#content .news h2 span.rssIcon a img {
	margin-right: 0.2em;
	vertical-align: middle;
}

#content .news h3 {
	padding-bottom: 5px;
	padding-left: 45px;
	margin-bottom: 0.5em;
}

#content .news h3#topics {
	background: url("/site_common/parts/bg/topics_bg.png") left bottom no-repeat;
}

#content .news h3#event {
	background: url("/site_common/parts/bg/event_bg.png") left bottom no-repeat;
}

#content .news h3#press {
	background: url("/site_common/parts/bg/press_bg.png") left bottom no-repeat;
}


/* =============================================== */
/** 04: #content .spot
/* ----------------------------------------------- */

#content .spot {
	float: right;
	width: 200px;
	padding-top: 10px;
	background: #ddd;
}

#content .spot .keyword {
	width: 180px;
	padding-bottom: 1px;
	margin: 0 auto 10px auto;
	background: white;
}

#content .spot .keyword ol {
	margin-left: 0.5em;
}

#content .spot .keyword h2 {
	height: 37px;
	padding: 0;
	margin: 0 0 0.5em 0;
	border: none;
}

#content .spot .banner {
	clear: both;
	padding: 10px 0 10px 0;
	border-top: 1px solid white;
	text-align: center;
	background: #f5f5f5;
}

#content .spot .banner p {
	margin: 0 0 5px 0;
}