@charset "Shift_JIS";



/* /////////////////////////////////////////////////

 1.common setting

 	- css reset

	- font family

	- font size

	- Image Float

    -Align

	- tags base setting

	

 2.universal class

  - font size

	- float clear

  - text align

  - vertical align

  - margin set

///////////////////////////////////////////////// */



/* Common Setting (ver 2.1)

==================================================*/



	/* css reset

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

	body, div, p,

	h1, h2, h3, h4, h5, h6,

	dl, dt, dd, ul, ol, li,

	caption,

	form, fieldset, input, textarea, select,

	pre, address, blockquote,

	embed, object{margin:0px;padding:0px;}



	/* font family

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

	body,form textarea{

		font-family:Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;

	}

	

	/* body

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

	body{

		color:#000000;

		background:#fff;

		font-size:85%;

	}

	

	/* font size

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

	/*universal class > font size > ftMedium*/

	h1, h2, h3, h4, h5, h6,

	p, dt, dd, li,

	caption,

	fieldset, input, textarea, select,

	pre, address, blockquote{line-height:1.5em;}



	/* Image Float

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

	.imageLeft  {float:left;  margin:5px 15px 10px 0px;}

	.imageRight {float:right; margin:5px 0px 10px 15px;}



	/* Align

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

    .txtAlignL {text-align:left   !important;}

    .txtAlignC {text-align:center !important;}

    .txtAlignR {text-align:right  !important;}

	



	/* tags base setting

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

		

		/*h*/

		h1, h2, h3,	h4, h5, h6{font-weight:bold;}

		

		/*p*/

		p{font-weight:normal;}



		/*text color*/

		.txtColorRed{color:#ff0000;}

		.txtColorBlue{color:#0081c5;}

		.txtColorGreen{color:#3A761C;}

		.txtColorPink{color:#FF6666;}

		.txtColorNormal{color:#333333;}

		

		/*em || strong*/

		em, strong{font-style:normal;font-weight:bold;}

		strong{color:#ff0000;}



		

		/*ul || ol*/

		ul, ol{line-height:0px;}

		ul    {list-style:none;}

		li 		{display:list-item;}

		li img{vertical-align:bottom;}

		

		/*dl*/

		dl{line-height:0px;}

		dt img, dd img{vertical-align:bottom;}

		

		/*table*/

		table,th,td{

			border-collapse: collapse;

			border-spacing:0;

			empty-cells:show;

		}

		

		/*img*/

		img{border:0px;}

		

		/*form*/

		form {font-weight:normal;}

		input{line-height:1em;}

		input, select{padding:1px;}

		textarea     {padding:2px 2px 2px 5px;}

		

	/* link

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

	a         {}

	a:link    {color:#0081c5; text-decoration:underline;}

	a:visited {color:#0081c5;}

	a:hover   {color:#0081c5; text-decoration:none;} 

	a:active,

	a:focus   {color:#0081c5;}







/* Universal Class (ver 1.5)

==================================================*/

	

	/* font size

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

	/*common setting > font size > ftMedium*/

	.ftSmallx , table.ftSmallx  th, table.ftSmallx  td {font-size:70%      !important; line-height:1.5em !important;}

	.ftSmall  , table.ftSmall   th, table.ftSmall   td {font-size:85%      !important; line-height:1.5em !important;}

	.ftMedium , table.ftMedium  th, table.ftMedium  td {font-size:100%     !important; line-height:1.6em !important;}

	.ftLarge  , table.ftLarge   th, table.ftLarge   td {font-size:120%     !important; line-height:1.6em !important;}

	.ftLargex , table.ftLargex  th, table.ftLargex  td {font-size:150%     !important; line-height:1.6em !important;}

	.ftLargexx, table.ftLargexx th, table.ftLargexx td {font-size:200%     !important; line-height:1.6em !important;}



	/* align (with table)

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

	.txtAlignL, table.txtAlignL th, table.txtAlignL td {text-align:left   !important;}

	.txtAlignC, table.txtAlignC th, table.txtAlignC td {text-align:center !important;}

	.txtAlignR, table.txtAlignR th, table.txtAlignR td {text-align:right  !important;}

	

	/* image float

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

	.imageLeft  {float:left;  margin:0px 20px 20px 0px;}

	.imageRight {float:right; margin:0px 0px 20px 20px;}

	

	/* valign (table)

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

	.vAlignT, table.vAlignT th, table.vAlignT td {vertical-align:top    !important;}

	.vAlignM, table.vAlignM th, table.vAlignM td {vertical-align:middle !important;}

	.vAlignB, table.vAlignB th, table.vAlignB td {vertical-align:bottom !important;}



	/* float clear

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

	br.clearFloat,

	img.clearFloat {clear:both;height:0px;}

	div.clearFloat {clear:both;font-size:0px;line-height:0px;height:0px;width:1px;}

	

	/* margin set

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

		/*reset*/

		.margReset {margin:0px !important;}

		/*0px*/

		.margT00 {margin-top   :0px !important;}

		.margR00 {margin-right :0px !important;}

		.margB00 {margin-bottom:0px !important;}

		.margL00 {margin-left  :0px !important;}

		/*5px*/

		.margT05 {margin-top   :5px !important;}

		.margR05 {margin-right :5px !important;}

		.margB05 {margin-bottom:5px !important;}

		.margL05 {margin-left  :5px !important;}

		/*10px*/

		.margT10 {margin-top   :10px !important;}

		.margR10 {margin-right :10px !important;}

		.margB10 {margin-bottom:10px !important;}

		.margL10 {margin-left  :10px !important;}

		/*15px*/

		.margT15 {margin-top   :15px !important;}

		.margR15 {margin-right :15px !important;}

		.margB15 {margin-bottom:15px !important;}

		.margL15 {margin-left  :15px !important;}

		/*20px*/

		.margT20 {margin-top   :20px !important;}

		.margR20 {margin-right :20px !important;}

		.margB20 {margin-bottom:20px !important;}

		.margL20 {margin-left  :20px !important;}

		/*25px*/

		.margT25 {margin-top   :25px !important;}

		.margR25 {margin-right :25px !important;}

		.margB25 {margin-bottom:25px !important;}

		.margL25 {margin-left  :25px !important;}

		/*30px*/

		.margT30 {margin-top   :30px !important;}

		.margR30 {margin-right :30px !important;}

		.margB30 {margin-bottom:30px !important;}

		.margL30 {margin-left  :30px !important;}

		/*40px*/

		.margT40 {margin-top   :40px !important;}

		.margR40 {margin-right :40px !important;}

		.margB40 {margin-bottom:40px !important;}

		.margL40 {margin-left  :40px !important;}

		/*50px*/

		.margT50 {margin-top   :50px !important;}

		.margR50 {margin-right :50px !important;}

		.margB50 {margin-bottom:50px !important;}

		.margL50 {margin-left  :50px !important;}

		/*60px*/

		.margT60 {margin-top   :60px !important;}

		.margR60 {margin-right :60px !important;}

		.margB60 {margin-bottom:60px !important;}

		.margL60 {margin-left  :60px !important;}			



	/* padding set

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

		/*reset*/

		.pddReset {padding:0px !important;}

		/*0px*/

		.pddT00 {padding-top   :0px !important;}

		.pddR00 {padding-right :0px !important;}

		.pddB00 {padding-bottom:0px !important;}

		.pddL00 {padding-left  :0px !important;}

		/*5px*/

		.pddT05 {padding-top   :5px !important;}

		.pddR05 {padding-right :5px !important;}

		.pddB05 {padding-bottom:5px !important;}

		.pddL05 {padding-left  :5px !important;}

		/*10px*/

		.pddT10 {padding-top   :10px !important;}

		.pddR10 {padding-right :10px !important;}

		.pddB10 {padding-bottom:10px !important;}

		.pddL10 {padding-left  :10px !important;}

		/*15px*/

		.pddT15 {padding-top   :15px !important;}

		.pddR15 {padding-right :15px !important;}

		.pddB15 {padding-bottom:15px !important;}

		.pddL15 {padding-left  :15px !important;}

		/*20px*/

		.pddT20 {padding-top   :20px !important;}

		.pddR20 {padding-right :20px !important;}

		.pddB20 {padding-bottom:20px !important;}

		.pddL20 {padding-left  :20px !important;}

		/*25px*/

		.pddT25 {padding-top   :25px !important;}

		.pddR25 {padding-right :25px !important;}

		.pddB25 {padding-bottom:25px !important;}

		.pddL25 {padding-left  :25px !important;}

		/*30px*/

		.pddT30 {padding-top   :30px !important;}

		.pddR30 {padding-right :30px !important;}

		.pddB30 {padding-bottom:30px !important;}

		.pddL30 {padding-left  :30px !important;}

		/*40px*/

		.pddT40 {padding-top   :40px !important;}

		.pddR40 {padding-right :40px !important;}

		.pddB40 {padding-bottom:40px !important;}

		.pddL40 {padding-left  :40px !important;}

		/*50px*/

		.pddT50 {padding-top   :50px !important;}

		.pddR50 {padding-right :50px !important;}

		.pddB50 {padding-bottom:50px !important;}

		.pddL50 {padding-left  :50px !important;}

		/*60px*/

		.pddT60 {padding-top   :60px !important;}

		.pddR60 {padding-right :60px !important;}

		.pddB60 {padding-bottom:60px !important;}

		.pddL60 {padding-left  :60px !important;}			

	

/* button

==========================================================*/

	/*a*/

	a img.btn{

    filter:alpha(opacity=100);

    opacity: 1.0;

		}

	a:hover img.btn{

    filter:alpha(opacity=80);

    opacity: 0.8;

	}



	img.frameBorder{

		padding:3px;

		border:solid 1px #dfdfdf;

	}