@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); }

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


/*===================================================================
	.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; }


/*===================================================================
	.f -> float
===================================================================*/
#base .fl { float:left; }
#base .fr { float:right; }

#base .fl_image { margin:0 15px 5px 0; }
#base .fr_image { margin:0 0 5px 15px; }

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


/*===================================================================
	.h -> h1~h6
===================================================================*/
.h_1 { height:40px; margin-bottom:15px; padding:0 10px; background:url(../image/layout/h_1_back.gif) no-repeat left top; font-weight:bold; color:#FFF; font-size:1.5em; line-height:40px; }
.h_2 { margin-bottom:10px; padding:5px 10px; background:#EEE; font-weight:bold; border-left:5px solid #14177E; font-size:1.17em; }
.h_3 { margin-bottom:10px; font-weight:bold; color:#FF9933; font-size:1.5em; }
.h_4 { margin-bottom:10px; padding:4px 8px; background:#14177E; font-weight:bold; color:#FFF; }
.h_4 a:link,
.h_4 a:visited,
.h_4 a:hover,
.h_4 a:active { color:#FFF; }


/*===================================================================
	.li -> list
===================================================================*/
.li_arrow { list-style:none; padding-left:10px; }
.li_arrow li { padding-left:12px; background:url(../image/icon/icon_arrow.gif) no-repeat left center; }
.li_arrow .sub { margin-left:28px; padding-left:18px; background:url(../image/icon/icon_keisen.gif) no-repeat left center; } 


.li_exclamation { list-style:none; }
.li_exclamation li { padding-left:25px; background:url(../image/icon/icon_exclamation.gif) no-repeat left 0.35em; }


/* ページ切り替えリスト */
.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; }

/*===================================================================
	.tbl -> table
===================================================================*/
.tbl_1 { width:670px; }
.tbl_1 th,
.tbl_1 td { border:1px solid #CCC; padding:5px 10px; vertical-align:middle; }
.tbl_1 thead th { background:#EEE; text-align:center; font-weight:bold; }
.tbl_1 tbody th { width:250px; }
.tbl_1 tbody td { text-align:right; }

.tbl_2 { width:360px; }
.tbl_2 td { border:2px solid #FF0000; padding:5px 0; color:#FF0000; font-weight:bold; text-align:center; }

.tbl_3 { width:480px; }
.tbl_3 th,
.tbl_3 td { border:1px solid #3366FF; border-top:none; padding:5px 10px; vertical-align:middle; }
.tbl_3 th { width:150px; text-align:center; }

.tbl_4 { width:670px; }
.tbl_4 th.pos_ac { padding:5px; background:#C4E2FF; text-align:center; font-weight:bold; }
.tbl_4 th,
.tbl_4 td { border:1px solid #C4E2FF; border-top:none; padding:5px 10px; vertical-align:middle; }
.tbl_4 td { width:100px; text-align:right; }
.tbl_4 td td,
.tbl_4 td th { padding:0; border:none; }
.tbl_4 td th { width:50px; text-align:right; }
.tbl_4 td td { width:55px; }

.tbl_5 { width:456px; }
.tbl_5 th,
.tbl_5 td { border:1px solid #CCC; padding:5px 10px; vertical-align:middle; }
.tbl_5 th { width:100px; background:#EEE; text-align:center; font-weight:bold; }

.tbl_6 { width:480px; }
.tbl_6 th,
.tbl_6 td { border:1px solid #0066CC; padding:5px 10px; vertical-align:middle; }
.tbl_6 thead th { background:#0066CC; text-align:center; color:#FFF; font-weight:bold; }
.tbl_6 tbody th { background:#CCFFFF; text-align:center; }
.tbl_6 tbody th { width:120px; }
.tbl_6 tbody .check { background:#FECBCC; }

.tbl_7 { width:480px; }
.tbl_7 th,
.tbl_7 td { border:1px solid #FF8940; padding:5px 10px; vertical-align:middle; }
.tbl_7 thead th { background:#FF8940; text-align:center; color:#FFF; font-weight:bold; }
.tbl_7 tbody th { background:#FFFFCC; text-align:center; }
.tbl_7 tbody .gray { background:#CCCCCC; }
.tbl_7 tbody .blue { background:#66CCFF; }
.tbl_7 tbody .check { background:#FECBCC; }

.tbl_8 { width:480px; border-left:5px solid #99CCFF; }
.tbl_8 th,
.tbl_8 td { border:1px solid #99CCFF; border-top:none; padding:5px 10px; vertical-align:middle; }
.tbl_8 a:hover img { opacity: 0.50; filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=50); }

.tbl_9 { width:480px; }
.tbl_9 th,
.tbl_9 td { border:1px solid #CCC; padding:5px 10px; vertical-align:middle; }
.tbl_9 th { width:100px; background:#EEE; text-align:center; font-weight:bold; }

.tbl_10 { width:611px; }
.tbl_10 th,
.tbl_10 td { border:1px solid #CCC; padding:5px 10px; vertical-align:middle; }
.tbl_10 th { width:150px; background:#EEE; }

/*===================================================================
	.m -> margin
===================================================================*/
.mb5  { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }

.mt15 { margin-top:15px; }


/*===================================================================
	.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; }
.w325 { width:325px; }
.w360 { width:360px; }

.w232 { width:232px; }