@charset "utf-8";

* { margin : 0 ; padding : 0 ; }

body{
	margin: 0 auto;
	text-align:center;
	background:url(./img/onpu_bp.png);
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px; /* 指定されていない文字のサイズ */
	line-height: 20px; /* 指定されていない文字の行間 */
	color: #555555; /* 文字の色 */
}

/* リンク色 */
a{
	color:#007799; /* 文字の色 */
}

/* 訪問済みのリンク色 */
a:visited{
	color:#cc5555; /* 文字の色 */
}

/* カーソル合わせた時のリンク色 */
a:hover{
	color:#559955; /* 文字の色 */
}

img{ margin:0; padding:0; border:none; line-height:0px; font-size:0; vertical-align:bottom; }

.clear{ clear:both; line-height:0px; font-size:0; height:0; }

/*--------------------------------

全体

--------------------------------*/
#all{
	width : 920px;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}

/*--------------------------------

ヘッダー

--------------------------------*/

#header{
	margin:0 auto;
	padding:0 10px 0 10px;
	height:250px;
	text-align:center;
	/*background:url(./img/header.gif);*/
	overflow:hidden;
}

#header .textbox{
	float:center; padding: 10px 0 0 0 ;
	width:920px;
}

#header h1{
	margin:0;
	font-size:18px; /* 文字のサイズ */
	line-height:24px; /* 文字の行間 */
	color:#224488;
	font-weight:normal;
}

/* pocoapoco*/

#header h2{
	margin:0;
	font-size:30px; /* 文字のサイズ */
	letter-spacing: 3px;
	line-height: 1.5em; /* 文字の行間 */
	color:#cc4d66;
	font-weight:bold;
}

#header h3{
	margin:0;
	font-size:20px; /* 文字のサイズ */
	letter-spacing: 3px;
	line-height: 1.5em; /* 文字の行間 */
	color:#553311
	/* color:#ef866b; */
	font-weight:normal;
}


#header p{
	margin:3px 10px 0 10px;
	font-size:13px;
	color:#333333; /* 文字の色 */
}



/*--------------------------------

ラインメニュー

--------------------------------*/

#linemenu{
	width:920px; margin:0;
	background:#FFF8E1;
	border-top:5px solid #d7d7cc;
	border-bottom:5px solid #d7d7cc;
	overflow:hidden;
	position: relative;
}
 
#linemenu ul{
	list-style:none;
	margin:0;
	padding:10px 15px 10px 15px;

}
/*
#linemenu li{
	float:left;
	margin:0 10px 0 0;
	padding:10px 0 10px 0;
	width:170px; /* ボタンの幅 
	font-size:14px; /* 文字のサイズ 
}

#linemenu li a{
	display:block;
	margin:0;
	color:#553311; /* リンクの文字色 
	line-height:25px; /* 高さ 
	font-weight:normal;
	background:url(./img/linemenu.gif) top repeat-x;
	text-decoration:none;
}

#linemenu li a span{
	display:block;
	background:url(./img/linemenu_left.gif) top left no-repeat;
}

#linemenu li a span span{
	padding:0 20px 0 20px;
	background:url(./img/linemenu_right.gif) top right no-repeat;
}

/* カーソルを合わせた時のボタン 
#linemenu li a:hover{
	color:#ffffff; /* 文字の色 
	background:url(./img/linemenu2.gif) top repeat-x;
}

#linemenu li a:hover span{
	display:block;
	background:url(./img/linemenu_left2.gif) top left no-repeat;
}

#linemenu li a:hover span span{
	padding:0 20px 0 20px; font-weight:bold;
	background:url(./img/linemenu_right2.gif) top right no-repeat;
}
*/
/* information */
#linemenu li.tel{
	text-align:left;
	width:900px; /* の幅 */
	font-size:18px;	/* 文字のサイズ */
	line-height:20px; /* 文字の行間 */
	color:#78909C; /* 文字の色 */
	font-weight:bold;
}

