@charset "utf-8";
/*
========== CONTENTS ==========

	01: サイト内共通項目
		a) デフォルト設定
				
	02: container
		a) コンテンツエリア
		b) 中央メイン部分
		c) 各ページのスタイル
	
	03: footer

==============================
*/

/*==============================01: サイト内共通項目==============================*/

/********** a) デフォルト設定 **********/
html {
	overflow-y: scroll;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,th {
	text-align: left;
	font-weight:normal;
}

q:before,q:after {
	content: '';
}

object,
embed {
	vertical-align: top;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

img,abbr,acronym,fieldset {
	border: 0;
}


/*----------------------------------------------------
	Base
----------------------------------------------------*/

body {
	background: #ffffff;
	color: #464646;
	font-size: small;
	/*----------------------------------------------------
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	----------------------------------------------------*/
	line-height: 1.7;
	text-align: center;
}


/*----------------------------------------------------
	Link
----------------------------------------------------*/
a:link, a:visited {
	text-decoration: none;
	color:#f38c47;
}

a:hover {
	text-decoration: underline;
	color:#75ab55;
}

a:active {
	text-decoration: none;
}

a:link.txtlink, a:visited.txtlink {
	color:#688ae3;
	text-decoration:underline;
}
	a:hover.txtlink {
	color:#e77d27;
	text-decoration:underline;
	}

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.clear { clear: both;}


/********** b) TEXT-ALIGN、VERTICAL-ALIGN **********/
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.bottom{vertical-align:bottom;}

/********** c) FONT **********/
.bold{font-weight:bold;}
.uline{text-decoration: underline;}
.white{color:#ffffff;}
.green{color:#75ab55;}
.orange{color:#f38c47;}
.red{color:#cc0066;}

.xsmall{font-size: x-small;} 
.font12{font-size:12px;}


/********** k) BORDER LINE **********/
.dot {
	padding-bottom:10px;
	background: #fff url(../img/dot.gif) repeat-x left 21px;
}

/********** k) list **********/

li {
	list-style:none;
	list-style-position:inside;
	}

/********** k) 三角アイコン **********/

.apoint_gr {
	padding-left:8px;
	text-decoration:none;
	background: url(../img/ico_gr.gif) no-repeat left 4px;
	}
	
.apoint_gr2 {
	padding-left:8px;
	text-decoration:none;
	background: url(../img/ico_gr.gif) no-repeat left 5px;
	}

/********** n) MARGIN **********/
.mt00{margin-top:0px;}
.mt02{margin-top:2px;}
.mt03{margin-top:3px;}
.mt05{margin-top:5px;}
.mt08{margin-top:8px;}
.mt10{margin-top:10px;}
.mt13{margin-top:13px;}
.mt15{margin-top:15px;}
.mt18{margin-top:18px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt33{margin-top:33px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}

.mr2{margin-right:2px;}
.mr02{margin-right:2px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}

.mb0{margin-bottom:0px;}
.mb3{margin-bottom:3px;}
.mb5{margin-bottom:5px;}
.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb47{margin-bottom:47px;}


.ml2{margin-left:2px;}
.ml5{margin-left:5px;}
.ml7{margin-left:7px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml47{margin-left:47px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}

/********** o) PADDING **********/
.pt5{padding-top:5px;}
.pt05{padding-top:5px;}
.pt08{padding-top:8px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}

.pr2{padding-right:2px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}

.pb5{padding-bottom:5px;}
.pb6{padding-bottom:6px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}

.pl2{padding-left:2px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}

/*==============================02: cont================================*/

/********** a) コンテンツエリア **********/

#cont {
	background: #ffffff;
	margin:0 auto;
	width:1000px;
}



/********** c) 各ページのスタイル **********/

/* 共通部分 */

#cont_700{
	margin:0 auto;
	width:1000px;
	height:700px;
	}

#cont_930{
	margin:0 auto;
	width:930px;
	text-align:left;
	}


#area_l {
	width:500px;
	margin:auto;
	text-align:left;
	float:left;
	}

#area_r {
	width:500px;
	margin:auto;
	text-align:left;
	float:right;
	}

#area_navi {
	width:478px;
	}

#area_navi1 {
	width:478px;
	height:16px;
	background:url(../img/navi_bg.gif)
	}

#area_navi2{
	width:128px;
	float:left;
	}
