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

/* -------------------------------
 * 
 * 1. Base style
 * 
 ------------------------------ */
body {
	margin:0; 
	padding:0; 
	color:#000; 
	font-family:"メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Verdana", "Arial", "Helvetica", sans-serif; 
	font-size:14px; 
	line-height:22px;
	background-color:#FFF;
	text-align:center;
	height:auto;
	height:100%; 
}
.pagetop {
  display: block;
  position: fixed;
  z-index: 1;
  bottom: 30px;
  right: 30px;
}
.pagetop a {
  display: block;
  background-color: #ccc;
  text-align: center;
  color: #222;
  font-size: 12px;
  text-decoration: none;
  padding: 20px 10px;
}
 
.pagetop a:hover {
  display: block;
  background-color: #222;
  text-align: center;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  padding:20px 10px;
}

/* Sectioning */
h1, h2, h3, h4, h5, h6 {
margin:0; 
padding:0; 
font-size:100%;
}
/* Grouping */
p {
margin:0;
}
ol, ul, li{
list-style:none; 
margin:0; 
padding:0;
}
ol.number{
list-style:decimal;
margin-bottom:25px;
}
ol.number li{
list-style:decimal;
margin-left:40px;
}
dl, dt, dd{
margin:0;
}
/* Text */
a:link{
color:#69C;
text-decoration:none;
}
a:visited{
color:#69C;
text-decoration:none;
}
a:hover,
a:active,
a:focus{
color:#69C;
text-decoration:underline;
}
:lang(ch){
font-family: simsun;
}
/* Multimedia */
img{
border:0; 
vertical-align:bottom; 
}
/* Form */
form {
margin:0;
padding:0;
}
input,
textarea,
select,
button{
font-family:"メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Verdana", "Arial", "Helvetica", sans-serif; 
font-size:12px;
color:#666;
}
label{
cursor:pointer;
}
/* HTML5 elements */
header,
footer,
article,
section,
nav,
aside,
small,
hgroup,
figure,
figcaption{
display:block;
}
/*
 Share Style 
----------------------------------------------------------- */

h1 {
}
h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
}
p,li,dt,dl {
	line-height:180%;
}
p {
	margin:0 0 16px 0;
}
li {
	list-style-type:none;
}
img {
	border:0;
}
.sn {
	padding:2px;
	border:#CCC solid 1px;
}
.mT0 {
	margin-top: 0px !important;
}
.mT5 {
	margin-top: 5px !important;
}
.mT10 {
	margin-top: 10px !important;
}
.mT15 {
	margin-top: 15px !important;
}
.mT20 {
	margin-top: 20px !important;
}
.mT25 {
	margin-top: 25px !important;
}
.mT30 {
	margin-top: 30px !important;
}
.mT35 {
	margin-top: 35px !important;
}
.mT40 {
	margin-top: 40px !important;
}
.mT45 {
	margin-top: 45px !important;
}
.mT50 {
	margin-top: 50px !important;
}

.mR0 {
	margin-right: 0px !important;
}
.mR5 {
	margin-right: 5px !important;
}
.mR10 {
	margin-right: 10px !important;
}
.mR15 {
	margin-right: 15px !important;
}
.mR20 {
	margin-right: 20px !important;
}
.mR25 {
	margin-right: 25px !important;
}
.mR30 {
	margin-right: 30px !important;
}
.mR35 {
	margin-right: 35px !important;
}
.mR40 {
	margin-right: 40px !important;
}
.mR45 {
	margin-right: 45px !important;
}
.mR50 {
	margin-right: 50px !important;
}

.mB0 {
	margin-bottom: 0px !important;
}
.mB5 {
	margin-bottom: 5px !important;
}
.mB10 {
	margin-bottom: 10px !important;
}
.mB15 {
	margin-bottom: 15px !important;
}
.mB20 {
	margin-bottom: 20px !important;
}
.mB25 {
	margin-bottom: 25px !important;
}
.mB30 {
	margin-bottom: 30px !important;
}
.mB35 {
	margin-bottom: 35px !important;
}
.mB40 {
	margin-bottom: 40px !important;
}
.mB45 {
	margin-bottom: 45px !important;
}
.mB50 {
	margin-bottom: 50px !important;
}
.mB80 {
	margin-bottom: 80px !important;
}
.mB600 {
	margin-bottom: 600px !important;
}
.mL0 {
	margin-left: 0px !important;
}
.mL5 {
	margin-left: 5px !important;
}
.mL10 {
	margin-left: 10px !important;
}
.mL15 {
	margin-left: 15px !important;
}
.mL20 {
	margin-left: 20px !important;
}
.mL25 {
	margin-left: 25px !important;
}
.mL30 {
	margin-left: 30px !important;
}
.mL35 {
	margin-left: 35px !important;
}
.mL40 {
	margin-left: 40px !important;
}
.mL45 {
	margin-left: 45px !important;
}
.mL50 {
	margin-left: 50px !important;
}

