@charset "shift-jis";

/*=========================================================================================
 DEFAULT
=========================================================================================*/
*{
font-weight: normal;
margin: 0px;
padding: 0px;
}

html,body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}

body {
font-family:"MS Pゴシック","Hiragino Kaku Gothic Pro", "MS P Gothic", "Osaka", "Verdana", "Arial", "sans-serif";
text-align: center;
color: #112222;
line-height: 100%;
background:#EEFFFF url(/images/bg.jpg) repeat 0 0;
}

a,
a:link,
a:visited{
color:#666611;
text-decoration: none;
}
a:hover{
color:#999900;
text-decoration: none;
}

/*=========================================================================================
CSS RESET
=========================================================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0px;
border: none 0px;
}
fieldset,img { 
border: none 0px;
}
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: 0;
}

/*=========================================================================================
COMMON CLASS STYLE
=========================================================================================*/
/*
TEXT STYLE
-----------------------------------------------------------------------------------------*/
p{
line-height: 160%;
}

.red {
color: #CC0000;
}


/*
FLOAT
-----------------------------------------------------------------------------------------*/
.left {
padding: 0px;
margin: 0px;
float: left;
}

.right {
padding: 0px;
margin: 0px;
float: right;
}

.center_out {
text-align: center;
}
.center_in {
padding: 0px;
margin: 0px auto;
}


/*-----------------------------------------------------------------------------------------
BOX WIDTH
-----------------------------------------------------------------------------------------*/
.box50 {
	width: 50px;
}
.box100 {
	width: 100px;
}

/*
MARGIN
-----------------------------------------------------------------------------------------*/
/* TOP
========================================*/
.mt5 {
	margin-top: 5px!important;
}
.mt10 {
	margin-top: 10px!important;
}
.mt20 {
	margin-top: 20px!important;
}
.mt30 {
	margin-top: 30px!important;
}
.mt40 {
	margin-top: 40px!important;
}

/* BOTTOM
========================================*/
.mb5 {
	margin-bottom: 5px!important;
}
.mb10 {
	margin-bottom: 10px!important;
}
.mb20 {
	margin-bottom: 20px!important;
}
.mb30 {
	margin-bottom: 30px!important;
}
.mb40 {
	margin-bottom: 40px!important;
}

/* LEFT
========================================*/
.ml5 {
	margin-left: 5px!important;
}
.ml10 {
	margin-left: 10px!important;
}

/* RIGHT
========================================*/
.mr5 {
	margin-right: 5px!important;
}
.mr10 {
	margin-right: 10px!important;
}

/*---------------------------------------------------------------------------------------PADDING
-----------------------------------------------------------------------------------------*/
/* TOP
========================================*/
.pt5 {
	padding-top: 5px!important;
}
.pt10 {
	padding-top: 10px!important;
}

/* BOTTOM
========================================*/
.pb5 {
	padding-bottom: 5px!important;
}
.pb10 {
	padding-bottom: 10px!important;
}
.pb30 {
	padding-bottom: 10px!important;
}

/* LEFT
========================================*/
.pl5 {
	padding-left: 5px!important;
}
.p10 {
	padding-left: 10px!important;
}

/* RIGHT
========================================*/
.pr5 {
	padding-right: 5px!important;
}
.pr10 {
	padding-right: 10px!important;
}

/*-----------------------------------------------------------------------------------------
BACKGROUND / BORDER
-----------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------
HIDETEXT
-----------------------------------------------------------------------------------------*/
.hidetext{
	text-indent: -9999px;
}

/*-----------------------------------------------------------------------------------------
CLEARFIX
-----------------------------------------------------------------------------------------*/
.clearfix:after {
  content: url(/images/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}

.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */