@charset "utf-8";
/* --------------------------------------------------------------------
　style.css 
font-size 9px{ font-size:77%; } 10px{ font-size:85%; } 11px{ font-size:93%; } 12px{ font-size:100%; } 13px{ font-size:108%; } 14px{ font-size:116%; } 15px{ font-size:123.1%; } 16px{ font-size:131%; } 17px{ font-size:138.5%; } 18px{ font-size:146.5%; } 19px{ font-size:153.9%; } 20px{ font-size:161.6%; } 21px{ font-size:167%; } 22px{ font-size:174%; } 23px{ font-size:182%; } 24px{ font-size:189%; } 27px{ font-size:197%; }
-------------------------------------------------------------------- */

/* clearfix
-------------------------------------------------------------------- */
#wrapper #contents .section.c03 ul,
#wrapper #contents .section.c02 dl,
#mainNav,
.inner,
.clearfix{
display: inline-block;
}

#wrapper #contents .section.c03 ul,
#wrapper #contents .section.c02 dl,
#mainNav,
.inner,
.clearfix{
display: block;
}

#wrapper #contents .section.c03 ul:after,
#wrapper #contents .section.c02 dl:after,
#mainNav:after,
.inner:after,
.clearfix:after{
content: url(../img/pixel.gif);
display: block;
clear: both;
height: 0;
}


/* reset style (html5 set)
-------------------------------------------------------------------- */
article,section,header,footer,nav,menu,aside,figure,figcaption { display:block;
padding:0;
margin:0;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Verdana, Geneva, Arial, Helvetica; 
margin:0;
padding:0;
}

table{
border-collapse:collapse;
border-spacing:0;
}

fieldset,img{ 
border:0;
}

img{
vertical-align:top;
}

address,caption,cite,code,dfn,em,strong,th,var,u {
font-style:normal;
font-weight:normal;
text-decoration:none;
}

a{
outline:0;
vertical-align:baseline;
}

a > *{
cursor:pointer;
}

ol,ul{
list-style:none;
}

caption,th{
text-align:left;
}

h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}

q:before,q:after{
content:'';
}

abbr,acronym {
border:0;
}

a:link{
color:#333;
}

a:visited {
color:#333;
}

a:hover, a:active {
color: #333;
text-decoration: none;
}

.blankIcon {
vertical-align: 0;
margin: 0 0 0 2px;
}

img.addIcon {
vertical-align:middle;
}

span.anchorIn,
span.anchorIn strong {
text-decoration: underline;
vertical-align: baseline;
}

a:hover span.anchorIn {
text-decoration: none;
}



/* fonts（normal 11px）
-------------------------------------------------------------------- */
body {
font: 13px/1.231 arial, helvetica, clean, sans-serif;
*font-size: small;
*font: x-small;
}
select,
input,
button,
textarea {
font: 99% arial,helvetica,clean,sans-serif;
}
table {
font: 100%;
font-size: inherit;
}
select,
input,
button,
textarea,
body{
font-family:'メイリオ',Meiryo, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"MS P Gothic",Verdana,Helvetica,sans-serif;
color:#333;
}

/* 補助テキスト */
.assistiveText{
position:absolute;
text-indent:-9999px;
overflow:hidden;
}

/* body
-------------------------------------------------------------------- */
body{
background:url(../img/bg_body.jpg) center top repeat;
}

/* header
-------------------------------------------------------------------- */
header{
border-top:3px solid #0073bd;
text-align:center;
width:100%;
height:115px;
display:block;
}

header .inner {
width:960px;
margin:0 auto;
text-align:left;
}

header h1#logo{
width:260px;
margin:-3px 0 0 0;
float:left;
display:inline;
}

header  #assistNav{
margin:-3px 0 0 0;
float:right;
display:inline;
text-align:right;
}

header .link{
margin-top:10px;
}

header .link li{
float:left;
margin-left:10px;
}


header .link li a{
background:url(../img/header_arrow_list.png) no-repeat 0 8px;
padding-top:10px;
padding-bottom:30px;
padding-left:30px;
font-size:120%;
text-decoration:none;
}


/* wrapper
-------------------------------------------------------------------- */
#wrapper{
text-align:center;
line-height:1.5;
width:100%;
}

#contents{
text-align:left;
position:relative;
width:960px;
margin:0 auto;
padding:0 0 30px;
}

#contents #mainV{
position:relative;
}

#topics #contents #mainV{
margin-bottom:30px;
}

#contents #mainNav{
margin:0 0;
width:960px;
padding:50px 10px;
background:url(../img/bg_mainNav.png) left center no-repeat;
/*clearfix*/
}

#contents #mainNav li{
float:left;
display:inline;
margin:0 10px 0 0;
width:311px;
}

#contents #mainNav li:last-child{
margin:0;
}

#contents #mainNav li a{
display:block;
}

#contents #productmenu{
margin:0 0 15px 0;
width:960px;
padding:0 0 10px 0;
/*clearfix*/
}

#contents #productmenu li{
float:left;
display:inline;
margin:0 20px 0 0;
}

