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


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


/*===================================================================
		.link -> アンカー
===================================================================*/
.link_1 { padding-left:15px; background:url(../image/icon/icon_link.gif) no-repeat left center; }


/*===================================================================
		.h -> h1~h6
===================================================================*/
.h_1 { margin-bottom:25px; padding:20px; border-bottom:1px solid #DDD; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.h_1 h2 { margin-bottom:7px; font-size:35px; color:#004EA1; }


/*===================================================================
		.tbl -> table
===================================================================*/
#body #entry .tbl_1 {}
#body #entry .tbl_1 th,
#body #entry .tbl_1 td { background:none; border:none; border-bottom:1px dotted #CCC; vertical-align:top; }
#body #entry .tbl_1 th { text-align:right; color:#054FA3; }
#body #entry .tbl_1 dt { margin-bottom:3px; font-weight:normal; }
#body #entry .tbl_1 dd { margin-bottom:7px; }

#body #entry .tbl_2 {}
#body #entry .tbl_2 th,
#body #entry .tbl_2 td { background:none; border:none; border-bottom:1px dotted #CCC; vertical-align:top; }
#body #entry .tbl_2 th { text-align:left; }
#body #entry .tbl_2 th span { float:right; }
#body #entry .tbl_2 dt { margin-bottom:3px; font-weight:normal; }
#body #entry .tbl_2 dd { margin-bottom:7px; }
#body #entry .tbl_2 td textarea { width:100%; height:300px; }


/*===================================================================
	.tbl_overflow
===================================================================*/
.tbl_overflow > table th,
.tbl_overflow > table td { padding:10px !important; font-size:13px; }

@media (max-width: 767px) {

.tbl_overflow { width:100% !important; overflow-x:scroll !important; -webkit-overflow-scrolling: touch !important; margin-bottom: 1.5em; }
.tbl_overflow:before { content:"→スクロールしてご確認ください"; }
.tbl_overflow > table { width: auto !important; min-width: 100%; white-space: nowrap; }
.tbl_overflow > table th,
.tbl_overflow > table td { font-size:12px; }
#content-wrapper { table-layout:fixed; }

img.img_inline + img.img_inline { margin:15px 0 0; }

.tbl_overflow::-webkit-scrollbar {
height: 5px;
}

.tbl_overflow::-webkit-scrollbar-track {
border-radius: 5px;
background: #eee;
}
.tbl_overflow::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #666;
}


/*===================================================================
		.navi
===================================================================*/
.navi ul,
.navi ul li { padding:0; margin:0; }
.navi ul { list-style:none; }
.navi li { float:left; }
.navi li a { display:block; }


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

#base .fl_left  .fl_image { margin:0 15px 5px 0; }
#base .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 , .p -> padding
===================================================================*/
#base .mb0  { margin-bottom:0px; }
#base .mb5  { margin-bottom:5px; }
#base .mb10 { margin-bottom:10px; }
#base .mb15 { margin-bottom:15px; }
#base .mb20 { margin-bottom:20px; }
#base .mb25 { margin-bottom:25px; }
#base .mb30 { margin-bottom:30px; }
#base .mb35 { margin-bottom:35px; }
#base .mb40 { margin-bottom:40px; }
#base .mb45 { margin-bottom:45px; }
#base .mb50 { margin-bottom:50px; }
#base .mb55 { margin-bottom:55px; }

#base .mt10 { margin-top:10px; }

#base .pl40 { padding-left:40px; }


/*===================================================================
	.w -> 横サイズ
===================================================================*/
#base .w10 { width:10px; }
#base .w20 { width:20px; }
#base .w30 { width:30px; }
#base .w40 { width:40px; }
#base .w50 { width:50px; }
#base .w60 { width:60px; }
#base .w70 { width:70px; }
#base .w80 { width:80px; }
#base .w90 { width:90px; }
#base .w100 { width:100px; }
#base .w110 { width:110px; }
#base .w120 { width:120px; }
#base .w130 { width:130px; }
#base .w140 { width:140px; }
#base .w150 { width:150px; }
#base .w160 { width:160px; }
#base .w170 { width:170px; }
#base .w180 { width:180px; }
#base .w190 { width:190px; }
#base .w200 { width:200px; }
#base .w210 { width:210px; }
#base .w220 { width:220px; }
#base .w230 { width:230px; }
#base .w240 { width:240px; }
#base .w250 { width:250px; }
#base .w260 { width:260px; }
#base .w270 { width:270px; }
#base .w280 { width:280px; }
#base .w290 { width:290px; }
#base .w300 { width:300px; }
#base .w310 { width:310px; }
#base .w320 { width:320px; }
#base .w330 { width:330px; }
#base .w340 { width:340px; }
#base .w350 { width:350px; }
#base .w360 { width:360px; }
#base .w370 { width:370px; }
#base .w380 { width:380px; }
#base .w390 { width:390px; }
#base .w400 { width:400px; }
#base .w410 { width:410px; }
#base .w420 { width:420px; }
#base .w430 { width:430px; }
#base .w440 { width:440px; }
#base .w450 { width:450px; }
#base .w460 { width:460px; }
#base .w470 { width:470px; }
#base .w480 { width:480px; }
#base .w490 { width:490px; }
#base .w500 { width:500px; }
#base .w620 { width:620px; }
#base .w700 { width:700px; }
#base .w800 { width:800px; }