@charset "UTF-8";

/* Base */
html { font-family: "sans-serif", sans-serif; font-size: 16px;line-height:1.5;}
body {color: rgb(0, 0, 0); min-width: 960px; } /*背景*/
h1, h2, h3, p, ul { margin: 0; }
ul { padding-left: 0; }
ul li { list-style-type: none; }
a { color: inherit; text-decoration: none; }
img { vertical-align: middle; }
.dummy { margin: 0 auto; max-width: 32em; padding: 6em 0; }


/*
 * Sticky header
 */

/* デフォルトのスタイル */
.page-header {
    background-color: rgb(255, 255, 255);
    position: absolute;
    width: 100%;
    min-width: 960px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);  /*影の濃さ*/
	z-index:9;
}

	#site-box { width : 1000px ; }
			body{background-image:url(img/01.jpg);}
			
				
			   			   
			  
/* スティッキー状態のスタイル */
.page-header.sticky {
    position: fixed;
    top: 0;
}

.page-header > .inner {
    margin: auto;
    width: 960px;
}

.no-boxshadow .page-header {
    border-bottom: 1px solid rgb(204, 204, 204);
}

/* Logo */
.site-logo {
    float: left;
    margin-left: 50px;
}

/* Primary nav */
.primary-nav {
    float: right;
    line-height: 50px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.primary-nav li {
    float: left;
}
.primary-nav a {
    display: block;
    padding: 0 1.36em;
}
.primary-nav a:hover {
    background-color: rgb(183, 180, 180); /*バーの背景色*/
}


/*内側*/
 #box1{
	width: 900px;
	height: auto;

	margin:200px auto 100px;
	padding: 5px;
	}		
			   
		
		
#boxB { 
	
	margin:15px 0 15px 10px;
	padding:20px;
    width:400px;
	height:350px;
	float: left;
	line-height : 140% ;
	} 


#boxC{ 
	
	margin:15px 30px 15px 0;
	width:400px;
	height:390px;
	float: right;
	}

#boxD {
	background-color: #DBC0FA;
	margin-top:50px;
	margin-left:25px;
	margin-right:13px
	width:400px;
	height: 235px;
	float: left;
	}	

#boxG {
	background-color: #DBC0FA;
	margin-top:50px;
	margin-right: 25px;
	margin-left:12px
	width:400px;
	height: 235px;
	float: right;
	}	
				
#boxE {
	background-color: #DBC0FA;
	margin-left: 10px;
	margin-right:10px;
	margin-top:20px;
	width:140px;
	height: 175px;
	float: left;
	}	
		

				
#boxF {
	background-color: #F0E9F5;
	margin-left: 10px;
	margin-right:10px;
	margin-top:10px;
	width: 220px;
	height: 215px;
	float: left;
	text-align: left;
	}	
	
		
.button ul{ 
        margin: 0; 
        padding: 0; 
        list-style: none; 
}

.button li{ 
        display: inline; 
        padding: 0; 
        margin: 0; 
        float: left;
}

#li{
        display: block; 
        border-left: 8px solid #C97556;
        background-color: #474655;
        padding: 3px 10px;
        text-decoration: none;
        color: #E1E2CF;
        width: 100px; 
        margin: 1px 0px;
        text-align: left;
        font-size: 14px;
}

.button li a:hover{
        border-left: 8px solid #990033;
        background-color: #474655;
}

#D_li{
        display: block; 
        border-left: 8px solid #C97556;
        background-color: #474655;
        padding: 3px 10px;
        text-decoration: none;
        color: #E1E2CF;
        width: 155px; 
        margin: 1px 0px;
        text-align: left;
        font-size: 14px;
}
 
    

p {
white-space: nowrap;
}
		

			
#box-a {
	margin-top:100px;
	margin-left:50px;
    float:left;
}

#box-b {
	margin:20px 10%;
    width: 80%;
    text-align: center;
    
}

#box-c {
    width: 250px;
    height: 260px;
    margin:20px  
    margin-left:10px;
    float:left;
    
}

#box-d {
	font-size=12
	margin-top:50px;
	margin-left:10px;
    width: 559px;
    height: 500px;
    float:left;
}

