@charset "UTF-8";
/*
	株式会社WEBY
	Copyright (C) WEBY Inc. All Rights Reserved

*/

/*------------------------------------------------------------------------------
1-GLOBAL
2-HEADER
3-FOOTER
4-CONTENTS
5-UNDER PAGES
6-JAVASCRIPT
7-HI-SPEC-COADING【編集可】
8-RESET【編集不可】
 -------------------------------------------------------------------------------*/

/* //////////////////////////////////////////////////
[1 GLOBAL] 
////////////////////////////////////////////////// */

html{
	height:100%;
}

body  {
	font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	background-attachment: scroll;
	background-color:#fff;
    -webkit-text-size-adjust: none;
}

#wrapper{
	margin:0px auto;
	padding:0;
	font-size:12px;
}

/*ナビゲーション*/
.nav_area{
	text-align:center;
	width:100%;
	margin:14px auto 0 auto;
	clear:both;
}
.nav_area h2{
background: rgb(167,186,229); /* Old browsers */
background: -moz-linear-gradient(top, rgba(167,186,229,1) 0%, rgba(162,182,229,1) 49%, rgba(135,164,232,1) 52%, rgba(135,164,232,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,186,229,1)), color-stop(49%,rgba(162,182,229,1)), color-stop(52%,rgba(135,164,232,1)), color-stop(100%,rgba(135,164,232,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(167,186,229,1) 0%,rgba(162,182,229,1) 49%,rgba(135,164,232,1) 52%,rgba(135,164,232,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(167,186,229,1) 0%,rgba(162,182,229,1) 49%,rgba(135,164,232,1) 52%,rgba(135,164,232,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(167,186,229,1) 0%,rgba(162,182,229,1) 49%,rgba(135,164,232,1) 52%,rgba(135,164,232,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(167,186,229,1) 0%,rgba(162,182,229,1) 49%,rgba(135,164,232,1) 52%,rgba(135,164,232,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7bae5', endColorstr='#87a4e8',GradientType=0 ); /* IE6-9 */
		
		text-align:left;
		color:#FFF;
		text-shadow: 1px 1px 1px #465A8A;
		height:16px;
		padding:6px 0;
		padding-left:12px;
		overflow:hidden;
		font-size:14px;

	}
.nav_area ul.nav_box{
		width:312px;
		overflow: hidden;
		margin:8px auto 0 auto;
		padding:0 0 0 8px;
		}
		.nav_box li{
			float:left;
			width:148px;
			line-height:53px;
			overflow:hidden;
			margin-top:8px;
			margin-right:8px;
			text-align:left;
		}
			 .nav_box li a{
				background:url(../images/global/nav_bk.png); 
				background-position: left top; 
				background-repeat: no-repeat; 
				background-size:148px 53px;
				-moz-background-size:148px 53px;
				-ms-background-size:148px 53px;
				-o-background-size:148px 53px;
				-webkit-background-size:148px 53px;
				text-decoration:none;
				padding-left:18px;
				padding-right:0;
				color:#595757;
				font-size:16px;
				display:block;
				overflow:hidden;
			}

/*BREADCRAMB*/
.breadcramb_bg{
	background-color:#f2f2f2;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	clear:both;
	margin:0 auto;
}
	.breadcramb .content_bc ul li, article.single > aside.breadcramb .content_bc ul li{
		display:inline-block;
		font-size:11px;
		height:28px;
		line-height:28px;
		overflow:hidden;
		background:#f2f2f2 url(../images/global/bg_breadcramb.gif) right center no-repeat;
		background-size:9px 28px;
		-moz-background-size:9px 28px;
		-webkit-background-size:9px 28px;
		-o-background-size:9px 28px;
		-ms-background-size:9px 28px;
		margin-left:-4px;
		padding-left:8px;
		padding-right:16px;
	}
	.breadcramb .content_bc ul li:first-child, article.single > aside.breadcramb_bc .content ul li:first-child{
		background-color:#f2f2f2;
		padding-left:17px;
		padding-right:16px;
	}
	.breadcramb_bc .content ul li:last-child, article.single > aside.breadcramb_bc .content ul li:last-child{
		background:#f2f2f2 url(../images/global/bg_breadcramb_last.gif) right center no-repeat;
		background-size:9px 28px;
		-moz-background-size:9px 28px;
		-webkit-background-size:9px 28px;
		-o-background-size:9px 28px;
		-ms-background-size:9px 28px;
		
		margin-left:-4px;
	}
	.breadcramb_bc .content ul li a, article.single > aside.breadcramb_bc .content ul li a{
		display:block;
		color:#333333;
		text-decoration:none;
		position:relative;
	}
	.breadcramb_bg a{
		color:#333333;
		display:block;
	}


/*P*/
section p{
	line-height:160%;
	text-align:left;
	margin:5px;
}


/*-----------------------------------------------------------------------  global*/


/* //////////////////////////////////////////////////
[2 HEADER] 
////////////////////////////////////////////////// */

header .head{
	width:100%;
	height:48px;
}
header .logo{
	float:left;
	margin:13px 0px 12px 11px;
}

/*-----------------------------------------------------------------------  header*/

/* //////////////////////////////////////////////////
[3 FOOTER] 
////////////////////////////////////////////////// */
 
.foot {
	width:100%;
	margin:15px 0 0 0;
	color:#727171;
	border-top: 1px solid #d4d4d4;
	text-align:center;
	background: #f4f4f4; /* Old browsers */
	background: -moz-linear-gradient(top,  #fff 0%, #fff 1%, #f4f4f4 1%, #dcdddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(1%,#fff), color-stop(1%,#f4f4f4), color-stop(100%,#dcdddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fff 0%,#fff 1%,#f4f4f4 1%,#dcdddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fff 0%,#fff 1%,#f4f4f4 1%,#dcdddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fff 0%,#fff 1%,#f4f4f4 1%,#dcdddd 100%); /* IE10+ */
	background: linear-gradient(top,  #fff 0%,#fff 1%,#f4f4f4 1%,#dcdddd 100%); /* W3C */
	width:100%;
}
.foot .footer_box{
			width:300px;
			margin:0 auto;
		}
.foot .footer_add{
				font-size:10px;
				line-height:150%;
				text-align:left;
				padding-top:10px;
				padding-bottom:10px;
			}
.foot .footer_copy{
				font-size:9px;
				line-height:110%;
				padding-bottom:10px;
				text-align:left;
			}

/*-----------------------------------------------------------------------  footer*/

/* //////////////////////////////////////////////////
[4 CONTENTS] 
////////////////////////////////////////////////// */

/*見出し*/

h2.ctitle{
	color: #3B6EE4;
	margin:9px 0 9px 9px;
	font-size:14px;
}

h3.ctitle{
	background: #f0f9ff; /* Old browsers */
	background: -moz-linear-gradient(top,  #f0f9ff 0%, #a6eef1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(100%,#a6eef1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f0f9ff 0%,#a6eef1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f0f9ff 0%,#a6eef1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f0f9ff 0%,#a6eef1 100%); /* IE10+ */
	background: linear-gradient(top,  #f0f9ff 0%,#a6eef1 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a6eef1',GradientType=0 ); /* IE6-9 */
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	color:#333333;
	font-size:14px;
	border:none;
	}


h4.ctitle{
	color: #0F224E;
	padding:5px 0 5px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0F224E;
	margin:0 5px;
	font-size:14px;
}

h5.ctitle{
	color: #396DE4;
	background-image: url(../images/global/BgSH3.jpg);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 20px;
	-moz-background-size:12px 12px;
	-webkit-background-size:12px 12px;
	-o-background-size:12px 12px;
	-ms-background-size:12px 12px;
	margin:15px 0 5px 5px;
			}

/*ボディ部分パーツ*/

div.cont{
clear:both;
}

/*リンクメニュー*/


.linkArea {
	margin:15px 0 0 0;
}
.linkArea .menu a {
	width:100%;
	height:35px;
	text-shadow: 0px 1px 0px #ffffff;
	color:#1E68B6;
	text-decoration: none;
	display:block;
}


.linkArea .menu {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	line-height:35px;
	margin:5px;
	border: 1px solid #C6C6C6;
	display:block;
	background: rgb(242,242,242); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(235, 235, 235, 1) 50%, rgba(224, 224, 224, 1) 51%, rgba(211, 211, 211, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242, 242, 242, 1)), color-stop(50%, rgba(235, 235, 235, 1)), color-stop(51%, rgba(224, 224, 224, 1)), color-stop(100%, rgba(211, 211, 211, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(235, 235, 235, 1) 50%, rgba(224, 224, 224, 1) 51%, rgba(211, 211, 211, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(235, 235, 235, 1) 50%, rgba(224, 224, 224, 1) 51%, rgba(211, 211, 211, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(235, 235, 235, 1) 50%, rgba(224, 224, 224, 1) 51%, rgba(211, 211, 211, 1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(242, 242, 242, 1) 0%, rgba(235, 235, 235, 1) 50%, rgba(224, 224, 224, 1) 51%, rgba(211, 211, 211, 1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d3d3d3', GradientType=0 ); /* IE6-9 */
}

.linkArea .menu h3 {
	background-image: url(../images/global/manu_bk.png);
	background-size:9px 13px;
	-moz-background-size:9px 13px;
	-webkit-background-size:9px 13px;
	-o-background-size:9px 13px;
	-ms-background-size:9px 13px;
	background-repeat: no-repeat;
	background-position: right center;
	margin:0 5px 0 10px;
	border:none;
}


/*テキスト*/

.textRed{
	color:#D31300;
}

.textRedArea{
	color:#993300;
	text-shadow: 1px 1px 1px #999999;
	padding:5px;
	font-size:16px;
}

/*トップへ戻る*/

.gotokaiketuArea {
	clear:both;
	text-align:center;
	padding-top:10px;
}

button.gotop {
	width:290px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 4px 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 3px solid #54A6E5;
background: rgb(147,192,226); /* Old browsers */
background: -moz-linear-gradient(top, rgba(147,192,226,1) 0%, rgba(84,166,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(147,192,226,1)), color-stop(100%,rgba(84,166,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(147,192,226,1) 0%,rgba(84,166,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(147,192,226,1) 0%,rgba(84,166,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(147,192,226,1) 0%,rgba(84,166,229,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(147,192,226,1) 0%,rgba(84,166,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93c0e2', endColorstr='#54a6e5',GradientType=0 ); /* IE6-9 */
}


/*お問い合わせ*/


.consul{
	background:url(../images/global/contact_bk.png) no-repeat top left;
	background-size:300px 82px;
	-moz-background-size:300px 82px;
	-webkit-background-size:300px 82px;
	-o-background-size:300px 82px;
	-ms-background-size:300px 82px;	
	width:300px;
	height:82px;
	margin: 15px auto 0 auto;
	text-align:center;
}
.consul .inbox .intit{
			margin:8px auto 6px auto;
		}
.consul .inbox ul{
			width: 286px;
			height:44px;
			margin:-3px auto 6px auto;
			overflow: hidden;
			list-style:none;
		}
.consul .inbox ul li{
				float: left;
				width: 136px;
				height:44px;
				margin-right:7px;
			}

/*SNSリンク*/

.sns_link{
	width:300px;
	margin:13px auto 0 auto;
}
	.sns_link ul{
		width: 300px;
		height:26px;
		margin: 0 -4px 0 0;
		overflow: hidden;
		list-style:none;
	}
		.sns_link ul li{
			float: left;
			width: 147px;
			height:26px;
			margin-right:4px;
		}






/*-----------------------------------------------------------------------  contents*/

/* //////////////////////////////////////////////////
[5 UNDER PAGES] 
////////////////////////////////////////////////// */

/*TOP*/
.main_image{
	width:100%;
	height:119px;
	position:relative;
	background-size:1px 119px;
	-moz-background-size:1px 119px;
	-ms-background-size:1px 119px;
	-o-background-size:1px 119px;
	-webkit-background-size:1px 119px;
	background-image: url(../images/top/main_bk.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
	.main_image .s_bg{
		width:320px;
		height:119px;
		margin:0 auto;
	}
		.main_image .s_bg .box{
			background:url(../images/top/mainpic.png) no-repeat;
			background-size:320px 119px;
			-moz-background-size:320px 119px;
			-ms-background-size:320px 119px;
			-o-background-size:320px 119px;
			-webkit-background-size:320px 119px;
			width:320px;
			height:119px;
			display:block;
			position:relative;
			top:0;
			left:0;
			z-index:2;
		}
			.main_image .s_bg .box .cf{
				height:119px;
				width:191px;
				position:relative;
				top:25px;
				left:5px;
			}

#cf1{
	background: url('../images/top/main_text01.png') ;
	background-position: left top; 
	background-repeat: no-repeat; 
	background-size:176px 82px;
	-moz-background-size:176px 82px;
	-ms-background-size:176px 82px;
	-o-background-size:176px 82px;
	-webkit-background-size:176px 82px;
}
#cf2{
	background: url('../images/top/main_text02.png') ;
	background-position: left top; 
	background-repeat: no-repeat; 
	background-size:160px 84px;
	-moz-background-size:160px 84px;
	-ms-background-size:160px 84px;
	-o-background-size:160px 84px;
	-webkit-background-size:160px 84px;
}
#cf3{
	background: url('../images/top/main_text03.png') ;
	background-position: left top; 
	background-repeat: no-repeat; 
	background-size:191px 84px;
	-moz-background-size:191px 84px;
	-ms-background-size:191px 84px;
	-o-background-size:191px 84px;
	-webkit-background-size:191px 84px;
}
#cf4{
	background: url('../images/top/main_text04.png') ;
	background-position: left top; 
	background-repeat: no-repeat; 
	background-size:147px 83px;
	-moz-background-size:147px 83px;
	-ms-background-size:147px 83px;
	-o-background-size:147px 83px;
	-webkit-background-size:147px 83px;
}

.topbn_area01{
	width:100%;
}

.topbn_area01 .inbox{
		width:300px;
		margin:12px auto 0 auto;
	}

.topbn_area01 .box{
	width:300px;
	}


/*FIRST*/

.first .box{
width:300px;
margin:0 auto;
}


/*RECOMMEND*/
.recommend .inbox h4{
	color:#1e247e;
	margin-top:20px;
	font-size:16px;
	
}
	.recommend .button {
		width:180px;
	}
	.recommend .button:hover {
		text-decoration: none;
	}
	.recommend .button:active {
		position: relative;
		top: 1px;
	}


/*FLOW*/


.flow .cont{
	background-color: #F0F9FF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #264D68;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C3CDD3;
}

.priceTbl{
width:300px;
margin:0 auto;
}


.priceTbl td.tl{
	width:70px;
	background-color: #FBEEE2;
	color: #3D2318;
}


table.priceTbl{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-top:10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}

.flowArea{
	background-image: url(../images/global/allow.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:42px 22px;
	-moz-background-size:42px 22px;
	-ms-background-size:42px 22px;
	-o-background-size:v 42px;
	-webkit-background-size:42px 22px;
	margin-top:0px;
	height:28px;
}


/*price*/

.priceTbl td{
	padding:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}


/*ABOUT*/



/*ACCESS*/

.accesstbl td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.accesstbl td.tl{
width:100px;
}

.accessmap .cont{
width:300px;
margin:0 auto;
}


/*CONTACT*/

.contact #mailform{
margin:0 10px;
}
.contact #mailform h2{
padding:5px;
}

.contact #mailform h3{
	padding:3px 0 3px 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #84A0E1;
	color:#3C4862;
	margin:5px 0;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #84A0E1;
	}



/*-----------------------------------------------------------------------  UNDER PAGES*/

/* //////////////////////////////////////////////////
[6 JAVASCRIPT] 
////////////////////////////////////////////////// */




/*GO TO PAGETOP*/
.gotop{
	text-align:center;
	width:100%;
	border-top:1px solid #c2c1c1;
	border-bottom:1px solid #8b8988;
	border-left:none;
	border-right:none;
	margin:16px 0 15px 0;
	background: #73a7de; /* Old browsers */
	background: -moz-linear-gradient(top,  #656363 0%, #3f3b3a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#656363), color-stop(100%,#3f3b3a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #656363 0%,#3f3b3a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #656363 0%,#3f3b3a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #656363 0%,#3f3b3a 100%); /* IE10+ */
	background: linear-gradient(top,  #656363 0%,#3f3b3a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656363', endColorstr='#3f3b3a',GradientType=0 ); /* IE6-9 */

	padding-top:10px;
	padding-bottom:10px;
}
	.gotop a{
		display:block;
		margin:0 auto;
		text-decoration:none;
		color:#FFF;
	}
	
/**ニュースティッカー**/

.ropNewsArea {
	line-height:23px;
	margin-top:5px;
	color: #717379;
	background-color: #BFCFF5;
}
div.ticker {
	width: 100%;
	position: relative;
	overflow: hidden;
}
div.ticker ul {
	height: 23px;
}
div.ticker ul li {
	font-size:12px;
	float: left;
	display: inline;
	clear: both;
	text-align: left;
	list-style-type: none;
	position: relative;
	line-height: 23px;
	margin-bottom: -23px;
}
div#longitudinally ul li, #fade ul li {
	left: 10px;
}
	
	

/*----------------------------------------------------------------------- JAVA SCRIPT*/

/* //////////////////////////////////////////////////
[7 HI-SPEC-COADING] 
////////////////////////////////////////////////// */

/*WIDTH */
.w10{ width:10px; } .w20{ width:20px; } .w30{ width:30px; } .w60{ width:60px; } .w100{ width:100px; } .w200{ width:200px; } .w300{ width:300px; } .w320{ width:320px; }

/*HEIGHT */
.h10{ height:10px; }

/* MARGIN */
.m0a		{  margin:0px auto 0px !important; }
.m10l		{  margin:10px 10px 10px 0px !important; }
.m10a		{  margin:10px auto 0px !important; }
.m15a		{  margin:15px auto 15px !important; }
.m20a		{  margin:20px auto 0px !important; }
.mt3		{ margin-top: 3px !important; }
.mt5		{ margin-top: 5px !important; }
.mt8		{ margin-top: 8px !important; }
.mt10		{ margin-top: 10px !important; }
.mt20		{ margin-top: 20px !important; }
.mt30		{ margin-top: 30px !important; }
.mt40		{ margin-top: 40px !important; }
.mr5		{ margin-right: 5px !important; }
.mr10		{ margin-right: 10px !important; }
.mr15		{ margin-right: 10px !important; }
.mr20		{ margin-right: 20px !important; }
.mr30		{ margin-right: 30px !important; }
.mb5		{ margin-bottom: 5px !important; }
.mb10		{ margin-bottom: 10px !important; }
.mb15		{ margin-bottom: 15px !important; }
.mb20		{ margin-bottom: 20px !important; }
.mb30		{ margin-bottom: 30px !important; }
.ml5		{ margin-left: 5px !important; }
.ml10		{ margin-left: 10px !important; }
.ml15		{ margin-left: 15px !important; }
.ml20		{ margin-left: 20px !important; }
.ml30		{ margin-left: 30px !important; }
.ml40		{ margin-left: 40px !important; }

/* PADDING */
.pt10		{ padding-top: 10px !important; }
.pt20		{ padding-top: 20px !important; }
.pt30		{ padding-top: 30px !important; }
.pt40		{ padding-top: 40px !important; }
.pt50		{ padding-top: 50px !important; }
.pr10		{ padding-right: 10px !important; }
.pr20		{ padding-right: 20px !important; }
.pr30		{ padding-right: 30px !important; }
.pr40		{ padding-right: 40px !important; }
.pr50		{ padding-right: 50px !important; }
.pb10		{ padding-bottom: 10px !important; }
.pb20		{ padding-bottom: 20px !important; }
.pb30		{ padding-bottom: 30px !important; }
.pb40		{ padding-bottom: 40px !important; }
.pb50		{ padding-bottom: 50px !important; }
.pl10		{ padding-left: 10px !important; }
.pl20		{ padding-left: 20px !important; }
.pl30		{ padding-left: 30px !important; }
.pl40		{ padding-left: 40px !important; }
.pl50		{ padding-left: 50px !important; }

/* OVERFLOW */
.ofh{ overflow: hidden !important; } .ofa{ overflow: auto !important; } .ofs{ overflow: scroll !important; } .ofxs{ overflow-x: scroll !important; } .ofys{ overflow-y: scroll !important; }

/* FONT-WEIGHT */
.b{ font-weight: bold !important; } .n{ font-weight: normal !important; }

/* FONT-SIZE */
.fwb		{ font-weight: bold !important; }
.fs8		{ font-size: 8px !important; }
.fs9		{ font-size: 9px !important; }
.fs10		{ font-size: 10px !important; }
.fs12		{ font-size: 12px !important; }
.fs14		{ font-size: 14px !important; }
.fs16		{ font-size: 16px !important; }
.fs18		{ font-size: 18px !important; }
.fs20		{ font-size: 20px !important; }
.fs22		{ font-size: 22px !important; }
.fs24		{ font-size: 24px !important; }
.fs25		{ font-size: 25px !important; }
.fs26		{ font-size: 26px !important; }
.fs27		{ font-size: 27px !important; }
.fs28		{ font-size: 28px !important; }
.fs29		{ font-size: 29px !important; }

/* TEXT-ALIGN */
.fac			{text-align: center;}
.far			{text-align: right}
.fal			{text-align: left}

/* FLOAT */
.fl		{  float:left; !important; }
.fr		{  float:right; !important; }

/* DISPLAY */
.dpi{ display:inline;}
.dpb{ display:block;}

/* DECORATION */
.tdn {	text-decoration: none;}

/* COLOR */
.color1{	color:#cf4192;}
.color2{	color:#e6680b;}
.color3{	color:#e64949;}
.color4{	color:#989898;}

/* CLEAR */
.clf{
	clear:fixed;
	min-height: 1px;
}
.clf:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

/*-----------------------------------------------------------------------  Hi Spec Coding*/

/* //////////////////////////////////////////////////
[8 RESET] 
////////////////////////////////////////////////// */

* {
	margin: 0;
	padding: 0;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

.print_next {
page-break-before: always;
}
/*----------------------------------------------------------------------- RESET*/z