/* STYLE for EXIT */
/* Written by TARO */


body{
font-size : 12px;
font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3",  "Meiryo UI", "ＭＳ 明朝", Georgia, "Times New Roman", Times, serif;
line-height : 22px;
color: #121212;
scrollbar-3d-light-color:#999999;
scrollbar-arrow-color:#FFFFFF;
scrollbar-base-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#efefef;
scrollbar-shadow-color:#888888;
background-color: #FFFFFF;
background-image:url(http://ntjank7.pekori.to/navi/wall/back_strp.png);
text-align: center;
}


#container{
    margin: 0 auto;
    width: 950px;
	text-align:left;
	background-color: #FFFFFF;
  position: relative;       /* フッターの為の位置決め用 */
  height: auto !important;
  height: 100%;            
  min-height: 100%; 
	
  }

#top_{
    text-align: center;
  }


/*---------ヘッダー----------*/

.header{
	margin-top:10px;
	margin-left:0;
	 padding: 10px 0px 0px;
	 white-space: nowrap;
	}
	
/*--------TOP画像部-----------*/
	
.TOPimg{
	white-space:nowrap;
	width:950px;
	height:325px;
	background-color:#DFDCD0;
    text-align: center;
	}	

/*--------TOP画像部-----------*/

div#footer {
	background-color:#DFDCD0;
  bottom: 0;                
  color: #fff;
	text-align: center;
	padding:5px;
  position: absolute;
  height:50px;
  width: 950px;
 position: fixed !important;
}




/*-------コンテンツ基礎------------*/	

#con{
	margin:10px;
	
	}



/*-------コンテンツアイコン------------*/	

ul.Mnavi{  
  list-style-type: none; 
  background-color:#fff; 
  margin: 0;  
  padding: 0; 
  	white-space:nowrap;
	width:950px;
	height:105px;
    text-align: center;
  
		}	

li.Mnavi{  
  float: left;    
  margin: 10px;
  margin-left:30px;  
  padding: 5px;  
}  


/*-------◆説明バルーン◆------------*/
	
.fuki {
	display: none;
	position: absolute;
	top: 1em;	
	left: 1em;　
}

a:hover {
	position:relative;
	text-decoration:none;
}
a:hover .fuki {
	display: block;
	background-color: #DFDCD0;
	padding:3px;
	color:#333333;
	border-top:#ffffff solid 10px;	
	border-left:#DFDCD0 solid 5px;
	opacity:0.9;	
}




/*--------リンク関連-----------*/

A:link{	
	color: #333333;
	text-decoration:none
}
A:visited{
	color: #000000;
	text-decoration:none
}

A:hover{
	color: #66cc33;
	text-decoration: underline
}

a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}


/*------------------リンク関連----------------------*/
/* リンク画像をマウスオーバーで半透明に */	 
a:hover img.hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}


a img.hover2{
border:2px #efefef solid;

}

a:hover img.hover2{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
border:2px #7fff00 solid;

}

a img.hover3{
border:1px #fff solid;

}

a:hover img.hover3{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
border:1px #7fff00 dashed;

}


/*-----------------見出し部分-------------------*/
h2{
font-weight:bold;
font-size:12px;
padding:4px;
width:700px;
border:dotted #6699CC 1px; 
}

/*--小見出し--*/
h3{
    font-size: 18px;
    font-family: Times New Roman, Times, Georgia, serif;
    line-height : 32px;
	color:#009999; 
  }


/* --- TOPimg部分 --- */
#topimg {
width:auto;
height:400px;
text-align:center;
margin-top:10px;}


/*--------------TOPimg--------------------------*/
ul#portfolio {
	margin:  0;
	padding: 0:
	height: 400px;
	overfow: hidden;
	list-style-type: none;
}
ul#portfolio li {
	margin: 0;
	padding: 0;
}

