@charset "utf-8";

/* common.css　INDEX 共通設定
=========================================================================
1.固定
2.リンク設定
3.Ｈ_タグ
4.margin padding　設定
5.フォントサイズ固定
6.フォントサイズ可変
7.ページトップへ
8.フォントカラー
0.汎用
=========================================================================
*/



/* clearfix
----------------------------------------------------------------------------- */
.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/* 1.固定
----------------------------------------------------------------------------- */

body {
	margin :0 auto ;
	padding :0 ;
	color :#333 ;
	font-size: 12px ;
	font-family: 'メイリオ', Meiryo,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック',  osaka, sans-serif;
	text-align :center ;
	background: #FFF;
}


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

a:link ,
a:visited {
	color :#1C55DE ;
	text-decoration :none ;
}

a:hover {
	color :#FFCC33 ;
	text-decoration :underline ;
}

a.udline:link ,
a.udline:visited {
	text-decoration :underline ;
}

a.udline:hover {
	text-decoration :none ;
}

/* ------------------------------
 　画像に疑似ロールオーバー
------------------------------ */

a:hover img.rollover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}


/* 3.Ｈ_タグ
----------------------------------------------------------------------------- */


h2 , h3 , h4 , h5 {
	clear :both ;
	text-align :left ;
}


/* 4.margin padding　設定
----------------------------------------------------------------------------- */

/*margin　上*/
.mt5 { margin-top :5px ;}
.mt10 { margin-top :10px ;}
.mt15 { margin-top :15px ;}
.mt20 { margin-top :20px ;}
.mt25 { margin-top :25px ;}
.mt30 { margin-top :30px ;}
.mt35 { margin-top :35px ;}
.mt40 { margin-top :40px ;}
.mt45 { margin-top :45px ;}
.mt50 { margin-top :50px ;}

/*margin　右*/
.mr5 { margin-right :5px ;}
.mr10 { margin-right :10px ;}
.mr15 { margin-right :15px ;}
.mr20 { margin-right :20px ;}
.mr25 { margin-right :25px ;}
.mr30 { margin-right :30px ;}
.mr35 { margin-right :35px ;}
.mr40 { margin-right :40px ;}
.mr45 { margin-right :45px ;}
.mr50 { margin-right :50px ;}

/*margin　下*/
.mb0 { margin-bottom :0px !important;}
.mb5 { margin-bottom :5px ;}
.mb10 { margin-bottom :10px ;}
.mb15 { margin-bottom :15px ;}
.mb20 { margin-bottom :20px ;}
.mb25 { margin-bottom :25px ;}
.mb30 { margin-bottom :30px ;}
.mb35 { margin-bottom :35px ;}
.mb40 { margin-bottom :40px ;}
.mb45 { margin-bottom :45px ;}
.mb50 { margin-bottom :50px ;}

.mb1em { margin-bottom :1em ;}


.bottom-line-none {
	border-bottom: none !important;
}

/*margin　左*/
.ml5 { margin-left :5px ;}
.ml10 { margin-left :10px ;}
.ml15 { margin-left :15px ;}
.ml20 { margin-left :20px ;}
.ml25 { margin-left :25px ;}
.ml30 { margin-left :30px ;}
.ml35 { margin-left :35px ;}
.ml40 { margin-left :40px ;}
.ml45 { margin-left :45px ;}
.ml50 { margin-left :50px ;}

/*padding　上*/
.pt5 { padding-top :5px ;}
.pt7 { padding-top :7px ;}
.pt10 { padding-top :10px ;}
.pt15 { padding-top :15px ;}
.pt20 { padding-top :20px ;}
.pt25 { padding-top :25px ;}
.pt30 { padding-top :30px ;}
.pt35 { padding-top :35px ;}
.pt40 { padding-top :40px ;}
.pt45 { padding-top :45px ;}
.pt50 { padding-top :50px ;}

/*padding　右*/
.pr5 { padding-right :5px ;}
.pr10 { padding-right :10px ;}
.pr15 { padding-right :15px ;}
.pr20 { padding-right :20px ;}
.pr25 { padding-right :25px ;}
.pr30 { padding-right :30px ;}
.pr35 { padding-right :35px ;}
.pr40 { padding-right :40px ;}
.pr45 { padding-right :45px ;}
.pr50 { padding-right :50px ;}

/*padding　下*/
.pb0 { padding-bottom :0px !important;}
.pb5 { padding-bottom :5px ;}
.pb10 { padding-bottom :10px ;}
.pb15 { padding-bottom :15px ;}
.pb20 { padding-bottom :20px ;}
.pb25 { padding-bottom :25px ;}
.pb30 { padding-bottom :30px ;}
.pb35 { padding-bottom :35px ;}
.pb40 { padding-bottom :40px ;}
.pb45 { padding-bottom :45px ;}
.pb50 { padding-bottom :50px ;}

