@charset "utf-8";

/*
	Last Update:2010/06/15
	Auther: arahori
*/
/*===================================================================
	.o -> マウスホバー
===================================================================*/
.ov50:hover { opacity: 0.25; filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=25); }
.ov50:hover { opacity: 0.50; filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=50); }
.ov75:hover { opacity: 0.75; filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=75); }
.oi25:hover img { opacity: 0.25; filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=25); }
.oi50:hover img { opacity: 0.50; filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=50); }
.oi75:hover img { opacity: 0.75; filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=75); }

/* ボタン用 */
.oi { display:block; }
.oi img { background-color:transparent; }
.oi:hover { background-color:transparent; }
.oi:hover img { visibility:hidden; }

.admin_menu a,
a.admin_menu {
	background:#FA6145;
	//background-image: linear-gradient(top,#FA6145 0%,#D92B19);
	//background: -moz-linear-gradient(top,#FA6145 0%,#D92B19);
	//background: -webkit-gradient(linear, left top, left bottom, from(#FA6145), to(#D92B19));
	border: 2px solid #FFF;
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 200px; text-align:center;
	padding: 5px;
	line-height:25px; font-size:1.15em; vertical-align:baseline;
}

#secondary .admin_menu a { display:block; width:135px; }



/*===================================================================
		.f -> font
===================================================================*/
.f_bold { font-weight:bold; }


/*===================================================================
		.link -> アンカー
===================================================================*/
.link_1 { border:1px solid #ccc; padding:10px 20px; border-radius:5px; margin:0 auto; }
.link_2 {border: 2px solid #0A69A0;
border-radius: 5px;
background: #FFF;
margin: 0 0 5px;
padding: 8px 20px !important;
font-weight: bold; }


/*===================================================================
		.tbl -> table
===================================================================*/
.tbl_1 {}


/*===================================================================
		.dl_
===================================================================*/
.dl_emergency { }
.dl_emergency dt { font-weight:bold; float:left; margin-right:20px; }
.dl_emergency dd { border-bottom:1px dotted #ccc; margin-bottom:10px; padding-bottom:10px; font-size:1.15em; }


/*===================================================================
		.navi
===================================================================*/
.navi ul,
.navi ul li { padding:0; margin:0; }
.navi ul { list-style:none; }
.navi li { float:left; }
.navi li a { display:block; }
.navi li a img { background-color:transparent; }
.navi li a:hover { background-color:transparent; }
.navi li a:hover img { visibility:hidden; }

.ul_1 { }
.ul_1 li { width:300px; float:left; margin:5px; }

.ul_5 { margin-bottom:30px; }
#base .ul_5 li { width:294px; margin:5px; float:left; background:none; }
.ul_5 li a { display:block; background:url(../image/layout/icon_arrow.png) 8px 11px no-repeat;
padding:7px 7px 7px 20px; border-radius:5px; border:1px solid #25567F;  }

.ul_5 li a:hover { background-color:#F1F6FC; }


/*===================================================================
	.pos -> text-align
===================================================================*/
#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 -> float
===================================================================*/
.fl_left  { float:left; }
.fl_right { float:right; }

.fl_left  .fl_image { margin:0 15px 5px 0; }
.fl_right .fl_image { margin:0 0 5px 15px; }

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


/*===================================================================
	.list -> ul,li
===================================================================*/
/* ページ切り替えリスト */
.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:#406E6E; color:#FFF; border:1px solid #406E6E; }


/*===================================================================
	.m -> margin
===================================================================*/
.mb5  { margin-bottom:5px; }
#base .mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb60 { margin-bottom:60px; }

.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
#base .mt30 { margin-top:30px; }


/*===================================================================
	.w -> 横サイズ
===================================================================*/
.w10 { width:10px; }
.w20 { width:20px; }
.w30 { width:30px; }
.w40 { width:40px; }
.w50 { width:50px; }
.w60 { width:60px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w110 { width:110px; }
.w120 { width:120px; }
.w130 { width:130px; }
.w140 { width:140px; }
.w150 { width:150px; }
.w160 { width:160px; }
.w170 { width:170px; }
.w180 { width:180px; }
.w190 { width:190px; }
.w200 { width:200px; }
.w210 { width:210px; }
.w220 { width:220px; }
.w230 { width:230px; }
.w240 { width:240px; }
.w250 { width:250px; }
.w500 { width:500px; }
.w550 { width:550px; }