@charset "UTF-8";

/*----------------------------------------------------
	☆Uniq Common Rules
	
bgColor #FFFFF3
theme color #FFFFF3
sub color #FFFFF3
color #333
title color #7A99B2
link color #448EE3

masking layer color #fcfff0;

transition:.2s;
	
	
----------------------------------------------------*/

body, h1, h2, h3, h4, h5, h6, pre, ul , ol , li, dl, dt, dd, p, img {
	margin:0;
	padding:0;
}

body {
	font-family: 'YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
	color:#333;
	line-height:100%;
	min-width:1024px;
}

a {
	color:#448EE3;
	text-decoration:underline;
	cursor:pointer;
	outline:none;
}

a:link {
	color:#448EE3;
	text-decoration:underline;
	outline:none;
}

a:hover {
	color:#448EE3;
	text-decoration:none;
	outline:none;
}

#contents p {
	line-height:1.7;
}

ul, ol {
	list-style-type:none;
}

ul li, ol li, dl {
	line-height:1.7;
}

a:focus {
  outline: none;
}

h1, h2, h3, h4, h5, h6 {
	line-height:1.7;
}

::selection { background-color:#888; color: #FFFFF3; /* Safari */ }
::-moz-selection { background-color: #888; color: #FFFFF3; /* Firefox */ }


h1, h2, h3, h4, h5, h6, pre, li, dt, dd, th, td, p {
	font-size:100%;
}


/*----------------------------------------------------
	☆Crearfix
----------------------------------------------------*/


.clearfix:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	font-size:0.1em;
	line-height:0;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
	min-height:1%;
}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
/* End hide from IE-mac */




/*----------------------------------------------------
	☆br clear
----------------------------------------------------*/


br.clear_noie {
	display:inline !important;
	display:none;
	clear:both;
	line-height:0px;
}

br.clear_all {
	clear:both;
	line-height:0px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
br.clear_noie  {
	display:block!important;
	content: " ";
}
}

div.clear_noie {
	clear:both;
	line-height:0px;
}


/*----------------------------------------------------
	☆topcontrol
----------------------------------------------------*/


#topcontrol {
	z-index:100;
}

#topcontrol a {
	background:url(../cmn_js/scrolltop/scrollup.png) center center no-repeat;
	background : url(../cmn_js/scrolltop/scrollup.gif) center center no-repeat\9; /* IE8 and below */
	*background : url(../cmn_js/scrolltop/scrollup.gif) center center no-repeat; /* IE7 and below */
	_background : url(../cmn_js/scrolltop/scrollup.gif) center center no-repeat; /* IE6 */
	font-size:0;
	display:block;
	height:60px;
	width:60px;
	background-size:50px 50px;
	opacity:0.7;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}


#topcontrol a:hover {
	background-size:60px 60px;
	opacity:1;
}



/*----------------------------------------------------
	☆Display None
----------------------------------------------------*/

#sample{
	display:none;
	visibility:hidden;
}




/*----------------------------------------------------
	☆base contents
----------------------------------------------------*/

/*-- HEADER --*/