/* リセット 
------------------------------ */
* {
	margin: 0;
	padding: 0;
	font-size:0.98em;
}

img {
	border: 0;
}

/* 共通スタイル 
------------------------------ */
body {
	margin:0 auto;
	background-image:none;
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#fff;
	word-break:break-all;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	}

p,li,ol,th,td  {
	letter-spacing:1px;
}

ul, ol {
	list-style:none;
	color:#323232;
}

h1,h2,h3 {
	letter-spacing:1px;
}

p,ol,th,td {
	line-height:150%;
	color:#3d3d3d;
}

/* 文字の種類 */

.font_big{
	font-size:1.1em;
}

.font_small{
	font-size:0.85em;
}

.font_red{
	color:#df1c0a;
}

.font_blue{
	color:#0000ff;
}

.font_bold{
	font-weight:bold;
}

/* 回り込み解除 */
.clear {
	clear: both;
}

/* リンク */

a {
	color : #0000ff;
	text-decoration:underline;
}	

a:active {
	color : #df1c0a;
	text-decoration:underline;
}

a:visited {
	color :#0000ff;
	text-decoration:underline;
}

a:hover	{
	color :#df1c0a;
	text-decoration:underline;
}	

hr{
	border-width:2px 0px 0px 0px;
	border-style:dotted;
	border-color:#999;
	height: 2px;
	margin:20px 0;
}

/* フッター最下部表示 
------------------------------ */
html, body {
	height: 100%;
}

#container {
	margin:0 auto;
	width:950px;
	min-height: 100%;
	margin-bottom: -70px;
}

* html #container {		/* for IE6 and below */
	height: 100%;
}

#container-footer {
	height: 90px;
}


/* 2カラムレイアウト
------------------------------ */
#container-main {
	margin-left: 250px;
	margin-top:48px;
}

#container-contents {
	width: 100%;
	float: right;
}

#container-sidebar {
	width: 250px;
	margin-left: -250px;
	float: right;
}

#container-footer {
	clear: right;
}


/* 最小幅処理	
------------------------------ */
body {
	min-width: 500px;
}

* html .min-width-1 {		/* for IE6 and below */
	border-left: 500px solid #fff;
}

* html .min-width-2 {		/* for IE6 and below */
	margin-left: -500px;
	position: relative;
	background:url(../images/bg_IE6.gif) no-repeat;
}

* html .min-width-1,
* html .min-width-2,
* html #container-main {
	/*\*/
	height: 1px;		/* for Windows IE6 and below */
}


/* ヘッダー
------------------------------ */
#header {
	margin:0 auto;
	width:950px;
	height:220px;
}

#menu01{
	height:113px;
}

.btn_site{
	margin-left:315px;
}

#menu02{
	height:37px;
	font-size:0%;
	position:relative;
	z-index:100;
}

#menu02 ul {
	margin:0px;
	padding:0px;
}

#menu02 ul li {
	display:inline;
	float:left;
}

.g-btn10{
	margin-right:10px;
}

h1 {
	background:url(../images/h1.gif) no-repeat;
	margin-top:26px;
	height:44px;
	line-height:44px;
	text-align:left;
	text-indent:20px;
	font-size:24px;
	color:#11a9dc;
}

/* コンテンツ
------------------------------ */
#contents {
	position: relative;
}


h2{
	height:40px;
	line-height:40px;
	background:url(../images/h2.gif) no-repeat;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-indent:38px;
	margin-bottom:20px;
	margin-top:30px;
}

h2.no-top-m{
	margin-top:0px;
}

h3{
	height:31px;
	line-height:31px;
	background:url(../images/h3.gif) no-repeat;
	color:#00a3d9;
	font-size:14px;
	font-weight:bold;
	text-indent:18px;
	margin-top:20px;
	margin-bottom:15px;
}

h4{
	background-color:#e6f6fb;
	font-weight:bold;
	color:#00a3d9;
	height:29px;
	line-height:29px;
	font-size:14px;
	font-weight:bold;
	text-indent:15px;
	margin-top:20px;
	margin-bottom:15px;
}

