@charset "utf-8";

/*-----------------------------------------------------
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:0;
}

fieldset,img{ 
	border:0;
	vertical-align:bottom;
}

address,caption,cite,code,dfn,em,strong,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;
}

a{
	outline:none;
}


/*-----------------------------------------------------
font
------------------------------------------------------*/

/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
/**
 * YUI Fonts
 * @module fonts
 * @namespace yui-
 * @requires 
 */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body{
	font:13px/1.231  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#472b19;
	/* for IE6/7 */ 
	*font-size:small; 
	/* for IE Quirks Mode */
	*font:x-small;
 	-webkit-text-size-adjust:100%;
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
textarea,
button{
	font:99%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

/*-----------------------------------------------------
font-style
------------------------------------------------------*/

.bold{
	font-weight:bold;
}

.italic{
	font-style:italic;
}

.t_justify{
	text-align:justify;
	text-justify:inter-ideograph; 
}

.t_center{
	text-align:center;
}

.t_left{
	text-align:left;
}

.t_right{
	text-align:right;
}

.fl{
	float:left;
}

.fr{
	float:right;
}


/*-----------------------------------------------------
margin
------------------------------------------------------*/
.mt0{
	margin-top:0px !important;
}

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

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

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

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

.mt25{
	margin-top:25px !important;
}

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

.mt35{
	margin-top:35px !important;
}

.mt40{
	margin-top:40px !important;
}

.mt45{
	margin-top:45px !important;
}

.mt50{
	margin-top:50px !important;
}


.mr0{
	margin-right:0px !important;
}

.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;
}

.mr35{
	margin-right:35px !important;
}

.mr40{
	margin-right:40px !important;
}

.mr45{
	margin-right:45px !important;
}

.mr50{
	margin-right:50px !important;
}

.mb0{
	margin-bottom:0px !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;
}

.mb35{
	margin-bottom:35px !important;
}

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

.mb45{
	margin-bottom:45px !important;
}

.mb50{
	margin-bottom:50px !important;
}


.ml0{
	margin-left:0px !important;
}

.ml5{
	margin-left:5px !important;
}

.ml10{
	margin-left:10px !important;
}

.ml15{
	margin-left:15px !important;
}

.ml20{
	margin-left:20px !important;
}

.ml25{
	margin-left:25px !important;
}

.ml30{
	margin-left:30px !important;
}

.ml35{
	margin-left:35px !important;
}

.ml40{
	margin-left:40px !important;
}

.ml45{
	margin-left:45px !important;
}

.ml50{
	margin-left:50px !important;
}


/*-----------------------------------------------------
padding
------------------------------------------------------*/
.pt0{
	padding-top:0px !important;
}

.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;
}

.pt35{
	padding-top:35px !important;
}

.pt40{
	padding-top:40px !important;
}

.pt45{
	padding-top:45px !important;
}

.pt50{
	padding-top:50px !important;
}


.pr0{
	padding-right:0px !important;
}

.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;
}

.pr35{
	padding-right:35px !important;
}

.pr40{
	padding-right:40px !important;
}

.pr45{
	padding-right:45px !important;
}

.pr50{
	padding-right:50px !important;
}


.pb0{
	padding-bottom:0px !important;
}

.pb5{
	padding-bottom:5px !important;
}

.pb10{
	padding-bottom:10px !important;
}

.pb15{
	padding-bottom:15px !important;
}

.pb20{
	padding-bottom:20px !important;
}

.pb25{
	padding-bottom:25px !important;
}

.pb30{
	padding-bottom:30px !important;
}

.pb35{
	padding-bottom:35px !important;
}

.pb40{
	padding-bottom:40px !important;
}

.pb45{
	padding-bottom:45px !important;
}

.pb50{
	padding-bottom:50px !important;
}


.pl0{
	padding-left:0px !important;
}

.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;
}

.pl35{
	padding-left:35px !important;
}

.pl40{
	padding-left:40px !important;
}

.pl45{
	padding-left:45px !important;
}

.pl50{
	padding-left:50px !important;
}


/*-----------------------------------------------------
others
------------------------------------------------------*/

.mask:hover{
	opacity:0.6;
}

.clear{
	clear:both;
}

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

.clearfix{
  min-height:1px;
}

* html .clearfix{
  height:1px;
  /*\*//*/
  height:auto;
  overflow:hidden;
  /**/
}