/*--角丸テーブル--*/
 .tbl_cir   {  
    border-radius: 5px;        /* CSS3*/  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome */  
    -moz-border-radius: 5px;   /* Firefox */  
    font-size: 10px;
    line-height : 20px;
    padding: 3px;
    margin: 5px 0px 0px 0px;
    color: #222;
    background: #eeeeee;
    border: 1px solid #ddd;
    }  

/*--Infomation--*/	
#info{
padding-left:0px;
width:950px;
background-color:#fff;
}

#info .tit{
font-size: 18px;
font-family: Times New Roman, Times, Georgia, serif;
line-height : 32px;
color:#009999;
font-weight:bold;
border-bottom:#999999 dashed 1px;
}

#info h2{
font-weight:bold;
font-size:12px;
padding:4px;
width:700px;
border:dotted #6699CC 1p
x; 
}

#info .green{
color:#006666;
font-weight:bold;}

#info .left{
float:left;
text-align: center;
white-space:nowrap;
width:310px;
margin-bottom:20px;
margin-top:10px;
margin-left:10px;
background-color:#fff;
}

#info .left2{
float:left;
text-align: left;
white-space:nowrap;
width:310px;
margin-bottom:20px;
margin-top:10px;
margin-left:10px;
background-color:#fff;
}


#info .right{
float:right;
width:580px;
background-color:#fff;
margin:10px;
}

#info .back{
margin-top:30px;
clear: both;}




/*--拍手用--*/	

#clap{
margin-left:10px;
padding-left:10px;
width:600px;
}

#clap h2{
font-weight:bold;
font-size:12px;
padding:4px;
width:700px;
border:dotted #6699CC 1px; 
}

#clap .ff{
color:#FFF;
font-size:10px;
margin-bottom:10px;}

#clap .bb{
color:#333;
font-size:12px;
border-bottom:#999999 dashed 1px;}


/*--出展情報--*/	

#circle{
padding-left:10px;
width:700px;
}

#circle h2{
font-weight:bold;
font-size:12px;
padding:4px;
width:700px;
border:dotted #6699CC 1px; 
}

/*------サークルタイトル用----------*/
#circle .tit{
font-size: 18px;
font-family: Times New Roman, Times, Georgia, serif,"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
line-height : 32px;
color:#009999;
font-weight:bold;
width:700px;
border-bottom:#999999 dashed 1px;
margin-top:10px;
margin-bottom:5px;
}

.bold{
font-weight:bold;
color:#336633;
}

/*------記事インデント----------*/
#circle .ind{
margin:0px;
padding-left:15px;}


#circle .left{
margin:0px;
float:left;
width:315px;
padding-left:15px;
border:#CCCCCC 1px solid;}

#circle .right{
margin:0px;
width:315px;
padding-left:15px;
float:right;
border:#CCCCCC 1px solid;}

#circle .back{
clear: both;}

.small_con{
font-size:9px;
color:#666666;}

ul#circle {
	margin:  0;
	padding: 0:
	list-style-type: inside;
}
ul#circle li {
	margin: 0;
	padding: 0;
}

#circle .clear{
margin-bottom:20px;
margin-top:10px;
clear: both;}


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


INPUT,select,textarea
{background:eaeaea;font-size:9pt;color:#666666;
border-top:1px dashed c0c0c0;border-left:1px double c0c0c0;border-bottom:1px dashed c0c0c0;
border-right:1px double c0c0c0;}

.main{
	text-align: center;
	font-size: 14px
}

.body{
	line-height: 18px;
	color: #333333;
}

.comment{
	color: #cc3300;
	font-size: 8px
}

.gree{
	color: #339933;
	font-weight: bold;
	font-size: 18px
}

.marg{
	margin-left: 8px
}

.contents{
	margin-left: 15px
}

.mag-r{
	margin-right: 5px
}

.top{
	margin-top: 5px
	margin-left: 5px
}

.nonleft{
	margin-left: 0px
}

.small{
font-size:9px;
color:#999999;
margin-top:0px;
}