/*padding　左*/
.pl5 { padding-left :5px ;}
.pl10 { padding-left :10px ;}
.pl15 { padding-left :15px ;}
.pl20 { padding-left :20px ;}
.pl25 { padding-left :25px ;}
.pl30 { padding-left :30px ;}
.pl35 { padding-left :35px ;}
.pl40 { padding-left :40px ;}
.pl45 { padding-left :45px ;}
.pl50 { padding-left :50px ;}

/*padding 左右10*/
.pd10 {
	padding: 0 10px ;
}
/*padding 天地左右10*/
.padding10 {
	padding: 10px ;
}

/*ネガティブマージン*/
.mt-20 {
	margin-top: -20px ;
	position: relative ;
}


/* 5.フォントサイズ固定
----------------------------------------------------------------------------- */

.f10 { font-size :10px ;}
.f11 { font-size :11px ;}
.f12 { font-size :12px ;}
.f14 { font-size :14px ;}
.f16 { font-size :16px ;}
.f18 { font-size :18px ;}
.f20 { font-size :20px ;}



/* 6.フォントサイズ可変
----------------------------------------------------------------------------- */

.f80 { font-size :80% ;}
.f90 { font-size :90% ;}
.f100 { font-size :100% ;}
.f110 { font-size :110% ;}
.f120 { font-size :120% ;}
.f130 { font-size :130% ;}
.f140 { font-size :140% ;}
.f150 { font-size :150% ;}
.f160 { font-size :160% ;}
.f170 { font-size :170% ;}
.f180 { font-size :180% ;}
.f190 { font-size :190% ;}
.f200 { font-size :200% ;}



/* 7.ページトップへ
----------------------------------------------------------------------------- */
/*親要素*/
.page-top-parent{
	width:930px;
	margin:0 auto;
	padding:0;
}

#page-top {
	position: fixed;
	bottom: 30px;
	margin-left: 970px;
	z-index: 9999;
}
#page-top a {
	display: block;
	width: 70px ;
	height: 70px ;
	text-indent: -9999px ;
	background: url("../image/btn_pagetop.png") no-repeat 0 0 ;
}
#page-top a:hover {
	background: url("../image/btn_pagetop_on.png") no-repeat 0 0 ;
}




/* 8.フォントカラー
----------------------------------------------------------------------------- */

/*赤系*/
.color1           { color :#CC0000 !important ;}
.color1b         { color :#CC0000 ; font-weight: bold !important ;}

/*オレンジ系*/
.color2      { color :#FF6600 !important ;}
.color2b    { color :#FF6600 ; font-weight: bold !important ;}

/*ブルー系*/
.color3           { color :#0099FF !important ;}
.color3b           { color :#0099FF ; font-weight: bold !important ;}

/*茶系*/
.color4           { color :#632F09 !important ;}
.color4b           { color :#632F09 ; font-weight: bold !important ;}

/*ピンク系*/
.color5           { color :#FF0099 !important ;}
.color5b           { color :#FF0099 ; font-weight: bold !important ;}

/*グリーン系*/
.color6           { color :#669900 !important ;}
.color6b           { color :#669900 ; font-weight: bold !important ;}






/* 0.汎用
----------------------------------------------------------------------------- */

/*フロート設定*/
.fl { float :left ;}

.fr { float :right ;}

.center { text-align :center ;}

.right { 
	text-align :right ;
	display: block ;
}

.left {
	text-align :left ;
	display: block ;
}


/*フロートクリアー*/
.clear {
	clear :both ;
}


/*写真回り込み*/
.f-left {
	display:inline;
	float:left;
	margin:0 10px 10px 0;
}

.f-right {
	display:inline;
	float:right;
	margin:0 0 10px 10px;
}

/*画像ラインセンター*/
.p-middle { 
	vertical-align: middle; 
} 

/*フォントボールド*/
.bold {
	font-weight:bold ;
}


/*formのパーツ天地センター*/
input,
select {
	/*vertical-align: middle ;*/
	vertical-align: 1px ;
}

input:focus, textarea:focus {
background-color: #f8e7a4;
}


/*字下げ*/
.jisage1 {
	display:block;
	text-indent:-1em;
	margin-left:1em;
}

/*テーブル内文字改行禁止*/
th.w-nowrap,
td.w-nowrap {
white-space: nowrap;
width: 1%;
}

/*ブロック*/
.d-block {
	display: block ;
}


/*エラー*/
.d-error {
	color: #CC0000 ;
}


/* FireFox リンク選択時の点線を消す　*/
a {
	overflow: hidden;
	outline: none;
}

input[type="checkbox"] {
	vertical-align: middle;
}

.va-middle {
	vertical-align: middle;
}