#linemenu li.tel span{
	font-size:18px;	
	color:#A1887F; /* 文字の色 */
	
	font-weight:normal; 
}

#linemenu li.tel span.red{
	font-size:18px;	
	color:#aa3300; /* 文字の色 */
	
	font-weight:bold; 
}


/*--------------------------------

トップ画像

--------------------------------*/
#top{
	margin:0 auto;
	padding:20px;
	text-align:left;
	background:#a1dedd url(./img/top_bg.gif) left repeat-y;　
	border-bottom:1px solid #ffffff;
	overflow:hidden;
}

#top .topend{
	margin:0 auto;
	text-align:left;
	background:#a1dedd url(./img/top_bg.gif) left repeat-y;　
	border-bottom:1px solid #ffffff;
	overflow:hidden;
}

#top .topbox1{
	float:left;
	width:430px; height:240px;
	background:#4499ff url(./img/top1_1_3_1.jpg) no-repeat;
}

#top .topbox2{
	float:right;
	width:430px; height:240px;
	background:#4499ff url(./img/top2_2_2.jpg) no-repeat;
}

#top .topboxtext{
	width:420px; /* テキストスペースの幅 */
}

#top .topboxtext h2{
	margin:10px;
	font-size:20px; /* 文字のサイズ */
	line-height:18px; /* 行間 本番　25px*/
	color:#cc4d66; /* 文字の色 */	
}

#top .topboxtext h3{
	margin:10px;
	font-size:20px; /* 文字のサイズ */
	line-height:20px; /* 行間 */
	color:#006688;  /* 文字の色 */  
}

#top .topboxtext h4{
	margin:10px;
	font-size:20px; /* 文字のサイズ */
	line-height:20px; /* 行間 */
	color:#aa3300;  /* 文字の色 */  
}
#top .topboxtext h5{
	margin:10px;
	font-size:20px; /* 文字のサイズ */
	line-height:20px; /* 行間 */
	color:#553311;  /* 文字の色 */  
}

#top .topboxtext p{
	margin:0 10px 10px 10px;
	font-size:16px; /* 文字のサイズ */
	line-height:20px; /* 行間 */
	color:#555555; /* 文字の色 */
}

#top .topboxtext span{
	margin:0 10px 10px 10px;
	font-weight:bold;
	font-size:20px; /* 文字のサイズ */
	line-height:20px; /* 行間 */
	color:#aa3300; /* 文字の色 */
}


#top .topbox1, #top .topbox2{ margin-bottom:45px; }


/* トップメニュー関連の設定 */

#top .topmenu{
	margin:0; overflow:hidden;
}

.topmenu .top_a,
.topmenu .top_b,
.topmenu .top_c,
.topmenu .top_d{
	width:212px;
	height:80px;
	overflow:hidden;
}

.topmenu .top_ab{
	float:left;
	width:435px;
	overflow:hidden;
}

.topmenu .top_cd{
	float:right;
	width:435px;
	overflow:hidden;
}

.topmenu .top_width{ width:155px; }

.topmenu .top_a{
	float:left;
	background:url(./img/top_a.gif) top repeat-x;
	position:relative;
}

.topmenu .top_b{
	float:right;
	background: url(./img/top_b.gif) top repeat-x;
	position:relative;
}

.topmenu .top_c{
	float:left;
	background: url(./img/top_c.gif) top repeat-x;
	position:relative;
}

.topmenu .top_d{
	float:right;
	background: url(./img/top_d.gif) top repeat-x;
	position:relative;
}

.topmenu .top_ab h2,
.topmenu .top_cd h2{
	font-size:15px;
	margin:7px 3px 0 7px;
	color:#663311; /* タイトル色 */
	text-decoration:none;
}

#top p{
	margin:3px 3px 7px 7px; font-size:12px;
	line-height:14px;
	color:#663311; /* 文字の色 */
}

/* Clickボタン */
#top a.toplink{
	width:250px;
	height:130px;
	position:absolute;
	top:1px;
	right:1px;
	text-indent:-9999px;
}


