@charset "UTF-8";
/* reset browser settings
------------------------------------------------------------------- */
html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	font-size: 12px; /* default font-size :12px */
	line-height:1.6;
	letter-spacing: 0.05em;
	color: #535353;
	font-family:"ＭＳ Ｐゴシック", Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro", sans-serif;
}
div, p {
	line-height:1.6;
}
div, p, h1, h2, h3, h4, h5, h6, tr, th, td, dl, dt, dd, a {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
ul, ol, li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%
}
em {
	font-weight: bold;
	font-style: normal;
}
img {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
fieldset, form, input, option, label {
	margin: 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}

/* --------------------------------------
		default font-size: 12px
-----------------------------------------
6px     50%     
7px     58.3%   
8px     66.7%   
9px     75%     
10px    83.3%   
11px    91.7%   
12px    100%    
13px    108.3%  
14px    116.7%  
15px    125%    
16px    133.3%  
17px    141.7%  
18px    150%    
19px    158.3%  
20px    166.7%  
21px    175%    
22px    183.3%  
23px    191.7%  
24px    200%    
-----------------------------------------
*/


/* 共通設定：リンク色設定
--------------------------------------------------------------------*/
a:link {
	color: #8c6e00;
	text-decoration:none;
	outline: none;
}
a:active {
	color:#8c6e00;
	text-decoration:none;
	outline: none;
}
a:visited {
	color:#8c28a0;
	text-decoration:none;
	outline: none;
}
a:hover {
	color:#8c6e00;
	text-decoration:underline;
	outline: none;
}


/* swfarea
------------------------------------------------------------------- */
object, .swfarea:focus {
	outline:none;
}



/* fade
--------------------------------------------------------------------*/

/* block link fade img */
#contents .hovr img.aovr,
#contents a:hover img.aovr {
/*	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";*/
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
/*	filter: alpha(opacity=70);*/
	/* Older than Firefox 0.80 */
/*	-moz-opacity:0.70;*/
	/* Safari 1.x (pre WebKit!) */
/*	-khtml-opacity: 0.70;*/
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
/*	opacity: 0.70;
	zoom:1;*/
}

.hovr a {
	text-decoration:underline;
}


/* util
--------------------------------------------------------------------*/

/* padding */
.pt0 { padding-top: 0 !important;}
.pt10 { padding-top: 10px !important;}
.pt20 { padding-top: 20px !important;}
.pt30 { padding-top: 30px !important;}
.pt40 { padding-top: 40px !important;}
.pt50 { padding-top: 50px !important;}
.pb0 { padding-bottom: 0 !important;}
.pb10 { padding-bottom: 10px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb50 { padding-bottom: 50px !important;}

/* margin */
.mt0 { margin-top: 0 !important;}
.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}
.mt50 { margin-top: 50px !important;}
.mb0 { margin-bottom: 0 !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: 30px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}

/* font-size */
.fs0 { font-size: 0;}

/* font-weight */
.fw_n { font-weight: normal;}
.fw_b { font-weight: bold;}

/* color */
.c_normal { color: #535353; }
.c_gold { color: #c7b97a; }
.c_dgold { color: #8c6e00; }
.c_lgold { color: #b5ab68; }
.c_red { color: #c31c29; }
.c_wred { color: #ab000d; }
.c_purp { color: #9075bc; }
.c_lpurp { color: #a893ba; }
.c_pink { color: #ec97a3; }
.c_blue { color: #83b5c8; }
.c_green { color: #94a983; }
.c_lgreen { color: #6daea1; }

/* position */
.pos_r { position: relative; }
.pos_a { position: absolute; }

/* text align */
.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }

/* float */
.f_left { float: left; }
.f_right { float: right; }

.nw { white-space: nowrap; }

* > sup {
    font-size: 87%;
    line-height: 10px;
    vertical-align: text-top;
}


/* ClearFix
--------------------------------------------------------------------*/
.cfx:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.cfx {
	display: block; /* for safari firefox3 */
	zoom: 1;  /* for IE 7*/
}

* html .cfx {
	display: inline-block; /* for IE6 */
}

/* IE7 hacks */
*:first-child+html .cfx {
	display: inline-table;
}/* end hacks */