#siteTtl{ background: url(./img_skin.php?filename=skin_before_header&image_filename=skin_skin_before_header_1265010803.jpg) no-repeat;}
#publication{ background: url(./img_skin.php?filename=skin_footer&image_filename=skin_skin_footer_1264765147.gif) no-repeat;}

/*----------------------------------------------
全体の設定
 *--------------------------------------------*/
body {
	background: #fddede;
}
div#body {
	background: url(./skin/default/img/up/bg_body_bottom.gif) bottom center repeat-x #fff;
	padding-bottom: 80px;
}

div.container {
width: 950px;
margin:0 auto;
}

/*リンク関連*/
a:link    { color: #e4644b; text-decoration:underline; }
a:visited { color: #e4644b; text-decoration:underline; }
a:hover   { color: #e4644b; text-decoration:underline; }
a:active  { color: #e4644b; text-decoration:underline; }

/*----------------------------------------------
サイト名などヘッダー部分
 *--------------------------------------------*/
#siteTtl {
width:950px;
height:132px;
}
#siteTtl h1 {
padding:50px 0 0 50px;
font-size:30px;
line-height:100%;
overflow: hidden;
}

/*----------------------------------------------
ログイン窓
 *--------------------------------------------*/
.snsLogin { 
position:absolute;
top:152px;
left:700px;
width:250px;
}

/* カラー＆高さ */
#invite div.snsLogin { height:224px; background: url(./skin/default/img/up/bg_loginform.jpg) top center no-repeat;}
#free div.snsLogin{ height:254px; background: url(./skin/default/img/up/bg_loginform.jpg) top center no-repeat;}

/* インプット */
div#usernameArea input#username,
div#passwordArea input#password {
	border: 1px solid #c2af9c;
}

/* ボタン */
.snsLogin div#buttonLoginArea button { position:absolute; top:0; left:40px; border:0; text-indent:-3000px; cursor:pointer; background: url(./skin/default/img/up/btn_login.gif) top center no-repeat;}
.snsLogin div#buttonRegiArea button { position:absolute; top:0; left:40px; border:0; text-indent:-3000px; cursor:pointer; background: url(./skin/default/img/up/btn_regist.gif) top center no-repeat;}


/*----------------------------------------------
コンテンツカラム
 *--------------------------------------------*/
.contents {
float:left;
margin: 20px 0;
padding: 0 10px;
width:680px;
}

/* コンテンツ横幅 */
.frameTop,
.frameMiddle,
.frameBottom,
.frameTop div.box,
.frameBottom div.box { width:680px;}

/* 各種パーツ */
.contents div.box div { background-color: #fff;}
.contents div.box div.ttl { background-color:#ed7;}
.contents div.box div.ttl h2 { color: #444;}
.contents div.box div.innerBox { margin-top:-2px; padding:0 0 5px 0; border: 1px solid #ed7;}
.contents div.box div.innerBox dl { background:none;}
.contents div.box div.innerBox dt { padding:5px 0 5px 0; border-top:1px dotted #ed7;}
.contents div.box div.innerBox dd { padding:5px 0 5px 0; border-top:1px dotted #ed7;}

/* テキスト内のリスト */
.contents div.list li {margin-left:20px;}

/*----------------------------------------------
フッター部分
 *--------------------------------------------*/
.publication {
clear:both;
margin-left: -10px;
width:950px;
height:21px;
text-align: right;
font-size: 11px;
line-height: 21px;
}

/*----------------------------------------------
フリーエリア
 *--------------------------------------------*/

div.free {
	background: url(./skin/default/img/up/bg_dparts.gif) bottom left repeat-x;
	margin-top: 15px;
	padding-bottom: 15px;
	color: #333;
}
div.free div.inner {
	border: 6px solid #ffeff2;
	padding: 10px;
}

div.free h1,
div.free h2,
div.free h3,
div.free p {
	margin-bottom: 1em;
}
div.free h2 {
	padding: 5px 10px;
	color: #fff;
	background: #ffb3b3;
}
div.free h3 {
	padding: 5px 13px;
	font-size: 14px;
	font-weight: bold;
	border-left: 3px solid #ffd0d0;
	border-bottom: 1px solid #ffd0d0;
}
div.free p {
	padding-left: 1em;
}
div.free ul,
div.free ul li {
	margin: 0;
	padding: 0;
}
div.free ul {
	margin: 1em;
	padding: 1em 0 1em 1em;
	border: 1px solid #ffd0d0;
	background: #fff6f7;
}
div.free ul li {
	margin: 1em 0;
	padding-left: 27px;
	list-style-type: none;
	background: url(./skin/default/img/up/ico_heartarrow.gif) top left no-repeat;
}