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

#profile-left{
	float:left;	
	width:312px;
}

#profile-right{
	float:right;
	width:628px;
}


/*
--------------------------------------------
	共通レイアウト
--------------------------------------------
*/

#wrapper{
	width:960px;
	margin:0 auto 0 auto;
	background-color:#FFF;
	position:relative;

}

#container-left{
	float:left;
}

#container-right{
	float:right;
}

#leftnav{
	float:left;
}

/*
--------------------------------------------
	plane-3clm ※トップページ専用
--------------------------------------------
*/

.plane-3clm #container-left{
	width:660px;
}

.plane-3clm #container-right{
	width:300px;
}

.plane-3clm #leftnav{
	width:140px;
}

.plane-3clm #content{
	float:right;
	width:470px;
	margin-right:25px;
}

/*
--------------------------------------------
	list-3clm
--------------------------------------------
*/

.list-3clm #container-left{
	width:820px;
}

.list-3clm #container-right{
	width:120px;
	;
}

.list-3clm #leftnav{
	width:200px;
}

.list-3clm #content{
	float:right;
	width:600px;
}

/*
--------------------------------------------
	prof-3clm
--------------------------------------------
*/

.prof-3clm #container-left{
	width:820px;
}

.prof-3clm #container-right{
	width:120px;
	;
}

.prof-3clm #leftnav{
	width:272px;
}

.prof-3clm #content{
	float:right;
	width:528px;
}

/*
--------------------------------------------
	plane-2clml ※プロフィールページ
--------------------------------------------
*/

.plane-2clml #container-left{
	width:960px;
}

.plane-2clml #leftnav{
	width:250px;
	min-height:600px;
}

.plane-2clml #content{
	float:right;
	width:690px;
}


/*

.plane-2clml #container-left{
	width:960px;
}

.plane-2clml #leftnav{
	width:200px;
}

.plane-2clml #content{
	float:right;
	width:740px;
}

*/

/*
--------------------------------------------
	plane-2clml-switch
--------------------------------------------
*/

.plane-2clml-switch #container-left{
	width:960px;
}

.plane-2clml-switch #leftnav{
	float:right;
	width:200px;
}

.plane-2clml-switch #content{
	float:left;
	width:740px;
}

/*
--------------------------------------------
	plane-2clmr
--------------------------------------------
*/
.plane-2clmr #container-left{
	width:620px;
}

.plane-2clmr #container-right{
	width:300px;
}

.plane-2clmr #content{
	float:left;
	width:620px;
}

/*
--------------------------------------------
	plane-1clm
--------------------------------------------
*/
.plane-1clm #container-left{
	width:960px;
}

.plane-1clmr #content{
	float:left;
	width:960px;
}