@charset "utf-8";

/*
============================================================
基本レイアウト設定
------------------------------------------------------------

■ デフォルトリセット
■ floatクリア
■ スクロール
■ テキストリンク
■ 汎用パーツ
■ レイアウトベース
■ ヘッダー
■ フッター
■ コンテンツ


============================================================
*/
.sp{display: none;}
.pc{display: block;}
/* ---------------------------------------------------------
■ デフォルトリセット
--------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.6;
	border: none;
	list-style-type: none;
}

/* ---------------------------------------------------------
■ floatクリア
--------------------------------------------------------- */
span.clear {
	height: 1px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1px;
	display: block;
	clear: both;
}

/* ---------------------------------------------------------
■ スクロール
--------------------------------------------------------- */
body {
	scrollbar-arrow-color:#ffffff;
	scrollbar-face-color:#ff0099;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-darkshadow-color:#ff0099;
	scrollbar-highlight-color:#ff0099;
	scrollbar-shadow-color:#ff0099;
	scrollbar-track-color:#e6cbe6;
}

/*スクロールバーの横幅指定*/
body::-webkit-scrollbar {
    width: 15px;
}
/*スクロールバーの背景色・角丸指定*/
body::-webkit-scrollbar-track {
	background: #e6cbe6;
}
/*スクロールバーの色・角丸指定*/
body::-webkit-scrollbar-thumb {
	border-radius: 15px;
	background:#ff0099;
}

/* ---------------------------------------------------------
■ リンク
--------------------------------------------------------- */
a:hover   { color: #0066CC; text-decoration: underline; }
a:hover   { color: #0066CC; text-decoration: underline; }
a:hover   { color: #ff0099; text-decoration: underline; }
a:active  { color: #ff0099; text-decoration: underline; }

img{
	transition: 0.1s;
}

a:hover img{
	-webkit-transform: translate(0,-2px);
	-moz-transform: translate(0,-2px);
	-ms-transform: translate(0,-2px);
	-o-transform: translate(0,-2px);
	transform: translate(0,-2px);
}

/* ---------------------------------------------------------
■ 汎用パーツ
--------------------------------------------------------- */
.small {font-size: 70%;}

.center{text-align: center;}

.right{text-align: right;}

.text_link{
	background: url(../images/ic_arrow.png) no-repeat 0 5px;
	padding-left: 15px;
	font-size: 90%;
}

.mgb_10{margin-bottom: 10px;}
.mgb_20{margin-bottom: 20px;}
.mgb_30{margin-bottom: 30px;}

.mgt_10{margin-top: 10px;}
.mgt_20{margin-top: 20px;}
.mgt_30{margin-top: 30px;}

.pdg_25{padding: 25px;}

p {
	text-align: justify;
	text-justify: inter-ideograph;
}

.bg_yellow {background: yellow;}
/* ---------------------------------------------------------
■ レイアウトベース
--------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	text-align: center; /* 中央レイアウト */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #000000;
	font-size: 12px;
	background: url(../images/head_bg.jpg) no-repeat 50% 0;
}

div#content_base {
	width: 1100px;
	margin: 0 auto; /* 中央レイアウト */
	text-align: left; /* テキスト左寄せ */
	overflow: hidden;
}

/* ---------------------------------------------------------
■ ヘッダー
--------------------------------------------------------- */
header {
	width: 1100px;
	height: 300px;
	background: url(../images/head_tx_bg.png) no-repeat;	
	margin: 0 auto;
	text-align: center;
}

header #logo {
	width: 1100px;
	padding-top: 40px;
	margin: 0 auto;
}

/* ---------------------------------------------------------
■ フッター
--------------------------------------------------------- */
footer {
	width: 100%;
	margin: 50px 0 0;
	background: url(../images/foot_bg.jpg) no-repeat 50% 0;
	height: 253px;
	text-align: center;
	float: left;
	position:static;
}

footer div#footlogo {
	width: 1100px;
	margin: 100px auto 0; /* 中央レイアウト */
}