/* Global styles 
----------------------------------------*/

/*	基本的な設定	*/
/*	start	*/
* {
	margin:0 0 0 0;
	padding:0 0 0 0;
	word-break: break-all;
	word-wrap: break-word;
}

table {
	border-collapse:collapse;
}
body, select, option {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color: #FFFFFF;
	font-family: ms gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

body, td, th, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, span, div, form, input
{
	margin-top: 0; 
	margin-bottom: 0;
	font-size: 12px;
	line-height: 14px;
}

img 
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: 0;
}

.clear
{
	clear: both;
}

ul, ol, dl, li 
{
	list-style-type: none;
}

li a span 
{
	position: absolute;
	left:-1000px;
}

a {
	text-decoration:none;
	text-decoration:none;
	color:#0A6BCF;
}

a:hover {
	text-decoration:underline;
	text-underline-position:below;
}

.fsize_s {
	font-size:10px;
}
/*	end	*/


/*	全体のテーブル	*/
/*	start	*/
#master 
{
	width:100%;
	margin:0;
	padding:0;
}

#master_table {
	width:100%;
}
/*	end	*/


/*	ヘッダ基本設定	*/
/*	start	*/
#header {
	text-align:center;
	width:768px;
}

#header .bg {
	border-collapse:collapse;
	background-image:url(../images/frames/header.gif);
	background-repeat:no-repeat;
	width:768px;
	height:237px;
}
/*	end	*/


/*	ログアウト時のヘッダ(右側のボックス内)	*/
/*	start	*/
#header .logout {
	width:235px;
	height:80px;
	margin:35px 0px 0px 25px;
}

#header .login td {
	color:#7D7D7D;
}

#header .logout .link {
	text-align:right;
}

#header .logout .link div {
	color:#0a6bcf;
	width:130px;
	text-align:left;
	white-space:nowrap;
}

/*	end	*/


/*	ログイン時のヘッダ(右側のボックス内)	*/
/*	start	*/
#header .login {
	width:235px;
	height:90px;
	margin:35px 0px 0px 23px;
}

#header .login table , #header .logout table {
	width:100%;
	height:100%;
}
	
#header .login  {
	text-align:right;
}

#header .login .link span, #header .login .link a:visited {
	color:#0a6bcf;
	width:100%;
	text-align:right;
}

/*	end	*/


/*	ナビ基本設定	*/
/*	start	*/
#navi {
	width:768px;
}

#navi li {
	float:left;
	display:inline;
	width:148px;
	height:53px;
}
/*	end	*/


/*	ナビ基本設定	*/
/*	start	*/
#main {
	width:763px;
}

#menu {
	width:768px;
	margin:10px 0;
}

#menu li {
	float:left;
	display:inline;
	width:148px;
	height:53px;
}
/*	end	*/


/*	ナビリンク(平常時)	*/
/*	start	*/
#navi #top a {
	display:block;
	background-image:url(../images/navi/n_top.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	width:148px;
	height:53px;
}

#navi #new_ava a {
	display:block;
	background-image:url(../images/navi/n_newAvatar.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	width:148px;
	height:53px;
}

#navi #ranking a {
	display:block;
	background-image:url(../images/navi/n_rank.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	width:148px;
	height:53px;
}

#navi #tag_list a {
	display:block;
	background-image:url(../images/navi/n_tag.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	width:148px;
	height:53px;
}

#navi #mypage a {
	display:block;
	background-image:url(../images/navi/n_myPage.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	width:148px;
	height:53px;
}
/*	end	*/


/*	ナビリンク(マウスオーバー)	*/
/*	start	*/
#navi #top a:hover, #navi #top a:active {
	display:block;
	background-image:url(../images/navi/n_top_o.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	width:148px;
	height:53px;
}

#navi #new_ava a:hover {
	display:block;
	background-image:url(../images/navi/n_newAvatar_o.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	width:148px;
	height:53px;
}

#navi #ranking a:hover {
	display:block;
	background-image:url(../images/navi/n_rank_o.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	width:148px;
	height:53px;
}

#navi #tag_list a:hover {
	display:block;
	background-image:url(../images/navi/n_tag_o.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	width:148px;
	height:53px;
}

#navi #mypage a:hover {
	display:block;
	background-image:url(../images/navi/n_myPage_o.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	width:148px;
	height:53px;
}
/*	end	*/



#mypagemenu {
	width:768px;
	margin:10px 0;
}

#mypagemenu li {
	float:left;
	display:inline;
	width:148px;
	height:53px;
}
/*	ナビリンク(平常時)	*/
/*	start	*/
#mypagemenu #logo a {
	display:block;
	background-image:url(../images/navi/MY_PAGE.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	width:148px;
	height:53px;
}