#area_navi3{
	width:350px;
	float:right;
	}
#area_navi4{
	width:478;
	text-align:right;
	margin-top:6px;
	}

#area_navi01 {
	width:478px;
	height:44px;
	background:url(../img/navi_bg.gif)
	}

#area_navi02{
	width:128px;
	float:left;
	margin-top:16px;
	}

#area_navi03{
	width:350px;
	float:right;
	margin-top:7px;
	}


#area_navib01 {
	width:478px;
	height:44px;
	background:url(../img/navi_bg2.gif)
	}

#area_navib02{
	width:128px;
	float:left;
	margin-top:16px;
	}

#area_navib03{
	width:350px;
	float:right;
	margin-top:7px;
	}


#area_txt{
	width:478;
	padding-top:11px;
	padding-left:11px;
	padding-right:11px;
	}
	
#area_txt1{
	width:448px;
	padding-left:15px;
	padding-right:15px;
	}

/* topページ */
#cont_top{
	background-color:fff;
	margin:0 auto;
	width:1000px;
	}

#cont_1{
	margin:0 auto;
	width:1000px;
	}
	
#top_navi1{
	width:403px;
	float:left
	}
#top_navi2{
	width:597px;
	float:right;
	}

/*( What's New部分 )*/
#wnew {
	width:986px;
	margin-top:8px;
	margin-left:7px;
	margin-right:7px;
	text-align:left;
	clear:both;
	}
#wnew td{
	text-align:left;
	vertical-align:top;
	}

#wnew .lleft{
	width:294px;
	border-right:solid 1px #b9b9b9;
	}

#wnew .lcenter{
	width:325px;
	padding-left:18px;
	border-right:solid 1px #b9b9b9;
	}

#wnew .lright{
	padding-left:18px;
	}


#wnew .day{
	padding-left:9px;
	text-decoration:none;
	background: url(../img/ico_gr2.gif) no-repeat 1px 5px;
	}

#wnew h3{
	font-weight:bold;
	padding-left:8px;
	}
#wnew p{
	padding-left:8px;
	font-size:10px;
	padding-right:22px;
	}


/* プロフィールページ*/

#pro_gr{
	font-size:x-small;
	color:#75ab55;
	line-height:1.5em;
	}
	
/* ダンスマルシェページ */
#marche {
	width:850px;
	text-align:left;
	padding-left:40px;
	padding-right:40px;
	clear:both;
	}
#marche a{
	color:#cc0066;
	text-decoration:none;
	}
	#marche a:hover{
	color:#14aa9a;
	text-decoration:underline;
	}


#marche1 a{
	text-decoration:none;
	padding-left:13px;
	background:url(../img/ico01.gif) no-repeat left 2px;
	}
	#marche1 a:hover{
	text-decoration:underline;
	padding-left:13px;
	background:url(../img/ico01.gif) no-repeat left 2px;
	}

#marche1 {
	width:491px;
	float:left;
	}

#marche1 .txt{
	padding-left:8px;
	padding-right:8px;
	font-size:12px;
	}

#marche1 .blue {
	background-color:#e8f1ef;
	}


#marche1 .title{
	color:#256e85;
	margin-top:30px;
	}
#marche1 .title2{
	padding-top:4px;
	padding-bottom:12px;
	}



#marche2 {
	width:316px;
	float:right;
	}



#marche2 .txt{
	padding-left:2px;
	padding-right:2px;
	font-size:12px;
	}



#marche2 .title{
	color:#cc0066;
	margin-top:30px;
	}
	
#marche2 .title1{
	color:#cc0066;
	margin-top:30px;
	}

#marche2 .title2{
	padding-left:14px;
	padding-top:4px;
	padding-bottom:12px;
	}

#marche2 .title a{
	text-decoration:none;
	padding-left:13px;
	background:url(../img/ico01.gif) no-repeat left 4px;
	}
	#marche2 .title a:hover{
	text-decoration:underline;
	padding-left:13px;
	background:url(../img/ico01.gif) no-repeat left 4px;
	}

