@charset "utf-8";
/*
 html5doctor.com Reset Stylesheet v1.6.1
 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com http://html5doctor.com/html-5-reset-stylesheet/ Twitter: @rich_clark
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;/*vertical-align:baseline;*/background:transparent;}body{line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}nav ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}

hr{display:block;height:1px;border:0;border-top:1px solid #d6d6d6;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}

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


BODY, INPUT, SELECT, TEXTAREA, BUTTON, TD, TH 
{ font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, 
"ＭＳ Ｐゴシック", "MS PGothic", sans-serif, Arial, Helvetica, sans-serif; color: #434343; font-size: 12px; line-height: 20px; }

/*------------------ default 終わり ------------------*/


/*//////////////////////////各初期設定、基本のタグ（全ページ共通）/////////////////////////*/



/*------------------------------テキスト設定------------------------------*/
img { border: 0; }

H1 { font-size: 17px; font-weight: bold; padding:3px 0px 8px 28px;}/* 大見出し（アイコン含む） */
H2 { font-size: 17px; font-weight: bold; /*margin-top:4px;*/}/* 大見出し（アイコン含まない） */
H2.f12 { font-size: 14px; font-weight: bold; color:#99772f;}/* スペシャルクリエーター右カラム用 */
H3 { font-size: 18px; font-weight: bold; background-color:#e4fef4; padding:8px; margin-bottom:12px;}/* 中で使う */
H4 { font-size: 16px; padding-left:10px; border-left: 6px solid #73dacf; margin: 18px 0 18px 0;
	}/* 中で使う */
H5 { 
	font-size: 14px; 
	font-weight: bold; 
	background-color:#e7e7e7;
	margin-top:6px;
	margin-bottom:12px;
	padding: 3px 0px 3px 12px;
	border-radius: 6px;        /* 角丸 CSS3草案 */  
	-webkit-border-radius: 6px;    /* 角丸 Safari,Google Chrome用 */  
	-moz-border-radius: 6px;   /* 角丸 Firefox用 */ 
-ms-border-radius: 6px; /* ※追加 */ 
-o-border-radius: 6px; /* ※追加 */ 


}
H6 { font-size: 15px; color:#7b5a13; margin-top:2px; margin-bottom:6px;}


.icon_01{	background-image: url('/pages/img/common/icon_01.png');
		background-repeat: no-repeat;}
.icon_02{	background-image: url('/pages/img/common/icon_02.png');
		background-repeat: no-repeat;}
.icon_03{	background-image: url('/pages/img/common/icon_03.png');
		background-repeat: no-repeat;}
.icon_04{	background-image: url('/pages/img/common/icon_04.png');
		background-repeat: no-repeat;}
.icon_05{	background-image: url('/pages/img/common/icon_05.png');
		background-repeat: no-repeat;}
.icon_06{	background-image: url('/pages/img/common/icon_06.png');
		background-repeat: no-repeat;}

H1.notmemberText { font-size: 18px; font-weight: bold; }

/* NEWS設定 */
.text_news{
	line-height: 22px;
	padding-left: 62px;
}

	/*--- 『重要』 */
	.icon_important{
		background-image: url('/pages/img/common/label_02.png');
		background-repeat: no-repeat;
		background-position: left center;
	}

	/*--- 『お知らせ』 */
	.icon_info{
		background-image: url('/pages/img/common/label_01.png');
		background-repeat: no-repeat;
		background-position: left center;
	}
	/*--- 『コンテスト』 */
	.icon_contest{
		background-image: url('/pages/img/common/label_03.png');
		background-repeat: no-repeat;
		background-position: left center;
	}
	/*--- 『募集』 */
	.icon_recruit01{
		background-image: url('/pages/img/common/label_05.png');
		background-repeat: no-repeat;
		background-position: left center;
	}
	/*--- 『急募』 */
	.icon_recruit02{
		background-image: url('/pages/img/common/label_04.png');
		background-repeat: no-repeat;
		background-position: left center;
	}
	/*--- 『開始』 */
	.icon_start{
		background-image: url('/pages/img/common/label_06.png');
		background-repeat: no-repeat;
		background-position: left center;
	}
	/*--- 『結果』 */
	.icon_result{
		background-image: url('/pages/img/common/label_07.png');
		background-repeat: no-repeat;
		background-position: left center;
	}

/* NEWS設定 ここまで */

/*--- 『重要』 */

/*背景グレーの説明、引用（講座等）*/
.quote{
	font-size: 12px;
	font-weight: normal;
	color:#767676;
	background-color: #f7f7f7;
	margin-top: 6px;
	margin-bottom: 12px;
	padding: 6px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px; /* ※追加 */ 
	-o-border-radius: 6px; /* ※追加 */ 
}
/*背景グレーの説明、引用（インタビュー等）*/
.quote2{
	font-size: 14px;
	font-weight: bold;
	color:#99772f;
	margin-bottom: 12px;
	padding-left: 6px;
	border-left: solid 4px #99772f;
}

.font18{
	font-size:18px;
}

.font16{
	font-size:16px;
}

.font14{
	font-size:14px;
}

.font13{
	font-size:13px;
}

.font12{
	font-size:12px;
}

.font11{
	font-size:11px;
}

.font08{
	font-size:08px;
}
/*エラーメッセージ表示*/
.error{
	background-color: #fcffde;
	font-size:13px;
	color:#df4c4c;
	font-weight: bold;
}

/*------------------------------テキスト位置------------------------------*/
.left { text-align: left !important; }
.right { text-align: right !important;}
.center { text-align: center !important; }
.middle { vertical-align: middle; }
.nopadding { padding: 0 !important; }
.nomargin { margin: 0 !important; }
.nowrap { white-space: nowrap; }
.hidden { display: none; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.normal { font-weight: normal; }

.vtop{
	vertical-align:top;
}

/*------------------------------色設定（背景、リンク、テキスト）------------------------------*/
body{	background-color: #f9f9f9;}

A { 	
	color: #4dc898; 
	text-decoration: underline; 
}
A:hover { 
	text-decoration: none; 
}
a.text12{
	font-size:12px;
	font-weight: normal;
	padding-right: 12px;
}
.f11{
	font-size:11px;
}

A.popup{
	color:#000000;
}


/* テーマカラー */
.themaColor{
	color:#4dc798;
}
.gray{
	color:#b5b5b5;
}
.red{
	color:#df4c4c;
}
.gray2{
	color:#cecece;
}
.brown{
	color:#99772f;
}
.brown2{
	color:#dfce99;
}
.green{
	color:#46b78a;
}
/*------------------------------メイン配置、フロート等------------------------------*/
#container {
	width : 960px;
	/*background: #f9f9f9;*/
	margin : 0px auto; 
	padding-top : 26px;
	padding-bottom : 36px;
	line-height : 20px;
}

.f_left { float:left; }
.f_right { float:right; }
.clear { clear:both; display: block;}
.o_hidden { overflow: hidden; }
.box_center{margin: 0 auto;}


/* relative */
.relative   { 
    position: relative;
} 



#col_L{
	float:left;
	width : 740px;
	margin-top:18px;
	margin-right:18px;
}
#col_R{
	float:right;
	margin-top:18px;
	width : 202px;
}
#col_L200{
	float:left;
	margin-top:18px;
	width : 202px;
}
#col_R740{
	float:right;
	width : 740px;
	margin-top:18px;
	margin-left:18px;
}


.box_noMar {/* マージンのないbox */
	margin: 0;
	display: block;
	background: #ffffff;
	border: solid 1px #d6d6d6;
	border-radius: 8px;
	behavior: url(/pages/css/pie/PIE.htc);     /* 角丸 CSS3草案 */  
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;   /* 角丸 Firefox用 */  
-ms-border-radius: 8px; /* ※追加 */ 
-o-border-radius: 8px; /* ※追加 */ 

	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}


/*------------------------------ボックス配置------------------------------*/
.box { /*角丸の白枠*/
	padding:14px;
	margin:0;
	display: block;
	background: #ffffff;
	border: solid 1px #d6d6d6;
	border-radius: 8px;
	behavior: url(/pages/css/pie/PIE.htc);     /* 角丸 CSS3草案 */  
	-webkit-border-radius: 8px;    /* 角丸 Safari,Google Chrome用 */  
	-moz-border-radius: 8px;   /* 角丸 Firefox用 */  
-ms-border-radius: 8px; /* ※追加 */ 
-o-border-radius: 8px; /* ※追加 */ 
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
.box_noborder { /*色・枠なし*/
	padding:14px;
	margin:0;
	display: block;
}


.box_profile { /*会員TOPプロフィール用*/
	padding:10px;
	margin:0;
	display: block;
	background: #ffffff;
	border: solid 1px #d6d6d6;
	border-radius: 8px;
	behavior: url(/pages/css/pie/PIE.htc);     /* 角丸 CSS3草案 */  
	-webkit-border-radius: 8px;    /* 角丸 Safari,Google Chrome用 */  
	-moz-border-radius: 8px;   /* 角丸 Firefox用 */  
-ms-border-radius: 8px; /* ※追加 */ 
-o-border-radius: 8px; /* ※追加 */ 
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	margin-bottom:12px;
}

.box_Rcol,.box_Lcol { /* 右カラム用box */
	padding:10px;
	margin:0;
	display: block;
	background: #ffffff;
	border: solid 1px #d6d6d6;
	border-radius: 8px;
	behavior: url(/pages/css/pie/PIE.htc);     /* 角丸 CSS3草案 */  
	-webkit-border-radius: 8px;    /* 角丸 Safari,Google Chrome用 */  
	-moz-border-radius: 8px;   /* 角丸 Firefox用 */  
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
-ms-border-radius: 8px; /* ※追加 */ 
-o-border-radius: 8px; /* ※追加 */ 
	margin-bottom:20px;
}

.box_960{
	width : 960px;
}
.box_740{
	width : 740px;
}
.box_710{
	width : 710px;
}
.box_470{
	width : 470px;
	margin-bottom:20px;
}

.box_364{
	width : 364px;
	margin-bottom:12px;
}
.box_590{
	width : 590px;
}
.box_300{
	width : 300px;
}
.box_290{
	width : 290px;
}
.box_190{
	width : 190px;
}

.box_h300{
	height:200px;
}
.box_h400{
	height:340px;
}
.box_h600{
	height:600px;
}
/* boxボーダー */
.b_right{
	border-right:1px dotted #d6d6d6;
}




/* boxマージン */
	.box_marT8{ margin-top:8px;}
	.box_marT12{ margin-top:12px;}
	.box_marT20{ margin-top:20px;}
	.box_marT30{ margin-top:30px;}
	.box_marT40{ margin-top:40px;}

	.box_marB4{ margin-bottom:4px;}
	.box_marB8{ margin-bottom:8px;}
	.box_marB12{ margin-bottom:12px;}
	.box_marB14{ margin-bottom:14px;}
	.box_marB20{ margin-bottom:20px;}
	.box_marB30{ margin-bottom:30px;}
	.box_marB40{ margin-bottom:40px;}
	.box_marB60{ margin-bottom:60px;}/* httpsで使う */

	.box_marR12{ margin-right:12px;}
	.box_marR16{ margin-right:16px;}
	.box_marR18{ margin-right:18px;}
	.box_marR20{ margin-right:20px;}

	.box_mar14{ margin:14px;}/* box_noMar と組み合わせて使う */


/* boxマージンここまで */


/* boxパディング */
	.box_padT8{ padding-top:8px;}
	.padR14{ padding-right:14px;}


/* boxパディングここまで */


/* イラストポートフォリオ */
.port_illust img{
	margin:8px;
	float:left;
	display:inline;
}
.port_search{
	border:0;
	padding:8px;
	font-size:14px;
	border:solid 1px #ccc;
	width:300px;
	float:left;
	margin-top:1px;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}

.dropdown{
	font-size:12px;
	padding:9px 9px 8px 9px;
	border:solid 1px #ccc;
	margin-top:1px;
	margin-left:20px;
	margin-right:20px;
	width:220px;
	float:left;
}


/* スキルアップ講座 */

.col_skill01{
	width:300px;
	float:left;
}
.col_skill02{
	width:380px;
	float:left;
	padding-left:20px;
}
.col_skill02 li{
	line-height: 22px;
}

/* 広告 */
.ad_img200{
	width:200px;
	height: 200px;
	margin: 0 auto;
}
.ad_img300{
	width:300px;
	height: 250px;
	margin: 0 auto;
}

#ad_area960  {/* 広告 */
	width:960px;
	margin:0 auto;
	text-align:center;
	padding-bottom:20px;
}



/* プロフィール */

.settings img{ margin-right:2px;}
.settings{ 
	font-size: 11px;
	/*margin-top: 8px;*/
	margin-bottom: 12px;
	/*background-color: #fcfedc;*/
	border-bottom: 1px solid #d6d6d6;
	padding: 4px 4px 10px 4px;
	text-align: center;
}

.name_menu{
	margin:0 auto;
	position:-5px;
}
.name p{
	margin:2px;
	font-size:11px;
	line-height: 18px;
}
.box_name{
	width:180px;
	/*height:32px;*/
	margin-bottom:4px;
}

.box_name img{
	padding-top:4px;
}

.box_recruit01{
	width : 300px;
	float:right;
	text-align: right; 
	position: relative; 
	top:-26px;
}
/* Top 右カラムMENU用 */
.u_lile{
	font-size: 14px;
	font-weight: bold; 
	padding: 6px 0 6px 0px;
	border-bottom: 1px solid #d6d6d6;
	background-repeat: no-repeat;
}

.u_lile2{
	font-size: 14px;
	font-weight: bold; 
	padding: 6px 0 6px 0px;
	background-repeat: no-repeat;
}
/* 右カラムMENU用 */
#menu_right{
	margin-top:12px;
	margin-bottom:20px;
}
#menu_right ul{
	margin-top:8px;
}
.mark{
	line-height:26px;
	padding-left: 22px;
	background-image: url('/pages/img/common/mark.png');
	background-repeat: no-repeat;
	background-position: left center;
	}
