@charset "utf-8";

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

女子美術大学　工芸学科　Website
JOSHIBI University of Art and Design.

Copyright 2008 JOSHIBI. All Rights Reserved.

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


/*-------------------------------------------
all format
-------------------------------------------*/
html,body,
div,p,span,
h,h1,h2,h3,h4,h5,
table,th,td,
dl,dt,dd,
ul,ol,li,
form,input,select,option {
margin: 0;
padding: 0;
}

img { border: none; vertical-align: left; }
ol,ul,li,dl,dt,dd { list-style-type: none; }
fieldset { border: none; }
address,em { font-style: normal; }
input,textarea { font-size: 1em; }

/*-------------------------------------------
margin,padding
-------------------------------------------*/
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }

.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }

.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }

.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb35 { padding-bottom: 35px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }

.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl35 { padding-left: 35px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }

.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr35 { padding-right: 35px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }

/*-------------------------------------------
clearfix
-------------------------------------------*/
.clearfix:after {
content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/**/
.clearboth{clear:both;}

/*-------------------------------------------
body
-------------------------------------------*/
* {
	margin: 0;
}
html,body{
height:100%;
}
body {
font-size:12px;line-height: 1.8em;
font-family:"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro W3,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,arial,sans-serif;
color: #666;
width: 100%;

/*高さ100%*/

min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 0 0px;
padding:0;
}

.fontSmall {
font-size: 90%;
line-height:1.4;
}

/*-------------------------------------------
link
-------------------------------------------*/
a:link { color: #999; text-decoration: underline; }
a:visited { color: #999; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }
a:active { color: #CCC; text-decoration: underline; }

/*-------------------------------------------
INDEX
-------------------------------------------*/
#wrapper {
/*background: url(../image/bg_body2.gif) repeat-y center top;*/
/*background:#FEE;height:100%;*/
width:100%;margin:0;padding:30px 0 0 0;
}

#wrapperInner{
margin:0 auto;padding:0 30px;width:980px;overflow:hidden;zoom:1;
/*width:100%;*/
}

#header {
/*position:fixed;top:30px;left:30px;*/
text-align:left;
/*background: url(../image/bg_body2.gif) repeat-y left top;*/
width:150px;
margin:0 0 20px 0;float:left;
/*height: 59px;*/
}

#header .headBnr {
/*float: right;*/
}

#header .headBnr a{
/*float: right;*/
margin:0 0 0 20px;
display:block;
}

#header .globalNavi {
/*float: left;*/
margin: 30px 0 0 0;
/*font-size: 1px;*/
}

#header .globalNavi li {
/*float: left;*/
}

#header .headerInner {
padding: 0;
}


ul.globalNavi {margin:0;padding:0;list-style-type:none;}
ul.globalNavi li{padding:0;/*float:left;*/}
ul.globalNavi li a,.naviAreaInner ul li span{text-decoration:none;display:block;text-indent:-9999px;width:130px;height:40px;}
#navi_1 a{background:url(../image/bt_gnavi_01.gif) no-repeat 0px 0px;}
#navi_2 a{background:url(../image/bt_gnavi_02.gif) no-repeat 0px 0px;}
#navi_3 a{background:url(../image/bt_gnavi_03.gif) no-repeat 0px 0px;}
#navi_4 a{background:url(../image/bt_gnavi_04.gif) no-repeat 0px 0px;}
#navi_5 a{background:url(../image/bt_gnavi_05.gif) no-repeat 0px 0px;}
#navi_6 a{background:url(../image/bt_gnavi_06.gif) no-repeat 0px 0px;}

#navi_1 a:hover{background:url(../image/bt_gnavi_01.gif) no-repeat 0px -40px;}
#navi_2 a:hover{background:url(../image/bt_gnavi_02.gif) no-repeat 0px -40px;}
#navi_3 a:hover{background:url(../image/bt_gnavi_03.gif) no-repeat 0px -40px;}
#navi_4 a:hover{background:url(../image/bt_gnavi_04.gif) no-repeat 0px -40px;}
#navi_5 a:hover{background:url(../image/bt_gnavi_05.gif) no-repeat 0px -40px;}
#navi_6 a:hover{background:url(../image/bt_gnavi_06.gif) no-repeat 0px -40px;}