#marche2 .title1 a{
	text-decoration:none;
	padding-left:13px;
	background:url(../img/ico01.gif) no-repeat left 2px;
	}
	#marche2 .title1 a:hover{
	text-decoration:none;
	padding-left:13px;
	background:url(../img/ico01.gif) no-repeat left 2px;
	}

#marche_bl{
	font-size:small;
	color:#4995af;
	line-height:1.5em;
	}
	
	#marche_bl a{
		text-decoration: underline;
		color:#4995af;
		}

		#marche_bl a:hover {
			text-decoration: underline;
			color:#75ab55;
		}

/* （インタビューページ） */

#interv {
	width:890px;
	text-align:left;
	padding-left:40px;
	padding-top:22px;
	clear:both;
	}

#interv a{
	color:#cc0066;
	text-decoration:none;
	}
	#interv a:hover{
	color:#14aa9a;
	text-decoration:underline;
	}

#interv1 {
	width:611px;
	float:left;
	background:url(../img/interview_lbk.gif) repeat-y;
	}
#interv1 .txt{
	width:585px;
	clear:both;	
	}

#interv1_title {
	width:344px;
	float:left;
	height:130px;
	text-align:left;
	}

#interv1_title p {
	padding-top:15px;
	height:51px;
	}

#interv1_img {
	height:130px;
	width:241px;
	float:right;
	}


#interv2 {
	width:258px;
	float:right;
	text-align:left;
	}

#interv2 p {
	width:218px;
	}


#interv2 .title {
	line-height:1.1em;
	}

#interv2 .title a{
	text-decoration:none;
	padding-left:13px;
	background:url(../img/ico01.gif) no-repeat left 4px;
	}
	#interv2 .title a:hover{
	text-decoration:none;
	padding-left:13px;
	background:url(../img/ico01.gif) no-repeat left 4px;
	}

#interv2 .title2{
	padding-left:13px;
	padding-top:4px;
	padding-bottom:12px;
	}



/* NEWSページ*/

#area_news1{
	width:448px;
	height:590px;
	padding-left:15px;
	padding-right:15px;
	}

#area_news2{
	width:448px;
	padding-left:15px;
	padding-right:15px;
	text-align:right;
	}


/* ギャラリーページ*/

#gal_top{
	background-color:fff;
	margin:0 auto;
	width:1000px;
	height:190px;
	}

#gall_l{
	width:639px;
	float:left;
	margin:0 auto;
	}

#gall_r{
	width:361px;
	float:right;
	margin:0 auto;
	}

#gall_r1{
	width:361px;
	margin:0 auto;
	}

#gal_main{
	width:928px;
	margin:0 auto;
	}
	
#gal_area{
	width:211px;
	text-align:left;
	margin:0 auto;
	vertical-align:top;
	}


.gal_t{
	padding-top:5px;
	padding-left:10px;
	text-decoration:none;
	background: url(../img/ico_gr.gif) no-repeat 4px 13px;
	}

.gal_txt{
	margin-left:11px;
	width:190px;
	font-size:x-small;
	line-height:1.2em;
	word-break:break-all;
	}


/*==============================03: footer==============================*/

/********** a) recruitページ以降のフッター **********/
#footer {
	margin:0 auto;
	background:#75ab55;
	text-align:center;
	width:1000px;
	height:24px;
	}

#footer_b {
	margin:0 auto;
	background:#4995af;
	text-align:center;
	width:1000px;
	height:24px;
	}	

#f_mar{
	width:850px;
	border-top:solid 4px #626262;
	}

#f_mar1 {
	float:left;
	text-align:left;
	padding-top:4px;
	}

#f_mar2 {
	float:right;
	text-align:right;
	padding-top:6px;
	}


#f_mar a{
	color:#cc0066;
	text-decoration:none;
	padding-left:13px;
	background:url(../img/ico01.gif) no-repeat left 2px;
	}
	#f_mar a:hover{
	color:#14aa9a;
	text-decoration:none;
	padding-left:13px;
	background:url(../img/ico01.gif) no-repeat left 2px;
	}