/*--------------------------------

top　リンク

--------------------------------*/

#top a.link{
	float:right;
	padding: 0 0 3px 18px;
	margin:0 10px 10px 10px;
	text-align:right;
	text-decoration:none;
	font-size:12px; /* 文字のサイズ */
	line-height:15px;
	color:#003399; /* 文字の色 */
	background:url(./img/link2.gif) no-repeat;
	border-bottom:1px dotted #1177ee;
}

/* カーソル合わせた時のリンク */
#top a:hover.link{
	font-size:12px; /* 文字のサイズ */
	color:#aa3300; /* 文字の色 */
	font-weight:bold;
	text-decoration:none;
	background:url(./img/link.gif) no-repeat;
	border-bottom:1px dotted #ee7711;
}
/*--------------------------------

コンテナー

--------------------------------*/

#container{
	width : 920px ;
	margin:0 auto;
	text-align:center;
	background:#AAD6EC ;
	overflow:hidden;
}

#container .con_pad{
	padding:20px 15px 0 15px;
}

/*--------------------------------

コンテンツ

--------------------------------*/
#contents{
	float:right;
	width : 890px;
	background: #ffffff;
	text-align:center;
}

#container .con_pad2{
	padding:0 0 30px 0;
}

/*--------------------------------

コンテンツ　見出し

--------------------------------*/

/* h1見出し 試用*/

#contents h1{
	margin-bottom:0px;
	padding-left:80px;
	text-align:left;
	font-size:22px; /* 文字のサイズ */
	line-height:35px; /* 文字の行間 */
	color:#556677; /* 文字の色 */
	font-weight:bold; /* 太字設定 */
	height:324px;
	background: url(./img/piano2_1.jpg) bottom repeat-x #ffffff;
	border-bottom:1px solid #8899aa;
}


/* h2見出し */

#contents h2{
	margin-bottom:0px;
	padding-left:5px;
	text-align:left;
	font-size:25px; /* 文字のサイズ */
	line-height:35px; /* 文字の行間 */
	color:#aa3300; /* 文字の色 */
	/* color:#556677; /* 文字の色 */
	font-weight:hold; /* 太字設定はnormalからboldに差し替え */
	background: url(./img/h2.gif) bottom repeat-x #ffffff;
	border-bottom:1px solid #8899aa;
}

/* h3見出し 各コンテンツ見出し　*/
#contents h3{
	margin:15px; padding-left:5px;
	text-align:left;
	font-size:25px; /* 文字のサイズ */
	line-height:50px; /* 文字の行間 */
	color:#5785a4; /* 文字の色 */
	font-weight:normal; /* 太字設定はnormalからboldに差し替え */
	border-bottom:1px solid #5785a4; 
	border-left:15px solid #5785a4;
}

/* piano画像見出し */
#contents h4{
	margin:15px; 
	margin-bottom:0px;
	text-align:left;
	font-size:30px; /* 文字のサイズ */
	line-height:70px; /* 文字の行間 */
	color:#ffffff; /* 文字の色 */
	font-weight:normal; /* 太字設定はnormalからboldに差し替え */
	width:860px;
	height:147px;
	background: url(./img/piano_banner.jpg) no-repeat;
	border-bottom:1px solid #8899aa;
}

/* 花まる見出し */
#contents h5{
	margin:5px; padding-left:5px;
	text-align:left;
	font-size:17px; /* 文字のサイズ */
	line-height:30px; /* 文字の行間 */
	color:#D81B60; /* 文字の色 */
	font-weight:normal; /* 太字設定はnormalからboldに差し替え */
	border-bottom:1px solid #D81B60; 
	border-left:15px solid #D81B60;
}

