@charset "UTF-8";
/* CSS Document */


body{font:13px "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "Georgia", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #444444; letter-spacing: 0.02em; height:100%;}
#wrap{position:relative;width: 100%;height:auto !important;height: 100%;min-height: 100%;}

p{margin:0 0 10px 0; line-height:1.5em;}
a:link:hover{text-decoration:underline;}
p.bg{ background:url(../images/bg_dot.gif) bottom repeat-x;}
h1{font-size:28px;}
h1.h1Unit{padding:40px 0 35px 0;
 text-align:center;
  color:#444;}

h2{font-size:21px; text-align:left; margin:0 0 20px 0;}
h2.h2Unit{padding:0 0 5px 0; border-bottom: solid 1px; font-size:14px; text-align:center; letter-spacing: 0.08em;}
h3{margin:0 0 15px 0; font-weight:bolder;}
.section{margin:0 0 40px 0;}
.bgbar{height:1px; margin:40px 0;background:url(../images/bg_dot.gif) bottom repeat-x; }

#scrollTop{width: 60px;height: 26px;position: fixed;right:10px;bottom: 36px;}


#globalHeader{background:#ffffff; margin:0 auto; background:url(../images/bg_dot.gif) bottom repeat-x; }
#globalHeader.top{background:none;}
#globalHeader .inner{max-width:640px;}
#globalHeader h1 {position: relative; height:75px; background:url(../images/text_bg.gif) ;border-radius: 50%;}
#globalNavigation {position: relative; margin:25px auto 0 auto; max-width:453px; }
#globalNavigation ul{text-align:center; padding-bottom: 10px;}
#globalNavigation ul li {height:30px;float:left;}
#globalNavigation ul li img{padding:10px 18px;}


.logoInner{width:75px; margin:0 auto; padding-top:20px; }
.logoInner img{border-radius: 50%;}
.navInner {width:80%;margin: 0 auto;}
.footerInner{width:248px; margin:0 auto; }
.kimgInner{max-width:840px; margin:0 auto;width:expression(document.body.clientWidth > 842? "840px" : "auto"); margin-bottom:40px;}



.subNavigation ul{position:absolute; top:8px; right:5px;}
.subNavigation ul li{float:left; margin:0 5px 0 0; background:#999;}
.subNavigation ul li.subnav{margin:0 10px 0 0; padding:7px 0 0 13px; background:url(../images/arrow_l_gray_x.png) left 7px no-repeat;}


#wide,#wide1,#wide2{max-width:855px; margin:0 auto 30px auto; padding:0 20px; position: relative; width:expression(document.body.clientWidth > 887? "885px" : "auto");}
#narrow{max-width:856px; margin:0 auto 30px auto; padding:0 20px; position: relative; width:expression(document.body.clientWidth > 887? "885px" : "auto");}
.inner{max-width:640px; margin:0 auto 50px auto; padding:0 20px; position: relative; width:expression(document.body.clientWidth > 642? "642px" : "auto");}

.inner span{font:11px "Georgia","ヒラギノ角ゴ Pro W3", "メイリオ","Hiragino Kaku Gothic Pro", Meiryo, Osaka, "Georgia", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}


.more{max-width:855px; margin:0 auto; padding:0 0 35px 0;}
.more .text{padding:0 7.5px 0 14px; float:right; background:url(../images/arrow_d_gray_x.png) left 3px no-repeat; font:11px "futura_R";}

#section_w01 {background:#f6f6f6; position: relative;}
#section_w02 {background:#ffffff; position: relative;}

#section_w01 .dlbox,
#section_w02 .dlbox{position:relative;}

#section_w01 dl{width:270px;  padding: 0 7.5px 30px 7.5px; position:relative; float:left;}
#section_w02 dl{width:199px;  padding: 0 7.5px 30px 7.5px; position:relative; float:left;}
#archives #section_w02 dl{padding: 0 7.5px 15px 7.5px;}


/*#top dt{background:url(../images/text_bg.gif);}*/


#section_w01 dt span,
#section_w02 dt span{font:11px "Georgia","ヒラギノ角ゴ Pro W3", "メイリオ","Hiragino Kaku Gothic Pro", Meiryo, Osaka, "Georgia", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.textBox{margin:0 0 0 5px;}
.secnav{margin:0 auto 40px auto; position: relative;  letter-spacing: 0.04em;}

#top .textBox,
#archives .textBox
{margin:8px 0 0 0; font-size:12px;}

#about .secnav ul{max-width:640px; font:8px ;}
#about .secnav ul li{width:100%;display:inline-block;height:30px; margin:0 0 5px 0;float:left; background:url(../images/bg_dot.gif) bottom repeat-x;}


#archives .secnav ul li,
#news .secnav ul li{width:100%;display:inline-block;height:30px; margin: 0 7.5px 10px 7.5px;float:left; background:url(../images/bg_dot.gif) bottom repeat-x;}

#about .liBox,
#archives .liBox,
#news .liBox{padding:9px 0 0 0;}

#about .liBox img,
#archives .liBox img,
#news .liBox img{padding:1px 6px 0 0;}

#archives .inner,
#news .inner
{max-width:855px; margin:0 auto 50px auto; padding:0 20px; position: relative; width:expression(document.body.clientWidth > 642? "642px" : "auto");}
#archives .secnav ul,
#news .secnav ul{max-width:845px; font:8px ;}

#archives .inner h2{margin:0; font-size:22px;text-align:left; letter-spacing: 0.08em; background:none;}
#archives #section_w02 .inner{max-width:840px;  margin:0 auto 20px auto; width:expression(document.body.clientWidth > 857? "857px" : "auto");}

#archives h2.h2Unit{background:none; padding:5px 0 0 0; margin:0 7.5px 20px 7.5px; text-align:left;}

#archives #show,
#archives #freshmans,
#archives #collaboration
 {background:#ffffff; position: relative;}

#archives #show .dlbox,
#archives #freshmans .dlbox,
#archives #collaboration .dlbox
{position:relative;}

#archives #show dl,
#archives #freshmans dl,
#archives #collaboration dl{width:270px;  padding: 0 7.5px 30px 7.5px; position:relative; float:left;}



#news_detail h2.h2Unit{padding:0 0 5px 0; border-bottom: solid 1px; font-size:18px; text-align:left; letter-spacing: 0.08em;}
#news_detail h2 span{font:18px "Georgia","ヒラギノ角ゴ Pro W3", "メイリオ","Hiragino Kaku Gothic Pro", Meiryo, Osaka, "Georgia", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin-right:10px;}
#news_detail .inner{max-width:840px; margin:0 auto 50px auto; padding:0 20px; position: relative; width:expression(document.body.clientWidth > 842? "840px" : "auto");}
#news_detail dd{float:left;}
#news_detail dt{float:right;}





#archives #show dt span,
#archives #freshmans dt span,
#archives #collaboration dt span
{font:9px "Georgia","ヒラギノ角ゴ Pro W3", "メイリオ","Hiragino Kaku Gothic Pro", Meiryo, Osaka, "Georgia", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

#about h1.h1Unit,
#contact h1.h1Unit,
#link h1.h1Unit,{margin:40px 0 30px 0;padding:0;text-align:center; color:#444;}


#contact{padding-bottom:39px;}
#contact dt img{margin-right:5px;}
#contact dt{width:20%; float:left; margin-bottom:10px;}
#contact dd{width:80%; float:left;}

#link dt{width:40%; float:left; margin-bottom:10px;}
#link dt a{text-align:right;}

#link dd{width:60%; float:left;}


#footer{width:100%;height:100%; height:39px;
text-align:center;text-align:-moz-center; /*FF*/
#text-align:center; /*IE */ background:#f6f6f6; display:block;line-height:3;}

#footer img{padding:12px 0 0 0;}


@media screen and (max-width: 979px) {
#archives h2.h2Unit{margin: 0 0 20px 0;padding:5px 0 5px 5px; text-align:left; letter-spacing: 0.08em; background:none;}
.kimgInner{max-width:856px; padding:0 20px;}
    /* 979px以下用（タブレット用）の記述 */
	#wide,#wide1,#wide2{max-width:795px; padding:0 30px; width:expression(document.body.clientWidth > 797? "795px" : "auto");}
#narrow{max-width:796px; padding:0 30px; width:expression(document.body.clientWidth > 79? "795px" : "auto");}
	
}

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

    /* 767px以下用（タブレット／スマートフォン用）の記述 */
	
}

@media screen and (max-width: 479px) {
#globalNavigation ul{padding-bottom:20px;}
#globalNavigation ul li{margin:0 10px 5px 0;width:100%;background:url(../images/text_bg.gif);}
#globalNavigation ul li img{padding:10px 110px;}

#archives .inner{margin-bottom:30px;}

#news_detail dt{margin-top:20px;}


#contact dt,#link dt
{width:100%; float:none;}
#contact dd,#link dt{width:100%; float:none;}

    /* 479px以下用（スマートフォン用）の記述 */
}