@charset "shift_jis";

html{overflow-y: scroll;}



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



	Font-size Adjustment

	

	77% = 10px	| 	122% = 16px	|	167% = 22px	

	85% = 11px	|	129% = 17px	|	174% = 23px

	92% = 12px	|	136% = 18px	|	182% = 24px

	100% = 13px	|	144% = 19px	|	189% = 25px

	107% = 14px	|	152% = 20px	|	197% = 26px

	114% = 15px	|	159% = 21px	|



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



/* common

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



* {

	margin: 0px;

	padding: 0px;

}



body {

	font-size:80%;

	line-height:160%;

}



a img {

	border: 0px;

}

a,area{outline: none;}







option {

	padding: 0 5px 0 0;

}



/* title

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

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



}



/* character setting

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

strong {

	font-weight: 800;

}



em {

	font-style: normal;

}



address {

	font-style: normal;

}



/* list

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

ul{

	list-style-type: none;

}

ol {

	padding:0 10px 8px 30px;

}

ol li {

	padding:0 0 8px 0px;

}



/* table

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

table,

th,

td {

	padding:2px;

}



caption {

	text-align: left;

}



/* align

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

.alnleft {

	text-align: left;

}



.alncenter {

	text-align: center;

}



.alnright {

	text-align: right;

}



.fltleft {

	float: left;

}



.fltright {

	float: right;

}



/* font-size

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

.txtxxsmall { font-size: xx-small}

.txtxsmall { font-size: x-small}

.txtsmall { font-size: small}

.txtsmaller { font-size: smaller}

.txtxxlarge { font-size: xx-large}

.txtxlarge { font-size: x-large}

.txtlarge { font-size: large}

.txtlarger { font-size: larger}

.txtmed { font-size: medium}

.txt09 { font-size: 9px;}

.txt10 { font-size: 10px;}

.txt11 { font-size: 11px;}

.txt12 { font-size: 12px;}

.txt13 { font-size: 13px;}

.txt14 { font-size: 14px;}

.txt15 { font-size: 15px;}

.txt16 { font-size: 16px;}

.txt17 { font-size: 17px;}

.txt18 { font-size: 18px;}

.txt19 { font-size: 19px;}

.txt20 { font-size: 20px;}

.txt21 { font-size: 21px;}

.txt22 { font-size: 22px;}

.txt23 { font-size: 23px;}

.txt24 { font-size: 24px;}

.txt25 { font-size: 25px;}

.txt26 { font-size: 26px;}



.txt80{ font-size:80%;}

.txt90{ font-size:90%;}

.txt100{ font-size:100%;}

.txt110{ font-size:110%;}

.txt120{ font-size:120%;}



.txtweight400{

	font-weight:400;

}

/* color

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

.clrred { color: #C52540;}

.clrblue { color:#323C99;}

.clryellow { color: #FC0;}

.clrorange { color: #F90;}

.clrgreen { color: #459A00;}

.clrpink { color: #FF999C;}

.clrwhite { color: #FFF;}

.clr333 { color: #333;}

.clr666 { color: #666;}

.clr999 { color: #999;}

.clrCCC { color: #CCC;}

.clrblack { color: #343434;}



/* background

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

.bg01 { background: #fafafa;}

.bg02 { background: #FFFFA6;}

.bg03 { background: #E0D8C6;}

.bg04,.table01 .bg04 { background: #5E451D; color:#fff;}

.bg05 { background: #FFD714; padding:3px; color:#fff;}

.bg06 { background: ;}

.bg07 { background: ;}

.bg08 { background: ;}

.bg09 { background: ;}

.bg10 { background: ;}

.bg11 { background: ;}

.bg12 { background: ;}

.bg13 { background: ;}

.bg14 { background: ;}

.bg15 { background: ;}

.bg16 { background: ;}

.bg17 { background: ;}

.bg18 { background: ;}

.bg19 { background: ;}

.bg20 { background: ;}

.bg21 { background: ;}

.bgfff { background: ;}



/* float

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

.fltleft { float: left;}

.fltright { float: right;}



/*clear*/

.clear {

	clear: both;

}