#navi_1 a.selected:link,#navi_1 a.selected:visited{background:url(../image/bt_gnavi_01.gif) no-repeat 0px -40px;}
#navi_2 a.selected:link,#navi_2 a.selected:visited{background:url(../image/bt_gnavi_02.gif) no-repeat 0px -40px;}
#navi_3 a.selected:link,#navi_3 a.selected:visited{background:url(../image/bt_gnavi_03.gif) no-repeat 0px -40px;}
#navi_4 a.selected:link,#navi_4 a.selected:visited{background:url(../image/bt_gnavi_04.gif) no-repeat 0px -40px;}
#navi_5 a.selected:link,#navi_5 a.selected:visited{background:url(../image/bt_gnavi_05.gif) no-repeat 0px -40px;}
#navi_6 a.selected:link,#navi_6 a.selected:visited{background:url(../image/bt_gnavi_06.gif) no-repeat 0px -40px;}


#body {
margin:0;padding:0 0 0 30px;float:right;width:780px;
}

#body .bodyInner {
margin: 0 auto;
margin: 0px;
}

#body .bodyHeader {
padding: 0px;
margin:0 0 0px 0;height:140px;width:750px;
}


#body .topJoshibi {
float:right;margin:0;
text-indent:-9999px;
}
#body .topJoshibi a{
display:block;
background:url(../image/logo_joshibi.gif) no-repeat 0 0;
width:210px;height:50px;
}

#body .bodyHeader .topicspass{
margin:0 0 20px 0;padding:5px 0 0 0;
font-size:10px;float:left;
}
/**/

#body .bodyHeader h2 {
float: left;
margin-right: 0px;
}

#body .bodyHeader .bodyHeaderAnchor {
float: left;
padding-top: 0px;
}

#body .bodyHeader .bodyHeaderAnchor li {
float:left;padding:0;overflow:hidden;zoom:1;
}

#body .bodyHeader .bodyHeaderAnchor li img {
vertical-align: bottom;
font-size: 1px;
}

#body .bodyHeader .bodyHeaderAnchor li a {
text-decoration:none;display:block;/*text-indent:-9999px;*/height:18px;margin:25px 5px 0 10px;padding:0 0 3px 15px;
background:url(../image/jo_craft_arrow01.gif) no-repeat 0px 6px;
font-weight:bold;font-size:12px;letter-spacing:0.1em;color:#666;float:left;
}

#body .bodyHeader .bodyHeaderAnchor li a:hover{
background:url(../image/jo_craft_arrow01.gif) no-repeat 0px -64px;color:#999;/*text-decoration:underline;
border-bottom:1px solid #666;*/
} 

/*
#navi_fa1 a{background:url(../image/bt_faculty_01.gif) no-repeat 0px 0px;width:83px;}
#navi_fa2 a{background:url(../image/bt_faculty_02.gif) no-repeat 0px 0px;width:98px;}
#navi_fa3 a{background:url(../image/bt_faculty_03.gif) no-repeat 0px 0px;width:53px;}

#navi_fa1 a:hover{background:url(../image/bt_faculty_01.gif) no-repeat 0px -60px;}
#navi_fa2 a:hover{background:url(../image/bt_faculty_02.gif) no-repeat 0px -60px;}
#navi_fa3 a:hover{background:url(../image/bt_faculty_03.gif) no-repeat 0px -60px;}
*/

#body #jo_contents{width:780px;/*background:#FC3;*/}


#body h3.subTtl {
margin:0 0 20px 0;padding:0px;
width:750px;height:28px; background:#FCFDFA;
/*border:#E6E9E0 solid 1px;*/border:#DDDFD7 solid 1px;font-size:14px;
clear:both;
}

