﻿<style type="text/css">
/* 	ContentEditorWebParts は複数のパーツを１つのページに貼り付けられるケースが
	あるため一意を意味する id セレクタを使わず、class セレクタを利用する。 
	     
	SharePoint の中での表示になるため、XHTML Strict にはならないが、
	なるべく HTML ではテキストと構造、CSS 側で装飾を指定し、CEWP 内の書式に
	統一感をもたせたい。
	
	外部 CSS は cewp.css という名前で、サイトの設定 -　外観 - マスターページの
	代替 CSS の URL にて設定。 cewp.css の保存は TOP のスタイル ライブラリの
	Custom Style Library に。
	
	ただし、現在 CRIE-ILLUMINATE.JP SharePonint は発行サイトとなって
	いるため、Custom Style Library にチェックし、[操作] - [発行] の手順が
	必須。
	
	class の記述はその内容がわかりやすい、想像しやすいものに全面的に変更する。
	style1, style2 などを使用しない。
	
	デフォルト スタイル シートの上書きはしない。Web パーツ エリアに配置された CEWP の
	部分だけに影響を与えたいため、通常の <body>~</body>ではないため。
	全体に対して影響を与えたい場合は <div>~</div>で囲み、div のプロパティで
	スタイルを指定する。
	
	横幅に関して
	のちの画面のデザインの変更とその容易性を考えた場合、Web パーツ側での横幅設定
	プロパティを使うと想定します。(2009/3/26)
	
*/

body{
	margin:0;
	padding:0;
}

.cewp_second{
	margin:0 2em 1em 4em;
	padding:5px;
	float:left;
	letter-spacing:0.08em;
}

.cewp_second2{
	margin:0 1em 1em 1em;
	padding:5px;
	float:left;
	letter-spacing:0.08em;
}

.cewp_contents {
	width: 98%;
	margin:0;
	padding:5px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.08em;
	background:#fff url("/SiteCollectionImages/g_back.png") repeat-x top;
}

p {
	line-height:1.5;
	letter-spacing:0.08em;
}

p.right{
	margin-left:auto;
}

p.sub{
	margin:1em 2em 1em 2em;
	line-height:1.5;
	letter-spacing:0.08em;
}

ol {
	margin:1em;
	padding:0;
	list-style-image:none;
    list-style-type:lower-roman;
}

/*有効*/
ul {
	margin: 1em;
	padding: 0;
	list-style: none;
	list-style-image:url("/SiteCollectionImages/graydot.png");
	font-family: Arial, Helvetica, sans-serif;
}

li {
	margin: 1em;
	padding:0;
}

li.lir {
	float:right;
}

li.nodot {
	list-style-type:none;
	list-style-image:none;
}

li.nodec {
	list-style-image:none;
	list-style-type:none;
}

/*有効*/
h3.boxline {
	border-left: 6px solid #666666;
	border-bottom:1px solid #666666;
	color: #666666;
	padding-left: 0.3em;
	line-height:1.5;
}

.imgleft {
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}

.imgright {
	float:right;
	margin-left:5px;
	margin-bottom:5px;
}
.tbstyle {
	padding:4px;
	border-collapse:collapse;
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
}
.clrleft{
	clear:left;
}
.clright{
	clear:right;
}
</style>
