@charset "utf-8";


/*------------------------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  font-size: 14.5px;
  color: #555;
  line-height: 1.3rem;
  background: #ffffff;
}

h1 {
  font-size: 2em;
  line-height: 1.3em;
}

h2 {
  font-size: 1.5em;
  line-height: 1.7em;
}

h3 {
  font-size: 1.4em;
  margin-top: 1.5em;
}
h3.newssubt {
border-bottom:1px dashed #6d806b;
margin-top:3.5em;
}


h6.resubt {
margin-top:3em;
padding-bottom: 0.5em;
margin-bottom: 0.3em;
  font-size: 1.2em;
border-bottom:1px dashed #6d806b;
}
h6.resubt span.first{
  font-size: 4em;
}
h6.resubt span.the{
  font-size: 0.9em;
padding-right:0.5em;
}

h6.resubt span.second{
  font-size: 1em;
padding-right:1em;
}

h6.resubt span.ti{
  font-size: 1.3em;
}

span.redate{
display:block;
  text-align: right;
  font-size: 1.5em;
}

h4 {
  font-size: 1.3em;
  line-height: 2em;
  margin-top: 1.5em;
}

h4.title {
  margin-left: 1em;
  margin-top: 0em;
}

h6.subt {
font-size:4.5em;
}



h5.subt {
  margin-bottom: 0.5em;
  margin-top: 1em;
}

p, li, strong { line-height: 1.5em; }

a {
  color: #739999;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}

a:hover {
  color: #d58200;
  border-bottom: 1px dashed #99cccc;
}
a.no_line:hover {
  border-bottom: 0px ;
}
a.transparent {
  color: #555555;
  text-decoration: none;
  border-bottom: 0px;
}
a.transparent:hover {
  border-bottom: 0px;
}



ul {
  list-style: none;
  list-style-image: url("../images/bullet/dark.png");
  margin: 0 0;
  margin-bottom: 36px;
  margin-left: 10px;
}

li { padding-top: 1em; }

/*------------------------------------------------------------------------*/
#siteWrapper {
  min-height: 100%;
  position: relative;
}

#header { 

/*background: #5e8a61 url("../images/header-bg.jpg");*/
 }


#header_line {
  height: 15px;
  background: #34412d url("../images/head.jpg") no-repeat;
}

#logoHead {
  text-indent: -9999px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 35px;
  padding-right: 26px;
  border-right: 1px solid #e5e5e5;
  height: 160px;
}

.logoen { background: url("../images/logo-en.png") no-repeat; }
.logoja { background: url("../images/logo-ja.png") no-repeat; }
#logoHead:hover { cursor: pointer; }

/* NAVIGATION */
#mainNav {
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 0;
  margin-top: 35px;
  padding-left: 7px;
  width: 490px;
  float: left;
  position: relative;
}

#mainNav>li {
  margin: 0;
  margin-left: 5px;
  margin-right: 15px;
}

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

.menu>a {
  font-size: 16px;
  font-weight: bold;
  color: #03004C;
}

.menu>a:hover { color: #03004C; }
.menu>a.noLink:hover { color: #E73817; }
.menu>a.selected { color: #E73817; }

.subMenu, .subMenu li {
  margin-left: 0px;
  padding-top: 0;
  display: block;
}

.subMenu { margin-top: 10px; }
.subMenu a:hover { color: #E73817; }
.subMenu a.selected { color: #E73817; }

.subMenu li {
  font-size: 12px;
  line-height: 20px;
  margin-top: 0;
}

.subMenu a { color: #03004C; }
.subMenu li.nest { padding-left: 10px; }

/* END MAIN NAVIGATION */
#slogan {
  color: #34412d;
  margin-top: 15px;
  padding: 15px 0px;
  border-top: 1px solid #4F6244;
  border-bottom: 1px solid #4F6244;
  position:relative;
}

#slogan h1, #slogan h2, #slogan h4 { padding-left: 15px; }

#slogan h2.with-en{
padding-left: 55px;
padding-top: 15px;

}

#slogan img {
  margin-right: 25px;
  float: left;
}
#slogan .logo-en{
  font-size: 7em;
position:absolute;
top:-150px;left:5px;
color:#e6e9e9;
z-index:-10;
}

#slogan #title{
  font-size: 5em;

}

/* SIDEBAR */
#sidebar {
  color: #f6f6f6;
  margin-bottom: 80px;
  margin-right: 0;
  margin-top: 68px;
  padding-bottom: 35px;
  padding-left: 34px;
  width: 360px;
  background: #EB6841;
}

