@charset "UTF-8";


@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Hind+Siliguri:300,400,500');




/*=====================================
	BODY
=====================================*/
body {
background-color : #fff ;
-webkit-text-size-adjust: 100%;
}

/*=====================================
	WRAPPER
=====================================*/
.wrapper {
position: relative;
margin : 0 auto ;
width : 1000px ;
/*border : 1px #222 solid ;*/
}



/*=====================================
	LOGO
=====================================*/
.logo {
margin : 0 auto ;
width : 410px ; height : 190px ;
}
.logo img {
padding : 55px 0 0 0 ;
}



/*=====================================
	GNAVI
=====================================*/
.gnavi {
position: relative;
margin : 0 auto ;
width : 1000px ; height :50px ;
}

ul#n1 {
list-style:none;
}
ul#n1 li {
margin:0;
padding: 0 0 0 0 ;
height : 50px ;
text-align:center;
float : left ;
font-family: 'Roboto', sans-serif;
font-size : 13px ;
font-weight : 400;
line-height : 50px ;
display : block ;
}
ul#n1 li a, ul#n2 li a {
display : block ;
height : 50px ;
}


ul#n1 li a:link, ul#n2 li a:link {
color : #000 ;
text-decoration : none ;
}
ul#n1 li a:hover, ul#n2 li a:hover {
color : #000 ;
text-decoration : none ;
background-color : #f5f5f5 ;
}
ul#n1 li a:visited, ul#n2 li a:visited {
color : #000 ;
text-decoration : none ;
}

ul#n1 li {
padding : 0 15px ;
}



/*
.li1 {
width : 185px ;
}
.li2 {
width : 77px ;
}
.li3 {
width : 135px ;
}
.li4 {
width : 98px ;
}
.li5 {
width : 130px ;
}
.li6 {
width : 150px ;
}
.li7 {
width : 112px ;
}
.li8 {
width : 113px ;
}
.li9 {
width : 50px ;
}
.li10 {
width : 135px ;
}
*/




.nav {
position : absolute ;
padding: 0 0 ;
margin: 0 0 0 0  ;
width : 100% ; height : 50px ;
background-color : #fff ;
z-index : 100 ;
}
.nav_in {
margin : 0 auto ;
width : 1000px ;
}

.logo_s {
margin : 15px 80px 0 0 ;
width :137px ; height :21px ;
float : left ;
}


.fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
}

ul#n2 {
alist-style:none;
}
ul#n2 li {
margin:0;
padding:0 14px;
float:left;
text-align:center;
font-family: 'Roboto', sans-serif;
font-size : 13px ;
font-weight : 400;
line-height : 50px ;
display : block ;
}














/*=====================================
	BG
=====================================*/
#bg_01 {
background : url(../img/home/bg_01.jpg) center 0 no-repeat ;
background-color : #000 ;
}
#bg_02 {
background : url(../img/home/bg_02.jpg) center 0 no-repeat ;
background-color : #000 ;
}
.bg_03 {
background-color : #000 ;
}
.bg_04 {
background-color : #f5f5ed ;
}
.bg_05 {
background-color : #fff ;
}
.bg_06 { /*MEHOW*/
background : url(../img/mihow/bg.png) 50% -100px no-repeat ;
background-color : #f9f9f9 ;
}
.bg_07 {
background-color : #6a6a6a ;
}
.bg_08 {
background-color : #ebebeb ;
}







/*=====================================
	H2 H3
=====================================*/
.h3_a1 {
margin : 0 0 25px 0 ;
padding : 50px 0 0 0 ;
font-family: 'Roboto', sans-serif;
font-size : 24px !important;
font-weight : 25px ;
font-weight : 300 ;
color : #111 ;
}
.h3_a2 {
margin : 0 0 25px 0 ;
padding : 50px 0 0 0 ;
font-family: 'Roboto', sans-serif;
font-size : 24px !important;
font-weight : 25px ;
font-weight : 300 ;
color : #fff ;
}

.h3_a3 {
margin : 0 0 25px 0 ;
padding : 50px 0 0 0 ;
font : normal 24px/25px 'ROBOTO', 'TimesNewRoman', 'didot', 'serif' ;
font-weight : 300 ;
color : #447b1f ;
}