/*1年次*/
#body h3.subTtl2, #body h3.subTtl2_2 {
padding:10px 0 0 0px;margin:0;
height:40px;
/*border:#E6E9E0 solid 1px;background:#ECEDEA;clear:both;*/border:#DDDFD7 solid 1px;font-size:18px;
}
#body h3.subTtl2{width:750px;}
#body h3.subTtl2_2{width:354px;}
#body h3.subTtl2_2_left{float:left;}
#body h3.subTtl2_2_right{float:left;margin:0 0px 0 40px;}

/*授業風景ページh3カラー*/
#crafts #body h3.subTtl2{background:#F5F7EB;}
/*教員ページh3カラー*/
#faculty h3.subTtl2{background:#F3F5F7;}
/*卒業生ページh3カラー*/
body.graduate #body h3.subTtl2, 
body.graduate #body h3.subTtl2_2
{border:1px solid #F0EFE0;background:#FAF9F2;font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";}
body.graduate #body h3.subTtl2 a,
body.graduate #body h3.subTtl2_2 a{color:#DED8AF;font-size:26px;text-align:right;float:right;margin:4px 15px 0px 13px;}


#body h3.subTtl a, #body h3.subTtl2 a{
/*display:block;*/letter-spacing:0.1em; text-decoration:none;/*width:200px;height:22px;*/
font-weight:bold;color:#000;margin:4px 5px 0px 13px;padding:0;
float:left;
}

#body h3.subTtl2 a.sub{
font-size:12px;color:#666;padding:0 0 0 15px;color:#999;
background:url(../image/jo_craft_arrow01.gif) no-repeat 0px -64px;
/*text-decoration: underline;*/
}

#body h3.subTtl2 a:hover.sub{
background:url(../image/jo_craft_arrow01.gif) no-repeat 0px 6px;color:#666;
/*border-bottom:1px solid #CCC;
background:#DDD url(../image/jo_craft_arrow01.gif) no-repeat 0px -67px;*/
}

#main li {
float:left;/*background:#F55;*/
}


#footer {
/*bottom: 0;*/
clear:both;
text-align:right;
/*background:url(../image/jo_bg1.gif) repeat center top;*/
padding:0;color:#FFFFFF;
border-top:#DDD 1px solid;background:#CCC;z-index:40;
position:relative; bottom:0px;
}

#footerinner{
/*background:url(../image/img_prom.jpg) no-repeat center top;*/
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;height:160px;
}

#footerinner2{
/*background:url(../image/img_prom.jpg) no-repeat center top;
filter: alpha(opacity=60);
        -moz-opacity: 0.6;
        opacity: 0.6;*/
margin:0 0 0 auto;/*width:900px;background:#158;*/
}

#footer .jo_footrandom1{background:url(../image/top/img_top_prom_01.jpg) no-repeat center center;}
#footer .jo_footrandom2{background:url(../image/top/img_top_prom_02.jpg) no-repeat center center;}
#footer .jo_footrandom3{background:url(../image/top/img_top_prom_03.jpg) no-repeat center center;}
#footer .jo_footrandom4{background:url(../image/top/img_top_prom_04.jpg) no-repeat center center;}
#footer .jo_footrandom5{background:url(../image/top/img_top_prom_05.jpg) no-repeat center center;}
#footer .jo_footrandom6{background:url(../image/top/img_top_prom_06.jpg) no-repeat center center;}
#footer .jo_footrandom7{background:url(../image/top/img_top_prom_07.jpg) no-repeat center center;}
#footer .jo_footrandom8{background:url(../image/top/img_top_prom_08.jpg) no-repeat center center;}
#footer .jo_footrandom9{background:url(../image/top/img_top_prom_09.jpg) no-repeat center center;}
#footer .jo_footrandom10{background:url(../image/top/img_top_prom_10.jpg) no-repeat center center;}
#footer .jo_footrandom11{background:url(../image/top/img_top_prom_11.jpg) no-repeat center center;}
#footer .jo_footrandom12{background:url(../image/top/img_top_prom_12.jpg) no-repeat center center;}
#footer .jo_footrandom13{background:url(../image/top/img_top_prom_13.jpg) no-repeat center center;}
#footer .jo_footrandom14{background:url(../image/top/img_top_prom_14.jpg) no-repeat center center;}


#footer li {
display: inline;
}