h5{
	font-weight:bold;
	color:#00a3d9;
	font-size:14px;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:15px;
	padding-bottom:4px;
	text-indent:3px;
	border-bottom:#a7e5f9 solid 1px;
}

/* リンク　アイコン付 */
a.in {
	padding:4px 7px 7px 20px;
	background:url(../images/arrow.gif) no-repeat 1px 4px;
	text-decoration:underline;
}

/* リンク　PDFアイコン付き */
a.in_pdf {
	padding:4px 7px 7px 20px;
	background:url(../images/icon_pdf.gif) no-repeat 1px 2px;
	text-decoration:underline;
}

/*ページの先頭へ戻る*/
.page_top{
	margin:20px 0px;
	text-align:right;
}

/* 丸リスト */
#contents ul.maru {
	list-style:none;
	margin-top:20px;
	margin-bottom:15px;
	margin-left:15px;
}
#contents ul.maru li {
	margin:0px 10px 0px 0px;
	padding:4px 7px 7px 17px;
	line-height:1.2em;
	background:url(../images/li.gif) no-repeat 1px 7px;
}

/* 矢印リスト */
#contents ul.arrow {
	list-style:none;
	margin-bottom:15px;
	margin-left:15px;
}

#contents ul.arrow li {
	margin:0px 10px 0px 0px;
	padding:4px 7px 7px 20px;
	line-height:1.2em;
	background:url(../images/arrow.gif) no-repeat 1px 7px;
}

/* 丸リスト2列 */
#contents ul.arrow02{
	list-style:none;
	width:700px;
	margin-top:20px;
	margin-bottom:15px;
}

#contents ul.arrow02 li {
	list-style:none;
	padding:10px 10px 10px 17px;
	background:url(../images/arrow.gif) no-repeat 1px 11px;
	width:320px;
	float:left;
}


/* 数字リスト */
ol.suji{
	list-style-type:decimal;
	margin:0 0 0 25px;
}

ol.suji li{
	margin:0px 10px 0px 0px;
	padding:4px 7px 5px 0px;
	line-height:1.2em;
}

/* 表組 */
table.style01 {
	border-collapse:collapse;
	border:1px solid #00a3d9;
	border-spacing:0;
	empty-cells:show;
	margin-bottom:15px;
	margin-top:15px;
}

table.hl01 th {
	padding:5px;
	border:1px solid #00a3d9;
	background-color:#5ac1e3;
	font-weight:bold;
	color:#FFF;
	text-align:left;
}

table.data01 td {
	padding:5px;
	border:1px solid #00a3d9;
	background-color:#ffffff;
}


/*　TD内配置 */
table.data01 td.right {
	text-align:right;
}

table.data01 td.center {
	text-align:center;
}

/*　TH内配置 */
table.hl01 th.center {
	text-align:center;
}

table.hl01 th.right {
	text-align:right;
}

/* 表組上下ライン */
table.style02 {
	border-collapse:collapse;
	border:1px solid #00a3d9;
	border:none;
	border-spacing:0;
	empty-cells:show;
}

table.data02 td {
	padding:5px;
	border-bottom:1px dashed #00a3d9;
	background-color:#ffffff;
}

table.data02 td.right {
	text-align:right;
}

/* 表組ラインなし */
table.style03 {
	border-collapse:collapse;
	border:none;
	border-spacing:0;
	empty-cells:show;
}

table.data03 td {
	padding:5px;
	border:none;
	background-color:#ffffff;
}


/*強調枠*/
.waku{
	width:auto;
	background-color:#d1f3fe;
	border:solid 1px #00a3d9;
	padding:15px;
	margin:10px 0 10px 0;
}

/*強調枠　ラインのみ*/
.waku_line{
	width:auto;
	background-color:#fff;
	border:dashed 1px #00a3d9;
	padding:15px;
	margin:10px 0 10px 0;
}

/*文学館ポスター　タイトル*/
.title_bp{
	text-align:center;
	font-weight:bold;
	border-bottom:#666 dashed 1px;
	margin-top:10px;
	margin-bottom:7px;
}