.mark a{
 	color:#b06b07;
}

/* 2カラム左の中をさらに2カラム（スキルアップ講座用） */
.col_L_col2{
	width:320px;
	font-size:14px;
	float:left;
	margin:0 14px;
	display:inline;
	line-height:26px;
}

/*.col_L_col2 a{
	display:block;
} */


/*------------------------------SNSプラグイン------------------------------*/
.sns_box{
	margin-bottom:40px;
}
.fb-like-box{
	float:left;
}
.twitter-timeline{
	float:right;
}

/*------------------------------///共通モック///------------------------------*/

p.text{
	padding:8px;
}
p.text2{
	padding:0px 10px 16px 10px;
}
/*------------------------------///ログイン///------------------------------*/
.loginBg_01{
	background-image:url("/pages/img/common/login_bg.png");
	background-repeat: no-repeat;
	width:590px;
	height:90px;
	margin: 12px 0 12px 0;
	padding-top:16px;
	padding-left:28px;
	line-height:30px;
	font-size:18px;
	color:#666666;
	font-weight:bold;
}

.loginBg_02{
	background-image:url("/pages/img/common/illust/crepos_loginabout04_b.png");
	background-repeat: no-repeat;
	width:590px;
	height:300px;
	background-position:top right;
}

.loginText{
	padding: 90px 0px 90px 10px;
	margin-bottom:30px;
	font-size:14px;
}

