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

/*
========================================
	TOP PAGE
========================================
*/

#main-images {
	clear:both;
	width:1000px;
	height:450px;
	/*background-image:url(../img/top_main.jpg);
	background-repeat:no-repeat;*/
	clear:both;
	/*text-indent:-9999px;*/
	margin:0 auto;
}
#main-content {
	clear:both;
}
#main-content .inner {
	height:150px;
	margin:30px 0px 30px 0px;
}
#main-content .inner h2 {
	float:left;
	width:279px;
	height:104px;
	background-image:url(../img/h2.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#main-content .inner dl {
	width:700px;
	height:104px;
	float:right;
	display:table;
}
#main-content .inner dl dt {
	clear:both;
	float:left;
}
#main-content .inner dl dd {
	display:table-cell;
	text-align:left;
	vertical-align:middle;
	line-height:1.5em;
	padding:10px;
}
#main-content #picup {
	width:1000px;
	height:235px;
	margin-bottom:30px;
	
}
#main-content #picup p {
	float:left;
}
#main-content #picup p.hair-color {
	float:right;
}
#main-content #box1 {
	clear:both;
	width:500px;
	float:left;
}
#main-content #box1 h3 {
	background-image:url(../img/h3_consept.gif);
	background-repeat:no-repeat;
	height:88px;
	text-indent:-9999px;
	margin:0;
}
#main-content #box1 h4 {
	font-size:30px;
	margin:20px 0 20px 20px
}
#main-content #box1 .consept {
	width:500px;
	height:392px;
	background-image:url(../img/consept_bg.png);
	background-repeat:no-repeat;
}
#main-content #box1 p {
	width:250px;
	padding:50px;
	word-wrap: break-word;
	white-space: normal;
	line-height:150%;
}
#main-content #box2 {
	width:500px;
	float:left;
}
#main-content #box2 h3 {
	background-image:url(../img/h3_map.gif);
	background-repeat:no-repeat;
	height:88px;
	text-indent:-9999px;
	margin:0;
}
#main-content #box2 p.add {
	padding:10px 20px;
	line-height:130%;
}
#main-content #box2 dl {
	height:60px;
	margin:0 0 0 20px;
padding:10px 0px border-top: dotted 1px #000;
}
#main-content #box2 dl dt {
	float:left;
}
#main-content #box2 dl dd {
	float:left;
	margin-left:10px;
}

#sns{
	clear:both;
	position:relative;}

/* --- 新着情報エリア --- */
div.update { padding:20px;
margin-top:70px;
background-color:#FFF;
height:200px;
overflow-y:scroll;
background-image:url(../img/bg_03.png);
position:relative;

}
/* --- upicon --- */
p.up-icon{
	position:absolute;
	left: 115px;
	top: 50px;
}


/* --- 見出し --- */
div.update h3 {
margin: 0 0 5px; /* 見出しのマージン（上、左右、下） */
font-size: 20px;
font-weight:bold;
color:#301209;
border-bottom:#099 solid 3px;
padding-bottom:5px;
}
div.update h3 span{
	font-size:16px;
	color:#9d8f8b;}

/* --- 新着リスト --- */
div.update dl {
width: 100%; /* 新着リストの幅 */
margin: 0;
}

/* --- 日付エリア --- */
div.update dt {
width: 7.7em; /* 日付エリアの幅 */
float: left;
padding: 7px 0 6px 3px; /* 日付エリアのパディング（上右下左） */
line-height: 120%;
}

/* --- 本文エリア --- */
div.update dd {
margin: 0;
padding: 7px 3px 6px 8.6em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #301209 dotted; /* 本文エリア下境界線 */
line-height: 120%;
}

div.update dd a:link{
	text-decoration:underline;
	color:#e60012;
}
div.update dd a:visited {
	text-decoration:none;
	color:#e60012;
}
div.update dd a:hover {
	color:#099
	;
}
div.update dd a:active {
	text-decoration:none;
	color:#e60012;
}
/* --- ブログ新着RSS --- */
div#rss {
	clear:both;
	margin-top:30px;
	/*overflow-y:scroll;*/
	/*text-align:center;*/


}
/*div#feed {
	width:400px;
	margin:0 auto;
	background-color:#2b1809;
	padding:10px;
}
div#feed h3 {
	font-size:18px;
	margin:15px;
}
div#feed p {
	margin:15px;
}*/
p.blog-icon{
	position:absolute;
	left: 333px;
	top: -9px;

}