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


/* フォント(デフォルト13pxを100%として) */
body {
    font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
}
a {
	color:#333333;
	text-decoration:none;
}
a:hover {
	color:#00CCFF;
	text-decoration:underline;
}
table {
    font-size:inherit;
    font:100%;
}
body {
	font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:160%;
	color: #333333;
	background-color:#FFFFFF;
}
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }
/* フォント */


/* 行間 */
#main .mb10{
margin-bottom:10px
}
#main .mb20{
margin-bottom:20px
}
#main .mb30{
margin-bottom:30px
}
#main .mb40{
margin-bottom:40px
}
#main .mb50{
margin-bottom:50px
}
#main .mb60{
margin-bottom:60px
}
#main .mb70{
margin-bottom:70px
}
#main .mb80{
margin-bottom:80px
}
#main .mb90{
margin-bottom:90px
}
#main .mb100{
margin-bottom:100px
}
#main .ml10{
margin-left:10px
}
#main .ml20{
margin-left:20px
}
#main .ml30{
margin-left:30px
}
#main .mr10{
margin-right:10px
}
#main .mr20{
margin-right:20px
}
#main .mr30{
margin-right:30px
}
.m10 {
	margin: 10px;
}
.floatleft {
	float: left;
}
.clearboth {
	clear: both;
}
/* 行間 */


/* 表枠 */
table.normal {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
table.normal td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
/* 表枠 */


/* テキスト */
.redtext {
	color: #CC0000;
}
.greytext {
	color: #666666;
}
.lineH110 {
	line-height: 110%;
}
/* テキスト */


/* 画像 */
a.banner {
	display:block;
}
a.banner:hover img {
	display:block;
	opacity:0.8;
	-ms-filter: "alpha( opacity=80 )";
	filter:alpha(opacity=80);
}
.m10image {
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.m10imageLeft {
	margin-right: 10px;
	margin-bottom: 10px;
}
.m10imageRight {
	margin-bottom: 10px;
	margin-left: 10px;
}
/* 画像 */


/* メニューボタン用ロールオーバー(横並)
bacground-positionを利用したロールオーバー効果
HTML構成：ul.menu>li>a
text-indentをつける場合は別途cssファイルに記載
*/
ul.menu li{
	float:left;
}
ul.menu li a{
	display:block;
	float:left;
}
/* ボタンロールオーバー */