@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 16px;
	line-height: 1.4;
}



/* ~~ このコンテナが他のすべての div を囲み、パーセンテージに基づいた幅を指定します。~~ */
.container {
	width: 1000px;
	max-width: 1260px;/* レイアウトが大型モニターで広がりすぎないように、最大幅を指定することをお勧めします。これにより、読みやすい行の長さを保つことができます。IE6 ではこの宣言は無視されます。 */
	min-width: 780px;/* レイアウトが狭くなりすぎないように、最小幅を指定することをお勧めします。これにより、サイドカラムで読みやすい行の長さを保つことができます。IE6 ではこの宣言は無視されます。 */
	background: #FFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
}

/* ~~ これはレイアウト情報です。~~ 

1) 余白は、div の上部または下部にのみ配置されます。この div 内のエレメントには、それ自体に余白があるので、ボックスモデル計算を行う必要がありません。ただし、div 自体に両側の余白やボーダーを指定した場合、その値が加算されたものが合計幅になることに注意してください。div 内のエレメントの余白を削除し、さらにその div 内に、全体のデザインに必要な幅や余白を指定していない 2 つ目の div を追加することもできます。

*/

#head{
	background-image: url(../img/base_head.png);
	height: 108px;
	width: 1000px;
}
#head #logo {
	float: left;
	padding-top: 38px;
}


.content {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	height: auto;
	width: 876px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.content-top {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	height: auto;
	width: 876px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.concept {
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	height: auto;
	width: 876px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.concept ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 30px;
}

.concept ul li {
	background-image: url(../img/icon3.png);
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 18px;
}
.cm-btn {
	margin-right: auto;
	height: auto;
	padding-left: 30px;
}

.cm-btn ul { }

.cm-btn ul li {
	float: left;
	background-image: url(../img/icon.png);
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left: 25px;
	width: 160px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.cm-btn ul .long { width: 250px; }


.txt-box {
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 30;
	height: auto;
	width: 846px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.txt-box p {
	padding-left: 30px;
	padding-right: 30px;
}

.txt-box ul{ padding-left: 30px; }
.txt-box ul li{
	list-style-type: disc;
	list-style-position: inside;
}

.txt-box dl {
	padding-bottom: 10px;
	padding-left: 30px;
}

.txt-box dl dt {
	line-height: 1.8em;
	font-weight: bold;
	float: left;
	display: block;
	width: 210px;
}

.txt-box dl dd{
	line-height: 1.8em;
	display: block;
	float: left;
	width: 570px;
}


.hello {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	height: 220px;
	width: 876px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.hello p {
	padding-left: 30px;
	padding-right: 30px;
}


.hello .hello-l{
	float: left;
	width: 656px;
}
.hello .hello-r{
	padding: 10px;
	float: left;
	width: 180px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.hello-r img{
	padding: 10px;
	background-color: #CCC;
}



.blog {
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	height: auto;
	width: 876px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow:hidden;
	color: #333;
}

.blog p {
	padding-left: 20px;
	padding-right: 20px;
}

.blog img{ padding: 9px; }

.blog .blog-l{
	float: left;
	width: 656px;
 
	margin-top: 0px;
	padding-top: 0px;
}
.blog .blog-r{
	float: left;
	width: 209px;
	min-height:1000px;
		 padding-bottom: 32767px;  
    margin-bottom: -32767px;  
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCC;
	padding-left: 10px;
	font-size: 14px;
}

.blog ul{ }

.blog-r ul li{
	background-image: url(../img/icon4.png);
	background-repeat: no-repeat;
	padding-left: 12px;
}
.blog-r a{ line-height: 1.6em; }

.blog dl{
}

.blog dt{
		background-image: url(../img/icon4.png);
	background-repeat: no-repeat;
	padding-left: 12px;
}

.blog dd{ padding-left: 12px; }

#foot {
	background-image: url(../img/base_foot.png);
	height: 169px;
	width: 1000px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}