#footer ul.footNavi{margin:0;padding:100px 30px 0px 0px;display:block;height:10px;clear:both;/*background:#029;*/}
#Index #footer ul.footNavi{margin:0;padding:0;}
#footer a{color:#FFF;margin:0 4px;text-decoration: none;}
#footer a:hover{color:#EEE;text-decoration: underline;}
#footer p {margin:0;padding:0 30px 10px 0;}
#Index #footer p {margin:0;padding:0 0px 10px 0;}

/*-------------------------------------------
INDEX
-------------------------------------------*/
#Index {
text-align:center;
height:100%;
position:relative;
/*background:none;background:#F00;*/
}

#Index #wrapper {
/*background: url(../image/bg_body2.gif) repeat-y center top;
position:relative;
width:100%;height:100%;
margin:0;padding:0px 0 0 0px;/*background:#FF6;height:360px;*/
}

/*#Index #wrapperInner{
margin:0;padding:30px 0 0 0px;background:#FF0;
width:100%;height:100%;
}*/

#Index #header {
position:relative;left:0px;
text-align:left;height:380px;width:100%;
margin:0 0 0 0px;padding:0px 0 0 0px;float:none;
}

#Index #header .headerInner {
background:none;position:relative;margin:0 0 0 30px;
}

#Index #header .headerInner .headerPartsL {
/*float: left;*/
margin:0 0 0 20px;
}

#Index #header .headerInner .headerPartsR {
/*float:right;background:#696;*/margin:0 0 0 0px;width:40px;text-align:right;
/*↓女子美ロゴ*/
position: absolute;right:40px;
/*position:relative;*/right:30px;padding:0 0px;z-index:30;
}

#Index .globalNavi {
/*position:fixed;left:30px;*/
margin:0;padding:0;width:350px;float:left;
}


#Index #body{
position:relative;/*top:0px;right:0px;left:0px;*/
/*position:fixed; bottom:0px;right:40px;*/
/*background:url(../image/jo_bg1.gif) repeat center top;*/
width:100%;height:100%;margin:0 0 0 0;padding:0px 0 0 0;/*background:#F55;*/
clear:both;background:#CCC;
/*position:relative;/*position:absolute;bottom:0;*/}

#Index #bodyInner{
/*background:#123 url(../image/top/img_top_prom_01.jpg) no-repeat center top;*/
width:100%;height:100%;margin:0;padding:0;
position:relative;right:0px;
}

#Index #bodyInner2{
/*background:url(../image/top/img_top_prom_01.jpg) no-repeat center top;*/
margin:0 0 0 0;padding:0px 30px 0 30px;/*width:900px;background:#F96;*/
position:absolute;right:0px;width:1000px;
/*border-right:1px solid #000;*/
}

#Index #bodyInner2,#Index #body{height:380px;}


#Index .jo_toprandom1{background:url(../image/top/img_top_prom_01.jpg) no-repeat center top;}
#Index .jo_toprandom2{background:url(../image/top/img_top_prom_02.jpg) no-repeat center top;}
#Index .jo_toprandom3{background:url(../image/top/img_top_prom_03.jpg) no-repeat center top;}
#Index .jo_toprandom4{background:url(../image/top/img_top_prom_04.jpg) no-repeat center top;}
#Index .jo_toprandom5{background:url(../image/top/img_top_prom_05.jpg) no-repeat center top;}
#Index .jo_toprandom6{background:url(../image/top/img_top_prom_06.jpg) no-repeat center top;}
#Index .jo_toprandom7{background:url(../image/top/img_top_prom_07.jpg) no-repeat center top;}
#Index .jo_toprandom8{background:url(../image/top/img_top_prom_08.jpg) no-repeat center top;}
#Index .jo_toprandom9{background:url(../image/top/img_top_prom_09.jpg) no-repeat center top;}
#Index .jo_toprandom10{background:url(../image/top/img_top_prom_10.jpg) no-repeat center top;}
#Index .jo_toprandom11{background:url(../image/top/img_top_prom_11.jpg) no-repeat center top;}
#Index .jo_toprandom12{background:url(../image/top/img_top_prom_12.jpg) no-repeat center top;}
#Index .jo_toprandom13{background:url(../image/top/img_top_prom_13.jpg) no-repeat center top;}
#Index .jo_toprandom14{background:url(../image/top/img_top_prom_14.jpg) no-repeat center top;}
/**/