#mypagemenu #home a {
	display:block;
	background-image:url(../images/navi/n_home.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	width:148px;
	height:53px;
}

#mypagemenu #worklist a {
	display:block;
	background-image:url(../images/navi/n_workList.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	width:148px;
	height:53px;
}

#mypagemenu #favorite a {
	display:block;
	background-image:url(../images/navi/n_favorite.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	width:148px;
	height:53px;
}

#mypagemenu #chg_regist a {
	display:block;
	background-image:url(../images/navi/n_infoChange.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	width:148px;
	height:53px;
}
/*	end	*/


/*	ナビリンク(マウスオーバー)	*/
/*	start	*/
#mypagemenu #home a:hover {
	display:block;
	background-image:url(../images/navi/n_home_o.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	width:148px;
	height:53px;
}

#mypagemenu #worklist a:hover {
	display:block;
	background-image:url(../images/navi/n_workList_o.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	width:148px;
	height:53px;
}

#mypagemenu #favorite a:hover {
	display:block;
	background-image:url(../images/navi/n_favorite_o.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	width:148px;
	height:53px;
}

#mypagemenu #chg_regist a:hover {
	display:block;
	background-image:url(../images/navi/n_infoChange_o.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	width:148px;
	height:53px;
}
/*	end	*/


#creatorpagemenu {
	width:768px;
	margin:10px 0;
}

#creatorpagemenu li {
	float:left;
	display:inline;
	width:148px;
	height:53px;
}

/*	ナビリンク(平常時)	*/
/*	start	*/
#creatorpagemenu #logo a {
	display:block;
	background-image:url(../images/navi/CREATOR_PAGE.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	width:148px;
	height:53px;
}

#creatorpagemenu #home a {
	display:block;
	background-image:url(../images/navi/n_home.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	width:148px;
	height:53px;
}

#creatorpagemenu #worklist a {
	display:block;
	background-image:url(../images/navi/n_workList.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	width:148px;
	height:53px;
}

#creatorpagemenu #favorite a {
	display:block;
	background-image:url(../images/navi/n_favorite.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	width:148px;
	height:53px;
}

#creatorpagemenu #chg_regist a {
	display:block;
	background-image:url(../images/navi/n_infoChange.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	width:148px;
	height:53px;
}
/*	end	*/


/*	ナビリンク(マウスオーバー)	*/
/*	start	*/
#creatorpagemenu #home a:hover {
	display:block;
	background-image:url(../images/navi/n_home_o.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	width:148px;
	height:53px;
}

#creatorpagemenu #worklist a:hover {
	display:block;
	background-image:url(../images/navi/n_workList_o.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	width:148px;
	height:53px;
}

#creatorpagemenu #favorite a:hover {
	display:block;
	background-image:url(../images/navi/n_favorite_o.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	width:148px;
	height:53px;
}

#creatorpagemenu #chg_regist a:hover {
	display:block;
	background-image:url(../images/navi/n_infoChange_o.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	width:148px;
	height:53px;
}
/*	end	*/


/*	 検索バー	*/
/*	start	*/
#search {
	background-image:url(../images/frames/grass_belt.gif);
	background-repeat:repeat-x;
	width:100%;
	height:68px;
	text-align:center;
	padding-bottom:5px;
}

#search div {
/*	width:763px;*/
	width:100%;
	text-align:center;

}

#search span 
{
	width:763px;
	text-align:right;
	padding:0 0 0 500px;
}
/*	end	*/


/*	 フッター	*/
/*	start	*/
#footer {
	background-image:url(../images/frames/grass_belt.gif);
	background-repeat:repeat-x;
	width:100%;
	height:68px;
	text-align:center;
	padding-bottom:5px;
}

#footer div {
/*	width:763px;*/
	width:100%;
	text-align:center;

}

#footer span 
{
	width:763px;
	text-align:right;
	padding:0 0 5px 300px;
	white-space:nowrap;
}

/*	end	*/


/*	アバター情報欄	*/
/*	 start	*/
.ava_info {
	width:235px;
	margin:5px 10px;
}

.ava_info .maker {
	padding:0 5px 0 5px;
	white-space:nowrap;
}

.ava_info .avatar {
	padding:0 5px 0 5px;
	white-space:nowrap;
}

.ava_info .comment {
	padding:0 15px 0 22px;
	white-space:nowrap;
}

.ava_info .info {
	text-align:right;
}

.ava_info .a_btm {
	padding:5px 0 0 0;
	text-align:center;
	height:3px;
}

.ava_info .a_btm div {
	text-align:right;
	background-image:url(../images/frames/line.gif);
	background-repeat:repeat-x;
	width:100%;
	height:3px;
}

.ava_info .line {
	padding:5px 0 0 0;
	height:3px;
}