/* END SIDEBAR */
.bright { color: #d58200; }
.dark { color: #6d806b; }

/* END MAIN CONTENT */
/*spacer*/
.spacer {
  margin-top: 55px;
  width: 940px;
  height: 17px;
  clear: both;
  position: relative;
}

.spacer_l {
  margin-top: 55px;
  width: 940px;
  height: 100px;
  clear: both;
  position: relative;
}

/* contact_area */
#contact {
  
}

#contact h4.right { text-align: right; }

#contact div.header {
  padding-right: 30px;
  padding-top: 30px;
  height: 120px;
}

#contact h2 {
  margin-bottom: 60px;
  margin-left: 10px;
  margin-top: 50px;
  padding-right: 25px;
}

/* FOOTER */
#footer {
  padding-top: 70px;
  width: 940px;
  height: 10px;
  background: url("../images/head.jpg") no-repeat 0 bottom;
  clear: both;
  position: relative;

/*background: #5e8a61 url("../images/header-bg.jpg");*/

}

#footer-wrap {
  margin-top:30px;
  padding-top: 30px;
  padding-bottom: 30px;
	background: #5e8a61 url("../images/header-bg.jpg");

}

#footer-wrap a{
color:#fff;
font-size:17px;
}

/*------------------------------------------------------------------------*/
/* MAIN CONTENT */
#mainContent {
  margin-bottom: 30px;
  margin-left: 10px;
  margin-top: 20px;
}

#mainContent p {
  margin-bottom: 3em;
  margin-bottom: 40px;
  width: 940px;
}

#mainContent .right {
  margin-bottom: 15px;
  margin-left: 20px;
  margin-top: 15px;
}

#mainContent h2 {
  margin-top: 0;
  display: block;
  clear: both;
}

#mainContent .col_4 {
  margin-left: 20px;
  width: 220px;
  float: left;
}

#mainContent .col_2 {
  margin-left: 40px;
  width: 450px;
  float: left;
}

#mainContent .edge { margin-left: 0; }

.member img {
  margin-right: 25px;
  padding: 10px;
  border: 1px solid #DEDEDE;
  background-color: #FFFFFF;
  float: left;
}

.member_in { padding: 20px 10px; }

.breadcrumbs {
  font-size: 0.9em;
  text-align: right;
}

.breadcrumbs span.now { font-weight: bold; }

.page_top {
  font-size: 0.9em;
  text-align: right;
}

.page_top a {
  padding-left: 15px;
  background: url('../images/pagetop.png') no-repeat 2px;
}

.mail { vertical-align: middle; }
.fts { font-size: 0.9em; }

/*---------------------------*/
div.margint50, p.margint50 { margin-top: 50px; }
div.margint30 { margin-top: 30px;
line-height:1.5em;
}

div.margint10 { margin-top: 1em;
line-height:1.4em;
}


.fts { font-size: 0.8em; }
.ftss { font-size: 0.7em; }
.teright { text-align: right; }

.subt {
  font-size: 1.1em;
  color: #492C0E;
}

.member img {
  margin-right: 15px;
  padding: 5px;
  border: 1px solid #6a6a6a;
  width: 100px;
  background-color: #f6f6f6;
  float: left;
}

.member h4 {
  font-weight: bold;
  margin-top: 3px;
}

.attention {
  color: #cd0a0a;
  line-height: 2em;
  margin: 20px 0;
  padding: 10px 10px 10px 30px;
  border: 1px solid #d97676;
  background: #ffdede;
}

.note_zoom {
  padding-left: 50px;
  background: url('../images/bullet/note.png') no-repeat 30px 0px;
}

.note_list {
  line-height: 2em;
  margin: 10px 0;
  padding: 10px 10px 10px 60px;
  background: #EFEFEF url('../images/bullet/note.png') no-repeat 20px 25px;
}


a.pdf {
  padding-left: 25px;
  min-height: 20px;
  background: url("../images/pdficon_small.png") no-repeat 0 0 transparent;
}