#Index #body .topProm {
position:absolute;left:0px;z-index:20;
margin:30px 0 0 50px;width:440px;height:132px;
background:url(../image/jo_craft_department.gif) no-repeat 0 top;
}


/*
#Index #body .globalNavi ul {
padding-left: 20px;
}

#Index #body .globalNavi li {
float: left;
font-size: 1px;
}
*/

#Index #body .newsBox {
padding:120px 0 0px 0;
color:#FFF;
text-align:right;
height:170px;
position:relative;bottom:0px;right:0px;
}

#Index #body .newsBox dl {
padding:0;margin:10px 0 0 0;
/*float:left;*/
}

#Index #body .newsBox dt {
font-weight:bold; float:right;width:70px;height:20px;font-size: 10px;
letter-spacing:0.1em;
}

#Index #body .newsBox dd {
line-height: 120%;
font-size: 12px;
margin: 0 75px 10px 0;padding:0 0 0 300px; display:block;
}

#Index #footer {
border:none;background:none;
margin:20px 0 0 0;
}

/*-------------------------------------------
GRADUATION
-------------------------------------------*/
#graduation #main {
/*background:#FF5*/
}


#graduation #main {
/*width: 750px;*/
margin:20px 0 0 0;
}

#graduation #main li {
 margin:0 30px 20px 0;
/*width:230px;float:left;background:#F55;*/
}

#graduation #main h4 {
/*background: url(../image/icon_crafts_h4.gif) no-repeat left bottom;*/
/*border-left: #DDD 3px solid;*/
border: #DDD 1px solid;/*width:50px;*/
font-size:16px; font-weight:normal;
margin:10px 0 20px 0;padding:5px 5px;/*width:40px;*/
display:inline; 
}

#graduation #main li .imgParts {
/*float:left;width: 228px;*/
border: #DDD 1px solid;
margin:0px;position:relative;
}

#graduation #main li .imgParts a img{
padding: 4px;
}

#graduation #main li .imgParts img{/*background: url(../image/jo_bg2.gif) repeat left 0;width:220px;height:170px;*/}
#graduation #main li .imgParts img{/*background:none;*/}

/*テキスト*/
#graduation #main li .txtParts {
/*float:left;*/
width: 225px;margin:0 0px;position:relative;
}

#graduation #main li .txtParts h5 {
/*background: url(../image/bg_crafts_ttls.gif) no-repeat left bottom;background:#123;width:200px;border-bottom: #DDD 1px solid;*/
padding:5px 0 5px 5px;display:block;
margin:0;font-size:140%;position:relative;
}

#graduation #main li .txtParts h4 span{
/*background: url(../image/bg_crafts_ttls.gif) no-repeat left bottom;*/
font-weight:normal; text-align:right; display:block; float:right;
font-size:12px;
position:relative; right:0px;
}

#graduation #main li .txtParts p {
margin:0 0 0 5px;
}

#graduation #main li .txtParts .nameParts {
text-align:left;
margin:0px 0 5px 0; line-height:1.2;
}

/*-------------------------------------------
CRAFTS
-------------------------------------------*/
#crafts .leadTxt {
margin:10px 0 20px 0;width:750px;font-size: 12px;
}


#crafts #main {
margin:0 0px 0 0;/*background:#5FA;*/
}
/**/

#crafts #main p {
line-height: 160%;
margin: 10px 0px 20px 0px;
}

/*学生生活・行事*/
#crafts .jo_life .jo_craft_box h5{
border-bottom:1px solid #DDD;font-size:14px; margin:20px 0px; padding:0 5px;width:740px;
clear:both;
}
#crafts .jo_life .jo_craft_box li {
float:left;
margin:0 5px 10px 0;
/*border: #DDD 1px solid;padding:3px;*/
}


