@charset "utf-8";

@import "./common.css";
/*==================================================================*/

/* style css */

/*==================================================================*/
#index{background:url('../image/back.gif') repeat-x 0 0;}
#index #frame{background:url('../image/photo_top.jpg') no-repeat 50% 0;}


/* ---------------------------------------------------------------- */
/* main：メイン */
/* ---------------------------------------------------------------- */
/* リセット */
#mainarea *{margin:0;padding:0;}
#mainarea img{vertical-align:bottom;}

#mainarea{
	margin:0 auto 24px;
	padding:0;
	width:852px;
}
/* clear hack */
#mainarea{zoom:1;}
#mainarea:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#mainarea dl{
	float:left;
	width:284px;
}
#mainarea dt{margin:0 6px;}

#mainarea dd{
	margin:0 6px;
	padding:6px 12px;
	background:url('../image/main_back.gif') no-repeat 0 0;
}

#mainarea dd strong{color:#f654a6;}

/* ---------------------------------------------------------------- */
/* contents reset：リセット */
/* ---------------------------------------------------------------- */
#blog *,#material *,#point *{margin:0;padding:0;}
ul.banner *,#blog img,#material img,#point img{vertical-align:bottom;}

/* ---------------------------------------------------------------- */
/* banner：バナー */
/* ---------------------------------------------------------------- */
ul.banner{
	margin:0 0 2em;
	padding:0;
}
/* clear hack */
ul.banner{zoom:1;}
ul.banner:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

ul.banner li{
	margin:0;
	padding:0 0 0 12px;
	float:left;
	list-style:none;
	line-height:12px;
	color:#aaa;
	text-align:center;
}
ul.banner li img{margin:0 0 6px;}


/* ---------------------------------------------------------------- */
/* blog：ブログ */
/* ---------------------------------------------------------------- */
#blog{
	margin:0 0 2em 12px;
	padding:0 0 12px;
	width:612px;
	background:url('/common_img/line_lace.gif') no-repeat 0 100%;
}
/* clear hack */
#blog{zoom:1;}
#blog:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#blog .headline{
	margin:0 0 1em;
	padding:36px 6px 0;
	background:url('/common_img/line_lace.gif') no-repeat 0 0;
}
/* clear hack */
#blog .headline{zoom:1;}
#blog .headline:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#blog h2{
	float:left;
	width:363px;
}
#blog p{
	margin:24px 0 0;
	float:right;
	width:120px;
}

#blog dl{
	width:153px;
	float:left;
	background:url('../image/blog_back_odd.gif') repeat-y 0 0;
	text-align:center;
}

#blog dd{
	margin:6px 9px 0;
	line-height:1.4;
}
#blog dd a{color:#333;}
#blog dd a:hover{color:#f94040;}


/* ---------------------------------------------------------------- */
/* material：マテリアルフラワー */
/* ---------------------------------------------------------------- */
#material{
	margin:0 0 4em 12px;
	width:612px;
}
/* clear hack */
#material{zoom:1;}
#material:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#material p{
	padding:48px 0 0;
	float:right;
	width:233px;
}

#material dl{
	float:left;
	width:379px;
}
#material dt{margin:0 0 36px;}
#material dd{
	margin:0 0 0 12px;
	width:360px;
}
#material dd.more{text-align:right;}

/* ---------------------------------------------------------------- */
/* point：ポイント */
/* ---------------------------------------------------------------- */
#point{
	margin:0 0 2em 12px;
	width:612px;
	text-align:center;
}
/* ---------------------------------------------------------------- */