.pT5 {
	padding-top: 5px !important;
}
.pT10 {
	padding-top: 10px !important;
}
.pT15 {
	padding-top: 15px !important;
}
.pT20 {
	padding-top: 20px !important;
}
.pT25 {
	padding-top: 25px !important;
}
.pT30 {
	padding-top: 30px !important;
}
.pT35 {
	padding-top: 35px !important;
}
.pT40 {
	padding-top: 40px !important;
}
.pT45 {
	padding-top: 45px !important;
}
.pT50 {
	padding-top: 50px !important;
}

.pR5 {
	padding-right: 5px !important;
}
.pR10 {
	padding-right: 10px !important;
}
.pR15 {
	padding-right: 15px !important;
}
.pR20 {
	padding-right: 20px !important;
}
.pR25 {
	padding-right: 25px !important;
}
.pR30 {
	padding-right: 30px !important;
}
.pR35 {
	padding-right: 35px !important;
}
.pR40 {
	padding-right: 40px !important;
}
.pR45 {
	padding-right: 45px !important;
}
.pR50 {
	padding-right: 50px !important;
}

.pB5 {
	padding-bottom: 5px !important;
}
.pB10 {
	padding-bottom: 10px !important;
}
.pB15 {
	padding-bottom: 15px !important;
}
.pB20 {
	padding-bottom: 20px !important;
}
.pB25 {
	padding-bottom: 25px !important;
}
.pB30 {
	padding-bottom: 30px !important;
}
.pB35 {
	padding-bottom: 35px !important;
}
.pB40 {
	padding-bottom: 40px !important;
}
.pB45 {
	padding-bottom: 45px !important;
}
.pB50 {
	padding-bottom: 50px !important;
}

.pL5 {
	padding-left: 5px !important;
}
.pL10 {
	padding-left: 10px !important;
}
.pL15 {
	padding-left: 15px !important;
}
.pL20 {
	padding-left: 20px !important;
}
.pL25 {
	padding-left: 25px !important;
}
.pL30 {
	padding-left: 30px !important;
}
.pL35 {
	padding-left: 35px !important;
}
.pL40 {
	padding-left: 40px !important;
}
.pL45 {
	padding-left: 45px !important;
}
.pL50 {
	padding-left: 50px !important;
}

/* -------------------------------
 * 
 * 2. Layout
 * 
 ------------------------------ */
 /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Header style                                                            */
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#headernav	{
	width: 1043px;
	margin: 0;
	padding: 0;
	text-align: left;
	margin:0 auto;
}

#headernav ul {
	list-style:none;
	float:right;
	margin-top:30px;
}
#headernav li {
	float:left;
	margin-right:30px;
	list-style:none;
	color:#CCC;
	padding-bottom:20px;
}

#headernav a {
	font-size:1.5em;
	font-weight:bold;
	color:#CCC;
	text-decoration:none;
}


#headernav a:hover {
	font-size:1.5em;
	font-weight:bold;
	color:#CCC;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Contents style                                                          */
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.banner { position: relative; overflow: auto; z-index:1; clear:both; }
    .banner li { list-style: none; height:420px; width:100%;}
        .banner ul li { float: left;}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.viewer {
    margin: 0 auto;
    width: 100%;
    height: 420px;
    text-align: center;
    overflow: hidden;
}
.viewer ul {
    width: 100%;
    height: 420px;
    text-align: center;
    overflow: hidden;
    position: relative;

}
.viewer ul li {
    top: 0;
    left: 0;
    width: 100%;
    height: 420px;
    display: none;
    position: absolute;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



#contents {
	width: 1043px;
	margin: 0 auto 0 auto;
	padding: 0;
	background-color:#FFF;
	text-align: center;
	padding-top:20px;
	clear:both;
}
#contentsarea {
	width: 1043px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
	background-color:#FFF;
}
#works {
	margin-top:20px;
	clear:both;
	padding-left:20px;
	padding-right:20px;
}
.bh {
	text-align:left;
	font-size:3em;
	color:#09C;
	border-bottom:#CCC solid 1px;
	padding-bottom:20px;
	margin-bottom:40px;
	margin-top:20px;
}
#w-leftarea {
	width: 741px;
	float:left;
	text-align:left;
}

#w-leftarea h2 {
	text-align:left;
	font-size:2em;
	color:#09C;
	margin-bottom:30px;
	margin-top:40px;
}