#crafts #main h4,
#faculty h4{
margin:0 0 0 0;padding:0px;
width:750px;height:28px;
/*border:#E6E9E0 solid 1px;*/border:#DDDFD7 solid 1px;
clear:both;
}

#crafts #main h4 a,
#faculty h4 a{
display:block;/**/letter-spacing:0.1em; text-decoration:none;/*width:200px;height:22px;*/
font-size:14px;font-weight:bold;color:#666;margin:2px 0 0px 13px;padding:0;
}

/*h4カラー*/
#crafts #main h4{background:#FCFDFA;}
#faculty h4{background:#FAFCFE;}

/*#crafts #main .jo_stitle {
clear:both; display:block;height:30px;
margin:0 0 20px 0;
}*/

#crafts #main h5 {
/*background: url(../image/icon_crafts_h4.gif) no-repeat left bottom;*/
/*border-left: #DDD 3px solid;*/
border: #DDD 1px solid;
font-size:12px; font-weight:normal;
margin:0 0 20px 0;padding:5px 5px;/*width:40px;*/
display:inline; 
}

html body#crafts #main h5.jo_event{
border: #E5E5E5 1px solid; background:#FEFFFC;
font-size:12px; font-weight:normal;
margin:0 0 20px 0;padding:5px 5px;
display: block; clear:both;}

#crafts #main .floatBoxL p,
#crafts #main .floatBoxR p {
margin: 10px 0 20px 0;
}

#crafts #main .floatBoxL {
clear: both;
margin:0px 0 0 0;
padding:10px 0 0 0;
}

#crafts #main .floatBoxL ul {
clear: both;
}

#crafts #main .floatBoxL .boxL {
/*border: #E5E5E5 1px solid;
padding: 3px;*/
margin: 0 10px 10px 0;
float: left;
}

#crafts #main .floatBoxR {
margin-right: 0px;
margin-left: 0px;
clear: both;
}

#crafts #main .floatBoxR .boxR {
border: #DDD 1px solid;
padding: 4px;
float: right;
margin:0px;
}

#crafts #main .imgList {
margin-left: 0px;
}

#crafts #main li{
/*width:365px;*/
margin:0 0 15px 0;
}

#crafts #main .imgList li {
float: left;
margin:0 0 10px 0;
/*border: #DDD 1px solid;padding:3px;*/
}

#crafts #main .classList li img{
/*float:left;*/margin:0 16px 0px 0;
/*margin:0 10px 3px 0;
border: #DDD 1px solid;padding:3px;*/
}

#crafts #main .classList li p{
margin: 0 0 0px 0;
/*font-size: 83%;*/
line-height:1.2;/*height:20px;*/display:block;
}

/*#crafts #main .classList li p.txt{
width:350px;
}*/


/*-------------------------------------------
FACULTY
-------------------------------------------*/
html body#faculty{
font-family:10px;
} 

#faculty .listArea {
margin:20px 0 0px 0;
/*width: 760px;
background:#F58;*/
}

#faculty .listArea li {
float: left;
width: 350px;
margin: 10px 40px 20px 0;
/*background:#F88;*/
}

#faculty .listArea2 .boxL {float:left;width:250px;}
#faculty .listArea2 .boxL .fontSmall{ display:block;margin:0 0 0px 0;padding:0 0 0px 0;}
#faculty .listArea2 .line,
#crafts .line{display:block;border-top:1px solid #DDD;margin:5px 0;/*height:1px;*/}

#faculty .listArea2{margin:20px 0px; overflow:hidden;zoom:1; clear:both;}
#faculty .listArea2 ul{margin:20px 0 0 0;padding:0;font-size:80%;line-height:1.6;/*font-weight:bold;*/}
#faculty .listArea2 li{float:left;width:355px;overflow:hidden;zoom:1;/*clear:both;background:#FCC;*/}
#faculty .listArea2 li.left{margin:0 40px 0 0;}
#faculty .listArea2 li.right{margin:0;}
#faculty .listArea2 li strong{font-size:140%;}