#loginForm{
	margin: 12px 0 12px 0;
	padding:14px;
	display: block;
	background: #eaeaea;
	border-radius: 8px;
	behavior: url(/pages/css/pie/PIE.htc);     /* 角丸 CSS3草案 */  
	-webkit-border-radius: 8px;    /* 角丸 Safari,Google Chrome用 */  
	-moz-border-radius: 8px;   /* 角丸 Firefox用 */  
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
-ms-border-radius: 8px; /* ※追加 */ 
-o-border-radius: 8px; /* ※追加 */ 
	font-size:14px;
}
#loginForm input{
	display:block;
	width:260px;
	font-size:14px;
	margin-bottom:20px;
	padding:6px;
	border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -o-border-radius: 3px;
   -ms-border-radius: 3px;
-ms-border-radius: 3px; /* ※追加 */ 
-o-border-radius: 3px; /* ※追加 */ 
   border:#d6d6d6 1px solid;

}

#loginForm input.button_login{
	width:142px;
	border:0px;
	margin:0 auto;
}

#loginForm input:focus {
    border:solid 1px #d1b551;
}
/*------------/// ログインエリア ///-----------*/
#loginArea {
	padding: 18px 32px;
	/*width: 700px;*/
}


/*------------------------------///TOPへ戻る（SSL対応）///------------------------------*/