/* 導入　*/
#contents div.level1 h3{
	margin:15px; padding-left:5px;
	text-align:left;
	font-size:25px; /* 文字のサイズ */
	line-height:50px; /* 文字の行間 */
	color:#694e4e; /* 文字の色 */
	font-weight:normal; /* 太字設定はnormalからboldに差し替え */
	border-bottom:1px solid #f3c5c5; 
	border-left:15px solid #f3c5c5;
	background:#daeaf1;
}
/* 基礎　*/
#contents div.level2 h3{
	margin:15px; padding-left:5px;
	text-align:left;
	font-size:25px; /* 文字のサイズ */
	line-height:50px; /* 文字の行間 */
	color:#694e4e; /* 文字の色 */
	font-weight:normal; /* 太字設定はnormalからboldに差し替え */
	border-bottom:1px solid #f3c5c5; 
	border-left:15px solid #f3c5c5;
	background:#ffe6e6;
}
/* 展開　*/
#contents div.level3 h3{
	margin:15px; padding-left:5px;
	text-align:left;
	font-size:25px; /* 文字のサイズ */
	line-height:50px; /* 文字の行間 */
	color:#ffffff; /* 文字の色 */
	font-weight:normal; /* 太字設定はnormalからboldに差し替え */
	border-bottom:1px solid #f3c5c5; 
	border-left:15px solid #f3c5c5;
	background:#c1a3a3;
}
/* 応用　*/
#contents div.level4 h3{
	margin:15px; padding-left:5px;
	text-align:left;
	font-size:25px; /* 文字のサイズ */
	line-height:50px; /* 文字の行間 */
	color:#f3c5c5; /* 文字の色 */
	font-weight:normal; /* 太字設定はnormalからboldに差し替え */
	border-bottom:1px solid #f3c5c5; 
	border-left:15px solid #f3c5c5;
	background:#886f6f;
}
/* 発展　*/
#contents div.level5 h3{
	margin:15px; padding-left:5px;
	text-align:left;
	font-size:25px; /* 文字のサイズ */
	line-height:50px; /* 文字の行間 */
	color:#f3c5c5; /* 文字の色 */
	font-weight:normal; /* 太字設定はnormalからboldに差し替え */
	border-bottom:1px solid #f3c5c5; 
	border-left:15px solid #f3c5c5;
	background:#694e4e;
}



/* 白ボックス見出し */
#contents div.box1 h3{
	margin:0 0 5px 0; padding-left:5px;
	text-align:left;
	font-size:20px; /* 文字のサイズ */
	line-height:30px; /* 文字の行間 */
	color:#555022; /* 文字の色 */
	font-weight:normal; /* 太字設定はnormalからboldに差し替え */
	border:1px solid #aaa077;
	background: url(./img/h3.gif) left repeat-y #ffffff;
}

/* お知らせボックス見出し */
#contents div.box2 h3{
	margin:0 0 5px 0;
	padding:7px 5px 5px 3px;
	text-align:left;
	font-size:20px; /* 文字のサイズ */
	line-height:15px; /* 文字の行間 */
	font-weight:normal; /* 太字設定はnormalからboldに差し替え */
	color:#00695C; /* 文字の色 */
	background:url(./img/h3.gif) left repeat-y #ffffff; /* 背景色 */
	border-left:10px solid #ee9977;
	border-bottom:1px solid #ee9977;
}

/* アーカイブ年 */
#contents .box_cde h3,
/*#contents .box_ab h3,*/
#contents div.box3 h3{
	margin:0 0 7px 0; padding: 0 0 0 3px;
	text-align:left;
	font-size:20px; /* 文字のサイズ */
	line-height:30px; /* 文字の行間 */
	color:#333333; /* 文字の色 */
	font-weight:normal; /* 太字設定はnormalからboldに差し替え */
	background:#eee5cc;
}

/* 番号 */
#contents .box_cde h3 span,
/*#contents .box_ab h3 span,*/
#contents div.box3 h3 span{
	margin:0 3px 0 0; padding:0 5px 0 5px;
	color:#ffffff; /* 文字の色 */
	background:#4477aa; /* 文字の背景色 */
	font-weight:bold; /* 太字解除はboldからnormalに差し替え */
}

