@charset "UTF-8";



/*=============================================================================================

 DEFAULT
                                                                                 
=============================================================================================*/

*{
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
html,body {
	width: 100%;
	/*height: 100%;*/
	margin: 0px;
	padding: 0px;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
	color: #333333;
	line-height: 100%;
	background: #E2DDCD;
}



/*=============================================================================================

 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%;
}
ul li {
	line-height: 130%;
}
.red {
	color: #CC0000;
}


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


/*---------------------------------------------------------------------------------------------
  TEXT ALIGN
---------------------------------------------------------------------------------------------*/
.ta_left {
	text-align: left;
}
.ta_right {
	text-align: right;
}
.ta_center {
	text-align: center;
}


/*---------------------------------------------------------------------------------------------
  BOX WIDTH
---------------------------------------------------------------------------------------------*/

.box50 {width: 50px;}
.box100 {width: 100px;}
.box104 {width: 104px;}
.box110 {width: 110px;}
.box145 {width: 145px;}
.box150 {width: 150px;}
.box179 {width: 179px;}
.box180 {width: 180px;}
.box200 {width: 200px;}
.box250 {width: 250px;}
.box295 {width: 295px;}
.box300 {width: 300px;}
.box320 {width: 320px;}
.box360 {width: 360px;}
.box450 {width: 450px;}
.box530 {width: 530px;}
.box540 {width: 540px;}
.box560 {width: 560px;}


/*---------------------------------------------------------------------------------------------
  MARGIN
---------------------------------------------------------------------------------------------*/

/* TOP
========================================*/
.mt3 {margin-top: 3px!important;}
.mt5 {margin-top: 5px!important;}
.mt7 {margin-top: 7px!important;}
.mt10 {margin-top: 10px!important;}
.mt13 {margin-top: 13px!important;}
.mt15 {margin-top: 15px!important;}
.mt20 {margin-top: 20px!important;}
.mt25 {margin-top: 25px!important;}
.mt30 {margin-top: 30px!important;}

/* BOTTOM
========================================*/
.mb5 {margin-bottom: 5px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb13 {margin-bottom: 13px!important;}
.mb15 {margin-bottom: 15px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb25 {margin-bottom: 25px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb35 {margin-bottom: 35px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb45 {margin-bottom: 45px!important;}

/* LEFT
========================================*/
.ml4 {margin-left: 4px!important;}
.ml5 {margin-left: 5px!important;}
.ml10 {margin-left: 10px!important;}
.ml12 {margin-left: 12px!important;}
.ml15 {margin-left: 15px!important;}
.ml17 {margin-left: 17px!important;}
.ml20 {margin-left: 20px!important;}
.ml25 {margin-left: 25px!important;}
.ml30 {margin-left: 30px!important;}

/* RIGHT
========================================*/
.mr5 {margin-right: 5px!important;}
.mr10 {margin-right: 10px!important;}
.mr15 {margin-right: 15px!important;}
.mr20 {margin-right: 20px!important;}
.mr25 {margin-right: 25px!important;}
.mr30 {margin-right: 30px!important;}


/*---------------------------------------------------------------------------------------------
  PADDING
---------------------------------------------------------------------------------------------*/

/* TOP
========================================*/
.pt5 {padding-top: 5px!important;}
.pt10 {padding-top: 10px!important;}
.pt15 {padding-top: 15px!important;}
.pt20 {padding-top: 20px!important;}
.pt25 {padding-top: 25px!important;}
.pt30 {padding-top: 30px!important;}

/* BOTTOM
========================================*/
.pb5 {padding-bottom: 5px!important;}
.pb10 {padding-bottom: 10px!important;}
.pb13 {padding-bottom: 13px!important;}
.pb15 {padding-bottom: 15px!important;}
.pb20 {padding-bottom: 20px!important;}
.pb25 {padding-bottom: 25px!important;}
.pb30 {padding-bottom: 30px!important;}
.pb45 {padding-bottom: 45px!important;}

/* LEFT
========================================*/
.pl5 {padding-left: 5px!important;}
.pl10 {padding-left: 10px!important;}
.pl15 {padding-left: 15px!important;}
.pl20 {padding-left: 20px!important;}
.pl25 {padding-left: 25px!important;}
.pl30 {padding-left: 30px!important;}

/* RIGHT
========================================*/
.pr5 {padding-right: 5px!important;}
.pr10 {padding-right: 10px!important;}
.pr15 {padding-right: 15px!important;}
.pr20 {padding-right: 20px!important;}
.pr25 {padding-right: 25px!important;}
.pr30 {padding-right: 30px!important;}


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

/* DOT
========================================*/
.top_dot {
	background: url(../images/common/common_dot.gif) repeat-x left top;
}
.bottom_dot {
	background: url(../images/common/common_dot.gif) repeat-x left bottom;
}

/* BORDER BOTTOM
========================================*/
.bottom_solid1 {
	border-bottom: 1px solid #CCCCCC;
}

/* BORDER LEFT
========================================*/
.left_solid2 {
	border-left: 2px solid #808080;
}
.left_solid4 {
	border-left: 4px solid #CCCCCC;
}

/* BACKGROUND
========================================*/
.bg_gray {
	background: #E5E5E5;
	padding: 6px 7px;
}


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


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

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

/*\*//*/
.hack {
	letter-spacing : -9999px;
}
/**/