@charset "UTF-8";

@media screen and (max-width:640px){


/*
*************************************************************
文字を統一させる。
*************************************************************
*/
body,td,th,p,div,li,pre,input,textarea,h1,h2,h3,h4,h5,h6,dt,dd
{
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.7em;	
	color: #777;
}
body{
	font-size:12px;
	background:#fff url(../img_common/body-bg.jpg) repeat;
}

/*
*************************************************************
ここからサイトオリジナル
*************************************************************
*/

/* 
==========================
共通
==========================
 */

.fluid{
  max-width: 100%;
  height: auto;
  
	 /* box-shadow */
	 /*
	box-shadow:rgb(221, 221, 221) 0px 0px 5px 3px;
	-webkit-box-shadow:rgb(221, 221, 221) 0px 0px 5px 3px;
	-moz-box-shadow:rgb(221, 221, 221) 0px 0px 5px 3px;
	*/
}


#body-container{
	text-align:left;
	
}
#content-container{
	padding-top:70px;
}

header{
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.498039) 0px 0px 8px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.498039) 0px 0px 8px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.498039) 0px 0px 8px 3px;
	
	background:#fff;
	position:fixed;
	top:0;
	width:100%;
	height:45px;
	left:0;
	}
	.wrap980{
		/* twitter icon用 */
		position:relative;
	}
	header h1{
		padding:5px 10px 0;
		}
		#logo{
			width:150px;
		}
	#logo_twitter{
		position:absolute;
		right:10px;
		top:2px;
		width:40px;
	}
	
h2 {
	background: #58B2DC;
	border-top:5px solid #4388A3;
	color:#FFFFFF;
	font-size:20px;
	font-family: 'Limelight', 'cursive';
	margin-bottom:20px;
	padding:2% 5%;
	width:90%;
}

/* 
==========================
ソフト紹介
==========================
 */
 
.soft-lineup{
	margin-bottom:15px;
	}
	.soft-lineup h2{
		
	}
.single-soft{
	border-bottom:1px dotted #777;
	padding:0 15px 15px;
	}
	.single-soft h3{
		font-size:20px;
		margin:20px 0;
		background:transparent url(../img_common/midashi-bg.png) repeat-y;
		padding-left:20px;
	}
	.download-block{
		margin-top:15px;
		}
		.download-block img{
			width:40%;
		}
	
/* 
==========================
ABOUT
==========================
 */
.about{
	border-bottom:1px dotted #777;
	margin-bottom:15px;
	}
	.about p{
		padding:0 15px 15px;
	}

/* 
==========================
footer
==========================
 */
#page-top{
	position:fixed;
	bottom:5px;
	right:5px;
	
	}
	#page-top img{
		width:60px;
	}
footer p{
	text-align:center;
	padding:20px 0;
}


}