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

/* =============================================================================
   Reset
   ========================================================================== */

*{
	padding:0px;
	margin:0px;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
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;
}
img{
	vertical-align:bottom;
}

a img,
#profile #photo img
{
pointer-events: none;
}

a img{
display:block;
}

#osusume #container li a{
display:inline-block;
}

#system a img,
#home #event_h a img
{
pointer-events: auto;
}

form {
	margin: 0px;
	padding: 0px;
}

/* =============================================================================
   Base
   ========================================================================== */


body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 11px;
	color:#333;
	line-height:1.4em;
	overflow-x: hidden;
}



#header{
	width:980px;
	height:135px;
	position:relative;
}

#header h1 {
	position:absolute;
	top:0px;
	left:32px;
	color:#fff;
}

#header span{
	position:absolute;
	top:15px;
	left:26px;	
}

#wrapper{
	width:980px;
	min-height:900px;
	margin:0 auto;
	overflow:hidden;
	background:#FFF;
}

#container{
	border:1px solid #CCCCCC;
	width:708px;
	float:left;
	overflow:hidden;
	margin:10px;
	padding:0 0 0px;
	_margin-left:5px;
}

#box{
	width:239px;
	float:left;
	overflow:hidden;
	margin:10px 10px 0 0;
}

/* =============================================================================
#photobbs_s
========================================================================== */
#photobbs_s,
#photobbs_s2{
width:238px;

margin:0 0 7px;
position:relative;
}

#photobbs_s{
/*background:url(../home/img/photobbs_bg.jpg) no-repeat;*/
border:1px solid #ccc;
height:449px;
}

#photobbs_s2{
/*background:url(../home/img/photobbs_bg.jpg) no-repeat;*/
height:449px;
border:1px solid #ccc;
}

#photobbs_s h2,
#photobbs_s2 h2{
margin:5px auto 0;
width:230px;	
}

.facebook{
border:1px solid #ccc;	
}


#photobbs_s .btn,
#photobbs_s2 .btn{
position:absolute;
top:23px;
right:10px;
}

#photobbs_s iframe,
#photobbs_s2 iframe{
background-color: #E71000;
position:absolute;
top:50px;
left:5px;
}

/* =============================================================================
IE7 hac
========================================================================== */

#photobbs_s,
#photobbs_s2{
/padding-top:5px;
}

#photobbs_s,
#photobbs_s2{
/margin-bottom:5px;	
}

#photobbs_s h2,
#photobbs_s h2{
/margin-top:0;
}

/*========================================================================== */

#side_bn li{
	margin:0 0 5px;	
}

.side_contents_box{
	border: 1px solid #CCC;
	margin:0 0 5px;
	padding: 1px;
}

#footer{
	background:url(../common/img/footer.jpg) no-repeat;
	width:980px;
	height:142px;
	margin:0 auto;
	font-size:10px;
	color:#000;
	position:relative;
}

#footer ul {
    left: 30px;
    position: absolute;
    top: 51px;
    width: 550px;
}

#footer li{
	display:inline;
}

#footer p {
    color: #FFFFFF;
    left: 30px;
    position: absolute;
    top: 125px;
}

address {
    left: 30px;
    position: absolute;
    top: 97px;
}

address b{
	margin-right:10px;
}

#topcontrol{
	z-index:1000;	
}

/* =============================================================================
   Navi
   ========================================================================== */
#navi{
	margin:0;
	overflow:hidden;
}

#navi li{
	display:inline;
	margin:0;
	float:left;
}

#navi li a{
	display:block;
}

#linkbn li{
	margin:0 0 5px;
}

#navi .homeb {
	background:url(../common/img/nv_homeb.jpg) no-repeat;
}

#navi .systemb {
	background:url(../common/img/nv_systemb.jpg) no-repeat;
}

#navi .galsb {
	background:url(../common/img/nv_galsb.jpg) no-repeat;
}

#navi .scheduleb {
	background:url(../common/img/nv_scheduleb.jpg) no-repeat;
}

#navi .newfaceb {
	background:url(../common/img/nv_newfaceb.jpg) no-repeat;
}

#navi .eventb {
	background:url(../common/img/nv_eventb.jpg) no-repeat;
}

#navi .rankingb {
	background:url(../common/img/nv_rankingb.jpg) no-repeat;
}

#navi .diaryb {
	background:url(../common/img/nv_diaryb.jpg) no-repeat;
}

#navi .enqueteb {
	background:url(../common/img/nv_enqueteb.jpg) no-repeat;
}

#navi .recruitb {
	background:url(../common/img/nv_recruitb.jpg) no-repeat;
}

/* =============================================================================
   sns_btn
   ========================================================================== */

.flower {
	bottom: 90px;
	position: fixed;
	z-index: 1000;
	right: -230px;
}

.flower img {
	width: 40%;
	height: auto;
}

/* =============================================================================
   Link
   ========================================================================== */


a:link {   
	color:#000;
	text-decoration:underline;
}

a:visited {    
	color:#000;
}

a:active {   
	color:#999;
}

a:hover {
	text-decoration:underline;
	color:#999;
}

#header a:link,
#header a:visited {   
	color:#FFF;
}

#header a:hover {   
	color:#CCC;
}

a {
    text-decoration: none;
}
a:hover img {
	filter:Alpha(opacity=70) ;
	opacity:0.7 ;
	-moz-opacity:0.7;
}

/* =============================================================================
   IE7 hac
   ========================================================================== */

#box #photobbs_s{
	/padding-top:5px;
	/margin-bottom:5px;
}

#box #photobbs_s h2{
	/margin-top:0;
}