span.pdf {
  padding-left: 15px;
  min-height: 20px;
  background: url("../images/file_icon.gif") no-repeat 3px 2px transparent;
}

span.video {
  padding-left: 20px;
  min-height: 20px;
  background: url("../images/video.png") no-repeat 0 0 transparent;
}

/*---------------------------*/
ul.pub_z { line-height: 2em; }

ul.pub {
  line-height: 2.3em;
  padding-top: 50px;
}

ul.pub li, ul.pub_z li {
  list-style: none;
  margin-bottom: 15px;
  padding: 0px;
  padding-left: 20px;
  background: transparent url(../images/bullet.png) no-repeat 0 10px;
}

ul.pub li span {
  font-weight: bold;
  padding-right: 15px;
}

a.pub_link { color: #555; }
a.pub_link:hover { background: transparent url(../images/link_bg.png); }

span.pub_title {
  font-weight: normal;
  color: #6a6a6a;
  border-bottom: 1px dashed #99cccc;
}

div.sp_gray { background: url('../images/spacer/gray.gif') no-repeat center; }

.photo {
  margin: 0px 3px;
  padding: 5px;
  border: 1px solid #D3D3D3;
}

/* chimp */
.portfolio ul, .portfolio_zoom ul {
  margin: 0;
  margin-bottom: 40px;
  padding: 0;
  padding-top: 10px;
}

.portfolio li, .portfolio_zoom li {
  list-style: none;
  position: relative;
}

.portfolio_zoom li {
margin-bottom:10px;
padding-bottom:5px;
border-bottom:1px solid #e7eee8;
padding-top:10px;
padding-left:10px;

}
.portfolio li img.photo , .portfolio_zoom li img.photo {
  margin: 0px 0px;
  float: left;
}



.portfolio_zoom .ruby{
 color: #555;
 font-size:0.5em;
 font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding-left:1em;
}

.portfolio h6{
  margin-bottom: 0;
  margin-top: 2px;
}

.en {
  font-family: 'Euphoria Script', cursive;
  font-size: 2em;
}


.portfolio .fts { font-size: 2em; }

.name-plate {
  font-size: 3em;
  text-align: right;
  padding-right: 15px;
  padding-top: 15px;
}
.portfolio .name-male {
 
  color: #4e70a2;
}
.portfolio .name-female{
  color: #a24e7e;
}


  @media (min-width: 576px) {
.portfolio .name-male {
  border-right: 15px solid #c4d7f4;
 
}
.portfolio .name-female{
  border-right: 15px solid #f4c4d2;
}

      
}




.portfolio_zoom li.male {
  border-left: 15px solid #c4d7f4;
}

.portfolio_zoom li.female{
  border-left: 15px solid #f4c4d2;
}


.portfolio_zoom li.male .name-c {
  color: #4e70a2;
}

.portfolio_zoom li.female .name-c {
  color: #a24e7e;
}




div.caption span.button{
  color: #739999;
  line-height: 1.8em;
  margin-top: 25px;
  padding-left: 20px;
  border-bottom: 1px dashed #99cccc;
  width: 15em;
  display: block;
  background-image: url(../images/arrow_s.png);
  background-position: 0em 0.5em;
  background-repeat: no-repeat;
}

div.caption span.button:hover { background: transparent url(../images/link_bg.png); }
.portfolio li:hover { background-color: #f2faf6; }
.portfolio div.caption { padding-left: 5px; }
.portfolio_zoom div.caption {
  margin-top: 8px;
 padding-left: 5px; }
.portfolio a { color: #555; }
.portfolio_zoom .ce-img img.photo{
margin-left:47px;
}

.portfolio_zoom li.nnow{
background:#f4efc4;
}

.portfolio_zoom .gabutton:before, .exifdate:before{
display:block;
clear:both;
content:'';

}
.portfolio_zoom .gabutton{
display:block;
text-align:center;
font-size:0.7em;
color:#4aaaaa;
}

.exifdate{
display:inline-block;
}

.rowg{
 border-bottom: 1px solid #e7eee8;
padding-bottom:15px;
margin-bottom:30px;

}

ul.news li{
border-bottom:1px solid #edf0e8;
margin-bottom:3px;
padding-bottom:3px;
}


.green{color:#A8C090;}
.aqua{color:#90c0be;}
.blue{color:#909ac0;}
.pink{color:#c090bf;}
.red{color:#c09090;}
.orange{color:#c09090;}
.ygreen{color:#bcc090;}
.odd{
background:#fcf9f7;

}

#header_menu{
height:2em;
	position: relative;
	margin:10px 0px 30px 0px;
}
#header_menu ul {
	margin: 0;
	padding-left:10px;
	list-style: none;
}

#header_menu li {
	position: relative;
	float: left;
	width:70px;
	background:url('../images/pagedown.png') no-repeat 0px 1.4em;
	padding-left:10px;
}


div.news_zoom h3 span.en{
padding-left:50px;
padding-right:90px;

}



/*gallery*/

#gallery .category{
overflow:hidden;
position:relative;
border-bottom:1px solid #cccccc;
}
#gallery .category div{
margin-right:60px;
margin-top:10px;
text-align:right;
min-height:400px;
}

#gallery .category ul{
width:577px;
overflow:hidden;
margin:0;
padding:0;
padding-top:20px;
margin-bottom:10px;

}

#gallery .category li{
list-style: none;
margin:0;
padding:0;
float:left;
width:160px;
height:162px;
margin-right:38px;
position:relative;
overflow:hidden;

}

#gallery .category li:last-child{
margin-right:0;
}

#gallery .category:last-child{
border:none;
}
#gallery .category h2{
font-size:3em;

}