#faculty .listArea2 li a{
/*text-decoration:none;display:block;text-indent:-9999px;height:30px;width:50px;margin:10px 0;padding:0 8px 0 18px;
background:#F5F7EC url(../image/jo_craft_arrow01.gif) no-repeat 6px 6px;
font-weight: normal;font-size:10px;letter-spacing:0.1em;color:#999;*/
}

#faculty .listArea2 li a:hover{
/*background:#EEE url(../image/jo_craft_arrow01.gif) no-repeat 6px -64px;color:#666; text-decoration:none;*/
} 


/*#faculty .listArea 2.imgParts {
border: #FFF 1px solid;
padding: 0px;
margin: 0 10px 10px 0;
float: left;
}*/

#faculty .listArea2 .imgParts img{background: url(../image/jo_bg2.gif) repeat left 0;overflow:hidden;zoom:1;}

#faculty .listArea2 .profParts{/*height:460px;*/}
#faculty .listArea2 .profParts .jo_pro_info{margin:0;font-size:10px;line-height:1.7;padding:0px 0 0 0;/*clear:both;background:#456;*/}



#faculty .listArea2 .profParts .jo_pro_name strong{color:#333;font-weight:bold;font-size:160%;}
#faculty .listArea2 .profParts .jo_pro_name {/*font-size:83%;float:left;*/overflow:hidden;zoom:1;}
#faculty .listArea2 .profParts .jo_name_e{font-size:90%;padding:0 0 0 10px;white-space:nowrap;}
#faculty .listArea2 .profParts .jo_stxt{font-size:90%;padding:0 0 0 0px;white-space:nowrap;/*float:right;position:absolute;top:35px;right:0px;*/}
#faculty .listArea2 .profParts .jo_pro_profile{clear:both;}
#faculty .listArea2 .profParts .jo_pro_info b{display:block;float:left;font-weight:normal;/*overflow:hidden;zoom:1;*/}
#faculty .listArea2 .profParts .jo_pro_info i{float:left;display:block;width:305px;font-style:normal;/*overflow:hidden;zoom:1;*/}
.jo_pro_info b, .jo_pro_info i{/*margin:2px 0;*/}

#faculty .listArea2 .profParts .b4 b{width:40px;}
#faculty .listArea2 .profParts .b4 i{width:315px;}
#faculty .listArea2 .profParts .b5 b{width:50px;}
#faculty .listArea2 .profParts .b5 i{width:305px;}
#faculty .listArea2 .profParts .b8 b{width:70px;}
#faculty .listArea2 .profParts .b8 i{width:285px;}
#faculty .listArea2 .profParts .b10 b{width:80px;}
#faculty .listArea2 .profParts .b10 i{width:275px;}
#faculty .listArea2 .profParts .b15 b{width:100px;}
#faculty .listArea2 .profParts .b15 i{width:255px;}

.faculty_name{padding:10px 0px 0 0; clear:both;margin:0 0 20px 0;overflow:hidden;zoom:1;/*position:relative;width:180px;*/}


.pagetop{
float:right;text-align:left;margin:0 0 30px 0;padding:0 30px 0 0;}
.pagetop a{text-indent:-9999px;width:60px;height:40px;padding:0;display:block;
background:url(../image/jo_pagetop.gif) no-repeat 0 top;}
.pagetop a:hover{background:url(../image/jo_pagetop.gif) no-repeat 0 -40px;}


.jo_course{ clear:both;}

.jo_work_box{margin:30px 0 0 0; clear:both;}

#faculty .listArea2 .faculty_profParts{}
.faculty_img{margin:0 0px 0px 0;overflow:hidden;zoom:1;}
.faculty_img_face{float:left;margin:0 0 0 0;}
.faculty_img_face img{border:1px solid #EEE;padding:0px;margin:0 0 0px 0;
/*border-top:5px solid #CCC;border-left:5px solid #CCC;border-right:5px solid #CCC;*/}
.faculty_img_face, .faculty_img_face img{width:95px;}

