@charset "utf-8";

/*----------------------------------------------------------

	universal reset

----------------------------------------------------------*/

*{

	margin:0;

	padding:0;

	/*color:#323232!important;*/

	}



table,td,th,address{

	border:none;

	font-weight:normal;

	font-style:normal;

	}



img,a img{

	border:none

	}



h1,h2,h3,h4,h5,h6,p{

	font-size:100%;

	line-height:1.3;

	font-weight:normal;

	}



option {

	padding:0px 3px;

	}





/*----------------------------------------------------------

	accessibility features

----------------------------------------------------------*/

hr{

	display:none;

	}





/*----------------------------------------------------------

	common setting

----------------------------------------------------------*/

html,body{

	height:100%;

	}



body,th,td {

	text-decoration:none;

	color:#333;

	}



a:link, a:visited {

	text-decoration:underline;

	color:#333;

	outline:none

	}



a:hover {

	text-decoration:none;

	}



em{

	font-style:normal;

	font-weight:normal;

	color:#f00;

	}



strong{

	font-style:normal;

	font-weight:bold;

	}



img{

	vertical-align:bottom;

}





/*----------------------------------------------------------

	layout tools

----------------------------------------------------------*/

.clearfix {

	zoom:1;/*for IE 5.5-7*/

}

.clearfix:after {

  content: " ";

  display: block;

  visibility: hidden;

  height: 0.1px;

  clear: both;

  font-size: 0.1em;

  line-height: 0;

	}



* html .clearfix {

	display: inline-block;

	}



/* no ie mac \*/

* html .clearfix { height: 1%; }

.clearfix { display: block; }

.clearfix_2023_25 { margin-top: 50px; }

/* */



.clear { clear:both; }

.left { text-align:left; }

.center,
.center_240722 { text-align:center; }

.right { text-align:right; }

.inline { display: inline; }

.hidden { display: none; }

.hidden_pc { display: none; }

.FLLeft { float:left; }

.FLRight { float:right; }

.block { display:block;}





/*----------------------------------------------------------

	font

----------------------------------------------------------*/

body {

	font:13px/1.231 "メイリオ",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"ＭＳ Ｐゴシック",sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100% ;

}

/*-----------------------------------------------------------



 フォントサイズの指定はYUI Fontsに基づき

 下記テーブルで指定します



 |px|%|

 |10|77|

 |11|85|

 |12|93|

 |13|100|

 |14|108|

 |15|116|

 |16|123.1|

 |17|131|

 |18|138.5|

 |19|146.5|

 |20|153.9|

 |21|161.6|

 |22|167|

 |23|174|

 |24|182|

 |25|189|

 |26|197|



 ex) 12px

 element {

 	font-size: 93%;

 }

 ------------------------------------------------------------*/	

 .bold{

	 font-weight:bold;

 }

.f10{ font-size:77%;}

.f11{ font-size:85%;}

.f12{ font-size:93%;}

.f13{ font-size:100%;} /*default*/

.f14{ font-size:108%;}

.f15{ font-size:116%;}

.f16{ font-size:123.1%;}

.f17{ font-size:131%;}

.f18{ font-size:138.5%;}

.f19{ font-size:146.5%;}

.f20{ font-size:153.9%;}

.f21{ font-size:161.6%;}

.f22{ font-size:167%;}

.f23{ font-size:174%;}

.f24{ font-size:182%;}

.f25{ font-size:189%;}

.f26{ font-size:197%;} 

.f27{ font-size:100%;} 

/*----------------------------------------------------------

	space

----------------------------------------------------------*/

.mAuto{margin:0 auto;}



.p0{padding-bottom:0 !important;}

.p5{padding-bottom:5px;}

.p10{padding-bottom:10px;}

.p15{padding-bottom:15px;}

.p20{padding-bottom:20px;}

.p25{padding-bottom:25px;}

.p30{padding-bottom:30px;}

.p35{padding-bottom:35px;}



.pt0{padding-top:0 !important;}

.pt5{padding-top:5px;}

.pt10{padding-top:10px;}

.pt15{padding-top:15px;}

.pt20{padding-top:20px;}

.pt25{padding-top:25px;}

.pt30{padding-top:30px;}

.pt35{padding-top:35px;}



.t0{margin-top:0 !important;}

.t5{margin-top:5px;}

.t10{margin-top:10px;}

.t15{margin-top:15px;}

.t20{margin-top:20px;}

.t25{margin-top:25px;}

.t30{margin-top:30px;}

.t35{margin-top:35px;}

.t40{margin-top:40px;}



.l0{margin-left:0 !important;}

.l5{margin-left:5px;}

.l9{margin-left:9px;}

.l10{margin-left:10px;}

.l15{margin-left:15px;}

.l20{margin-left:20px;}

.l25{margin-left:25px;}

.l30{margin-left:30px;}

.l35{margin-left:35px;}

.l40{margin-left:40px;}



.r0{margin-right:0 !important;}

.r5{margin-right:5px;}

.r10{margin-right:10px;}

.r12{margin-right:12px;}

.r15{margin-right:15px;}

.r20{margin-right:20px;}

.r25{margin-right:25px;}

.r30{margin-right:30px;}

.r35{margin-right:35px;}

.r40{margin-right:40px;}



.m0{margin-bottom:0 !important;}

.m5{margin-bottom:5px;}

.m10{margin-bottom:10px;}


.m15{margin-bottom:15px;}

.m20{margin-bottom:20px;}

.m25{margin-bottom:25px;}

.m30{margin-bottom:30px;}

.m35{margin-bottom:35px;}

.m40{margin-bottom:40px;}



/*----------------------------------------------------------

	hoverImg

----------------------------------------------------------*/

a:hover img.hoverImg{

opacity:0.8;

filter:alpha(opacity=80);

-ms-filter: "alpha( opacity=80 )";

}



/*----------------------------------------------------------

	border

----------------------------------------------------------*/

.tboderD {border-top:dotted 1px #CCC;}





.w260{

	width:260px;

	}



/*----------------------------------------------------------

	box

----------------------------------------------------------*/



.grayBox{

	background:url("/common/images/bg_gray01.gif") repeat scroll 0 0 transparent;

	padding:10px;

}

/*----------------------------------------------------------

	icon

----------------------------------------------------------*/

.Link-blank{

	padding-right:15px;

	background:url(/common/images/icon_blank.png) no-repeat right center;

}

/*----------------------------------------------------------

	font color

----------------------------------------------------------*/

.red{

	color:#F00;

}