/* リリース見出し */
#contents .log_box h3{
	margin:0 0 5px 0;
	padding-left:7px;
	text-align:left;
	font-size:15px; /* 文字のサイズ */
	line-height:25px; /* 文字の行間 */
	color:#555022; /* 文字の色 */
	font-weight:normal;
	border-left:10px solid #ee9977;
	border-bottom:1px dotted #ee9977;
}
/* h4見出し 
#contents h4{
	margin:10px 15px 8px 15px;
	padding:0 0 0 16px;
	text-align:left;*/
	/*font-size:14px; /* サイズ */
	/*line-height:16px; /* 行間 */
	/*color:#555555; /* 色 */
	/*background:url(./img/h4_2.gif) left no-repeat;
}*/
/* h5見出し 
#contents h5{
	margin:10px 15px 8px 15px;
	padding:0 0 0 16px;
	text-align:left;*/
/*	font-size:14px; /* サイズ */
/*	line-height:16px; /* 行間 */
/*	color:#555555; /* 色 */
/*	background:url(./img/h5_2.gif) left no-repeat;*/
/*}*/
/* h6見出し */
#contents h6{
	margin:10px 15px 8px 15px;
	text-align:left;
	font-size:14px; /* サイズ */
	line-height:16px; /* 行間 */
	color:#555555; /* 色 */
}

/*--------------------------------

コンテンツ　文章

--------------------------------*/
#contents p{
	margin:10px 15px 30px 15px;
	text-align:left;
	font-size:20px; /* 文字のサイズ */
	line-height:21px; /* 文字の行間 */
}
#contents .box1 p,#contents .box4 p{ margin: 15px 0 10px 0;}
#contents .box2 p, #contents .box3 p,
#contents .log_box p{ margin: 0 10px 10px 10px;}
/* 二割・三割ボックス文章 */
/*#contents .box_ab p, #contents .box_cde p{
	margin:0 7px 7px 7px;*/
/*	font-size:13px;*/ /* 文字のサイズ */
/*	line-height:20px;*/ /* 文字の行間 */
/*}*/
/* 装飾 */
#contents p.p_back{
	color:#78909C; ; background:#FFF8E1; padding:7px 0 7px 0;
}
/* 装飾用太字 */
#contents p.p_back span.bold{ color:#78909C; ;font-weight:bold; }
/* 赤色 */
#contents p span.red { color: #aa3300; }
/* 青色 */
#contents p span.blue{ color: #3355aa; }
/* 黒色 */
#contents p span.black { color: #000000; }
/* 太字 */
#contents p span.bold{ font-weight:bold; }
/* 小さい文字 */
#contents p span.small{ font-size:11px; }
/* 大きい文字 */
#contents p span.big{ font-size:17px; font-weight:bold }
/*--------------------------------

コンテンツ　画像の位置

--------------------------------*/
#contents span.right{
	float:right;
	margin:-20px 100px 0 2px;
}

#contents span.left{
	float:left;
	margin:20px 10px 10px 0;
}

/*--------------------------------

コンテンツ　リンク

--------------------------------*/

#contents a.link{
	float:right;
	padding: 0 0 3px 18px;
	margin:0 10px 10px 10px;
	text-align:right;
	text-decoration:none;
	font-size:12px; /* 文字のサイズ */
	line-height:15px;
	color:#003399; /* 文字の色 */
	background:url(./img/link2.gif) no-repeat;
	border-bottom:1px dotted #1177ee;
}

/* カーソル合わせた時のリンク */
#contents a:hover.link{
	font-size:12px; /* 文字のサイズ */
	color:#aa3300; /* 文字の色 */
	font-weight:bold;
	text-decoration:none;
	background:url(./img/link.gif) no-repeat;
	border-bottom:1px dotted #ee7711;
}

/*--------------------------------

コンテンツ　白ボックス

--------------------------------*/

#contents div.box1{
	margin:0 15px 10px 15px;
	text-align:left;
	overflow:hidden;
}