.arrow01{
	float:right;
	background-image:url("/pages/img/common/icon_arrow.png");
	background-position:0 3px;
	padding-left:18px;
	background-repeat: no-repeat;
}
.arrow02{
	float:right;
	width:160px;
	background-image:url("/pages/img/common/icon_arrow.png");
	background-position:0 4px;
	padding-left:12px;
	background-repeat: no-repeat;
}
/* アイコン出すだけ */
.icon_arrow{
	background-image: url("/pages/img/common/icon_arrow.png");
	background-position: 0 3px;
	margin-left:4px;
	padding-left: 16px;
	background-repeat: no-repeat;
}
/*------------------------------///スペシャルクリエーター///------------------------------*/

.scList{
	width: 682px;
	margin:0 auto;
	padding: 0 0 30px 0;
}
ol{
	border-bottom:dotted 1px #d6d6d6;
}


.scListInner{
	float:left;
	display:inline;
	width:120px;
	margin-right:20px;
	padding:24px 0 10px 0;
}

.scListInner img{
	width:120px;
/*	border: solid 1px #d6d6d6;*/
}

.scListInner .name{
	width:120px;
	text-align:center;
	font-weight:bold;
}


.scListInner_last{
	float:left;
	display:inline;
	width:120px;
	margin-right:0px;
	padding:24px 0 10px 0;
}

