@charset "utf-8";

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

　　　 　　 　　CSS
 
---------------------------------------*/

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

body {
	background-color: #ffffff;
	font-size: 75%;
	line-height: 150%;
	text-align: center;
	color: #333333;
	background:url(http://www.onlycom.jp/img/ib_bg.png) repeat-x;
}

#page {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	border: 1px solid #999999;
	margin-bottom: 0px;
}
#header {
	background-color: #DAF4F3;
	padding: 0px;
	margin: 0px;
	background-image:url(../img/header_des.gif);
	height:250px;
}

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

 　　 　　メニュー(サークル用)
 
---------------------------------------*/

div#menu {
	height: 35px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

div#menu ul{
	margin: 0px;
	padding: 0px;
}

div#menu li{
	float: left;
	padding: 0px;
	text-indent:-9999px;
}


div#menu li a{
    /*\*/
    overflow: hidden;
    /**/
}


#m01,#m01 a{
     width:65px;
     height:35px;
     margin:0;padding:0;
     background:url("../img/menu1.gif") no-repeat 0%;
	 text-indent:-9999px;
	 display:block;
    }
	
#m01 a:hover{
             background:url("../img/menu1b.gif") no-repeat 0%;
            }  
			
#m02,#m02 a{
     width:118px;
     height:35px;
     margin:0;padding:0;
     background:url("../img/menu2.gif") no-repeat 0%;
	 text-indent:-9999px;
	 display:block;
    }
	
#m02 a:hover{
             background:url("../img/menu2b.gif") no-repeat 0%;
            }
			
#m03,#m03 a{
     width:115px;
     height:35px;
     margin:0;padding:0;
     background:url("../img/menu3.gif") no-repeat 0%;
	 text-indent:-9999px;
	 display:block;
    }
#m03 a:hover{
             background:url("../img/menu3b.gif") no-repeat 0%;
            }
			
#m04,#m04 a{
     width:84px;
     height:35px;
     margin:0;padding:0;
     background:url("../img/menu4.gif") no-repeat 0%;
	 text-indent:-9999px;
	 display:block;
    }
	
#m04 a:hover{
             background:url("../img/menu4b.gif") no-repeat 0%;
            }
			
#m05,#m05 a{
     width:84px;
     height:35px;
     margin:0;padding:0;
     background:url("../img/menu5.gif") no-repeat 0%;
	 text-indent:-9999px;
	 display:block;
    }
	
#m05 a:hover{
             background:url("../img/menu5b.gif") no-repeat 0%;
            }
			
#m06,#m06 a{
     width:128px;
     height:35px;
     margin:0;padding:0;
     background:url("../img/menu6.gif") no-repeat 0%;
	 text-indent:-9999px;
	 display:block;
    }
	
#m06 a:hover{
             background:url("../img/menu6b.gif") no-repeat 0%;
            }
			
#m07,#m07 a{
     width:66px;
     height:35px;
     margin:0;padding:0;
     background:url("../img/menu7.gif") no-repeat 0%;
	 text-indent:-9999px;
	 display:block;
}

#m07 a:hover{
             background:url("../img/menu7b.gif") no-repeat 0%;
            }	


#m08,#m08 a{
     width:90px;
     height:35px;
     margin:0;padding:0;
     background:url("../img/menu8.gif") no-repeat 0%;
	 text-indent:-9999px;
	 display:block;
}

#m08 a:hover{
             background:url("../img/menu8b.gif") no-repeat 0%;
            }	


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

 　　 　　メニュー（コスプレ用）
 
---------------------------------------*/

div#cmenu {
	height: 35px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

div#cmenu ul{
	margin: 0px;
	padding: 0px;
}

div#cmenu li{
	float: left;
	padding: 0px;
	text-indent:-9999px;
}


div#cmenu li a{
    /*\*/
    overflow: hidden;
    /**/
}


#cm01,#cm01 a{
     width:60px;
     height:35px;
     margin:0;padding:0;
     background:url("../img/cmenu1.gif") no-repeat 0%;
	 text-indent:-9999px;
	 display:block;
    }
	
#cm01 a:hover{
             background:url("../img/cmenu1b.gif") no-repeat 0%;
            }  
			
#cm02,#cm02 a{
     width:109px;
     height:35px;
     margin:0;padding:0;
     background:url("../img/cmenu2.gif") no-repeat 0%;
	 text-indent:-9999px;
	 display:block;
    }
	
#cm02 a:hover{
             background:url("../img/cmenu2b.gif") no-repeat 0%;
            }
			
#cm03,#cm03 a{
     width:159px;
     height:35px;
     margin:0;padding:0;
     background:url("../img/cmenu3.gif") no-repeat 0%;
	 text-indent:-9999px;
	 display:block;
    }
#cm03 a:hover{
             background:url("../img/cmenu3b.gif") no-repeat 0%;
            }
			
