@charset "utf-8";

/***********************************************************************************

************************************************************************************/

body {
	margin: 0px auto;
	padding: 0px;
	background:#030a1b;
	color:#111;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}


/***********************************************************************************
　初期設定 base style
************************************************************************************/

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,ul,li,a {
	margin:0px;
	padding:0px;
} 

img {
	border:0px;
	margin:0px;
	padding:0px;
	vertical-align:bottom;
	line-height:0;
} 

address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
} 

ol,ul {
	list-style:none;
} 

caption,th {
	text-align:left;
} 


h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
} 


q:before,q:after {
	content:'';
} 

abbr,acronym {
	border:0px;
} 


/***********************************************************************************
　text
************************************************************************************/

.large {
	font-size: large;
	*font-size: 16px;
	line-height: 150%;
}

.medium {
	font-size: 85%;
	*font-size: 14px;
	line-height: 190%;
}

.small {
	font-size: 75%;
	line-height: 170%;
}

.x-small {
	font-size:11px;
	*font-size: 10px;
	line-height: 150%;
}

.txt_white {
	color:#fff;
}
.txt_red {
	color:#e60012;
}
.txt_orange {
	color:#F60;
}
.txt_pink {
	color:#e23080;
}
.txt_blue {
	color:#1896d7;
}
.txt_yellow {
	color:#f9d20d;
}

.txt_bold {
	font-weight:bold;
}
.txt_right {
	text-align:right;
}
.txt_center {
	text-align:center;
}

/***********************************************************************************
　link style
************************************************************************************/

a {
	color:#d92375;
	overflow:hidden;
	outline:none;
}

body#index #wrap a {
	color:#fff100;
	overflow:hidden;
	outline:none;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}



/***********************************************************************************
　margin padding マージンとかはここで指定
************************************************************************************/

/* margin */
.m_left10 {	margin-left:10px;}
.m_right10 { margin-right:10px;}
.m_bottom10 { margin-bottom:10px;}
.m_bottom5 { margin-bottom:5px;}
.m_top10 { margin-top:10px;}

/* padding */
.p_left10 { padding-left:10px;}
.p_right10 { padding-right:10px;}
.p_bottom5 { padding-bottom:5px;}
.p_bottom10 { padding-bottom:10px;}
.p_bottom30 { padding-bottom:30px;}
.p_top10 { padding-top:10px;}


/***********************************************************************************
　float style
************************************************************************************/

.left {	float: left;}
.right { float: right;}


/* clear fix */

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

.clearfix {	zoom:1; }

/* clear */

.clear{ clear:both;}



/***********************************************************************************
　iepngfix
************************************************************************************/

.iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}
 

/***********************************************************************************
　footer
************************************************************************************/

#footer_bg{
	padding:0 auto;
}
#footer{
	margin:0 auto;
}