@charset "UTF-8";
/* CSS Document */

/* CSS Document */
/*
===============================================================================
初期設定
===============================================================================
*/

/*-----------------------------------------------------------------------------
タグのブラウザ依存設定を初期化
-----------------------------------------------------------------------------*/
/*
Reset: margin, padding propaty*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p {
margin:0;padding:0; }

/*
Reset: border propaty*/
img {
border:0; }

/*
Reset: List selector*/
ol,ul {
list-style:none; }

/*
Reset: font propaty*/
address {
font-style:normal;font-weight:normal; }


/*-----------------------------------------------------------------------------
フォントフェイス、フォントサイズ、行間の基本設定
-----------------------------------------------------------------------------*/
/*
Reset: font-size, line-height propaty
ブラウザのデフォルトフォントサイズを16pxと前提*/
body {
font-size: 75%; /* 12px */    line-height: 1.4; }
h1,h2,h3,h4,h5,h6 {
font-size: 1.2em; /* 14px */ line-height: 1.0; }
p {
font-size: 1.0em; /* 12px */ line-height: 1.4; }

/* 
Reset: font-family propaty*/
body {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif; }


/*-----------------------------------------------------------------------------
リンク設定
-----------------------------------------------------------------------------*/

a.blue:link { color: #3A97FE; text-decoration:none;}
a.blue:visited { color: #3A97FE; text-decoration:none;}
a.blue:hover { color: #cccccc; text-decoration:none;}
a.blue:active { color: #333333; text-decoration:none;}

a.red:link { color: #FF1A00; text-decoration:none;}
a.red:visited { color: #FF1A00; text-decoration:none;}
a.red:hover { color: #cccccc; text-decoration:none;}
a.red:active { color: #333333; text-decoration:none;}

a.black:link { color: #555; text-decoration:none;}
a.black:visited { color: #555; text-decoration:none;}
a.black:hover { color: #cccccc; text-decoration:none;}
a.black:active { color: #555; text-decoration:none;}

a.r_black:link { color: #000; text-decoration:none;}
a.r_black:visited { color: #000; text-decoration:none;}
a.r_black:hover { color: #999; text-decoration:none;}
a.r_black:active { color: #000; text-decoration:none;}

a.areaname {
	text-decoration:none;
}

a.areaname:link { color:#333333; background:#FFFFFF; }
a.areaname:visited { color:#333333; background:#FFFFFF; }
a.areaname:hover { color:#39F; background:#FFFFFF; }
a.areaname:active { color:ff6666; background:#FFFFFF; }
/*-----------------------------------------------------------------------------
フロート操作によるボックスの高さ調整
-----------------------------------------------------------------------------*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;min-height: 1%;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-Mac */


/*-----------------------------------------------------------------------------
Firefoxの右側スクロールバーの表示
Firefox上でコンテンツの高さがウィンドウの高さより短い場合に表示位置がずれる現象を解消
-----------------------------------------------------------------------------*/
html {
	overflow-y: scroll;
}
hr {
	display: none;
}

.clear {
	clear:both;
}