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




/*
 * Images : 画像の設定
 *------------------------------------------------*/

img {
	border:0;
	vertical-align: bottom;
}


/*
 * BoxModel : ボックスの幅、高さ、余白の設定
 *------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	font-size:84%;
}

*{
	margin: 0;
	padding: 0;
	zoom:1;
}

div {
	margin:0;
	padding:0;
}



/*
 * List : 箇条書き、説明付きリストの設定
 *------------------------------------------------*/
ul,
ol {
	list-style-type: none;
	list-style-position: outside;
}

/*
 *　clearfix
 *------------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* exclude MacIE5 \*/
* html .clearfix { height: 1%; }
.clearfix { display:block; }
/* end MacIE5 */


/*
 * Body設定
 *------------------------------------------------*/

body {
	background-color: #FEF8FA;	
}
#wrap {
	text-align:center;
}
#container {
	width: 900px;
	margin:0 auto;
}

/*
 * header設定
 *------------------------------------------------*/
#header_paragraph {
	float: left;
	width: 599px;
}
#header_element {
	float: right;
	width: 301px;
}

#wrap #container #header .frontcolumn01 {
	float: left;
}
#wrap #container #header .frontcolumn02 {
	float: left;
}
#wrap #container #header .frontBox {
	float: left;
}
/*
 * lead設定
 *------------------------------------------------*/
#wrap #container #leadBox {
	width: 900px;
	clear: both;
	background-color: #FEF2F9;
	background-image: url(../image/lead_back.jpg);
	background-repeat: no-repeat;
	background-position: 309px 0px;
}

#wrap #container #leadBox .paragraph {
	width: 860px;
	margin:0 auto;
	padding:8px 0;
	min-height:20px;
}
#wrap #container #leadBox .paragraph p {
	width:860px;
	text-align:justify;
	text-justify:inter-ideograph;
}





/*
 * mainBox設定
 *------------------------------------------------*/
#wrap #container #mainBox {
	background-color: #FEF2F9;
	width: 900px;

	background-image: url(../image/mainbox_back.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#wrap #container #mainBox .layoutBox {
	width: 861px;
	margin:0 auto;
}
#wrap #container #mainBox .layoutBox .layoutfront {
	background-image: url(../image/layoutbox_con.gif);
	background-repeat: repeat-y;
	width: 861px;
	background-color: #FFFFFF;
	padding-bottom:20px;
}




#wrap #container #mainBox .layoutBox .layoutfront .frontcolumn {
	float: left;
	width: 400px;
	margin-right: 12px;
	margin-left: 15px;
	height: auto;
	display: inline;
}
#wrap #container #mainBox .layoutBox .layoutbtm img {
	display: block;
}

#wrap #container #mainBox .layoutBox .layoutfront .frontcolumn .pBox {
	width:400px;
	padding:16px 0 0 0;

}



*html #wrap #container #mainBox .layoutBox .layoutfront .frontcolumn .pBox {
	padding:0;
	margin:16px 0 -10px;
}
*:first-child+html #wrap #container #mainBox .layoutBox .layoutfront .frontcolumn .pBox {
	margin-bottom:-10px;
}
#wrap #container #mainBox .layoutBox .layoutfront .frontcolumn .pBox .paragraph {
	float: left;
	margin-bottom:8px;
	width: 298px;
	line-height: 150%;
}
#wrap #container #mainBox .layoutBox .layoutfront .frontcolumn .pBox .element {
	float: right;
	width: 102px;
	min-height:20px;
	position: relative;
	padding-top:80px;
}

#wrap #container #mainBox .layoutBox .layoutfront .frontcolumn .pBox .element img{
	height: 23px;
	width: 79px;
	position: absolute;
	right: 10px;
	bottom: 0;	
}
#wrap #container #mainBox .layoutBox .layoutfront .frontcolumn .pBox .paragraph p {
	text-align: left;
	background-image: url(../image/layoutbox_con.gif);
	background-repeat: repeat-y;
}
.color01{
	color:#F0027F;
}
.color02{
	color:#AA66A6;
}


/*
 * footer設定
 *------------------------------------------------*/
#wrap #container #mainBox .line {
	width: 860px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D1B9C5;
	height: 0px;
	margin-top: 24px;
	margin-right: auto;
	margin-bottom: 24px;
	margin-left: auto;
	font-size: 0px;
	line-height: 0px;
}
#wrap #container #mainBox .copy {
	padding-bottom: 24px;
}