.ava_info .line div
{
	background-image:url(../images/frames/line.gif);
	background-repeat:no-repeat;
	width:167px;
	height:3px;
	margin: 0 0 0 5px;
}

.ava_info .create_day {
	padding:0 5px 0 5px;
	white-space:nowrap;
}

.ava_info td {
	color:#7D7D7D;
}
/*	end	*/



/*	もっと見る	*/
/*	start	*/
.more 
{
	width:100%;
	text-align:right;
	margin:0 10px 0 0;
}
/*	end	*/

/*	メイン	*/
/*	start	*/
#main {
	width:768px;
}
/*	end	*/



/*
	汎用レイアウト (wholecolumn)
*/
table.layout {
	width: 768px;
	margin-top: 15px;
}

td.wholecolumn {
	vertical-align: top;
	width: 768px;
}

table.block {
	width: 100%;
	margin: 8px 8px 8px 0;
}
table.block td.white {
	text-align: center;
}

td.wholecolumn table.block td.blockhead {
	background: url(../images/frames/f_head_template_R_long.gif) no-repeat;
	width:768px;
	height:39px;
	padding:15px 0 5px 50px;
	font-weight:bold;
	color:#7D7D7D;
}

td.wholecolumn table.block td.blockbody {
	background: url(../images/frames/f_mid_template_R_long.gif) repeat-y;
	width:768px;
	text-align:center;
	padding:10px 0 0 0;
}

td.wholecolumn table.block td.blockfoot {
	background: url(../images/frames/f_btm_template_R_long.gif) no-repeat;
	width:768px;
	height:15px;
}


/*
	汎用レイアウト (widecolumn)
*/
td.widecolumn {
	vertical-align: top;
	width: 556px;
}
td.widecolumn table.block td.blockhead {
	background: url(../images/frames/f_head_template_L.gif) no-repeat;
	width:556px;
	height:39px;
	padding:15px 0 5px 50px;
	font-weight:bold;
	color:#7D7D7D;
}

td.widecolumn table.block td.blockbody {
	background: url(../images/frames/f_mid_news.gif) repeat-y;
	width:556px;
	text-align:center;
	padding:10px 0 0 0;
}

td.widecolumn table.block td.blockfoot {
	background: url(../images/frames/f_btm_template_L.gif) no-repeat;
	width:556px;
	height:15px;
}


/*
	汎用レイアウト (sidecolumn)
*/
td.sidecolumn {
	vertical-align: top;
	width: 194px;
	text-align: right;
}
td.sidecolumn table.block {
	margin: 0 0 10px 0;
}
td.sidecolumn table.block td.blockhead {
	background: url(../images/frames/f_head_template_R.gif) no-repeat;
	width: 194px;
	height:39px;
	padding:15px 0 5px 50px;
	font-weight:bold;
	color:#7D7D7D;
}

td.sidecolumn table.block td.blockbody {
	background: url(../images/frames/f_mid_commonRight.gif) repeat-y;
	width: 194px;
	text-align:center;
	padding:10px 0 0 0;
}

td.sidecolumn table.block td.blockfoot {
	background: url(../images/frames/f_btm_commonRight.gif) no-repeat;
	width: 194px;
	height:15px;
}







table.formtable div.note, table.formtable_nodefault div.note {
	font-size: 10px;
}

span.required {
	color: red;
}
/*
	汎用フォームテーブル
*/
table.formtable, , table.formtable_nodefault {
	width: 80%;
	margin: 15px 0 30px 0;
	border: 1px solid #5BC258;
	padding: 0 0 0 5px;
}
table.formtable th, table.formtable_nodefault th.th {
	width: 200px;
	background: #DAF2B5;
	border: 1px solid #5BC258;
	color: #4C7B72;
	padding: 5px;
	text-align: left;
	font-weight: normal;
}
table.formtable td, table.formtable_nodefault td.td, table.formtable_nodefault td.error, table.formtable_nodefault td.spanned {
	width: 400px;
	text-align:left;
	border: 1px solid #5BC258;
	padding: 5px;
}
table.formtable td.error, table.formtable_nodefault td.error {
	width: 100%;
}	color: red;
}
table.formtable td.spanned, table.formtable_nodefault td.spanned,  {
	width: 100%;
}
table.formtable input.input, table.formtable_nodefault input.input {
	width: 62%;
}

table.formtable table.buttons, table.formtable_nodefault table.buttons {
	width: 100%;
}
table.formtable table.buttons td, table.formtable_nodefault table.buttons td {
	width: auto;
	border: none;
	text-align: center;
}









/*	タグリスト	*/
/*	start	*/
div.tag_list {
	margin:10px;
	text-align:center;
}

div.tag_list span.tag_item {
	margin:0;
	line-height:30px;
	white-space:nowrap;
}

span.tag_item a 
{
	margin:0 5px;
}
/*	end	*/