@charset "utf-8";

/*---------汎用スタイル---------*/
/*-----レイアウト------*/
.visible_box{display:none;}
.fltrt {float: right;}
.fltlft {float: left;}
.clearfloat{
	clear:both;
	height:0;
	font-size:1px;
	line-height:0px;
}
.clearboth{clear:both;}
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{zoom:1;}
.image_valign{vertical-align:text-bottom;}

.under_line{text-decoration:underline;}

a.none{ text-decoration:none;}

/*-----余白など------*/
.reset_mar_pad{margin: 0px;	padding: 0px;}

.pad_15{padding:15px;}
.pad_10{padding:10px;}
.pad_5{padding:5px;}
.no_pad{padding:0;}
.pad_T5{padding:5px 0 0 0;}
.pad_T10{padding:10px 0 0 0;}
.pad_T15{padding:15px 0 0 0;}
.pad_T20{padding:20px 0 0 0;}
.pad_B5{padding:0 0 5px 0;}
.pad_B10{padding:0 0 10px 0;}
.pad_B15{padding:0 0 15px 0;}
.pad_B20{padding:0 0 20px 0;}
.pad_R5{padding:0 5px 0 0;}
.pad_R10{padding:0 10px 0 0;}
.pad_R15{padding:0 15px 0 0;}
.pad_R20{padding:0 20px 0 0;}
.pad_L5{padding:0 0 0 5px;}
.pad_L10{padding:0 0 0 10px;}
.pad_L15{padding:0 0 0 15px;}
.pad_L20{padding:0 0 0 20px;}
.pad_L1em{padding-left:1em;}
.pad_TB5{padding:5px 0;}
.pad_TB10{padding:10px 0;}
.pad_TB15{padding:15px 0;}
.pad_TB20{padding:20px 0;}
.pad_LR5{padding:0 5px;}
.pad_LR10{padding:0 10px;}
.pad_LR15{padding:0 15px;}
.pad_LR20{padding:0 20px;}
.pad_LR50{padding:0 50px;}
.pad_LR100{padding:0 100px;}

.mar_15{margin:15px;}
.mar_10{margin:10px;}
.mar_5{margin:5px;}
.no_mar{margin:0;}
.mar_T5{margin:5px 0 0 0;}
.mar_T10{margin:10px 0 0 0;}
.mar_T15{margin:15px 0 0 0;}
.mar_T20{margin:20px 0 0 0;}
.mar_B5{margin:0 0 5px 0;}
.mar_B10{margin:0 0 10px 0;}
.mar_B15{margin:0 0 15px 0;}
.mar_B20{margin:0 0 20px 0;}
.mar_L5{margin:0 0 0 5px;}
.mar_L10{margin:0 0 0 10px;}
.mar_L15{margin:0 0 0 15px;}
.mar_L20{margin:0 0 0 20px;}
.mar_R5{margin:0 5px 0 0;}
.mar_R10{margin:0 10px 0 0;}
.mar_R15{margin:0 15px 0 0;}
.mar_R20{margin:0 20px 0 0;}
.mar_TB5{margin:5px 0;}
.mar_TB10{margin:10px 0;}
.mar_TB15{margin:15px 0;}
.mar_TB20{margin:20px 0;}
.mar_LR5{margin:0 5px;}
.mar_LR10{margin:0 10px;}
.mar_LR15{margin:0 15px;}
.mar_LR20{margin:0 20px;}

/*-----テーブル余白など------*/
.table_pad5{padding:5px;}
.table_pad10{padding:10px;}
.table_pad15{padding:15px;}

