@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:blocにする*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block;
}

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

/*サイト全体の基本情報の設定*/
body{
font-size: 100%;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
line-height:1.5;
color:#333;
}


/*リンク時の枠の点線をなしにする*/
a{
outline: none;
}

/*リンクの装飾の設定*/
a:link,
a:visited,
a:active{
/*color:#3f98c4;*/
text-decoration:none;

}

a:hover{
/*color:#3f98c4;*/
text-decoration:underline;

}

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


/** 
*    Clear
* ************************************************* */
/**    hr.clear
* ***************************** */
hr.clear {
	clear: both;
	margin: 0;
	padding: 0;
	visibility: hidden;
}
/**    div.clear
* ****************************** */
div.clear {
	clear: both;
	height: 0;
	width: 0;
	font-size: 0;
	line-height: 0;
}
/**    clear-fix
* ****************************** */
.clear-fix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear-fix {
	min-height: 1%;
}
* html .clear-fix {
	height: 1%;
}

/*画像の回り込み*/
img.alignleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
img.alignright {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
.img_center {
	clear: both;
	display: block;
	margin: 0 auto;
	padding: 10px 0 20px 0 ;
	
}

/*画像を縦に並べたときに余白が出てしまわないよう*/
img {
　　　vertical-align: top;
　　　font-size:0;
　　　line-height: 0;
}