@charset "utf-8";

@import url("fontawesome-4.4.0.min.css");
@import url("framework.css");

/* font ---------------------------------------------- */

html { height: 100%; }

body { font-family: -apple-system, BlinkMacSystemFont, "���C���I", Meiryo, "Helvetica Neue", "Yu Gothic", YuGothic, "�q���M�m�p�S ProN W3", Hiragino Kaku Gothic ProN, Arial, sans-serif; font-size : 110%; color: #333; line-height: 1.8; letter-spacing:1.3px; -webkit-print-color-adjust: exact; height: 100%; }

.center { margin: 0 auto }
.center1 { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
.bottom8 { padding-bottom: 8px; }

h1 { font-size: 1.8em; letter-spacing:3px; }
h2 { font-size: 1.6em; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #E5760D;}
h3 { font-size: 1.6em; }
h4 { font-size: 1.6em; padding-bottom: 30px; }
h5 { font-size: 1.2em; }

.f06 { font-size: 0.6em; }
.f07 { font-size: 0.7em; }
.f08 { font-size: 0.8em; }
.f09 { font-size: 0.9em; }
.f12 { font-size: 1.2em; }
.f14 { font-size: 1.4em; }
.f16 { font-size: 1.6em; }
.f20 { font-size: 2em; }

.f_brn { color: #91653c; }
.f_grn { color: #549c46; }
.f_red { color: #ce4b4b; }
.f_org { color: #F7794F; }
.f_blu { color: #2062c5; }

.t1 { font-size: 1.3em; color: #000; background: url("../../img/01t01.gif") left top repeat-x; padding: 6px 0px 10px 10px; text-shadow: 1px 1px 1px #fff; letter-spacing:3px; margin-bottom:24px; }
.t2 { font-size: 1.1em; color: #000; padding: 4px 0px 4px 8px; letter-spacing:2px; border-bottom: 1px solid #2d62b9; margin-bottom: 16px; }
.t3 { font-size: 1.1em; padding: 4px 0px 4px 8px; letter-spacing:2px; border-bottom: 1px solid #2d62b9; margin-bottom: 16px; font-weight: bold; }
.t12 { font-size: 1.2em; color: #000; letter-spacing:1.5px; margin-bottom:14px; }

.btn01 { display:block; width: 359px; height:71px; font-size: 1.4em; color: #000; font-weight: bold; background: url("../../img/btn01.jpg") left top; padding: 12px 0 0 0; text-shadow: 1px 1px 2px #fff; text-align: center; }
.btn01 :hover{ color: #fff;  }

.line24 { line-height: 2.4; }
.line18 { line-height: 1.8; }

.line_box01 { border: 1px solid #999; padding: 0.1em 0.3em 0.1em 0.3em; margin: 0.1em; }

.bgsw { width:100%; height:400px; position:relative; background-size: cover; background-position:50% 0; background-repeat:no-repeat; }

.top_btn01 { max-width: 1100px; margin: 0 auto; }

.bora10 {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.waku01 { display:block; width: 100%; border: 1px solid #d9d9d9; padding: 1em; float: left; }
.waku02 { display:block; width: 100%; border: 1px solid #fa794d; margin-bottom:30px; padding: 1em; float: left; }
.waku11 { display:block; width: 100%; padding: 1.5em; float: left; background: #ababab; }

table.type03 {
	border-collapse: collapse;
	text-align: center;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 3px solid #369;
}
table.type03 th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;

}
table.type03 td {
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/* Rows ---------------------------------------------- */
.row0, .row0 a{}
.row1{}
.row2{}
.row3, .row3 a{}
.row4, .row4 a{}
.row5, .row5 a{}

.eng_btn { position: fixed; left: 0px; }

/* Head Wrapper ---------------------------------------------- */
.headwrapper{ position:relative; }
.headwrapper1{ position:relative; height:600px; color: #fff; }

.momiji{ position: absolute; width: 2400px; left: 50%; margin-left: -1180px; }

/*---------------------------------------------- */
#header{ padding:2px 0; background: url("../../img/00head01a.gif") center top; }
#headera{ padding:2px 0; background: url("../../kasumisousai/00head01.jpg") center top; }

#head-in{ max-width: 1100px; margin: 0 auto; position:relative; }

.head_list { font-size: 0.8em; color:#333; }
.head_list li { display: inline-block; margin: 0 4em;}
.lay {  }

#menu1 { width: 100%; background: url("../../img/00head01b.gif") center top; overflow:hidden; }
#menu1 ul li, 
#menu1 ul {list-style: none; padding: 0; margin: 0; line-height: 0;}
#menu1 ul li{ float: left; }
#menu11 { width: 1020px; margin: 0 auto; }

/*---------------------------------------------- */

.dropmenu1{}
.dropmenu{ *zoom: 1; list-style-type: none; width: 100%; margin: 5px auto 30px; padding: 0; background: url("../../img/00head01b.gif") center top; }
.dropmenu:before, .dropmenu:after{ content: ""; display: table; }
.dropmenu:after{ clear: both; }
.dropmenu li{ position: relative; width: 20%; float: left; margin: 0; padding: 0; text-align: center; }
.dropmenu li a{ display: block; margin: 0; padding: 15px 0 11px; background: #8a9b0f; color: #fff; font-size: 14px; line-height: 1; text-decoration: none; }
.dropmenu li ul{ list-style: none; position: absolute; z-index: 9999; top: 100%; left: 0; margin: 0; padding: 0; }
.dropmenu li ul li{ width: 100%;}
.dropmenu li ul li a{ padding: 13px 15px; border-top: 1px solid #7c8c0e; background: #6e7c0c; text-align: left; }
.dropmenu li:hover > a{ background: #6e7c0c; }
.dropmenu li a:hover{ background: #616d0b; }

#flip2 li ul { visibility: hidden; perspective: 400px; }
#flip2 li:hover ul{ visibility: visible; }
#flip2 ul li{ transform: rotateY(90deg); transform-origin: 50% 0; transition: .3s; }
#flip2 li:hover li{ transform: rotateY(0); }
#flip2 ul li:nth-child(2) { transition-delay: .1s; }
#flip2 ul li:nth-child(3) { transition-delay: .2s; }
#flip2 ul li:nth-child(4) { transition-delay: .3s; }
#flip2 ul li:nth-child(5) { transition-delay: .4s; }

/*---------------------------------------------- */

#menu2 { width: 100%; background: url("../../img/00head01c.png") center top; overflow:hidden; }
#menu2 ul li, 
#menu2 ul {list-style: none; padding: 0; margin: 0; line-height: 0;}
#menu2 ul li{ float: left; }
#menu22 { width: 1020px; margin: 0 auto; }

/*---------------------------------------------- */

#con-menu1 { width: 1060px; height:60px; background: rgba(0,0,0,.1); margin: -20px auto 50px auto; padding: 2px; text-align: center; border-radius:8px; }
#con-menu1 li { display: inline-block; margin: 0; font-size: 14px; }
#con-menu1 li a { color: #333; }
#con-menu1 .active a, #con-menu a:hover, #con-menu li:hover > a{ color:#333; background: rgba(0,0,0,.1);}




/*---------------------------------------------- */

.container{ background: #fff; overflow: hidden; margin-bottom: 0px; }

.area1{ float: left; width:900px; padding: 30px; display:block;}
.area2{ float: right; width:193px; padding: 4px; display:block; }
.area3{ width:100%; padding: 30px; display:block;}

/*---------------------------------------------- */

.sidemenu { width:100%; margin:0; padding:0; border:1px solid #999; border-bottom:none; list-style:none; text-align: center; }
.main_menu { position:relative; margin:-1px -1px 0 -1px; padding:10px; line-height:20px; color:#000; border:1px solid #999; background: url("../../img/00side01.gif"); cursor:pointer; text-shadow: 1px 1px 0px #fff; font-size: 0.9em; font-weight: bold; }
.main_menu a { display:block; color:#000; text-decoration:none; }
.main_menu :hover { color:#ff6600; text-decoration:none; }
.main_menu span { display:block; background:url('images/arrow.png') 100% 0% no-repeat; }
.main_menu span.open { background:url('images/arrow.png') 100% 100% no-repeat; }
.sub_menu { display:none; margin:0; padding:0; list-style:none; }
.sub_menu li a { display:block; margin:-1px -1px 0 -1px; font-size: 0.8em; padding:5px; color:#000; background:#fff; border:1px solid #999; text-decoration:none; }
.sub_menu li :hover { display:block; background:#e5e5e5; }

.sidetxt { font-size: 0.8em; line-height:24px; }

/* Footer ---------------------------------------------- */

.padd30 { padding-left: 30px; }

#footer{padding:40px 0; line-height:1.4; clear:both; }
#footer .linklist li{margin-bottom:10px;}
#footer .linklist li:last-child{margin-bottom:0;}

/* Transition Fade ---------------------------------------------- */

.faico a, #mainav *, #menuList *, #backtotop, input, textarea, .btn, #shout *, .steps *{transition:all .3s ease-in-out;}

/* -------------------------------------------------------------- */

.button_01 { margin: 10px 0; font-size: 1.1em; }
.button01 { display: inline-block; letter-spacing: 1.8px; width: 100%; height: 36px; text-align: center; text-decoration: none; line-height: 36px; border: 1px solid #666; background-color: #efefef; color: #666; margin : 0; padding: 0 0; border-radius:6px; }
.button01::before,
.button01::after { position: absolute; z-index: -1; display: block; content: ''; }
.button01,
.button01::before,
.button01::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; }
.button01:hover { background-color: #ababab; color: #fff; }

.button_02 { margin: 10px 0; font-size: 1.1em; }
.button02 { display: inline-block; letter-spacing: 1.8px; width: 300px; height: 36px; text-align: center; text-decoration: none; line-height: 36px; background-color: #e8e8e8; color: #666; margin : 0; padding: 0 0; border-radius:6px; }
.button02::before,
.button02::after { position: absolute; z-index: -1; display: block; content: ''; }
.button02,
.button02::before,
.button02::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; }
.button02:hover { background-color: #ababab; color: #fff; }


/* Pagination */
.pagination{display:block; width:100%; text-align:center; clear:both;}
.pagination li{display:inline-block; margin:0 2px 0 0;}
.pagination li:last-child{margin-right:0;}
.pagination a, .pagination strong{display:block; padding:8px 11px; border:1px solid; background-clip:padding-box; font-weight:normal;}

/* Back to Top */
#backtotop{ display:inline-block; position:fixed; visibility:hidden; bottom:30px; right:30px; width:42px; height:42px; line-height:38px; font-size:16px; text-align:center; opacity:.2; border-radius: 22px;}
#backtotop i{display:block; width:100%; height:100%; line-height:inherit; }
#backtotop.visible{visibility:visible; opacity:1;}
#backtotop:hover{opacity:.5;}

/* -------------------------------------------------------------- */

.concept01 { display:block; width: 100%; color:#000; background: #e5dec7; margin-bottom: 10px; padding: 8px; float: left; border-left: 5px solid #b7ab81; }
.concept02 { display:block; width: 100%; font-size: 0.9em; }

.concept11 { display:block; width: 100%; border: 1px solid #999; margin: 6px 0; padding: 3px; float: left; }
.concept12 { display:block; width: 20%; color:#fff; background: #7c7c7c; padding: 8px; float: left; text-align:center;margin-bottom: 10px; }
.concept13 { display:block; width: 80%; color:#000; background: #d7d7d7; padding: 8px; float: left; margin-bottom: 10px; }
.concept14 { display:block; padding: 10px; float: left; }

.concept21 { display:block; width: 100%; background: #e5dec7; border-left: 5px solid #b7ab81; margin-bottom: 30px; padding: 20px; float: left; }
.concept22 { display:block; width: 20%; color:#fff; background: #b7ab81; padding: 8px; float: left; text-align:center; margin-bottom: 6px; }
.concept23 { display:block; width: 80%; color:#000; background: #fff; padding: 8px; float: left; margin-bottom: 6px; }
.concept24 { display:block; color:#000;  padding: 10px; float: left; }

.nagare01 { display:block; width: 100%; border: 1px solid #999; margin: 6px 0; padding: 3px; float: left; }
.nagare02 { display:block; width: 15%; color:#fff; background: #7c7c7c; padding: 8px; float: left; text-align:center;}
.nagare03 { display:block; width: 85%; color:#000; background: #d7d7d7; padding: 8px; float: left; }
.nagare04 { display:block; padding: 10px; float: left; }

.link01 { font-size : 1.2em; line-height: 2.5; }
.site01 { font-size : 1.2em; line-height: 1.6; }

/* Colours ---------------------------------------------- */
body{color:#666; }
a{color:#000;}
a:hover{color:#EF8002;}
hr, .borderedbox{border-color:#D7D7D7;}
label span{color:#FF0000; background-color:inherit;}
input:focus, textarea:focus, *:required:focus{border-color:#684568;}
.overlay{color:#FFFFFF; background-color:inherit;}
.overlay::after{color:inherit; background-color:rgba(129,112,129,0); /* #817081 */}
.btn, .btn.inverse:hover{color:inherit; background-color:transparent; border-color:inherit;}
.btn:hover, .btn.inverse{color:#FFFFFF; background-color:#684568; border-color:#684568;}

/* Rows */
.row0{color:#fff; background-color:rgba(215,215,215,.8);}
.row1{ }
.row2{ background: url("../../img/00head01b.gif") center top; }
.row3{ background: url("../../img/00foot01a.png") center top; text-align: center; padding: 14px 0 9px 0; font-size: 0.9em; color:#000; }
.row4{ background: url("../../img/00foot01b.gif") center top; color:#000; text-shadow: 1px 1px 0px #fff; }
.row5, .row5 a{ color:#fff; background: url("../../img/moyo04.jpg"); text-align:center; text-shadow: 2px 2px 1px rgba(0,0,0,.7); }
.row6 { background: url("../../img/moyo01.gif") center top repeat-x; padding: 40px 0 0 0; }
.row6a { background: url("../../kasumisousai/moyo01.jpg") center top repeat-x; padding: 40px 0 0 0; }

table, tr, td { background-color:rgba(0,0,0,0);}

/* Header */
#header #logo a{color:inherit; background-color:inherit;}
#header input, #header button{color:inherit; background-color:transparent; border-color:#F2F2F2;}
#header input:focus{background-color:#FFFFFF; border-color:#684568;}
#header button{color:inherit;}



#contents { margin: 0 auto; padding: 40px 0; width: 1100px; text-align: left; }
#contents p { padding-bottom: 2em; font-size: 1em; line-height: 2em; }

/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
#menuList > ul:before,
#menuList > ul:after { content: " "; display: table; }
#menuList > ul:after {clear: both;}
#menuList > ul {*zoom: 1;}

/* -- #menuList > end ------------------------------ */

.pagination a, .pagination strong{border-color:#D7D7D7;}
.pagination .current *{color:#FFFFFF; background-color:#684568;}

#backtotop{ color:#fff; background-color:#2062c5; z-index: 8;}

/* Tables + Comments */
table, th, td, #comments .avatar, #comments input, #comments textarea{border-color:#D7D7D7;}
#comments input:focus, #comments textarea:focus, #comments *:required:focus{border-color:#684568;}
th{color:#FFFFFF; background-color:#373737;}
tr, #comments li, #comments input[type="submit"], #comments input[type="reset"]{color:inherit; background-color:#transparent;}
tr:nth-child(even), #comments li:nth-child(even){color:inherit;}
table a, #comments a{background-color:inherit;}

/* Media Queries ---------------------------------------------- */
@-ms-viewport{width:device-width;}

/* ������ Laptop, Desktop etc. ������������������������ */

@media screen and (min-width:769px){
#breadcrumb, .container, .centred, #footer, #copyright{max-width:1100px;}

a img.linkimg{ background: none; transition: 0.3s; }
a:hover img.linkimg{ opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; background:none;}

#nav1 { z-index: 8; list-style: none; position:fixed; top:30px; right:-150px; margin:0; }
#nav1 li { display:block; margin:0; }
#nav1 li a { display:block; margin:0; }

#nav2 { z-index: 5; position: fixed; bottom: -56px; width: 100%; height: 83px; background-color: rgba(0, 0, 0, 0); color: #fff; text-align: center; }
#inner { width: 100%; margin: 0 auto; }
#nav2 ul { }
#nav2 ul li { display: inline; }
.aiueo { max-width: 250px; width: 23%; }

#pageintro { width:100%; height:100%;}
#pageintro one p{ padding: 3em 1em 0 0; text-align:right;}

#pageintro1 { width:100%; height:300px; background-position: 50% 0, top center; background-repeat: no-repeat,repeat;}
#pageintro1 one p{ width: 1020px; padding: 2.8em 0 0 0; text-align:right; margin: 0 auto; }

#menu_bar01 { display: none; }
#menuList { display: none; }

#con-menu { width: 1100px; height:60px; background: rgba(255,255,255,.6); margin: -20px auto 20px auto; padding: 2px; text-align: center; border-radius:8px; }
#con-menu li { display: inline-block; margin: 0; font-size: 14px; }
#con-menu li a { color: #333; }
#con-menu .active a, #con-menu a:hover, #con-menu li:hover > a{ color:#333; background: rgba(0,0,0,.1);}

.button_00 { margin: -10px 0 0 0; }
.button00 { display: inline-block; letter-spacing: 1.8px; width: 100%; padding: 10px 16px; text-align: center; text-decoration: none; background-color: rgba(255,255,255,1); color: #333; margin : 0 1%; border-radius:5px; }
.button00::before,
.button00::after { position: absolute; z-index: -1; display: block; content: ''; }
.button00,
.button00::before,
.button00::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; }
.button00:hover { background-color: rgba(0,0,0,.1); color: #fff; }
.button00 .active a, .button00 a:hover, .button00 li:hover > a{ color:#c11554; border-top: 1px solid #c11554; background: rgba(146,5,55,.05);}

.row5, .row5 a{ padding-bottom:4em; }
.row12 { width:100%; height: 325px;}

.eng_btn { top: 160px; }


}



/* ������ Smartphone ������������������������ */

@media screen and (max-width:768px){

body { font-size : 100%; line-height: 1.6; letter-spacing:1.3px; }

.container{ width: 100%; }

.headwrapper{ display: none; }
.area1{ float: left; width: 100%; padding: 10px; display:block;}
.area2{ display: none; }

#pageintro { width:100%; height:100%;}
#pageintro one p{ width: 86%; padding: 120px 0 0 0; text-align:center; margin: 0 auto;}

#pageintro1 { width: 100%; height: 256px; margin-top: 62px; }
#pageintro1 one p{ width: 86%; padding: 40px 0 0 0; text-align:center; margin: 0 auto;}

#menu_bar01 { width: 100%; height: 62px; top: 0; left: 0; position: fixed; background: url("../../img/menu_bar01.gif") left top; padding: 10px; }
#menu_bar02 { float: left; }
#menu_bar03 { float: right; }

#con-menu { width: 96%; height:100%; background: rgba(0,0,0,.1); margin: 6px; padding: 1px 0 0 0; text-align: left; border-radius:8px; }
#con-menu li { display: block; margin: 0 0 6px 0 ; font-size: 12px; }
#con-menu li a { color: #333; }
#con-menu .active a, #con-menu a:hover, #con-menu li:hover > a{ color:#333; background: rgba(255,255,255,1);}

.button_00 { margin: 0 0 0 -26px; }
.button00 { display: inline-block; letter-spacing: 1px; width: 96%; padding: 6px 6px; text-align: center; text-decoration: none; background-color: rgba(255,255,255,0.6); color: #333; margin : 0; border-radius:5px; }
.button00::before,
.button00::after { position: absolute; z-index: -1; display: block; content: ''; }
.button00,
.button00::before,
.button00::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; }
.button00:hover { background-color: rgba(0,0,0,.1); color: #fff; }
.button00 .active a, .button00 a:hover, .button00 li:hover > a{ color:#c11554; border-top: 1px solid #c11554; background: rgba(146,5,55,.05);}

.t1 { font-size: 1.3em; color: #000; background: url("../../img/01t01.gif") left top repeat-x; background-size: auto 100%; padding: 6px 0px 10px 10px; text-shadow: 1px 1px 1px #fff; letter-spacing:3px; margin-bottom:24px; }

a img.linkimg{  }
a:hover img.linkimg{  }

.clrbox, .clrbox li{ display:block; width:100%; }

#signup form{width:100%;}

.row6 { padding: 10px 0 0 0; }
.row6a { padding: 10px 0 0 0; }
.row5, .row5 a{ padding-bottom:6em; }
.row12 { width:100%; height: 206px;}

.eng_btn { top: 100px; }

#head-in{width: 100%;}
.lay { display: none; }

.row9 { padding: 0 1em 1em 1em; }
.row9a { padding:1em; }
.row9b { background-color:#ffe3ca; padding:1em; }
.row9c { padding: 1em 1em 1em 1em; }

/* -- #menuList > start ------------------------------ */

#menuList { display: none; }
 
#menuOverlay {
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.6);
display: none;
position: fixed;
z-index: 6;
}
 
#switchBtnArea {
width: 100%;
background: #3c3c3c;
border-bottom: #aaa 1px solid;
position: relative;
}
 
#switchBtnArea #switchBtn {
top: 10px;
right: 10px;
background: rgba(255,255,255,0.6);
width: 50px;
height: 40px;
display: block;
position: fixed;
z-index: 7;
}
 
#switchBtnArea #switchBtn span {
right: 20%;
width: 60%;
height: 3px;
display: block;
position: absolute;
background-color: #000;
transition: all 0.2s linear;
}

#switchBtnArea #switchBtn span:nth-of-type(1) {top:6px;transform: rotate(0);}
#switchBtnArea #switchBtn span:nth-of-type(2) {top:19px;transform: scale(1);}
#switchBtnArea #switchBtn span:nth-of-type(3) {bottom:6px;transform: rotate(0);}

#switchBtnArea #switchBtn.btnClose {background: transparent;}
#switchBtnArea #switchBtn.btnClose span:nth-of-type(1) {top:18px;transform: rotate(-45deg);}
#switchBtnArea #switchBtn.btnClose span:nth-of-type(2) {transform: scale(0);}
#switchBtnArea #switchBtn.btnClose span:nth-of-type(3) {bottom:18px;transform: rotate(45deg);}

#rwdMenuWrap {
font-size: 14px;
top: 0;
right: -220px;
width: 220px;
height: 100%;
background: rgba(0,0,0,0);
overflow: auto;
position: fixed;
z-index: 7;
}

#rwdMenuWrap ul { width: 100%; margin: 0; padding: 0;}
#rwdMenuWrap ul li { width: 100%; border-top: #aaa 1px solid; border-bottom: #000 1px solid; }
#rwdMenuWrap ul li a { color:#fff; padding: 8px 15px; text-align: left; display: block; position: relative;
background: rgba(0,0,0,.7); }
 
#rwdMenuWrap ul li a:after {
 content: '';
 margin-top: -4px;
 top: 50%;
 right: 15px;
 width: 8px;
 height: 8px;
 color: #888;
 font-size: 1em;
 font-weight: bold;
 line-height: 1.2em;
 display: block;
 position: absolute;
 border-top: 2px solid #b0b0b0;
 border-right: 2px solid #b0b0b0;
 -moz-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 }

#rwdMenuWrap li li:first-child a, #rwdMenuWrap li li:last-child a{border-width:0 0 1px 0;}

#rwdMenuWrap li li a, #rwdMenuWrap li li .drop{display:block; margin:0; padding:6px 15px;}
#rwdMenuWrap .drop:after, #rwdMenuWrap li li .drop:after{content:"\f0d7";}

#rwdMenuWrap li li .drop:after{top:15px; left:5px;}
#rwdMenuWrap ul li a span{display: none;}

#rwdMenuWrap form {display:none; margin:0; padding:20px 0;}
#rwdMenuWrap form select, #rwdMenuWrap form select option{display:block; cursor:pointer; outline:none;}
#rwdMenuWrap form select{width:100%; padding:5px; border:1px solid;}
#rwdMenuWrap form select option{margin:5px; padding:0; border:none;}

#rwdMenuWrap .drop::after, #rwdMenuWrap li li .drop::after, #breadcrumb li a::after, .sidebar nav a::after{position:absolute; font-family:"FontAwesome"; font-size:10px; line-height:10px;}

/* Navigation */
#rwdMenuWrap ul.clear{border-color:#F2F2F2;}
#rwdMenuWrap li a{color:inherit; background-color:inherit; border-color:#F2F2F2;}
#rwdMenuWrap .active a, #rwdMenuWrap a:hover, #rwdMenuWrap li:hover > a{ color:#fff; background: rgba(28,77,165,.6); }
#rwdMenuWrap li li a, #rwdMenuWrap .active li a{color:#FFFFFF; background-color:rgba(0,0,0,.6); border-color:rgba(0,0,0,.6);}
#rwdMenuWrap li li:hover > a, #rwdMenuWrap .active .active > a{color:#FFFFFF; background-color:rgba(216,70,20,.6);}
#rwdMenuWrap form select{color:#888888; background-color:#FFFFFF; border-color:#F2F2F2;}

#contents { width: 100%; }
#contents p { padding: 0 20px 2em 20px; }

/* -- #menuList > end ------------------------------ */

.row8 { padding:2em; }

}

/* ������ Other ������������������������ */

@media screen and (max-width:750px){
.imgl, .imgr{display:inline-block; float:none; margin:0 0 10px 0;}
.fl_left, .fl_right{display:block; float:none;}

.one_half, .one_third, .one_quarter1, .two_third, .two_quarter, .three_quarter
{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}

.one_quarter {display:block; float:left; width:48.46625766871166%; margin:0 0 30px 3.06748466257669%; padding:0; list-style:none;}

.second{margin-left:0; clear:left;}

#nav1 { display:none; }
#nav2 { display:none; }

#head-in{width: 100%;}
.lay { display: none; }

}

/* Other ---------------------------------------------- 
@media screen and (max-width:650px){
	.scrollable{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;}
	.scrollable table{margin:0; padding:0; white-space:nowrap;}

	.inline li{display:block; margin-bottom:10px;}
	.pushright li{margin-right:0;}

	.font-x2{font-size:1.4rem;}
	.font-x3{font-size:1.6rem;}

	.table, .table .table-cell{display:block; width:100%; height:100%;}

	#header .table .table-cell{width:100%; margin-bottom:30px; text-align:center;}
	#header .table .table-cell:last-child{margin-bottom:0;}


}
*/