@charset "utf-8";

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

ベースのCSSの設定

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

/*ベースの要素の設定をリセット*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
p,article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align: baseline;
    background:transparent;
}

/*HTML5の新要素をdisplay:blockにする*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{
	display:block;
}

/*画像の枠線をクリアして位置の初期値の設定*/
img{
	border: 0;
	vertical-align: top;
}

/*サイト全体の基本情報の設定*/
body{
	font-size: 72.5%;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino kaku Gothic Pro","メイリ
	オ", Meiryo, "ＭＳ Ｐゴシック",sans-serif;
	line-height: 1.4;
	color: #1c1c1c;
}
body{
	background-color: #fff;
	}
/*リンク時の枠の点線をなしにする*/
a{
outline: none;
}

/*リンクの装飾の設定*/
a:link,
a:visited,
a:active{
	color: #666666;
	text-decoration: underline;
}
a:hover{
	color: #5c5c5c;
	text-decoration: none;
}

/*リスト要素の初期値をリセット*/
ul,ol{
	list-style: none;
}

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

マウスオンで透過性を持たせる

=============================*/
a {
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
		   	 -o-transition: 0.3s ease-in-out;
		   	 	transition: 0.3s ease-in-out;
}
a:hover {
		opacity: 0.6;
		filter: alpha(opacity=60);
}