.h3_d {
margin : 0 0 20px 0 ;
padding : 50px 0 0 0 ;
font : normal 24px/25px 'ROBOTO', 'TimesNewRoman', 'didot', 'serif' ;
font-weight : 300 ;
color : #111 ;
}

.h3_e {
margin : 0 0 10px 0 ;
padding : 50px 0 0 0 ;
font : normal 20px/22px 'ROBOTO', 'TimesNewRoman', 'didot', 'serif' ;
font-weight : 300 ;
color : #111 ;
}



.h3mab {
margin-bottom : 35px !important;
}



.h2_a {
margin : 0 0 0 0 ;
padding : 80px 0 30px 0;
font : normal 28px/28px 'typo3normal', 'TimesNewRoman', 'didot', 'serif' ;
color : #fff ;
cleat : both ;
}

.h2_b {
margin : 0 0 0 0 ;
padding : 80px 0 30px 0;
font : normal 28px/28px 'typo3normal', 'TimesNewRoman', 'didot', 'serif' ;
color : #111 ;
cleat : both ;
}
.h2_b2 {
margin : 0 0 0 0 ;
padding : 80px 0 0 0;
font : normal 28px/28px 'typo3normal', 'TimesNewRoman', 'didot', 'serif' ;
color : #111 ;
cleat : both ;
}
.h2_c {
margin : 0 0 0 0 ;
padding : 80px 0 30px 0;
font : normal 28px/28px 'typo3normal', 'TimesNewRoman', 'didot', 'serif' ;
color : #447b1f ;
cleat : both ;
}





.h4_a1 {
margin : 0 0 5px 0 ;
padding : 10px 0 0 0 ;
font-family: 'Roboto', sans-serif;
font-size : 17px !important;
line-height : 25px ;
font-weight : 400 ;
color : #111 ;
}

.h3_pp {
margin : 0 0 20px 0 ;
padding : 50px 0 0 0 ;
font-family: 'Roboto', sans-serif;
font-size : 20px !important;
line-height : 25px ;
font-weight : 300 ;
color : #111 ;
}




p.kakko {
margin : 0 0 40px 20px ;
font-size : 15px ;
font-family: 'Roboto', sans-serif;
font-weight : 300;
line-height : 15px ;
}
p.kakko2 {
margin : 0 0 40px 20px;
font-size : 15px ;
font-family: 'Roboto', sans-serif;
font-weight : 300;
line-height : 15px ;
color : #c26044 ;
}

/*=====================================
	BOX
=====================================*/
.box_01 {
margin : 0 0 0 0 ;
width : 584px ;
}
.box_02 {
margin : 0 auto ;
width : 640px ;
}
.box_l {
margin : 0 0 0 0 ;
width : 464px ;
float : left ;
}
.box_r {
margin : 0 0 0 0 ;
width : 464px ;
float : right ;
}

.box_l2 {
margin : 0 0 0 0 ;
width : 590px ;
float : left ;
}
.box_r2 {
margin : 0 0 0 0 ;
width : 330px ;
float : right ;
}

.box_l3 {
margin : 0 0 0 0 ;
width : 100px ;
float : left ;
}
.box_r3 {
margin : 0 0 0 40px ;
width : 400px ;
float : left ;
}
.box_l4 {
margin : 0 0 0 0 ;
width : 450px ;
float : left ;
}
.box_r4 {
margin : 0 0 0 40px ;
width : 450px ;
float : right ;
}
.box_l5 {
margin : 0 0 0 110px ;
width : 354px ;
float : left ;
}
.box_r5 {
margin : 0 120px 0 0 ;
width : 322px ;
float : right ;
}

.box_rinji {
padding : 10px 10px ;
border : 2px red solid ;
}
.box_rinji p {
margin : 0 0 0 0 !important;
}




/*=====================================
	UL
=====================================*/
.ul_th {
margin : 0 0 20px 0 ;
padding :  0 0 ;
overflow : hidden ;
}
.ul_th li{
margin : 8px 8px ;
width : 136px ; height : 107px ;
float : left ;
}

.ul_1 {
}
.ul_1 li{
padding : 3px 3px ;
font : normal 14px/16px 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif ;
}

