/*--------------------------------

コンテンツ　お知らせボックス

--------------------------------*/

#contents div.box2{
	width : 890px;
	margin:0 15px 30px 0;
	text-align:left;
	background:#ffffff;
	border:solid 1px #bb9977;
	overflow:hidden;
}

/*--------------------------------

コンテンツ　枠付きボックス Myアーカイブ

--------------------------------*/

#contents div.box3{
	width : 860px;
	margin:0 15px 30px 15px;
	text-align:left;
	background:#ffffff;
	border:solid 1px #aaaaaa;
	overflow:hidden;
}

/*--------------------------------

コンテンツ　文章ボックス

--------------------------------*/

#contents div.box4{
	margin:0 10px 10px 10px;
	text-align:left;
	background:#ffffff;
	overflow:hidden;
}

/*--------------------------------

コンテンツ　4割ボックス

--------------------------------*/
/*
#contents .box_cde{
	width:850px;
	margin:0 auto;
	margin-bottom:20px;
	text-align:left;
	overflow:hidden;
}
*/
/* 花マル様　*/
#contents .box_cccc{
	width:880px;
	margin:0 auto;
	margin-bottom:30px;
	text-align:left;
	overflow:hidden;
}
/* 花マル様　*/

#contents .box_cd{
	float:left;
	width:415px;
	padding-bottom:20px;
	overflow:hidden;
}

#contents .box_c{
	float:left;
	width:200px;
	margin:0 8px 20px 10px;
	padding-bottom:10px;
	overflow:hidden;
	border:1px solid #aaaaaa;
}

/* 分割画像見出し　*/
#contents div.box_c h1{
	margin:0; 
	padding: 0 0 10px 0;
	margin-bottom:0px;
	text-align:center;
	font-size:20px; /* 文字のサイズ */
	line-height:27px; /* 文字の行間 */
	color:#000000; /* 文字の色 */
	font-weight:bold; /* 太字設定はnormalからboldに差し替え */
	width:200px;
	height:150px;
	background: url(./img/sol_f_200.jpg) no-repeat;
	border-bottom:1px solid #8899aa;
}

/* 分割画像見出し　*/
#contents div.box_c h2{
	margin:0; 
	padding: 0 0 10px 0;
	margin-bottom:0px;
	text-align:center;
	font-size:20px; /* 文字のサイズ */
	line-height:27px; /* 文字の行間 */
	color:#000000; /* 文字の色 */
	font-weight:bold; /* 太字設定はnormalからboldに差し替え */
	width:200px;
	height:141px;
	background: url(./img/yukidaruma_200.png) no-repeat;
	border-bottom:1px solid #8899aa;
}

#contents .box_d{
	float:right;
	width:200px;
	padding-bottom:10px;
	overflow:hidden;
	border:1px solid #aaaaaa;
}

#contents .box_e{
	float:left;
	width:200px;
	margin:0 8px 20px 10px;
	padding-bottom:10px;
	overflow:hidden;
	border:1px solid #aaaaaa;
}

/*--------------------------------

コンテンツ　3割ボックス

--------------------------------*/

#contents .box_abc{
	width:880px;
	margin:0 auto;
	margin-bottom:10px;
	text-align:left;
	overflow:hidden;
}

#contents .box_aa{
	float:left;
	width:273px;
	margin:0 8px 20px 10px;
	padding-bottom:10px;
	overflow:hidden;
	border:1px solid #aaaaaa;
}

