@charset "utf-8";

/*

【CSS表記ルール】
CSSの表記につきましては以下のルールに則って記述をお願いいたします。

1.bodyタグにid等を付けない
フレームワークの仕様により、bodyタグの出し分けが困難なためbodyにディレクトリ毎のidを振るのは禁止とさせて頂きます。
その代わりbody直下のwrapperに対してはディレクトリ毎のidを振って頂いて大丈夫です。

2.class名、id名の表記
フレームワークの仕様により、公開時は全てのCSSが1つのファイルに統合されます。
そのためclass,idの名前が被らないよう以下のルールに則って記述をお願いいたします。

#(wrapperのid名) .(wrapperのid名)_(個別のクラス名)
例:
#about .about_box{
	margin:10px auto;
}

3.!important は使わないようお願いたします。（どうしても必要な場合はご連絡ください。）

4.@importでのcssの読み込みはしないようお願いいたします。

*/

html,body{
	color:#000000;
	font-size:14px;
	line-height:20px;
	margin:0;
	padding:0;
	background: #e7e7e7;
	font-family:"Lato", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	word-break: normal;
}

img{
	border:0;
}

p{
	margin:0;
	padding:0;
}

ul{
	list-style:none;
}

a{
	color:#333;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

h1,h2,h3,h4,h5{
	margin:0;
	padding:0;
	font-weight:normal;
}


/*  ---------------------------
		Chart_page
---------------------------  */

#chart_body{
	width: 805px;
	background: #e7e7e7!important;
	margin: 0 auto;
	padding: 0;
}

#chat-wrap{
	background: #e7e7e7!important;
	width: 735px;
	height: 480px;
	margin: auto;
}

.chart_box{
	float:left; 
	margin:0 20px 0 0;
	min-height:280px; 
	background: #fff;
}
.chart_box h4{
	text-align: center;
	padding: 20px 0 0 0;
	font-size: 20px;
	font-weight: normal;
}

.chart_box:last-child{
	margin:0 0 0 0;
}


#chart_body #chat-wrap div .chart_box1{
	background: #000;
	width: 200px !important;
	float: right !important;
	margin: -20px 0 0 0 !important;
}


.chart_h3{
	text-align: center;
	padding: 25px 0;
	font-size: 25px;
	font-weight: normal;
}