/*=====================================
	WHITE BLOCK
=====================================*/
.whiteblock {
height : 80px ;
}
.whiteblock_0 {
height : 270px ;
}
.whiteblock_01 {
height : 80px ;
}


.whiteblock_30 {
height : 30px ;
}
.whiteblock_40 {
height : 40px ;
}
.whiteblock_50 {
height : 50px ;
}
.whiteblock_60 {
height : 60px ;
}
.whiteblock_80 {
height : 80px ;
}
.whiteblock_100 {
height : 100px ;
}







/*=====================================
	HOME
=====================================*/
.main {
position: relative;
margin : 15px auto 30px auto ;
width : 1050px ; height :400px ;
background : url(../img/home_new/main.jpg) center 0 no-repeat ;
background-size : contain ;
}

.box_home_1, .box_home_2, .box_home_3 {
position : relative ;
}

.box_home_1 {
margin : 23px 0 ;
padding : 0 20px ;
width : 292px ; height : 434px ;
border-left : 1px #aaa solid ;
float : left ;
}
.box_home_2 {
margin : 23px 0 ;
padding : 0 20px ;
width : 292px ; height : 434px ;
border-left : 1px #aaa solid ;
float : left ;
}
.box_home_3 {
margin : 23px 0 ;
padding : 0 20px ;
width : 292px ; height : 434px ;
border-left : 1px #aaa solid ;
border-right : 1px #aaa solid ;
float : left ;
}
.rinji_h {
height : 590px !important;
}
.bo-r {
border-right : 1px #aaa solid ;
}




.h2_h {
margin : 20px 0 25px 0 ;
height : 50px ;
font-family: 'Hind Siliguri', sans-serif;
font-size : 22px ;
font-weight : 400;
line-height : 24px ;
color : #333 ;
letter-spacing : 0.01em ;
text-align : center ;
}


.honbun_h {
margin : 0 0 25px 0 ;
height : 110px ;
font-family: 'Roboto', sans-serif;
font-size : 14px ;
font-weight : 300;
line-height : 17px ;
color : #333 ;
letter-spacing : 0.02em ;
}

.thbox {
margin : 40px auto 10px auto ;
width : 157px ; height : 90px ;
}

.btnmr {
margin : 40px auto 10px auto ;
width : 177px ; height : 40px ;
}

.clckdl {
position : absolute ; top : 150px ; left : 90px ;
width : 163px ; height : 27px ;
}



/*=====================================
	COMMON_UNDER
=====================================*/

.h1_a {
margin : 0 0 ;
padding : 90px 0 ;
height : 38px ;
font-family: 'Hind Siliguri', sans-serif;
font-size : 38px ;
font-weight : 300;
line-height : 38px ;
text-align : center ;
}
.h1_b {
margin : 0 0 ;
padding : 70px 0 ;
height : 38px ;
font-family: 'Hind Siliguri', sans-serif;
font-size : 38px ;
font-weight : 300;
line-height : 38px ;
text-align : center ;
color : #fff ;
}
.h1_under {
font-size : 70% ;
}

.h2_a {
margin : 0 0 ;
padding : 70px 0 0 0;
height : 30px ;
font-family: 'Hind Siliguri', sans-serif;
font-size : 30px ;
font-weight : 300;
line-height : 30px ;
text-align : left ;
color : #000 ;
}



/*=====================================
	LINE
=====================================*/
.line_a {
margin : 50px 0 0px 0 ;
width : 100% ;
height : 1px ;
border-top : 1px #888 solid ;
}

.line_b {
margin : 20px 0 20px 0 ;
width : 100% ;
height : 1px ;
background : url(../img/common/bg_line.png) center 0 no-repeat ;
}





















/*=====================================
	DESCRIPTION OF BUSINESS
=====================================*/
.p_01 {
height : 106px ;
}
.p_02 {
height : 157px ;
}
.p_03 {
height : 142px ;
}
.p_04 {
height : 135px ;
}
.p_05 {
height : 118px ;
}

.box_bio1 {
width : 305px ;
float : left ;
}
.box_bio1 .p_01 {
padding : 80px 0 0 80px ;
height : 137px ;
}

.box_bio2 {
width : 370px ;
float : left ;
}
.box_bio3 {
width : 267px ;
float : right ;
}
.box_bio3 .p_01 {
margin : 100px 0 20px 0 ;
height : 143px ;
}


