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


body {
	background-image: url(bg_line.gif);
	background-repeat: repeat-y;
	background-position: left top;
    height: 100%;
}

/*------------------------------------------------
ringbellwrap - 外枠
------------------------------------------------*/
#ringbellwrap { width: 980px; margin: 10px; position:relative; min-height: 100%; }
* html div#ringbellwrap { height:100%; }
body > #ringbellwrap { height: auto !important; }
/*----------------------------------------------*/

/*------------------------------------------------
Header
------------------------------------------------*/
#ringbellwrap #header { clear: both; margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px solid #EBEBEB; }
#ringbellwrap #header #ringbell_logo { width: 30%; }
#ringbellwrap #pankuzu { color: #666666; margin: 0 0 10px 0; width: 700px; }
/*----------------------------------------------*/

/*------------------------------------------------
Footer
------------------------------------------------*/
#ringbellwrap #footer { clear: both; width: 980px; }
#ringbellwrap #footer p#sss { color: #d8d8d8; font-size: 10px; text-align:right; }
#ringbellwrap #footer #navi { clear: both; width: 970px; background-color: #F2F2F2; padding: 5px; text-align: center; }
#ringbellwrap #footer #logo_copy { clear: both; width: 980px; padding-top: 5px; }
#ringbellwrap #footer .ring_logo { float: left; }
#ringbellwrap #footer .copy { text-align: right; color: #999999; font-style: normal; float: right; padding-top: 20px; }
/*----------------------------------------------*/

/*------------------------------------------------
Font
------------------------------------------------*/
body { font-size: 12px; line-height:1.5; font-family: "Hiragino Kaku Gothic Pro","メイリオ", Osaka, "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif; color: #333333; }
/* for WinIE6*/
* html body { font-size: 75%; }
/* for WinIE7*/
*:first-child+html body { font-size: 75%; }

.normal { font-style: normal; font-weight: normal; font-size: 100%; text-align: left; line-height:1.5; color: #333333; }
.emp { color: #C83153; }
.emp12 { color: #C83153; font-size: 12px; }
.emp_b { color: #C83153; font-weight: bold; }
.emp_b01 { color: #333333; font-weight: bold; }
.b_14 { font-size: 14px; font-weight: bold; }
.b_16 { font-size: 16px; font-weight: bold; }
.emp01 { color: #312567; font-weight: bold; }
/*----------------------------------------------*/

/*------------------------------------------------
Link
------------------------------------------------*/
a { text-decoration: underline; background: transparent;}
a:link, a:visited { color: #535ca7; text-decoration: underline; }
a:hover, a:active { color: #FF3333; text-decoration: underline; }
/*----------------------------------------------*/

/*------------------------------------------------
ClearFix
------------------------------------------------*/
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
* html .clearfix { display: inline-block; }
*+html .clearfix { display: inline-block; }
/* for only mac IE5 \*//*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end of for only mac IE5 */
/*----------------------------------------------*/

.clear{ clear: both; visibility: hidden; height: 0; }

.floatL {float: left;}

.floatR {float: right;}

.alt {
	display: none;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
}

.sankaku {
	background-image: url(sankaku.gif);
	background-repeat: no-repeat;
	background-position: left 0.25em ;
	padding-left: 14px;
}

.t-center { text-align: center; }
.t-left { margin-left: 40px; }
/*------------------------------------------------
caution_img - 【ご注意】画像表示
------------------------------------------------*/
.caution_img { vertical-align: text-bottom; }
/*----------------------------------------------*/

/*------------------------------------------------
caution_error - エラーメッセージ表示
------------------------------------------------*/
#caution_error {
	margin: 30px;
	padding: 17px 0 15px 100px;
	border: #EC0006 solid 1px;
	width: 700px;
	color: #EC0006;
	font-weight: bold;
	font-size: 16px;
	background-image: url(icon_error.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #FEF5F5;
}
/*----------------------------------------------*/

/*------------------------------------------------
Form
------------------------------------------------*/
/* Japanese mode - 全角モード */
.ime-act { ime-mode: active; }

/* IME=NG、UserSide=changeNG - IME=使用不可、ユーザー側で変更不可能 */
.ime-dis { ime-mode: disabled; }
.ime-pwd { font-size: 12px; ime-mode: disabled; }
imput { padding: 2px; vertical-align: middle; }
textarea { padding: 2px; }
select { vertical-align: middle; }
option { padding: 0px 5px; }
/*----------------------------------------------*/

/*------------------------------------------------
Margin
------------------------------------------------*/
#ringbellwrap .top5 { margin-top: 5px; }
#ringbellwrap .top10 { margin-top: 10px; }
#ringbellwrap .top15 { margin-top: 15px; }
#ringbellwrap .top20 { margin-top: 20px; }
#ringbellwrap .top30 { margin-top: 30px; }
#ringbellwrap .top40 { margin-top: 40px; }
#ringbellwrap .top50 { margin-top: 50px; }
#ringbellwrap .bottom2 { margin-bottom: 2px; }
#ringbellwrap .bottom4 { margin-bottom: 4px; }
#ringbellwrap .bottom6 { margin-bottom: 6px; }
#ringbellwrap .bottom10 { margin-bottom: 10px; }
#ringbellwrap .bottom15 { margin-bottom: 15px; }
#ringbellwrap .bottom20 { margin-bottom: 20px; }
#ringbellwrap .bottom30 { margin-bottom: 30px; }
#ringbellwrap .bottom40 { margin-bottom: 40px; }
#ringbellwrap .bottom50 { margin-bottom: 50px; }
#ringbellwrap .bottom100 { margin-bottom: 100px; }
#ringbellwrap .bottom170 { margin-bottom: 170px; }
#ringbellwrap .bottom200 { margin-bottom: 200px; }
#ringbellwrap .bottom220 { margin-bottom: 220px; }
#ringbellwrap .bottom250 { margin-bottom: 250px; }
#ringbellwrap .bottom380 { margin-bottom: 380px; }
#ringbellwrap .right10 { margin-right: 10px; }
#ringbellwrap .left10 { margin-left: 10px; }
#ringbellwrap .left20 { margin-left: 20px; }
#ringbellwrap .left30 { margin-left: 30px; }
#ringbellwrap .space_tb10 { margin-top: 10px; margin-bottom: 10px; clear: both; }
#ringbellwrap .space_tb1020 { margin-top: 10px; margin-bottom: 20px; clear: both; }
#ringbellwrap .space_tb1510 { margin-top: 15px; margin-bottom: 10px; clear: both; }
#ringbellwrap .space_tb1520 { margin-top: 15px; margin-bottom: 20px; clear: both; }
#ringbellwrap .space_tb20 { margin-top: 20px; margin-bottom: 20px; clear: both; }
#ringbellwrap .space_tb2010 { margin-top: 20px; margin-bottom: 10px; clear: both; }
#ringbellwrap .space_tb2030 { margin-top: 20px; margin-bottom: 30px; clear: both; }
#ringbellwrap .space_tb2040 { margin-top: 20px; margin-bottom: 40px; clear: both; }
#ringbellwrap .space_tb2080 { margin-top: 20px; margin-bottom: 80px; clear: both; }
#ringbellwrap .space_tb3010 { margin-top: 30px; margin-bottom: 10px; clear: both; }
/*----------------------------------------------*/