@charset "utf-8";

/*command-----------------------------------------------------------*/

.clear
{ 
	clear		    : both;
}

/*margin------------------------------------------------------------*/

.none
{
	margin-bottom   : 0px!important;
}

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

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

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

.m_xl
{
	margin-bottom	: 40px!important;
}
.m_xxl
{
	margin-bottom	: 30px!important;
}
.m_xll
{
	margin-bottom	: 30px!important;
}


/*font--------------------------------------------------------------*/
.f_Gold
{
	color			: #960;
}


.f_Blue
{
	color 		: #036;
}

.f_Green
{
	color 		: #690;
}

.f_Red
{
	color		: #900;
}

.f_Orange
{
	color 		: #C90;
}

.f_White
{
	color 		: #FFF;
}
.f_Navy
{
	color	: #036;
}

.f_s
{
	font-size		: 0.8em;
}

.f_l
{
	font-size		: 1.2em;
}

.f_xl
{
	font-size		: 1.5em;
}
.f_bold
{
	font-weight:bold;
}

/*box--------------------------------------------------------------*/

.box_s
{
	margin-left		: auto;
	margin-right	: auto;
	width			: 85%;
	text-align		: left;
}

.box_l
{
	margin-left		: auto;
	margin-right	: auto;
	width			: 90%;
	text-align		: left;
}

.box_xl
{
	margin-left		: auto;
	margin-right	: auto;
	width			: 95%;
	text-align		: left;
}


.rd_box
{
	padding			: 15px;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	background		: #FFF;
	border			: 1px #f6f1d0 solid;

}

.grd_box
{
	padding:15px;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	_zoom:1;
	overflow:hidden;
	background:#efe8b9;
	
}



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

.clearfix:after
{
	content		: "";
	display		: block;
	clear		: both;

}


.tag_Red
{
  display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
	vertical-align:middle;
	background:#7f0000;
	color:#f0eac7;
	padding	: 0px 10px;
	padding				: 3px 15px;
	font-size			: 0.7em;
	margin-bottom		: 3px;
	margin-left			: 3px;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 

}


.btn_Gold,
.btn_Purple,
.btn_Green,
.btn_Black,
.btn_Red
{
	text-decoration		: none!important;
	line-height			: 1em;

}
.btn_Gold img,
.btn_Purple img,
.btn_Green img,
.btn_Black img,
.btn_Red img
{
	vertical-align:middle;
}
.btn_Gold
{
	display			: block;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 18px;
	color			: #630!important;
	background:#e7e0b1 url(../images/common/base/gold_btn_bg.gif) repeat-x 0px -10px;
	border			: 1px solid #cbc081;
	display				: block;
	width				: 95%;
	margin				: 0 auto;
}


.btn_Gold:hover
{
	background:#e7e0b1 url(../images/common/base/gold_btn_bg_on.gif) repeat-x 0px -10px;	
}

.btn_Gold span
{
	display			: block;
	padding			: 18px 50px 18px 25px;
	background:url(../images/common/icon/btn_icon_s.png) 95% 50% no-repeat;
	text-align		: center;
	border-bottom	: 2px #960 solid;

 
}


.btn_Red
{

  display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #F5F2E9!important;
	background:#e7e0b1 url(../images/common/base/red_btn_bg.gif) repeat-x 0px -10px;
	border			: 1px solid #ed2507;
}


.btn_Red:hover
{
	background:#e7e0b1 url(../images/common/base/red_btn_bg_on.gif) repeat-x 0px -10px;	
}

.btn_Red span
{
  	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding			: 13px 50px 13px 25px;
	background		: url(../images/common/icon/btn_icon02_s.png) 95% 50% no-repeat;
}


.btn_Gray
{

  display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #333!important;
	background: url(../images/common/base/gray_btn_bg.gif) repeat-x 0px -10px;
	border			: 1px solid #c2c2c2;
}


.btn_Gray:hover
{
	background:#e7e0b1 url(../images/common/base/gray_btn_bg_on.gif) repeat-x 0px -10px;	
}

.btn_Gray span
{
  	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding			: 13px 50px 13px 25px;
	background:url(../images/common/icon/btn_icon_s.png) 50% 95% no-repeat;
}



.btn_Black
{

  display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #F5F2E9!important;
	background:#e7e0b1 url(../images/common/base/black_btn_bg.gif) repeat-x 0px -10px;
	border			: 1px solid #1e1d1d;
}


.btn_Black:hover
{
	background:#e7e0b1 url(../images/common/base/black_btn_bg_on.gif) repeat-x 0px -10px;	
}

.btn_Black span
{
  	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding			: 13px 50px 13px 25px;
	background		: url(../images/common/icon/btn_icon02_s.png) 95% 50% no-repeat;
}



.btn_Purple
{
  display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #F5F2E9!important;

	background:#e7e0b1 url(../images/common/base/purple_btn_bg.gif) repeat-x 0px -10px;	
	border			: 1px solid #450006;

}
.btn_Purple:hover
{
	background:#e7e0b1 url(../images/common/base/purple_btn_bg_on.gif) repeat-x 0px -10px;		
}

.btn_Purple span
{
  	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding			: 13px 50px 13px 25px;
	background		: url(../images/common/icon/btn_icon02_s.png) 95% 50% no-repeat;
}

.btn_Green
{
  display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #F5F2E9!important;
	background:#e7e0b1 url(../images/common/base/green_btn_bg.gif) repeat-x 0px -10px;	
	border			: 1px solid #1b4400;
}
.btn_Green:hover
{
	background:#e7e0b1 url(../images/common/base/green_btn_bg_on.gif) repeat-x 0px -10px;	
}

.btn_Green span
{
  	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding			: 13px 50px 13px 25px;
	background		: url(../images/common/icon/btn_icon02_s.png) 95% 50% no-repeat;
}
.dis_block,
.dis_block span
{
	display:block!important;
}
.sd_box
{
	box-shadow		: rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
	border:1px #CCC solid;
	padding			: 15px;
	background:#FFF;
}







/*align--------------------------------------------------------------*/
.text_left
{
	text-align		: left;
}
.text_center
{
	text-align		: center;
}
.text_right
{
	text-align		: right;
}
.text_top
{
	vertical-align	: top;
}

.text_bottom
{
	vertical-align	: bottom;
}


/* postimage */

.alignright
{
  float    : right;
  padding-left  : 25px;
  padding-bottom  : 25px;
  clear : both;
}

.alignleft
{
  float    : left;
  padding-right  : 25px;
  padding-bottom  : 25px;
  clear : both;
}

.aligncenter
{
  text-align      : center;
  margin-right    : auto;
  margin-left     : auto;
  padding-bottom  : 10px;
  clear : both;
  display:block;
}

.pc_hidden
{
		display:none;
}

/*768以下の指定（タブレット）*/

@media screen and (max-width: 768px) {
	
	.sp_hidden
	{
		display:none;
	}
.m_xl
{
	margin-bottom	: 30px!important;
}
.pc_hidden
{
	display:block;
}
	
}
/*480以下の指定（スマホ横)*/
@media screen and (max-width: 480px) {
.m_xl
{
	margin-bottom	: 20px!important;
}

}

/*320以下の指定（スマホ縦)*/
@media screen and (max-width: 320px) {

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

}

/*---------------------------------------------------------*/
/*    copyright(C) WEB-SEED.All rights reserved. Ver1.0    */
/*---------------------------------------------------------*/