.ul_business {
}
.ul_business li {
padding : 8px 0 8px 25px ;
width : 400px ;
font : normal 14px/14px 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif ;
color : #447b1f ;
}
.ul_business .li1 {
background : url(../img/home/no_01.png) 0 8px no-repeat ;
}
.ul_business .li2 {
background : url(../img/home/no_02.png) 0 8px no-repeat ;
}
.ul_business .li3 {
background : url(../img/home/no_03.png) 0 8px no-repeat ;
}
.ul_business .li4 {
background : url(../img/home/no_04.png) 0 8px no-repeat ;
}
.ul_business .li5 {
background : url(../img/home/no_05.png) 0 8px no-repeat ;
}
.ul_business .li6 {
background : url(../img/home/no_06.png) 0 8px no-repeat ;
}
.ul_business .li7 {
background : url(../img/home/no_07.png) 0 8px no-repeat ;
}
.ul_business .li8 {
background : url(../img/home/no_08.png) 0 8px no-repeat ;
}
.ul_business .li9 {
background : url(../img/home/no_09.png) 0 8px no-repeat ;
}
.ul_business .li10 {
background : url(../img/home/no_10.png) 0 8px no-repeat ;
}
.ul_business .li11 {
background : url(../img/home/no_11.png) 0 8px no-repeat ;
}
.ul_business .li12 {
background : url(../img/home/no_12.png) 0 8px no-repeat ;
}
.ul_business .li13 {
background : url(../img/home/no_13.png) 0 8px no-repeat ;
}
.ul_business .li14 {
background : url(../img/home/no_14.png) 0 8px no-repeat ;
}
.ul_business .li15 {
background : url(../img/home/no_15.png) 0 8px no-repeat ;
}
.ul_business .li16 {
background : url(../img/home/no_16.png) 0 8px no-repeat ;
}
.ul_business .li17 {
background : url(../img/home/no_17.png) 0 8px no-repeat ;
}
.ul_business .li18 {
background : url(../img/home/no_18.png) 0 8px no-repeat ;
}
.ul_business .li19 {
background : url(../img/home/no_19.png) 0 8px no-repeat ;
}
.ul_business .li20 {
background : url(../img/home/no_20.png) 0 8px no-repeat ;
}

#thbox_business {
position :absolute ; top : 200px ; left : 570px ;
width : 432px ; height : 313px ;
}


















/*=====================================
	MIHOW
=====================================*/
.w1 {
width : 635px ;
}
.w2 {
width : 480px ;
}


/*=====================================
	VIEWER
=====================================*/

#viewer {
float : left ;
}
#viewer_2 {
float : right ;
}




#viewer, #viewer_2, #viewer_3, #viewer_4 {
margin: 100px 30px 100px 30px ;
width: 416px;
height: 416px;
text-align: left;
overflow: hidden;
position: relative;
}	 
#viewer img, #viewer_2 img, #viewer_3 img, #viewer_4 img {
top: 0;
left: 0;
position: absolute;
}
.ul_viewer {
overflow : hidden ;
}



#viewer_b1, #viewer_b2, #viewer_b3, #viewer_b4 {
margin: 0 0 0 0 ;
width: 330px;
height: 210px;
text-align: left;
overflow: hidden;
position: relative;
}	 
#viewer_b1 img, #viewer_b2 img, #viewer_b3 img, #viewer_b4 img {
top: 0;
left: 0;
position: absolute;
}



/*=====================================
	COMPE
=====================================*/

.pad_01 {
padding : 70px 0 0 0 ;
}

.jushou {
margin : 0 0 100px 0 ;
padding : 40px 45px ;
font-size : 25px ;
font-weight : 600 ;
border : 3px #447b1f solid;
text-align : center ;
}



/*=====================================
	COMPANY PROFILE
=====================================*/
.ta_1 {
margin : 0 0 0 0 ;
}
.ta_1 th {
padding : 15px 0 ;
border-bottom : 1px #aaa solid ;
font : normal 14px/20px 'ROBOTO', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif ;
color : #111 ;
}
.ta_1 td {
border-bottom : 1px #aaa solid ;
font : normal 14px/20px 'ROBOTO', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif ;
color : #111 ;
}