#gallery .category li img.ho{
position:absolute;
clip:rect(20px 230px 180px 70px);
top:-20px;
left:-70px;

}
#gallery .category li img.ver{
position:absolute;
clip:rect(70px 185px 232px 25px);
top:-70px;
left:-25px;


}


/*enrichment*/

#gallery .category div.caption h2:first-letter {
	margin: 6px 12px 0 0;
	font-size: 5em;
	font-weight: bold;
	float:left;
}
#gallery .category div.caption h2{
	margin-top: 1.3em;
	line-height: 2em;
	font-size: 1.5em;
}
#gallery .category div.caption {
margin-top:3px;
padding-top:5px;
text-align:left;
min-height:200px;
}


.footprint{
  background-position: 0em 0em;
  background-repeat: no-repeat;
background:url('/kumasan/images/footprint/fp011.gif');background-repeat:no-repeat;
border:1px solid red;
height:63px;
}

@media (min-width: 544px) {

.fp{
	position:absolute;
	top:-10px;left:870px;
}
}


/*report*/
.inte{
color:#566b4a;
font-weight:bold;
}

.sim_table{
	border:1px solid #999;
}

.sim_table tr{
	border:1px solid #999;
}


.sim_table th{
  color: #000;
  text-align: center;
  background: #eee;
font-weight:normal;
}
.sim_table td{
  text-align: left;
padding:2px 10px; 
}

.re_block {
margin-top:5px;
}

.re_block .bot_ga{
margin-top:1em;
padding-top:1em;
border-top:1px solid #e1e1e1;
}
.re_block .bot_ga span{
display:block;
padding-left:0.8em;
font-size:0.95em;
}


/* sitemap*/



.sitemap_ul ul {
    border-left: 1px solid #432B1F;
    margin-left: 20px;
    padding-left: 20px;
}

.sitemap_ul li{
margin-bottom:10px;

  list-style-image: url("../images/arrow_s.png");
  margin-left: 10px;


}

/*pub*/

ul.pub_z span.en{
font-size:1em;
}

ul.pub_z{
line-height:2em;
}

.p_aname{
	font-family:"Lucida Sans Unicode", "Lucida Grande",Meiryo, serif;
}

ul.pub li ,ul.pub_z li{
list-style:none;
background:transparent url(../images/bullet.png) no-repeat 0 10px;
padding:0px;
padding-left:20px;
margin-bottom:15px;
}

a.pub_link:hover{
background:transparent url(../images/link_bg.png);
}
span.pub_title{
border-bottom:1px dashed #99cccc;
}


ul.arrow_ul li{
}
ul.arrow_ul li span.gray{
font-size:0.7em;
color:#a6a6a6;
padding-left:2em;
}