#w-leftarea ul {
}

#w-leftarea li {
	text-align:left;
}




#leftarea {
	float:left;
}

#leftarea ul {
}

#leftarea li {
	width:200px;
	float:left;
	padding:15px;
	text-align:left;
	border:#CCC solid 1px;
	height:315px;
	margin-right:15px;
	margin-bottom:20px;
}

.entry {
	text-align:center;
	margin-top:30px;
	margin-bottom:30px;
}
#pan {
	height:50px;
	padding:10px;
}
#pan ul {
}
#pan li {
	float:left;
	margin-right:10px;
}  
#topmain {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding: 0;
	text-align: center;	
	background-color:#FFF;
	text-align:center;
	position:relative;
	clear:both;
	behavior: url("/PIE.htc");
}

#tophgroup {
	text-align:center;
	margin-bottom:20px;
}
#tophgroup h1 {
	padding-left:20px;
	text-align:left;
	color:#FFF;
	font-size:5em;
	line-height:120%;
}
#tophgroup h2 {
	padding-left:20px;
	text-align:left;
	color:#09C;
	font-size:2em;
	margin-bottom:20px;

}

.toph3 a {
	width:180px;
	background-color:#CCCCCC;
	display:block;
}
.toph3 a;hover {
	width:180px;
	background-color:#FFCCCC;
	display:block;
}
#banaarea {
	height:80px;
}
#banaarea ul {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:380px;
	margin-top:30px;
} 
#banaarea li {
	float:left;
	margin-right:30px;
}



#undermenu {
	text-align:left;
	height:60px;
}

#undermenu ul {
	list-style:none;
	margin-top:10px;
	padding-left:30px;
}
#undermenu li {
	float:left;
	margin-right:15px;
	list-style:none;
	color:#0099FFF;
	font-size:0.8em;
	padding: 0 10px 0 10px;
}

#topphoto {
	width:92%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}



#active {
	clear:both;
}
#news-p {
	clear:both;
	text-align:left;
}
#news-p h2 {
	padding-bottom:20px;
	border-bottom:#999 solid 1px;
	margin-bottom:30px;
	margin-top:30px;
	font-size:2em;
	color:#999;
 
}
.news-date {
	margin-top:40px;
	margin-bottom:40px;
}
.news-date dt {
	font-weight:bold;
	width:100px;
	float:left;
}
.news-date dd {
	
}

.red {
	color:#F36;
	font-weight:bold;
}
.b {
	font-weight:bold;
}

.gb {
	clear:both;
	background-color:#f5f5f5;
	border:#CCC solid 1px;
	padding:30px;
}

#backnumber {
	margin-top:20px;
	clear:both;
	padding-left:20px;
	padding-right:20px;
}

#news {
	margin-top:20px;
	clear:both;
	padding-left:20px;
	padding-right:20px;
	text-align:left;
}
#news h2 {
	text-align:left;
	border-bottom:#999 solid 1px;
	margin-bottom:20px;
	padding-left:10px;
	padding-bottom:5px;
}

#am {
	margin-top:20px;
	clear:both;
	padding-left:20px;
	padding-right:20px;
	text-align:left;
}
#am h2 {
	text-align:left;
	border-bottom:#999 solid 1px;
	margin-bottom:20px;
	padding-left:10px;
	padding-bottom:5px;
	padding-top:30px;
}
#pm {
	margin-top:20px;
	clear:both;
	padding-left:20px;
	padding-right:20px;
	text-align:left;
}
#pm h2 {
	text-align:left;
	border-bottom:#999 solid 1px;
	margin-bottom:20px;
	padding-left:10px;
	padding-bottom:5px;
	padding-top:30px;
}
.hyou {
}
.hyou dt {
	width:100px;
	font-weight:bold;
	float:left;
}
.hyou dd {
}

.table1 {
	border-collapse: collapse;
	border: 1px solid #ddd;
	border-spacing: 0;
	empty-cells: show;
	margin-bottom: 20px;
	padding-left:30px;
	margin-top:30px;
}
.bc {
	background-color:#f5f5f5;
	font-weight:bold;
	width:220px;
}
.table1 tr {
}

.table1 td {
	border: 1px solid #ccc;
	padding:10px;
}


#info {
	margin-top:20px;
	clear:both;
	padding-left:20px;
	padding-right:20px;
	text-align:left;
	background-image:url(../img/bgenije.jpg);
	background-repeat:no-repeat;
	background-position: right 80px;
}
#info h2 {
	text-align:left;
	border-bottom:#999 solid 1px;
	margin-bottom:20px;
	padding-left:10px;
	padding-bottom:5px;
	padding-top:30px;
}
#support {
	margin-top:20px;
	clear:both;
	padding-left:20px;
	padding-right:20px;
	text-align:left;
}
#support h2 {
	text-align:left;
	border-bottom:#999 solid 1px;
	margin-bottom:20px;
	padding-left:10px;
	padding-bottom:5px;
	padding-top:30px;
}