.dl_bnr {
}
.dl_bnr dt {
margin : 10px 0 ;
width : 170px ; height : 53px ;
clear : both ;
float : left ;
}
.dl_bnr dd {
margin : 10px 0 ;
width : 267px ;
float : right ;
font : normal 12px/20px 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif ;
color : #fff ;
}



/*=====================================
	ABOUT BAMBOOISM
=====================================*/
#box_youtube {
position : absolute ; top : 360px ; left : 720px ;
width : 323px ; height : 200px ;
}
#box_youtube img {
margin : 0 0 15px 0 ;
}


/*=====================================
	COMPETITION WITH SEOUL MOOD FASHION INSUTITUTE
=====================================*/
.box_pdf_l {
margin : 0 0 0 60px ;
width : 450px ; height : 68px ;
float : left ;
}
.box_pdf_r {
margin : 0 120px 0 0 ;
width : 322px ; height : 68px ;
float : right ;
}
.box_pdf_l p {
line-height : 68px ;
text-align : right ;
}




/*=====================================
	PLIVACY POLICY
=====================================*/
.pl {
margin : 15px auto 0 auto ;
width : 600px ; height : 300px ;
font : normal 12px/20px 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif ;
color : #fff ;
overflow : scroll ;
overflow-x: hidden;
}







/*=====================================
	CONTACT US
=====================================*/
.ta_co {
margin : 0 auto ;
width : 640px !important;
}
.ta_co th {
padding : 10px 0 ;
font : normal 14px/20px 'ROBOTO', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif ;
color : #111 ;
}
.ta_co td {
padding : 10px 0 ;
}

#submitbox {
margin : 60px auto ;
width : 322px ; height : 68px ;
}



.ul_link {
}
.ul_link li {
padding : 3px 0 ;
font : normal 12px/20px 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif ;
}





/*===========================================
	PAGE TOP
===========================================*/
.pagetop {
display : none ;
position : fixed ;
bottom : 55px ; right : 12px ;
z-index : 10000 ;
}
.pagetop a {
display: block;
width : 46px ; height : 46px;
}



/*===========================================
	FOOTER
===========================================*/

.ul_ftr {
margin : 100px auto 50px auto ;
width : 800px ;
text-align: center ;
}
.ul_ftr li {
padding : 0 20px ;
font-family: 'Roboto', sans-serif;
font-size : 13px ;
font-weight : 300;
line-height : 30px ;
display : inline ;
}


.ul_ftr li a:link {
text-decoration : none ;
color : #444 ;
}
.ul_ftr li a:hover {
text-decoration : none ;
color : #aaa ;
}
.ul_ftr li a:visited {
text-decoration : none ;
color : #444 ;
}


#footer {
margin : 0 auto ;
width : 1000px ; height : 40px ;
}
p.copy  {
font-family: 'Roboto', sans-serif;
font-size : 10px ;
font-weight : 300;
color : #888  ;
text-align : center ;
}






/*=====================================
	テキスト関係
=====================================*/
p.honbun {
margin : 0 0 25px 0 ;
font-family: 'Roboto', sans-serif;
font-size : 15px ;
font-weight : 300;
line-height : 25px ;
color : #fff ;
letter-spacing : 0.02em ;
}



p.honbun2 {
margin : 0 0 25px 0 ;
font-family: 'Roboto', sans-serif;
font-size : 15px ;
font-weight : 300;
line-height : 25px ;
color : #222 ;
letter-spacing : 0.02em ;
}




/*=====================================
	テキストリンク
=====================================*/
a.alink {
margin : 0 0 5px 0 ;
padding : 0 0 0 17px ;
background : url(../img/home/bg_alink.gif) 0 3px no-repeat ;
display : block ;
font : normal 13px/17px 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif ;
}

/*=====================================
	A:LINK
=====================================*/
a:link {
text-decoration : underline ;
color : #999 ;
}
a:visited {
text-decoration : underline ;
color : #999 ;
}
a:hover {
text-decoration : underline ;
color : #ddd ;
}
a {
outline: none;
}

::selection {
background : #111 ; /* Safari */
color:#fff ;
}
::-moz-selection {
background : #111 ; /* Firefox */
color:#fff ;
}





/*=====================================
	IMG ROLLOVER
=====================================*/


a:hover img {
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}