/* 分割画像見出し ブルー　*/
#contents div.box_aa h1{
	margin:0; 
	padding: 0 0 10px 0;
	margin-bottom:0px;
	text-align:center;
	font-size:20px; /* 文字のサイズ */
	line-height:27px; /* 文字の行間 */
	color:#000000; /* 文字の色 */
	font-weight:bold; /* 太字設定はnormalからboldに差し替え */
	width:273px;
	height:204px;
	background: url(./img/sol_m_273.png) no-repeat;
	border-bottom:1px solid #8899aa;
}
#contents div.box_aa h2{
	margin:0; 
	padding: 0 0 10px 0;
	margin-bottom:0px;
	text-align:center;
	font-size:20px; /* 文字のサイズ */
	line-height:27px; /* 文字の行間 */
	color:#000000; /* 文字の色 */
	font-weight:bold; /* 太字設定はnormalからboldに差し替え */
	width:273px;
	height:205px;
	background: url(./img/sol_f_273.jpg) no-repeat;
	border-bottom:1px solid #8899aa;
}
/* box_aa　文字編集　

#contents div.box_aa p{
	margin:0; 
	padding: 0 0 0 60px;
	margin-bottom:0px;
	text-align:left;
	font-size:25px; 
	line-height:80px;
	color:#000000; 
	font-weight:bold; 
	
}*/

#contents .log_aa span.red{
	
	color:#aa3300; /* 文字の色 */
}

/*--------------------------------

コンテンツ　2割ボックス

--------------------------------*/

#contents .box_ab{
	width:880px;
	margin:0 auto;
	margin-bottom:10px;
	text-align:left;
	overflow:hidden;
}

#contents .box_a{
	float:left;
	width:420px;
	margin:0 8px 20px 10px;
	padding-bottom:10px;
	overflow:hidden;
	border:1px solid #aaaaaa;
}

#contents .box_b{
	float:right;
	width:420px;
	margin:0 8px 20px 10px;
	padding-bottom:10px;
	overflow:hidden;
	border:1px solid #aaaaaa;
}
#contents div.box_a h1{
	margin:0; 
	padding: 0 0 10px 0;
	margin-bottom:0px;
	text-align:center;
	font-size:20px; /* 文字のサイズ */
	line-height:27px; /* 文字の行間 */
	color:#000000; /* 文字の色 */
	font-weight:bold; /* 太字設定はnormalからboldに差し替え */
	width:420px;
	height:250px;
	background: url(./img/sol_m_420.jpg) no-repeat;
	border-bottom:1px solid #8899aa;
}
/*--------------------------------

ニュースリリース

--------------------------------*/

#contents .log_box{
	margin:0 15px 30px 15px;
	text-align:center;
	overflow:hidden;

}

#contents .log_box span{
	font-weight:bold;
	color:#78909C;
}

#contents .log_box span.red{
	margin:0 7px 0 7px;
	background:#ee9944;
	padding:0 3px 0 3px;
	font-weight:normal;
	font-size:16px; /* 文字のサイズ */
	color:#ffffff; /* 文字の色 */
}

#contents .log_box ul{
	margin:0;
	list-style:none;
	text-align:left;
	color:#333333; /* 文字の色 */
}

#contents .log_box li{
	display:block;
	margin:0 5px 10px 5px;
	font-size:16px; /* 文字のサイズ */
	line-height:23px; /* 文字の行間 */
	border-bottom:1px dotted #766655;	
}

#contents .log_box li a{
	margin:0;
	padding:5px 0 5px 7px;
	color:#000000; /* 文字の色 */	
}
#contents .log_box li a:hover{
	color:#0000aa; /* 文字の色 */
}

/*--------------------------------

フッター

--------------------------------*/

#footer{
	clear:both;
	margin:0 0 0 10px;
	float:right;
	padding-top:30px;
	height:50px;
	background:#888888;
	font-size: 20px; /* 文字のサイズ */
	color: #eeeeee; /* 文字の色 */
}


address{
	margin-left:20px;
	text-align: center;
	font-size: 16px; /* 文字のサイズ */
	color: #ffffff; /* 文字の色 */
}
#footer a {
color: #eeeeee; 
font-size: 20px;
text-decoration:none;
}

/*--------------------------------

テーブル

--------------------------------*/

table {
  border-collapse: collapse;
  font-size:16px;
  text-align: left;
}
th, td {
  padding: 5px;
  /*border: 1px solid #333;*/
  color: #553311;
}
th {
  background-color: #2c88d9;
  color: #FFF;
}