/*-----フォントスタイル------*/
.font_eng{
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing:2px;
	line-height:120%;
}
.font_bold{font-weight:bold;}
.font_style_red{color:#FF0000;}
.font_style_red2{color:#CC0000;}
.font_style_red3{color:#F10000;}
.font_style_green{color:#339900;}
.font_size10{font-size:10px; letter-spacing:-0.05em;}
.font_size11{font-size:11px;}
.font_size12{font-size:12px;}
.font_size14{font-size:14px;}
.font_size16{font-size:16px;}
.font_size10_eng{font-size:10px; font-family:Arial, Helvetica, sans-serif;}
.text_indent1{text-indent:1em;}
.text_indent5 {text-indent: 5px;}
.text_right{text-align:right;}
.text_center{text-align:center;}
.text_left{text-align:left;}
.cap{ text-indent:-1em;	padding-left:1em;}
.font_line_through{text-decoration:line-through;}

/*-----リストスタイル------*/
ol.decimal_list{
	padding:0 0 0 20px;}
ol.decimal_list li{
	list-style:decimal outside;
	margin:0 0 10px 0;}
ul.square_list{
	padding:0 0 0 20px;}
ul.square_list li{
	list-style:square outside;
	margin:0 0 10px 0;}

/*-----ボーダースタイル------*/
.image_border{
	border:1px solid #CCCCCC;
	padding:3px;
}
.image_border2{
	border:1px solid #CCCCCC;
	padding:4px;
}
.box_border2B{ border:2px solid #BBBBBB;}
.border_horizon_bm{background:url(../img/border-horizon.gif) left bottom repeat-x;}
.border_vertical_rt{background:url(../img/border-vertical.gif) right top repeat-y;}
.border_box01{
	border:1px solid #DDDDDD;
	padding:5px;
}

/*-----背景スタイル------*/
.bg_glay{
	background:#EEE;}


/*-----width幅スタイル------*/
.w50{ width:50px;}
.w100{ width:100px;}
.w150{ width:150px;}
.w200{ width:200px;}
.w250{ width:250px;}
.w300{ width:300px;}
.w350{ width:350px;}
.w400{ width:400px;}

/*-----その他スタイル------*/
/*--リンクポップアップ画像--*/
a.another_window_icon{
	background:url(../img/icon_another-window.gif) top right no-repeat;
	padding-right:10px;
	padding-top:5px;
	width:180px;
	display:block;
}
a.another_window_icon:hover{
	background:url(../img/icon_another-window_over.gif) top right no-repeat;
	padding-right:10px;
	padding-top:5px;
	width:180px;
	display:block;
}

/*--リンクアイコン--*/
.link_icon a{
	background:url(../img/icon_link.gif) no-repeat left top;
	padding-left:15px;
	font-size:12px;
	margin:0 5px;
	line-height:100%;
}
.link_icon a:hover{
	background:url(../img/icon_link_over.gif) no-repeat left top;
}

/*--画像マウスオーバー時半透明--*/
.image_over a:hover {
	 zoom: 1;  
    /* IE */
    filter: alpha(opacity=70);
    /* Safari Opera */
    opacity:0.60;
    /* Firefox Netscape */
    -moz-opacity:0.60;
}

/*--ページトップへ戻る--*/
.backTop{text-align:right;}
.backTop a{text-decoration:underline;}

/*--一覧に戻る--*/
.backList{
	display:block;
}
.backList a{
	padding:0 0 0 18px;
	background:url(../img/icon_01.gif) no-repeat left center;
}
.backList a:hover{
	padding:0 0 0 18px;
	background:url(../img/icon_01_over.gif) no-repeat left center;
}

/*--フォームのスタイル--*/
/*--フォームレイアウト--*/
.form_box{
	border:1px solid #CCC;
	padding:15px;
	font-size:13px;
}
.form_box table{}
.form_box table tr.even{
	background-color:#EFEFEF;
}
.form_box table td{
	border-bottom:1px dotted #CCC;
	padding:7px 0;
}
.form_box table tr.last td{
	border:none;
	padding:7px 0 7px 15px;
}
.form_box table td.no_style{
	border-bottom:none;
	padding:0;
}
.form_box table td span.rt_clm{
	display:block;
	font-size:13px;
	padding:0 15px;
	line-height:150%;
}
.form_box table td span.lft_clm{
	border-left:2px solid #CCC;
	display:block;
	font-size:13px;
	padding-left:15px;
}
/*--フォーム汎用スタイル--*/
.form_box input{ font-size:12px; padding:2px; letter-spacing:0.05em; line-height:100%; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;}
.form_box textarea{ font-size:12px; padding:2px; letter-spacing:0.05em; line-height:120%; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;}
.form_box button{
	border:none;
	background-color:#FFFFFF;
}
.form_box .inp_text_medium{ width:140px;}
.form_box .inp_text_large{ width:360px;}
.form_box .inp_text_small{ width:100px;}
.form_box .inp_text_age{ width:40px;}
.form_box .inp_text_year{ width:40px;}
.form_box .inp_text_month{ width:20px;}
.form_box .form_pulldown{ width:150px;}
.form_box .form_pulldown_small{ width:100px;}
.form_box .form_textarea{ width:340px;}
.form_box .form_textarea_large{	width:500px;}
.form_box .active_ime { ime-mode: active;   /* 全角モード */}
.form_box .inactive_ime { ime-mode: inactive; /* 半角モード */}

/*ページングのスタイル*/
.pager_box{
	margin:15px 0;
}
.pager_box p{
	text-align:center;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}
.pager_box p a{
	padding:5px;
	border:1px solid #CCC;
	margin:4px;
	text-decoration:underline;
	font-weight:bold;
	background-color:#FFF;
}
.pager_box p a:hover{
	border:1px solid #36F;
	text-decoration:none;
	color:#FFF;
	background-color:#09F;
}
.pager_box p span.over{
	padding:5px;
	border:1px solid #CCC;
	margin:4px;
	font-weight:bold;
	color:#FFF;
	background-color:#999;
}