/*いきいきTOKYO夢職人*/
.title_yume{
	background-color:#e6f6fb;
	font-weight:bold;
	color:#00a3d9;
	height:26px;
	line-height:26px;
	font-size:14px;
	font-weight:bold;
	text-indent:10px;
	margin-bottom:10px;
}
/*マナーポスター見出し*/
td.manner{
	background-color:#e6f6fb;
	font-weight:bold;
	text-align:center;
}


/* 左メニュー
------------------------------ */
#sidebar {
	width:215px;
	word-break: break-all;	/* for IE6 and below */
	overflow: hidden;
	position: relative;
}

#sidebar li.type-title {
	padding:3px 7px 3px 25px;
	background:url(../images/menu_arrow00.gif) no-repeat 2px 6px;
	border-bottom:#11a9dc dashed 1px;
	font-size:18px;
	font-weight:bold;
	color:#11a9dc;
	line-height:120%;
	margin-bottom:10px;
}

#sidebar li.type-title02 {
	padding:3px 7px 3px 25px;
	background:url(../images/menu_arrow00.gif) no-repeat 2px 6px;
	border-bottom:#11a9dc dashed 1px;
	font-size:18px;
	font-weight:bold;
	color:#11a9dc;
	line-height:120%;
	margin-bottom:10px;
	margin-top:15px;
}

#sidebar li {
	padding:4px 7px 4px 17px;
	background:url(../images/menu_arrow.gif) no-repeat 2px 8px;
	line-height:150%;
}

#sidebar li.type-music{
	padding:5px 5px 5px 40px;
	background-color:#da4b8b;
	background-image:url(../images/side_icon_music.gif);
	background-repeat:no-repeat;
	background-position:2px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	margin-bottom:10px;
	margin-top:15px;
}

#sidebar li.type-art{
	padding:5px 5px 5px 40px;
	background-color:#8e4f98;
	background-image:url(../images/side_icon_art.gif);
	background-repeat:no-repeat;
	background-position:2px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	margin-bottom:10px;
	margin-top:15px;
}

#sidebar li.type-culture{
	padding:5px 5px 5px 40px;
	background-color:#70c04d;
	background-image:url(../images/side_icon_culture.gif);
	background-repeat:no-repeat;
	background-position:2px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	margin-bottom:10px;
	margin-top:15px;
}

#sidebar li.type-manners{
	padding:5px 5px 5px 40px;
	background-color:#f1a91f;
	background-image:url(../images/side_icon_manners.gif);
	background-repeat:no-repeat;
	background-position:2px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	margin-bottom:10px;
	margin-top:15px;
}

#sidebar li.type-other{
	padding:5px 5px 5px 40px;
	background-color:#aaaaaa;
	background-image:url(../images/side_icon_other.gif);
	background-repeat:no-repeat;
	background-position:2px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	margin-bottom:10px;
	margin-top:15px;
}

/*リンク*/

#sidebar a {
	color : #323232;
	text-decoration:none;
}	

#sidebar a:active {
	color :#e50000;
	text-decoration:underline;
}

#sidebar a:visited {
	color :#323232;
	text-decoration:none;
}

#sidebar a:hover	{
	color :#e50000;
	text-decoration:underline;
}

/*リンク 1階層目のリンク*/
#sidebar .title01 a {
	color : #11a9dc;
	text-decoration:none;
}	

#sidebar .title01 a:active {
	color :#e50000;
	text-decoration:underline;
}

#sidebar .title01 a:visited {
	color :#11a9dc;
	text-decoration:none;
}

#sidebar .title01 a:hover	{
	color :#e50000;
	text-decoration:underline;
}

/*リンク 公益1階層目のリンク*/
#sidebar .title02 a {
	color : #FFFFFF;
	text-decoration:none;
}	

#sidebar .title02 a:active {
	color :#FFFFFF;
	text-decoration:underline;
}

#sidebar .title02 a:visited {
	color :#FFFFFF;
	text-decoration:none;
}

#sidebar .title02 a:hover	{
	color :#FFFFFF;
	text-decoration:underline;
}


/* フッター
------------------------------ */
#footer {
	margin:0 auto;
	width: 950px;
	height: 70px;
}