.faculty_img_works{/*overflow:hidden;width:150px;height:150px;*/float:right;margin:0;padding:0;width:258px;}
.faculty_img_works a{/*border:1px solid #EEE;overflow:hidden;*/display:block;margin:0;padding:0;/*width:210px;height:300px;text-align:center;*/}
.faculty_img_works a:hover{/*border:1px solid #888;*/}
.faculty_img_works img{/*margin:auto;width:208px;height:100px;margin:0 0 0 -0px;border:4px solid #EEE;*/
}
.faculty_img_works img.tate{width:180px;}
.faculty_img_works img.yoko{/*height:200px;*/}
.faculty_img_works .cut{height:280px;overflow:hidden;}

#faculty .listArea2 .profParts .jo_pro_info,
.faculty_img_works{/*width:256px;*/}
.faculty_img_works img.yoko{width:256px;}
#faculty .listArea2 .profParts .jo_pro_info,
.faculty_img_works{ /*float:right;*/}


.faculty_img_works a img{border:1px solid #EEE;}
.faculty_img_works a:hover img{border:1px solid #888;}

.faculty_img_works a.kudo{background:url(../image/faculty/sennin_kudo_work.jpg) no-repeat center center;/**/}


.page_faculty .profParts{}
#faculty .page_faculty .listArea2 .boxL {width:355px;/*background:#456;*/}

.red_frame{border:1px solid #F99;background:#FFFCFC;}
.pad10{padding:10px;}
.pad15{padding:15px;}
.pad1520{padding:15px 20px;}
.pad20{padding:20px;}
.pad1015{padding:10px 15px;}
.red_font{color:#F33;}
a.red_link{background:#A00;color:#FFF;padding:0px;text-decoration:none;width:100px;text-align:center;margin:8px 0 0 0;display:block;}
a:hover.red_link{background:#AAA;}

.class_table{vertical-align:top; width:100%;}
.class_table td{padding:0px 5px;}
.class_table .bg1{background:#F0F0F0;text-align:center;}
.class_table .bg2{font-weight:bold;}
.class_table .bg1, .class_table .bg2{width:50%;}

.class_table dl{overflow:hidden;zoom:1;}
.class_table dl dt{width:15%;float:left;white-space:nowrap; text-align:left; font-weight:bold;}
.class_table dl dd{width:80%;float:left;margin:0 0 10px 0;/**/}



/*-------------------------------------------
BLOG
-------------------------------------------*/

#jo_announce{
font-size:12px;
}

/*ブログタイトル*/
.POST_HEAD table{
/*width:560px;background:url(http://drooom.sakura.ne.jp/test/joshibi/s_art/common/image/sttl_bg1.gif) no-repeat 0px bottom;
margin:20px 0 15px 0;*/

margin:20px 0 20px 0;padding:0px;
/*width:750px;*/width:560px;height:28px; border:#DDDFD7 solid 1px;background:#FCFDFA;/**/
/*border:#E6E9E0 solid 1px;*/font-size:14px;
clear:both;
}

.POST_HEAD table td{
height:23px;
font-size:14px;font-weight:bold;padding:5px 0 5px 12px;
text-align:left;
}

.POST_HEAD a{
/*display:block;float:left;*/text-decoration:none;color:#000;letter-spacing:0.1em;
}
.POST_HEAD a:hover{
text-decoration:none;color:#999;
}

/*編集・削除ボタン*/
.POST_HEAD .postadmin a{font-size:10px;background:none;width:200px;text-decoration:underline;font-weight:normal;padding:0;
}

.POST_TAIL{
margin:10px 0 40px 0;
}

/*右メニュー*/
#jo_blog_right{
float:left;width:156px;margin:0 0 0 34px;background:#FFF;
}

/*カテゴリインデックス*/
#jo_blog_right .MNTTL{font-weight:bold;margin:20px 0 10px 0;/*font-size:12px;padding:5px 0 5px 12px;color:#666;*/height:18px;
/*background:url(http://drooom.sakura.ne.jp/test/joshibi/s_art/common/image/sttl_bg1.gif) no-repeat 0px bottom;*/
/*border:#DDDFD7 solid 1px;background:#F5F7EB;*/
border-bottom:#DDDFD7 solid 1px;padding:5px 0 10px 0px;font-size:16px;color:#999;
}

#jo_blog_right a{
margin:0 0 3px 0px;
}