@charset "utf-8";

/*
	--------------------
	Shared CSS Setting
	--------------------
	Last Update:2007/08/20
	Auther: arahori
*/

/*===================================================================
	.pos
===================================================================*/
#base .pos_al { text-align:left;}
#base .pos_ac { text-align:center;}
#base .pos_ar { text-align:right;}

#base .pos_vt { vertical-align:top; }
#base .pos_vm { vertical-align:middle; }
#base .pos_vb { vertical-align:bottom; }


/*===================================================================
	.fl
===================================================================*/
#base .fl_left { float:left; }
#base .fl_left .fl_image { margin:0 15px 5px 0; }
#base .fl_right { float:right; }
#base .fl_right .fl_image { margin:0 0 5px 15px; }

	/* IE5.x-6 Hack */
	* html .fl_left,
	* html .fl_right {display:inline;}


/*===================================================================
	.back
===================================================================*/
.back_gray { margin-bottom:20px; background:#eeeeee; padding:10px; border:1px solid #dddddd; }
.back_orange { margin-bottom:20px; padding:10px 5px; background:#FFD6C9; }

/*===================================================================
	.hs
===================================================================*/
.hs1,
.hs2 { margin-bottom:20px; padding-left:38px; font-size:1.5em; font-weight:bold; line-height:43px; }
.hs1 { background:url(../image/hl/hl_style_1.gif) repeat-x left top; }

/* 2011/07/07 */
.hs1 { line-height:150%; padding-top:7px; padding-bottom:7px; }

.hs2 { background:url(../image/hl/hl_style_2.gif) repeat-x left top; }
.hs3 { margin-bottom:15px; padding-left:10px; border-left:7px solid #F0831E; font-weight:bold; }

.hs0 { margin-bottom:20px; }

.hss1 { margin-bottom:20px; padding:0px 25px; background:url(../image/hl/sub_style_3.gif) #FFD6C9 no-repeat bottom left; font-size:1.15em; font-weight:bold; }
.hss2 { margin-bottom:10px; padding:2px 0px 2px 17px; background:url(../image/icon/icon_arrow_3.gif) no-repeat 0px 6px; font-size:1.15em; font-weight:bold; color:#F0831E; }
.hss3 { margin-bottom:10px; padding:0px 25px; background:url(../image/hl/sub_style_4.gif) #FFD6C9 no-repeat bottom left; font-size:1.15em; font-weight:bold; }

/*===================================================================
	.mb
===================================================================*/
.mb1em { margin-bottom:1em; }
.mb2em { margin-bottom:2em; }
.mb3em { margin-bottom:3em; }


/*===================================================================
	.list
===================================================================*/
/* ページ切り替えリスト */
.list_pager { margin-bottom:20px; }
.list_pager ul { text-align: center; }  
.list_pager ul li { display: inline; }  
.list_pager ul li strong { display:-moz-inline-box; display:inline-block; padding:2px 7px 4px; background:#EEE; border:1px #CCC solid; }  
.list_pager ul li a { display:-moz-inline-box; display:inline-block; padding:2px 7px 4px; border:1px #CCC solid; } 
.list_pager ul li a:hover { background:#0000FF; color:#FFF; border:1px solid #0000FF; }


/*===================================================================
	.link
===================================================================*/
.link_right { text-align:right; }
.link_right a { padding-left:12px; background:url(../image/icon/icon_arrow.gif) no-repeat left center; }

.link_yaji { padding-left:12px; background:url(../image/icon/icon_arrow.gif) no-repeat 0px 5px; }

/*===================================================================
	.ul
===================================================================*/
.ul_star li { margin-bottom:10px; padding-left:20px; background:url(../image/icon/icon_star.gif) no-repeat 0px 5px; list-style:none; color:#000000; }

.ul_circle li { margin-bottom:2px; padding-left:15px; background:url(../image/icon/icon_circle.gif) no-repeat 0px 4px; list-style:none; color:#000000; font-weight:bold; font-size:1.15em; }
.ul_circle li.link { background:none; font-size:0.87em; font-weight:normal; }
.ul_circle li.link a { background:url(../image/icon/icon_arrow_4.gif) no-repeat 0px 3px; padding-left:10px; }

.ol_none { list-style:none; }

/*===================================================================
	.tbl
===================================================================*/
.tbl_s1 { width:100%; border:1px solid #DDDDDD; border-bottom:none; }
.tbl_s1 th,
.tbl_s1 td { padding:5px 10px; border-bottom:1px solid #DDDDDD; }
.tbl_s1 th { width:80px; border-right:6px double #FFB27F; color:#F0831E; vertical-align:top; font-weight:bold; }

* html .tbl_s1 { width:620px; }

/*===================================================================
	.dl
===================================================================*/
.dl_gray { width:304px; margin:5px 0px 10px; }
.dl_gray dt { padding:2px 10px; background:#C8C8C8; border-bottom:1px solid #ffffff; }
.dl_gray dd { padding:2px 10px; background:#E3E3E3; }

.dl_arror-o { margin-bottom:15px; }
.dl_arror-o dt { float:left; padding:0 20px 0 15px; background:url(../image/icon/icon_arrow.gif) no-repeat 0px 3px; font-weight:bold; }
.dl_arror-o dt { clear:right; background:url(../image/icon/icon_arrow.gif) no-repeat 0px 3px; }

/* ====================================================== */
/*	formまわりの共通スタイル
/* ====================================================== */

.nini { margin-left:5px; padding:0px 2px; background:#999999; color:#FFFFFF; font-weight:normal; font-size:0.87em; }
.hisu { margin-left:5px; padding:0px 2px; background:#ff0000; color:#FFFFFF; font-weight:normal; font-size:0.87em; }

/*	size
--------------------------------------------------------- */
form .size_ss { width:50px; }
form .size_s { width:110px; }
form .size_ms { width:130px; }
form .size_m { width:285px; }
form .size_l { width:400px; }
form .size_ll { width:590px; }

/*	mode
--------------------------------------------------------- */
form input { ime-mode:active; }
form textarea { ime-mode:active; }
form .mode_i { ime-mode:inactive; }

/*	msg_error
--------------------------------------------------------- */
.err_message {
	background:url(../image/icon/icon_error.gif) #dddddd no-repeat 10px 7px; padding-left:50px;
	padding:5px 5px 5px 40px; margin:20px 0px 20px;
	border:1px solid #666666;
	color:#000000;
}
.err_message strong { display:block; line-height:2; color:#ff0000; }

/*	button_area
--------------------------------------------------------- */
.button_area { margin:30px 0px; text-align:center; }
.button_area input { margin:0px 30px; }
.button_area p input { margin:0px 5px; }


/*	.finish_message
--------------------------------------------------------- */
.finish_message { margin-top:20px; background:#eeeeee; padding:10px; border:1px solid #dddddd; }
.finish_message ul { margin:10px 10px 10px 20px; }
.finish_message .hl { font-weight:bold; }
.finish_message address { padding-left:65px; background:url(../image/icon/icon_webcre.gif) no-repeat bottom left; text-indent:-65px; }