#contents #productmenu li:last-child{
margin:0;
}

#contents #productmenu li a{
display:block;
}


/*==============
プロジェクト団体紹介
==============*/ 
#contents h2{
margin:10px 10px 30px;
}

#wrapper #contents .section.c02{
margin:0 40px;
}

#wrapper #contents .section.c02 dl{
background:url(../img/ttl02_arrow.png) no-repeat 0 2px;
padding-left:20px;
font-size:120%;
margin-bottom:10px;
}

#wrapper #contents .section.c02 dd{
float:left;
margin-right:20px;
width:90px;
}

#wrapper #contents .section.c02 dt{
float:left;
width:750px;
}

#wrapper #contents .section.c02 p{
text-align:right;
margin-bottom:40px;
}

#wrapper #contents .section.c02 p a{
background:url(../img/ttl02_arrow_list.png) no-repeat 0 8px;
padding-top:10px;
padding-bottom:30px;
padding-left:40px;
font-size:120%;
}

#topics #wrapper #contents .section.c02 p{
text-align:left;
margin-bottom:40px;
margin-top:30px;
}

#topics #wrapper #contents .section.c02 p a{
background:url(../img/ttl04_arrow_list.png) no-repeat 0 8px;
padding-top:10px;
padding-bottom:30px;
padding-left:40px;
font-size:120%;
}



#wrapper #contents .section.c03{
margin:0 40px 30px;
}

#wrapper #contents .section.c03 .inner-menu li{
float:left;
width:270px;
margin-right:20px;
margin-bottom:10px;
}

#wrapper #contents .section.c03 .inner-menu li a{
background:url(../img/ttl03_arrow.png) no-repeat 0 0;
padding-left:20px;
}

#wrapper #contents .section.c03 .inner-menu li.twocolum{
width:560px;
}






.zemiblog{
border:5px solid #e4799d;
padding:25px;
background:#FFF;
margin-bottom:30px;
}

#contents .zemiblog .head{
margin-bottom:10px;
}

#contents .zemiblog .head h2{
float:left;
margin:0;
}
.zemiblog .head .banner{
float:right;
}

.zemiblog .head .banner span{
display:block;
width:335px;
background:#e4799d;
text-align:center;
color:#FFF;
border-bottom:1px solid #FFF;
}

.zemiblog .student,
.zemiblog .intro{
font-size:120%;
line-height:1.8em;
}

.zemiblog .intro p{
width:450px;
float:left;
}

.zemiblog .intro .pic{
width:430px;
float:left;
display:inline;
margin-right:20px;
margin-bottom:20px;
}

.zemiblog .intro .break{
float:none;
width:900px;
}

.zemiblog .student{
border-top:2px solid #e4799d;
margin-top:20px;
padding-top:20px;
}

.zemiblog .student .pic{
width:180px;
float:right;
display:inline;
margin-left:20px;
margin-bottom:20px;
font-size:80%;
text-align:center;
line-height:1.4em;
}

.zemiblog .student .pic .global{
letter-spacing:-2px;
}

/* clearfix
-------------------------------------------------------------------- */
.zemiblog .student,
.zemiblog .intro,
#contents .zemiblog .head{
display: inline-block;
}

.zemiblog .student,
.zemiblog .intro,
#contents .zemiblog .head{
display: block;
}

.zemiblog .student:after,
.zemiblog .intro:after,
#contents .zemiblog .head:after{
content: url(../img/pixel.gif);
display: block;
clear: both;
height: 0;
}


#contents h3{
font-size:180%;
padding:5px 10px;
margin-bottom:20px;
color:#333;
font-weight:bold;
background:#FFF;
border:1px solid #AAA;
}



#contents .section.c03 h3{
font-size:120%;
padding:5px 10px;
margin-bottom:8px;
color:#333;
font-weight:bold;
background:#FFF;
border:1px solid #AAA;
}

#wrapper #contents .section.c03 p.link {
    margin-bottom: 40px;
    text-align: left;
}
#wrapper #contents .section.c03 p.link a {
    background: rgba(0, 0, 0, 0) url("../img/ttl03_arrow_past.png") no-repeat scroll 0 8px;
    font-size: 120%;
    padding-bottom: 30px;
    padding-left: 40px;
    padding-top: 10px;
}

#contents h3.jinbun,
#contents .section.c03 h3.jinbun{
}

#contents h3.grobal,
#contents .section.c03 h3.grobal{
}

#contents h3.another,
#contents .section.c03 h3.another{
}

#contents h3 span{
border-left:5px solid #2193dd;
padding-left:10px;
}

#contents .section.c01 p{
padding:0 20px 30px;
}


/*==============
pagetop
==============*/ 
#pageTop{
position:fixed;
z-index:99;
right:0;
top:60%;
}



/* footer
-------------------------------------------------------------------- */
footer{
background:#0073bd;
text-align:center;
width:100%;
padding:0;
}

.border{
margin:0;
padding:0;
}

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

print_set
------------------------------------------------------------ */
@media print{
body{
zoom:70%;
}
html:lang(ja) body{
zoom:1;
}
}​