body {
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif; 
	font-size:14px;
	line-height:18px;
	/* color:#231d20; */
	background-color: #fff;
}

*					{margin:0; padding:0; word-wrap:break-word; line-height:22px;}

img					{vertical-align:bottom; border:none;}

.clear					{clear:both;}

#fc2_footer				{text-indent:-9999px;}
#fc2_footer span			{text-indent:-9999px; font-size:0px; display:none;}
#fc2_qr_code_box			{margin:0 0 0 0; display:none;}

a:link					{ color: #0099ff; }
a:visited				{ color: #0099ff; }
a:hover					{ color: #00ffff; }
a:active				{ color: #ff0000; }

a					{cursor:pointer;}

.f-bold					{font-weight:bold;}

.f10					{font-size:10px;}
.f12					{font-size:12px;}
.f14					{font-size:14px;}
.f16					{font-size:16px;}
.f18					{font-size:18px;}

.f-red					{color:#ff0000;}

.border					{height:1px; margin:50px 0 0 0; border-top:solid 1px #000;}
.border01				{height:1px; margin:20px 0 20px 0; border-top:dashed 1px #d5d5d5;}


.readmore				{float:right;}



.wrapper				{margin:0 0 20px 0;}

#indexmenu{
    width: 100%;
    height: 140px;
    background-color: #fff;
    opacity: 0.8;
    background-repeat: no-repeat;
    position: absolute;
    margin: 0 auto;
    bottom: 0%;
    right: 0;
    text-align: center;
    padding: 20px 0 20px 0;
    z-index: 2;
}

.menubox					{position: relative; margin:20px 0 0 0;}

#indexmenu h1					{width:300px; height:93px; margin:0 auto; background:url(/img/index_logo.png) no-repeat; text-indent:-9999px; display:block;}

.menubox ul {
		top: 50%;
		left: 50%;
}

.menubox ul li {
		padding: 0 0 0 0;
		font-weight: bold;
		list-style-type:none;
}

#indexbg					{z-index:1;}

#indexbg .bg{
		min-height: 100%;
		/*min-width: 1024px;
		width: 100%;*/
		height: auto;
		position: fixed;
		top: 0;
		left: 0;
}

#index h1					{text-indent:-9999px;}

.hoodsta_logo					{margin:0 0 0 20px;}

.hoodsta_logo span				{width:100px; height:100px; position:absolute; top:18px; left:0px; margin:0 0 0 0; background:url(/img/logo.png) no-repeat; text-indent:-9999px; display:block; float:left;}

/* pager */
.pager						{float:right;}

/* top */
/*
#topbg						{z-index:1; background-image:url(/img/topbg.jpg);}
*/

#container					{margin:0 0 0 0; position:relative;}

#container .maincontents			{width:1020px; min-height:1070px; margin:0 auto;}

#container .header				{width:1020px; height:250px; margin:0 auto; z-index:2;}
#container .header a				{width:100%; height:250px; margin:0 auto; background:url(/img/header.gif) no-repeat; text-indent:-9999px; display:block;}
#container h1					{text-indent:-9999px;}
.maincontents					{width:1020px; position:relative; margin:0 auto;}
.navi						{width:1030px; margin:0 auto;}
#gallery .navi					{width:1030px; height:60px; margin:0 auto;}
.navi ul					{position: absolute; top: 45px;}
.navi ul li					{list-style-type:none; display:inline; background-color:#ff0000;}
.naviLOGO a					{width:110px; height:50px; margin:0 0 0 0; background:url(/img/navi_01.png) no-repeat; text-indent:-9999px; display:block; float:left;}
.naviTOP a					{width:115px; height:50px; margin:0 0 0 0; background:url(/img/navi_02.png) no-repeat; text-indent:-9999px; display:block; float:left;}
.naviTOP a:hover				{width:115px; height:50px; margin:0 0 0 0; background:url(/img/navi_02_h.png) no-repeat; text-indent:-9999px; display:block; float:left;}
.naviNEWS a					{width:115px; height:50px; margin:0 0 0 0; background:url(/img/navi_03.png) no-repeat; text-indent:-9999px; display:block; float:left;}
.naviNEWS a:hover				{width:115px; height:50px; margin:0 0 0 0; background:url(/img/navi_03_h.png) no-repeat; text-indent:-9999px; display:block; float:left;}
.naviINST a					{width:115px; height:50px; margin:0 0 0 0; background:url(/img/navi_04.png) no-repeat; text-indent:-9999px; display:block; float:left;}
.naviINST a:hover				{width:115px; height:50px; margin:0 0 0 0; background:url(/img/navi_04_h.png) no-repeat; text-indent:-9999px; display:block; float:left;}
.naviLESSON a					{width:115px; height:50px; margin:0 0 0 0; background:url(/img/navi_05.png) no-repeat; text-indent:-9999px; display:block; float:left;}
.naviLESSON a:hover				{width:115px; height:50px; margin:0 0 0 0; background:url(/img/navi_05_h.png) no-repeat; text-indent:-9999px; display:block; float:left;}
.naviSYSTEM a					{width:115px; height:50px; margin:0 0 0 0; background:url(/img/navi_06.png) no-repeat; text-indent:-9999px; display:block; float:left;}
.naviSYSTEM a:hover				{width:115px; height:50px; margin:0 0 0 0; background:url(/img/navi_06_h.png) no-repeat; text-indent:-9999px; display:block; float:left;}
.naviSTUDIO a					{width:115px; height:50px; margin:0 0 0 0; background:url(/img/navi_07.png) no-repeat; text-indent:-9999px; display:block; float:left;}
.naviSTUDIO a:hover				{width:115px; height:50px; margin:0 0 0 0; background:url(/img/navi_07_h.png) no-repeat; text-indent:-9999px; display:block; float:left;}
.naviCONTACT a					{width:115px; height:50px; margin:0 0 0 0; background:url(/img/navi_08.png) no-repeat; text-indent:-9999px; display:block; float:left;}
.naviCONTACT a:hover				{width:115px; height:50px; margin:0 0 0 0; background:url(/img/navi_08_h.png) no-repeat; text-indent:-9999px; display:block; float:left;}
.naviBLOG a					{width:115px; height:50px; margin:0 0 0 0; background:url(/img/navi_09.png) no-repeat; text-indent:-9999px; display:block; float:left;}
.naviBLOG a:hover				{width:115px; height:50px; margin:0 0 0 0; background:url(/img/navi_09_h.png) no-repeat; text-indent:-9999px; display:block; float:left;}

#top .gallery_banner a				{width:740px; height:220px; margin:10px 0 10px 0; background:url(/img/13gd_gallery.jpg) no-repeat; text-indent:-9999px; display:block;}
#top .gallery_banner a:hover			{margin:10px 0 10px 0; background:url(/img/13gd_gallery_h.jpg) no-repeat; text-indent:-9999px; display:block;}

#top .newsimg					{width:700px; margin:10px 0 10px 0;}

#top .newsimg img				{width:700px; margin:10px 0 10px 0;}

/* leftcontainer */
.leftcontainer					{width:240px; margin:50px 0 0 0; float:left;}
.twitter					{width:240px; margin:0 0 20px 0;}
.bannerleft a					{width:240px; height:300px; margin:20px 0 0 0; background:url(/img/apparel_mini_banner.jpg) no-repeat; text-indent:-9999px; display:block; float:left;}
.bannerleft01 a					{width:240px; height:300px; margin:20px 0 0 0; background:url(/img/photogallery_banner.jpg) no-repeat; text-indent:-9999px; display:block; float:left;}
.bannerleft02 a					{width:240px; height:148px; margin:20px 0 0 0; background:url(/img/realtimesche.jpg) no-repeat; text-indent:-9999px; display:block; float:left;}
.bannerleftblog a				{width:240px; height:100px; margin:20px 0 0 0; background:url(/img/banner_blog.jpg) no-repeat; text-indent:-9999px; display:block; float:left;}

/* maincontainer */
.maincontainer					{width:760px; margin:50px 0 0 0; padding:0 0 0 20px; border-left:solid 1px #d5d5d5; float:right;}


/* maincontentsBox */
.maincontentsBox				{width:740px; margin:60px 0 0 0; float:right;}
.in4Box						{width:740px;}
.in4title					{width:740px; height:20px; margin:0 0 0 0; background:url(/img/in4mation_title.png) no-repeat; text-indent:-9999px; display:block;}
.in4Boxinner					{margin:20px 0 10px 0;}
.date						{width:90px; height:20px; margin:0 0 10px 0; padding:0 0 0 7px; line-height:20px; color:#000; background:url(/img/icon-date.png) left center no-repeat;}
.date p						{margin:0 0 0 8px;}
.in4txt						{margin:0 0 0 0;}
.in4txt a					{width:10px; height:10px; line-height:20px; padding:0 0 0 15px; background:url(/img/icon_right.png) left center no-repeat;}
.in4txt a:hover					{background:url(/img/icon_right_h.png) left center no-repeat;}

.in4titleLeftTweet				{width:240px; height:20px; margin:0 0 10px 0; background:url(/img/lefttitle_tweet.png) no-repeat; text-indent:-9999px; display:block;}
.in4titleLeftHot				{width:240px; height:20px; margin:0 0 10px 0; background:url(/img/lefttitle_hot.png) no-repeat; text-indent:-9999px; display:block;}
.in4titleLeftSche				{width:240px; height:20px; margin:0 0 10px 0; background:url(/img/lefttitle_sche.png) no-repeat; text-indent:-9999px; display:block;}
.in4titleLeftGallery				{width:240px; height:20px; margin:0 0 10px 0; background:url(/img/lefttitle_gallery.png) no-repeat; text-indent:-9999px; display:block;}

/* gallery */
.gallerymaincontainer				{width:740px; min-height:1070px; margin:50px 0 0 0; background-color:#fff; float:right;}
#gallery #container .maincontents		{width:1000px; height:800px; margin:100px auto;}
#gallery .in4title				{width:740px; height:20px; margin:0 0 10px 0; background:url(/img/gallery_title.png) no-repeat; text-indent:-9999px; display:block;}
.gallery_banner					{}

/* news */
#news .maincontentsBox				{width:760px; margin:50px 0 0 0; padding:0 0 0 20px; border-left:solid 1px #d5d5d5; float:right;}
#news .in4title					{width:740px; height:20px; margin:0 0 0 0; background:url(/img/news_title.png) no-repeat; text-indent:-9999px; display:block;}
.newssubject					{margin:0 0 10px 0; padding:0 0 5px 0; border-bottom:1px dashed #d5d5d5;}
#news .newsimg					{max-width:740px; margin:10px 0 10px 0;}

/* メールで問い合わせ */
.contact_mail a					{width:150px; height:50px; margin:10px 0 0 0; background:url(/img/sample/contact.gif) no-repeat; text-indent:-9999px; display:block;}
.contact_mail a:hover				{width:150px; height:50px; margin:10px 0 0 0; background:url(/img/sample/contact_hover.gif) no-repeat; text-indent:-9999px; display:block;}

/* pager */
.pager						{float:right;}


/* instructor */
.instructorimg					{width:218px; height:288px; margin:0 10px 10px 0; background:url(/img/instructor_tany.jpg) no-repeat; text-indent:-9999px; display:block; float:left;}
.instructorimgMai				{width:218px; height:288px; margin:0 10px 10px 0; background:url(/img/instructor_mai.jpg) no-repeat; text-indent:-9999px; display:block; float:left;}
#instructor .maincontentsBox			{width:760px; margin:50px 0 0 0; padding:0 0 0 20px; border-left:solid 1px #d5d5d5;  float:right;}
#instructor .in4title				{width:740px; height:20px; margin:0 0 0 0; background:url(/img/instructor_title.png) no-repeat; text-indent:-9999px; display:block;}

/* contact */
#contact .maincontentsBox			{width:760px; margin:50px 0 0 0; padding:0 0 0 20px; border-left:solid 1px #d5d5d5; float:right;}
#contact .in4title				{width:740px; height:20px; margin:0 0 0 0; background:url(/img/contact_title.png) no-repeat; text-indent:-9999px; display:block;}
#contact .in4txt				{margin:10px 0 10px 0;}


/* studio */
#studio .maincontentsBox			{width:760px; margin:50px 0 0 0; padding:0 0 0 20px; border-left:solid 1px #d5d5d5; float:right;}
#studio .in4title				{width:740px; height:20px; margin:0 0 0 0; background:url(/img/studio_title.png) no-repeat; text-indent:-9999px; display:block;}
#studio .in4txt					{margin:10px 0 10px 0;}
.studiobox					{width:600px; margin:20px 0 0 0;}
.studioteine					{width:600px; height:448px; background:url(/img/studio_teine.png) no-repeat; text-indent:-9999px;}
.studioshimamatsu				{width:600px; height:448px; background:url(/img/studio_shimamatsu.png) no-repeat; text-indent:-9999px;}
#studio .contact_mail				{margin:0 0 10px 0;}
.studioname					{margin:0 0 10px 0;}

/* company */
#company .maincontentsBox			{width:740px; margin:50px 0 0 0; float:right;}
#company .in4title				{width:740px; height:20px; margin:0 0 0 0; background:url(/img/company_title.gif) no-repeat; text-indent:-9999px; display:block;}
#company .map					{width:740px; height:350px; margin:0 0 40px 0;}

/* lesson */
#lesson .maincontentsBox			{width:760px; margin:50px 0 0 0; padding:0 0 0 20px; border-left:solid 1px #d5d5d5; float:right;}
#lesson .contact_mail a				{width:150px; height:50px; margin:10px 0 10px 0; background:url(/img/sample/contact.gif) no-repeat; text-indent:-9999px; display:block;}
#lesson .contact_mail a:hover			{width:150px; height:50px; margin:10px 0 10px 0; background:url(/img/sample/contact_hover.gif) no-repeat; text-indent:-9999px; display:block;}
#lesson .in4title				{width:740px; height:20px; margin:0 0 0 0; background:url(/img/lesson_title.png) no-repeat; text-indent:-9999px; display:block;}

#lesson .maincontainer				{width:740px; margin:50px 0 0 0; background-color:#fff; float:right;}
#lesson #container .maincontents		{width:1000px; min-height:1070px; margin:0 auto;}
#lesson .in4title				{width:740px; height:20px; margin:0 0 10px 0; background:url(/img/lesson_title.png) no-repeat; text-indent:-9999px; display:block;}
.lessonlist					{width:740px; height:416px; margin:0 0 0 0; text-indent:-9999px; display:block;}
.lessonlist .lessonteine			{width:740px; height:416px; background:url(/img/lesson_teine.png) no-repeat;}
.lessonlist .lessonshimamatsu			{width:740px; height:416px; margin:0 0 0 0; background:url(/img/lesson_shimamatsu.png) no-repeat;}
.lesson_txtbox					{margin:10px 0 0 0;}
.lessonbox					{width:740px; margin:10px 0 20px 0;}


/* calendarpage */
#calendarpage .maincontentsBox				{width:760px; margin:50px 0 0 0; padding:0 0 0 20px; border-left:solid 1px #d5d5d5; float:right;}
#calendarpage .contact_mail a				{width:150px; height:50px; margin:10px 0 10px 0; background:url(/img/sample/contact.gif) no-repeat; text-indent:-9999px; display:block;}
#calendarpage .contact_mail a:hover			{width:150px; height:50px; margin:10px 0 10px 0; background:url(/img/sample/contact_hover.gif) no-repeat; text-indent:-9999px; display:block;}

#calendarpage .maincontainer				{width:740px; margin:50px 0 0 0; background-color:#fff; float:right;}
#calendarpage #container .maincontents			{width:1010px; min-height:1070px; margin:0 auto;}
#calendarpage .in4title					{width:740px; height:20px; margin:0 0 20px 0; background:url(/img/rsche_title.png) no-repeat; text-indent:-9999px; display:block;}
#calendarpage .lessonlist				{width:740px; height:416px; margin:0 0 0 0; text-indent:-9999px; display:block;}
#calendarpage .lessonlist .lessonteine			{width:740px; height:416px; background:url(/img/lesson_teine.png) no-repeat;}
#calendarpage .lessonlist .lessonshimamatsu		{width:740px; height:416px; margin:0 0 0 0; background:url(/img/lesson_shimamatsu.png) no-repeat;}
#calendarpage .lesson_txtbox				{margin:10px 0 0 0;}
#calendarpage .lessonbox				{width:740px; margin:10px 0 20px 0;}
.calendarTitle						{font-weight:bold;}



/* system */
#system .maincontentsBox			{width:760px; margin:50px 0 0 0; padding:0 0 0 20px; border-left:solid 1px #d5d5d5;  float:right;}
#system .contact_mail a				{width:150px; height:50px; margin:10px 0 10px 0; background:url(/img/sample/contact.gif) no-repeat; text-indent:-9999px; display:block;}
#system .contact_mail a:hover			{width:150px; height:50px; margin:10px 0 10px 0; background:url(/img/sample/contact_hover.gif) no-repeat; text-indent:-9999px; display:block;}
#system .in4title				{width:740px; height:20px; margin:0 0 10px 0; background:url(/img/system_title.png) no-repeat; text-indent:-9999px; display:block;}

/* blog */
#blog .maincontentsBox				{width:740px; margin:120px 0 0 0; float:right;}
#blog .in4title					{width:740px; height:20px; margin:0 0 0 0; background:url(/img/blog_title.gif) no-repeat; text-indent:-9999px; display:block;}
.blogtitle					{margin:0 0 10px 0; font-weight:bold;}


/* footer */
#footer						{border-top:solid 1px #d5d5d5; margin:50px auto; padding:20px 0 0 0; position:relative;}
#footer ul					{position:relative; left:50%; float:left; margin:0; padding:0; font-size:11px;}
#footer li					{list-style-type:none; margin:0; padding:0; position:relative; left:-50%; display:inline;}
#footer .copyright				{width:322px; margin:10px auto; padding:0;}




/* youtube */
.youtube					{width:740px; height:460; margin:10px 0 40px 0; border:none;}


/* sample */
#blog #btn_sample li				{margin:20px 0 100px 0; float:left; list-style-type:none;}



/* campaign */
#campaign .maincontentsBox			{width:760px; margin:50px 0 0 0; padding:0 0 0 20px; border-left:solid 1px #d5d5d5; float:right;}
#campaign .in4title				{width:740px; height:20px; margin:0 0 0 0; background:url(/img/campaign_title.png) no-repeat; text-indent:-9999px; display:block;}
#campaign .in4txt				{margin:10px 0 10px 0;}


/* apparel */
#gallery .appareImgMain					{width:1030px; height:637px; margin:20px 0;}

#gallery .appareImgMain img				{width:1030px;}

#gallery .apparelcontainer				{border-top: 1px solid #dedede;}

#gallery .apparelcontainer .apparelcontainerBox{
	width: 100%;
}