#box-hp {
	font-size=12
	margin-top:50px;
	margin-left:10px;
    width: 559px;
    height: 600px;
    float:left;
}
			   
		

img.yazirusi{
	width:80px;
	height:300px
}
			   
/*TOP画面のポスター＆index画面*/


#slideshow { 
	position:relative; width:389px; height:550px; 
	margin:20px;
	border : 10px solid #8B0000 ;
	}
#slideshow img { 
	position:absolute; top:0; left:0; z-index:5; 
	width:389px; height:550px;}
#slideshow img.active { 
	z-index:6; }
#slideshow img.last-active { 
	z-index:5; }



#postar{
	margin: 20px 18%;
	font-size: 20px;
	text-align: left;
	}






#yohaku{
	margin:15px 30px;
	
}		

		

#yohaku_L{
	margin-left:10%;
}




#link{
	text-decoration:underline;
	color:#3366cc	
}
			
#sangaku{
	margin-left:50px;

	width:800px;
	height: 450px;

}	
			


/*ABOUTのやつ*/


#uti{  
    width: 550px; 
    margin: 30px auto;

}

#naka{
	width: 700px; 
  	margin:50px auto 100px;
    font-size:18px;
}



/*和紙の背景*/

#sangaku-back{
	width: 920px;
	height: 600px;
 	margin-left: auto;
	margin-right: auto;
	margin-top:200px;
	margin-bottom: 100px;
	}

#team-back{
	width: 920px;
	height: 1300px;
 	margin-left: auto;
	margin-right: auto;
	margin-top:200px;
	
	}

#team-c-back{
	width: 920px;
	height: 1350px;
 	margin-left: auto;
	margin-right: auto;
	margin-top:200px;
	margin-bottom: 100px;
}

#team-edi-back{
	width: 920px;
	height: 1000px;
 	margin-left: auto;
	margin-right: auto;
	margin-top:200px;
	margin-bottom: 100px;
}

#team-game-back{
	width: 920px;
	height: 1300px;
 	margin-left: auto;
	margin-right: auto;
	margin-top:200px;
	margin-bottom: 100px;
}

#team-hp-back{
	width: 920px;
	height: 1400px;
 	margin-left: auto;
	margin-right: auto;
	margin-top:200px;
	margin-bottom: 100px;
}

#team-pm-back{
	width: 920px;
	height: 1050px;
 	margin-left: auto;
	margin-right: auto;
	margin-top:200px;
	margin-bottom: 100px;
}

#team-poster-back{
	width: 920px;
	height: 1050px;
 	margin-left: auto;
	margin-right: auto;
	margin-top:200px;
	margin-bottom: 100px;
}

#game-back{
	width: 920px;
	height: 1450px;
 	margin-left: auto;
	margin-right: auto;
	
	margin-bottom: 100px;
	background-color: rgb(255, 255, 255)
}

/*gameページ*/

#title{
	width: 600px;
	height: 80px;
 	margin-left: auto;
	margin-right: auto;
	margin-top:130px;
	/*background-color: rgb(86, 124, 33)*/
	
}
	
#banner{
	width: 700px;
	height: 300px;
 	margin-left: auto;
	margin-right: auto;
	margin-top:50px;
	background-color: rgb(86, 124, 33)
}

#setumei{
	width: 750px;
	height: 900px;
 	margin-left: auto;
	margin-right: auto;
	margin-top:50px;
	/*background-color: rgb(86, 124, 33)*/
}

#ru-ru{
	width: 190px;
	height: 35px;
 	margin-left: 5px;
	margin-top: 30px;
	
	/*background-color: rgb(200, 124, 33)*/
}

#ru-ru2{
	width: 650px;
	height: 750px;
 	margin-left: 10px;
	margin-right: auto;
	margin-top:50px;
	/*background-color: rgb(50, 124, 33)*/
	
}


dl#demo {
	margin-left: 50px;
	
	float: left;
	width:160px;
	height: 160px;
	overflow: hidden !important;
	/*background-color: rgb(4, 200, 33)*/
}