@charset "utf-8";

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



	style info : all style 共通



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

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

	html body

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

/* スクロールバーの有無によるズレ対策 */
html {
	/*overflow-y: scroll;*/ /*fancyboxを使用するとずれるため削除*/
	text-align: center;
	height: 100%;
	background: none;
}

body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: left;
	color: #FFF;
	min-width: 1000px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000;
	}

input, textarea {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

* html input, * html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

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

	画像

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

img {
	vertical-align: top;
}

img:hover.over {
	opacity: 0.5 ;

}

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

	リンク

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

a {
	text-decoration: none;
	cursor: pointer!important;
}

a:link { color: #c8c4a9; }

a:visited { color: #a19d81;}

a:hover { text-decoration: underline; }

a:active {  }

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

	汎用

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

/* Headings
---------------------------------*/
h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 .8em 0;
}

h1 {
	font-size: 153.9%;
}

h2 {
	font-size: 138.5%;
}

h3 {
	font-size: 123.1%;
}

h4 {
	font-size: 116%;
}

h5 {
	font-size: 108%;
}

h6 {
	font-size: 100%;
}

/* 段落
---------------------------------*/
p {
	line-break: strict;
	line-height: 1.6;
}

/* 画像右
---------------------------------*/
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

/* 画像左
---------------------------------*/
.imgL {
	float: left;
	margin: 0 15px 10px 0;
}

/* 中央
---------------------------------*/
.tC,
.btnC {
	text-align: center;
}

/* 右揃え pタグ
---------------------------------*/
.tR,
.sign {
	text-align: right;
}

/* 明朝
---------------------------------*/
.mincho { font-family: "ＭＳ 明朝","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", Century, "Times New Roman", Times, serif; }

/* ドロップシャドウ
---------------------------------*/
.shadow {
	behavior: url(/pc/javascript/PIE.htc); /* for IE */
	box-shadow: 1px 1px 4px #666;
	-moz-box-shadow: 1px 1px 4px #666;
	-webkit-box-shadow: 1px 1px 4px #666;
}

/* clearfix
---------------------------------*/
.clearfix:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.clear {
	clear: both;
}

.fL {float: left;}
.fR {float: right;}
/*============================================================================

	ボタン処理

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

/* へこむ pタグ指定
---------------------------------*/
.btnHollow a:hover {
	position: relative;
	top: 1px;
	left: 1px;
}

/* 半透明 pタグ指定
---------------------------------*/
.btnOpacity a:hover {
	opacity: 0.7; /* Opera・Safari */
	-moz-opacity:0.7; /* Firefox */
	filter: alpha(opacity=70); /* IE */
	zoom: 1; /* IE */
}

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

	デフォルト テーブル

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

table {
	border: 1px solid #a8a69e;
	border-collapse: collapse;
	margin-top: 10px;
}

th, td {
	padding: 8px;
	border: 1px solid #a8a69e;
}

th {
/*
	background: #999;
	color: #FFF;
*/
	vertical-align: middle;
	text-align: center;
}


/* 偶・奇数
---------------------------------*/

table tr.odd td {
	background: #FFF;
}

table tr.even td {
	background: #FEFEFE;
}


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

	テキスト サイズ

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

/* -------------------------------------------------------

 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%

---------------------------------------------------------- */

.std11 { font-size: 85% !important; }
.std12 { font-size: 93% !important; }
.std13 { font-size: 100% !important; }
.std14 { font-size: 108% !important; }
.std15 { font-size: 116% !important; }
.std16 { font-size: 123.1% !important; }
.std17 { font-size: 131% !important; }
.std18 { font-size: 138.5% !important; }
.std19 { font-size: 146.5% !important; }
.std20 { font-size: 153.9% !important; }
.std21 { font-size: 161.6% !important; }
.std22 { font-size: 167% !important; }
.std23 { font-size: 174% !important; }
.std24 { font-size: 182% !important; }
.std25 { font-size: 189% !important; }
.std26 { font-size: 197% !important; }


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

	テキスト カラー

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

.white { color: #FFFFFF !important; }
.black { color: #000000 !important; }
.gray { color: #666666 !important; }
.lgray { color: #999999 !important; }
.red { color: #9e0027 !important; }
.pink { color: #cc0033 !important; }
.green { color: #009900 !important; }
.orange { color: #e66815 !important; }
.blue { color: #1d4c7e !important; }
.lblue { color: #007bcd !important; }
.yellow { color: #FFFF00 !important; }
.gold { color: #685b31 !important; }


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

	角丸

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

.rCorner {
	position: relative; /* for IE */
	behavior: url(/pc/javascript/PIE.htc); /* for IE */
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.rCorner-T {
	position: relative; /* for IE */
	behavior: url(/pc/javascript/PIE.htc); /* for IE */
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
}

.rCorner-B {
	position: relative; /* for IE */
	behavior: url(/pc/javascript/PIE.htc); /* for IE */
	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}

.rCorner-L {
	position: relative; /* for IE */
	behavior: url(/pc/javascript/PIE.htc); /* for IE */
	border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 0;
}

.rCorner-R {
	position: relative; /* for IE */
	behavior: url(/pc/javascript/PIE.htc); /* for IE */
	border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 3px;
}

.rCorner-Tl {
	position: relative; /* for IE */
	behavior: url(/pc/javascript/PIE.htc); /* for IE */
	border-radius: 3px 0 0 0;
	-moz-border-radius: 3px 0 0 0;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
}

.rCorner-Tr {
	position: relative; /* for IE */
	behavior: url(/pc/javascript/PIE.htc); /* for IE */
	border-radius: 0 3px 0 0;
	-moz-border-radius: 0 3px 0 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
}

.rCorner-Bl {
	position: relative; /* for IE */
	behavior: url(/pc/javascript/PIE.htc); /* for IE */
	border-radius: 0 0 3px 0;
	-moz-border-radius: 0 0 3px 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 0;
}

.rCorner-Br {
	position: relative; /* for IE */
	behavior: url(/pc/javascript/PIE.htc); /* for IE */
	border-radius: 0 0 0 3px;
	-moz-border-radius: 0 0 0 3px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 3px;
}