#support ul {
}

#support li {
	width:200px;
	float:left;
	padding:15px;
	text-align:left;
	border:#CCC solid 1px;
	height:280px;
	margin-right:15px;
	margin-bottom:20px;
}

#vo {
	margin-top:20px;
	clear:both;
	padding-left:20px;
	padding-right:20px;
	text-align:left;
}
#vo h2 {
	text-align:left;
	border-bottom:#999 solid 1px;
	margin-bottom:20px;
	padding-left:10px;
	padding-bottom:5px;
	padding-top:30px;
}


#su {
	text-align:left;
	margin-top:20px;
	clear:both;
	padding-left:20px;
	padding-right:20px;
	text-align:left;
}
#su h2 {
	text-align:left;
	border-bottom:#999 solid 1px;
	margin-bottom:20px;
	padding-left:10px;
	padding-bottom:5px;
	padding-top:30px;
}


.topics {
	clear:both;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	font-size:1.2em;
}
.topics-h2 {
	font-size:1.5em;
	color:#09C;
	margin-top:40px;
	padding-bottom:20px;
	border-bottom:#CCC solid 1px;
	margin-bottom:30px;
}

#a160505 {
	clear:both;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	font-size:1.2em;
}

#a160505 h2 {
	font-size:1.5em;
	color:#09C;
	margin-top:40px;
	padding-bottom:20px;
	border-bottom:#CCC solid 1px;
	margin-bottom:30px;
}

#activity-news {
	margin-left:20px;
	margin-top:50px;
	text-align:left;
}
#activity-news dt {
	float:left;
	width:10%;
	color:#999;
	clear:both;
}
#activity-news dd {
	width:90%;
	text-align:left;
	float:left;
	margin-bottom:5px;
}

#activity-info {
	margin-left:20px;
	margin-top:50px;
}
#activity-info dt {
	float:left;
	width:10%;
	color:#999;
	clear:both;
}
#activity-info dd {
	width:90%;
	text-align:left;
	float:left;
	margin-bottom:5px;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Footer style                                                          */
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
footer {
	clear:both;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:50px;
	padding-top:20px;
	border-top:#CCC dashed 1px;
}

#footernav ul {
	list-style:none;
	margin-top:10px;
}
#footernav li {
	float:left;
	margin-right:15px;
	list-style:none;
	color:#0099FFF;
	font-size:1.5em;
	padding: 0 10px 0 10px;
	text-align:left;
	font-weight:bold;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Form                                                         */
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



:invalid { 
  border-color: #e88;
  -webkit-box-shadow: 0 0 5px rgba(255, 0, 0, .8);
  -moz-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
  -o-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
  -ms-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
  box-shadow:0 0 5px rgba(255, 0, 0, .8);
}

:required {
  border-color: #88a;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
  -o-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
  box-shadow: 0 0 5px rgba(0, 0, 255, .5);
}

form {
  width:420px;
  margin: 20px auto;
}

input {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border:1px solid #ccc;
  font-size:20px;
  width:300px;
  min-height:30px;
  display:block;
  margin-bottom:15px;
  margin-top:5px;
  outline: none;
  text-align:left;

  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  border-radius:5px;
}

input[type=submit] {
  background:none;
  padding:10px;
}

textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border:1px solid #ccc;
  font-size:20px;
  display:block;
  outline: none;
  text-align:left;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  border-radius:5px;
}



#infomail {
	clear:both;
	text-align:left;
	margin-left:50px;
	margin-right:50px;
	line-height:180%;
}
#infomail ul {
	margin-top:20px;
	margin-bottom:20px;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* privacy                                                        */
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#pp {
	margin-left:50px;
	margin-right:50px;
	margin-top:50px;
	text-align:left;
	line-height:160%;
}
#pp h3 {
	margin-bottom:20px;
	margin-top:20px;
	color:#999;
}




.pagetop {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 50px;
}
.pagetop a {
    display: block;
    background-color:#CCC;
    text-align: center;
    color:#FFF;
    font-size: 18px;
	font-weight:bold;
    text-decoration: none;
    padding: 20px 20px;
	border-radius: 8px;
}
 
.pagetop a:hover {
    display: block;
    background-color:#09C;
    text-align: center;
    color: #fff;
    font-size: 18px;
	font-weight:bold;
    text-decoration: none;
    padding:20px 20px;
	border-radius: 8px;
}




.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}