/*margin

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

.ma20 { margin: 20px;}

.ma10 { margin: 10px;}

.ma05 { margin: 5px;}

.contents .ma00 { margin: 0px;}

.mt20 {	margin: 20px 0px 0px 0px;}

.mt10 { margin: 10px 0px 0px 0px;}

.mt05 { margin: 5px 0px 0px 0px;}

.mb20 { margin: 0px 0px 20px 0px;}

.mb10 { margin: 0px 0px 10px 0px;}

.mb05 { margin: 0px 0px 5px 0px;}

.mr20 { margin: 0px 20px 0px 0px;}

.mr10 { margin: 0px 10px 0px 0px;}

.mr05 { margin: 0px 5px 0px 0px;}

.ml20 { margin: 0px 0px 0px 20px;}

.ml10 { margin: 0px 0px 0px 10px;}

.ml05 { margin: 0px 0px 0px 5px;}

.mtb20 { margin: 20px 0;}

.mtb10 { margin: 10px 0;}

.mtb05 { margin: 5px 0;}



/*padding

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

.pa20 { padding: 20px;}

.pa10 { padding: 10px;}

.pa05 { padding: 5px;}

.contents .pa00 { padding: 0px;}

.pt20 { padding: 20px 0px 0px 0px;}

.pt10 { padding: 10px 0px 0px 0px;}

.pt05 { padding: 5px 0px 0px 0px;}

.pb20 { padding: 0px 0px 20px 0px;}

.pb10 { padding: 0px 0px 10px 0px;}

.pb05 { padding: 0px 0px 5px 0px;}

.pr20 { padding: 0px 20px 0px 0px;}

.pr10 { padding: 0px 10px 0px 0px;}

.pr05 { padding: 0px 5px 0px 0px;}

.pl20 { padding: 0px 0px 0px 20px;}

.pl10 { padding: 0px 0px 0px 10px;}

.pl05 { padding: 0px 0px 0px 5px;}



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

*/

/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */

.clearbox {

 min-height:1px;　/* IE 7対策 */

}

.clearbox:after {

 content:".";

 display:block;

 height:0px;

 clear:both;

 visibility:hidden;

}

.clearbox { display:inline-table; }

/* Mac IE には適用させない \*/

* html .clearbox { height:1px; }

.clearbox { display:block; }

/* */

/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */

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

*/



/*----位置の指定----*/

.alncenter{

	text-align:center;

}

.alnleft{

	text-align:left;

}

.alnright{

	text-align:right;

}

.fltleft{

	float:left;

}

.fltright{

	float:right;

}

.marginauto{

	margin-left:auto;

	margin-right:auto;

}

.clear{

	clear:both;

}

.valntop{

	vertical-align:top;

}

.valnmiddle{

	vertical-align:middle;

}

.valnbottom{

	vertical-align:bottom;

}

.valnbaseline{

	vertical-align:baseline;

}

.indent{

	text-indent:-10000px;

}

.justify{

	text-align:justify;

	text-justify: distribute-all-lines;

}

/*----ディスプレイ----*/

.none{

	display:none;

}

.block{

	display:block;

}

.inline{

	display:inline;

}







.cap,

.contents .cap{

	padding-left:1em;

	text-indent:-1em;

}

.cap2,

.contents .cap2{

	padding-left:2em;

	text-indent:-2em;

}



.contents .cap,

.contents .cap2{

	margin:0 0 0 10px;

	padding-bottom:2px;

}



.borderbtm01{

	border-bottom:1px solid #CACACA;

}

.borderbtm02{

	border-bottom:1px dotted #CACACA;

}

.hover{

/*ロールオーバー*/

}







.vmiddle{

display:table-cell;



vertical-align:middle;



}



* html .vmiddle{/* IE 6 */

display:inline;

zoom:1;

}



*:first-child+html .vmiddle{/* IE 7 */

display:inline;

zoom:1;

}




/* 青ボタン（大）*/
.spLink{
	width: 90%;
	height: 120px;
	line-height: 120px;
	text-align:center;
	display:block;
	padding:10px 0;
	margin:20px auto 20px auto;
	color:#fff;
	font-size:2.8em;
	text-decoration: none;
	text-shadow:1px 1px 1px #306300;
	border-radius:10px;
	font-weight: bold;
	background:#fff -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4983e5), to(#245dbf));
	-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.5);
	box-shadow:1px 1px 1px rgba(0,0,0,0.5);
	border:1px solid #fff;
}

.splink{
	margin: 0;
	padding: 0;
}
.splink a:link, .splink a:visited, .splink a:hover, .splink a:active{
	text-decoration: none;
}