.scListInner_last img{
	width:120px;
/*	border: solid 1px #d6d6d6;*/
}

.scListInner_last .name{
	margin: 0 auto;
	text-align:center;
	font-weight:bold;
}

/*--クリエーター詳細--*/

.works_text p{
	font-size:11px;
	margin-top:0px;
	padding-bottom:10px;
}


/*------------------------------///【動的】会員登録///------------------------------*/

.submit_button{
	padding:10px;
	font-size: 16px;
	color: #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(19%, #57e0ab), color-stop(86%, #4abf90) );
	background:-moz-linear-gradient( center top, #57e0ab 19%, #4abf90 86% );
	background:-ms-linear-gradient( top, #57e0ab 19%, #4abf90 86% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#57e0ab', endColorstr='#4abf90');
	background-color:#4abf90;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
-ms-border-radius: 6px; /* ※追加 */ 
-o-border-radius: 6px; /* ※追加 */ 

	border: 1px solid #c0eddc;
	-moz-box-shadow:
		0px 1px 3px rgba(181,181,181,0.6),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(181,181,181,0.6),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(181,181,181,0.6),
		inset 0px 0px 1px rgba(255,255,255,0.7);
}

.submit_button:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(19%, #6aebb9), color-stop(86%, #6bc7a2) );
	background:-moz-linear-gradient( center top, #6aebb9 19%, #6bc7a2 86% );
	background:-ms-linear-gradient( top, #6aebb9 19%, #6bc7a2 86% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6aebb9', endColorstr='#6bc7a2');
}


.cancel_button{
	padding:10px;
	font-size: 14px;
	color: #8b8b8b;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(19%, #f1f1f1), color-stop(86%, #e0e0e0) );
	background:-moz-linear-gradient( center top, #f1f1f1 19%, #e0e0e0 86% );
	background:-ms-linear-gradient( top, #f1f1f1 19%, #e0e0e0 86% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e0e0e0');
	background-color:#fa8f23;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
-ms-border-radius: 6px; /* ※追加 */ 
-o-border-radius: 6px; /* ※追加 */ 

	border: 1px solid #dfdfdf;
	-moz-box-shadow:
		0px 1px 3px rgba(181,181,181,0.6),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(181,181,181,0.6),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(181,181,181,0.6),
		inset 0px 0px 1px rgba(255,255,255,0.7);
}

/*------------------------------/// 共通ボタン ///------------------------------*/

/* ボタンのカスタマイズ用 */
a.underNone{
	text-decoration: none;
}

.w40per{
	width:40%;
}

.w20per{
	width:20%;
}
/* ボタンその1　灰色 */
.common_button01{
	margin:0 auto;
	color:#4dc798;
	padding:8px 10px 8px 10px;
	font-size: 14px;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(10%, #f5f5f5), color-stop(86%, #ebeaea) );
	background:-moz-linear-gradient( center top, #ffffff 1%,#f5f5f5 10%, #ebeaea 86% );
	background:-ms-linear-gradient( top, #ffffff 1%, #f5f5f5 10%, #ebeaea 86% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#ebeaea');
	background-color:#fa8f23;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
-ms-border-radius: 6px; /* ※追加 */ 
-o-border-radius: 6px; /* ※追加 */ 

	border-radius: 6px;
	border: 1px solid #e0e0e0;
	font-weight:bold;
	text-align:center;
}

.common_button01:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(10%, #f9f9f9), color-stop(86%, #f2f2f2) );
	background:-moz-linear-gradient( center top, #ffffff 1% #f9f9f9 10%, #f2f2f2 86% );
	background:-ms-linear-gradient( top, #ffffff 1% #f9f9f9 10%, #f2f2f2 86% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f2f2f2');
}

/* ボタンその2　青緑色 */

.common_button02{
	margin:0 auto;
	padding:10px;
	color: #ffffff;
	font-size: 14px;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(19%, #57e0ab), color-stop(86%, #4abf90) );
	background:-moz-linear-gradient( center top, #57e0ab 19%, #4abf90 86% );
	background:-ms-linear-gradient( top, #57e0ab 19%, #4abf90 86% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#57e0ab', endColorstr='#4abf90');
	background-color:#fa8f23;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
-ms-border-radius: 6px; /* ※追加 */ 
-o-border-radius: 6px; /* ※追加 */ 

	border: 1px solid #c0eddc;
	font-weight:bold;
	text-align:center;
}

.common_button02:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(19%, #6aebb9), color-stop(86%, #6bc7a2) );
	background:-moz-linear-gradient( center top, #6aebb9 19%, #6bc7a2 86% );
	background:-ms-linear-gradient( top, #6aebb9 19%, #6bc7a2 86% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6aebb9', endColorstr='#6bc7a2');
}


/* ボタンその3　茶色 */

.common_button03{
	padding:4px 10px 4px 10px;
	color: #ffffff;
	font-size: 14px;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(19%, #d5b473), color-stop(86%, #caa268) );
	background:-moz-linear-gradient( center top, #d5b473 19%, #caa268 86% );
	background:-ms-linear-gradient( top, #d5b473 19%, #caa268 86% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5b473', endColorstr='#caa268');
	background-color:#c8964d;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
-ms-border-radius: 6px; /* ※追加 */ 
-o-border-radius: 6px; /* ※追加 */ 

	border: 1px solid #eedfc8;
	font-weight:bold;
	text-align:center;
}

.common_button03:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(19%, #d7bf8e), color-stop(86%, #caab7e) );
	background:-moz-linear-gradient( center top, #d7bf8e 19%, #caab7e 86% );
	background:-ms-linear-gradient( top, #d7bf8e 19%, #caab7e 86% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7bf8e', endColorstr='#caab7e');
}

/*------------------------------/// input ///------------------------------*/

input{
	padding:6px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border:#d6d6d6 1px solid;
	font-size:14px;
}
input.noborder{
	border:0;
}
input.px480{
   width:480px;
}


input#serch_port_name{ /* ポートフォリオ名前検索 */
	padding:4px;
	font-size:12px;
	padding:6px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	 border:#d6d6d6 1px solid;
}

#port_text{
	height:40px;
	padding-bottom:20px;
}


/*------------------------------/// テキストエリア ///------------------------------*/

.textArea{

}
.textArea:focus {
	outline: 0;
	border: solid 1px #4dc898;
}

textarea.grayBo {
	border: 1px solid #ccc;
	color: #434343;
}
/*------------------------------/// エラー文 ///------------------------------*/
.top_check_aka14{
	margin-top:10px;
 	margin-bottom:10px;
	color:#df4c4c;
}