body{
	font-family: 'ＭＳ Ｐゴシック','MS PGothic','Hannotate TC',sans-serif;
	color:#000;
	background-color:#DDFFFF;
	line-height:1.5;
	margin:0;
	padding:0;
	width:auto;
	}
	
ul li{
	list-style-type:none;
	margin-top:0;
	padding:0;
	
	}
	
h2 {
    color:#FF5192;
    text-shadow: 3px 3px #fff, 4px 4px 0 #5d6f77, 4px 2px 0 #5d6f77, 2px 4px 0 #5d6f77, 2px 2px 0 #5d6f77;
	border-left:15px solid #FF82B2;
	border-bottom:3px dashed #FF82B2;
	font-size:200%;
	padding-left:10px;
	
	}


header{
	background-color:#0000CC;
	color:#fff;
	text-align:center;
	
 	}

header h1{
	font-size:200%;
	 color: #00BCD4;
     text-shadow: 1px 1px 1px #555, -1px 1px 1px #555, 1px -1px 1px #555, -1px -1px 1px #555, 1px 1px 1px #555, -1px 1px 1px #555, 1px -1px 1px #555, -1px -1px 1px #555, 5px 5px #FFFF88;
    transform: rotate(-4deg);
    margin:0;
    
	}
	
nav{
	text-align:center;
	
	}
	
nav ul{
	padding:10px 0px;
	
	}
	
nav li{
	display:inline-block;
	
	}
	
.web{
	font-size:200%;
	color:#DC143C;
	
	}
	
header p{
	margin:0;
	
	}
	
article{
	width:1000px;
	margin-left:auto;
	margin-right:auto;

	}
	
img{
	float:right;
	width:auto;

	}
	
section h2{
	clear:both;
	
	}
	
.sub{
	font-weight:bold;
	color:#0000CC;
	
	}
	
footer{
	text-align:center;
	border-top:3px solid #0000CC;
	font-style: italic;
	
	}


/*リンク箇所に対するCSS*/
nav a{
	color: white; /*ナビゲーション（メニューバー）文字色*/
	background:#FF88FF; /*ナビゲーション（メニューバー）背景色*/
	width: 160px;/*幅（余白）を指定*/
	display: block;
	line-height: 1.0;
	padding:15px 10px;
	border-radius:0 25px;
	border-top:5px solid #6666FF;
	margin:0px;
	text-decoration:none;
	font-weight:bold;
	position: relative;
  	z-index: 2;
  	overflow: hidden;
  	background-image:linear-gradient(to bottom,#FFF,#FF88FF 60%,#FF00FF);
  	
	}
	
nav a:before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 120%;
	height: 100%;
	z-index: -1;
	background:linear-gradient(transparent 0%, #7B3CFF 100%);
	transition: all 500ms linear;
	transform: skewX(-30deg) scale(0, 1);
	
	}

nav a:hover:before {
	left: -10%;
	transform: skewX(-30deg) scale(1, 1);
	
	}

/*600px以下の場合*/
@media(max-width:600px){
header h1{
	font-size:150%;
	
	}

header p{
	font-size:75%;

	}

.web{
	font-size:150%;
	
	}

article{
	width:auto;
	font-size:75%;
	padding-left:2px;
	padding-right:2px;
	
	}
	
img{
	float:none;
	width:100%;
	padding-left:2px;
	padding-right:2px;
	height:75%;
	}
	
}