#cm04,#cm04 a{
     width:83px;
     height:35px;
     margin:0;padding:0;
     background:url("../img/cmenu4.gif") no-repeat 0%;
	 text-indent:-9999px;
	 display:block;
    }
	
#cm04 a:hover{
             background:url("../img/cmenu4b.gif") no-repeat 0%;
            }
			
#cm05,#cm05 a{
     width:80px;
     height:35px;
     margin:0;padding:0;
     background:url("../img/cmenu5.gif") no-repeat 0%;
	 text-indent:-9999px;
	 display:block;
    }
	
#cm05 a:hover{
             background:url("../img/cmenu5b.gif") no-repeat 0%;
            }
			
#cm06,#cm06 a{
     width:108px;
     height:35px;
     margin:0;padding:0;
     background:url("../img/cmenu6.gif") no-repeat 0%;
	 text-indent:-9999px;
	 display:block;
    }
	
#cm06 a:hover{
             background:url("../img/cmenu6b.gif") no-repeat 0%;
            }
			
#cm07,#cm07 a{
     width:59px;
     height:35px;
     margin:0;padding:0;
     background:url("../img/cmenu7.gif") no-repeat 0%;
	 text-indent:-9999px;
	 display:block;
}

#cm07 a:hover{
             background:url("../img/cmenu7b.gif") no-repeat 0%;
            }	


#cm08,#cm08 a{
     width:92px;
     height:35px;
     margin:0;padding:0;
     background:url("../img/cmenu8.gif") no-repeat 0%;
	 text-indent:-9999px;
	 display:block;
}

#cm08 a:hover{
             background:url("../img/cmenu8b.gif") no-repeat 0%;
            }	
	
			
			
/*---------------------------------------

			パンくずリスト
 
---------------------------------------*/

#pan{
     padding:10px 10px 5px 0;
    }

#pan ul{
        margin:0;
        text-align:right;
       }

#pan li{
        padding:0 0 0 5px;
        display:inline;
        list-style:none;
        border-left:solid 1px #000000;
       }

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

　　　 　　 　　更新情報
 
---------------------------------------*/

	  
#main_top {
	width: 750px;
	height:42px;
	background-color: #FFFFFF;
	background-image:url(../img/back_top.gif);
}

#main {
	width: 750px;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 30px;
	background-image:url(../img/back_middle.gif);
	overflow:auto;
}

#main p {
	margin-left: 55px;
	margin-bottom: 2em;
	margin-right: 30px;
}

#main ul {
	margin-left: 55px;
	margin-bottom: 1em;
	margin-right: 30px;
}


#main_bottom {
	width: 750px;
	height:25px;
	background-color: #FFFFFF;
	background-image:url(../img/back_bottom.gif);
}

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

　　　 　　 　　更新情報
 
---------------------------------------*/

#news ul{
	overflow:auto;
	height:70px;
	list-style:none;
}

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

　　　 　　 　　フッター
 
---------------------------------------*/


#foot {
	background-color: #000000;
	color: #FFFFFF;
	border-top: 1px solid #333333;
	padding: 10px;
	text-align: center;
}


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

　　　 　　 　　要素
 
---------------------------------------*/


a {color:#FF6699;
}

h1, h1 a {
	padding:200px 0 0 20px;
	font: 25pt Arial,'ＭＳ Ｐゴシック',sans-serif ;
	text-decoration: none;
}

h2 {
	font-size: 110%;
	margin-left: 55px;
	margin-bottom: 1em;
	padding-left:5px;
	margin-right: 30px;
	color: #ffffff;
	background-color:#000000;
	background:url(../img/title.gif);
	}

h3 {
	margin-left: 55px;
	margin-top: 2em;
	margin-bottom: 1em;
	border-bottom: 1px dashed #000000;
	border-left: 4px solid #744B4B;
	padding-left:5px;
	margin-right: 30px;
}

h4 {
	margin-left: 55px;
	margin-top: 2em;
	margin-bottom: 1em;
	padding-left:5px;
	margin-right: 30px;
	color: #1A4444;
	font-size:14px;
	background-color:#C2F5CA;
}

li{
	list-style:none;
}

.imgbox {
	margin-bottom: 1em;
	margin-left: 55px;
}

table#t-01 {
    border: 1px #cccccc solid;
    border-spacing: 0;
    background: #ffffff;
	margin-left:auto;
	margin-right:auto;
	_text-align:center;
	margin-bottom: 2em;
}

table#t-01 td {
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF #666666 #666666 #FFFFFF;
    color: #1A4444;
    text-align: left;
    white-space: nowrap;
}

strong {
	color: #1A4444;
}

.ar{
    text-align:right;
    padding-bottom:2px;
    border-bottom:dotted 1px #999999;
}

.errorMessage {
    font-weight: bold;
    color: red;
}