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

/*===================================================================
	a img -> マウスホバー
===================================================================*/
a img {
    opacity: 1;
    transition: 0.5s;
}

a img:hover {
    opacity: 0.5;
    transition: 0.5s;
}

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


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


/*===================================================================
		.h -> h1~h6
===================================================================*/
.h_1 { margin-bottom:40px; padding:20px 0; border-top:1px solid #DDD; border-bottom:1px solid #DDD; text-align:center; font-size:30px; }
.h_2 { margin-bottom:15px; padding:5px 15px; border-left:1px solid #067300; font-size:20px; line-height:1.5; color:#067300; }

@media (max-width: 767px) {	

.h_1 { font-size:20px; }

}

.wrap h1 {  }
.wrap h2 {  }
.wrap h3 {  }
.wrap h4 { margin-bottom:30px; font-size:25px; font-weight:bold; }
.wrap h4 span { margin-left:15px; font-size:15px; font-weight:normal; }

@media (max-width: 767px) {	

.wrap h4 span { display:block; margin:5px 0 0 0; }

}

@media (max-width: 480px) {

.h_2 { font-size:15px; }
	
}

.wrap h5 {  }
.wrap h6 {  }


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

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


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