@charset "utf-8";

/*********************************************************************
 JAM Project Common CSS
*********************************************************************/


/*--- Reset --------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

ul,ol {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	line-height: 1.4;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	background-color: #242424;
	color: #aaaaaa;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 120%;
}

a,a:link,a:visited {
	color: #ffffff;
	text-decoration: none;
}

a:hover,a:active {
	text-decoration: underline;
}

article,aside,details,footer,header,main,menu,nav,section,summary {
	display: block;
}


/*--- Common -------------------------------------------------------*/

.mr4 {
	margin-right: 4px!important;
}

.mt5 {
	margin-top: 5px!important;
}

.mt10 {
	margin-top: 10px!important;
}

.mt15 {
	margin-top: 15px!important;
}

.mt20 {
	margin-top: 20px!important;
}

.mt30 {
	margin-top: 30px!important;
}

.mb5 {
	margin-bottom: 5px!important;
}

.mb10 {
	margin-bottom: 10px!important;
}

.mb15 {
	margin-bottom: 15px!important;
}

.mb20 {
	margin-bottom: 20px!important;
}

.mb25 {
	margin-bottom: 25px!important;
}

.mb30 {
	margin-bottom: 30px!important;
}

.mb40 {
	margin-bottom: 40px!important;
}

.mb60 {
	margin-bottom: 60px!important;
}

.mb100 {
	margin-bottom: 100px!important;
}

.w100p {
	width: 100%!important;
	height: auto!important;
}

.dispnone {
	display: none!important;
}

#contents_main .main_cont p,
#contents_main .main_cont h1,
#contents_main .main_cont h2,
#contents_main .main_cont h3 {
	margin-bottom: 1em;
}


/*--- Hover -------------------------------------------------------*/

.highlight a:hover * {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


/*--- color -------------------------------------------------------*/

.gray {
	color: #333;
}


/*--- Device Common ------------------------------------------------*/
.fixed {
	position: fixed!important;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000!important;
}


/*--- clearfix -----------------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	zoom: 1;
	display: inline-table;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}