@charset "UTF-8";
/* CSS Document */

/*=========================================================
 *
 *	css file for "www.ueki-office.com"
 *	file name : base.css
 *
=========================================================*/


/* Initialization */
/* -------------------------------------------------- */

* {
    margin: 0px;
    padding: 0px;
	line-height: 1.4;
	border: 0;
	outline: 0;
	font-size: 100%;
}

html{ -webkit-text-size-adjust:none; color:#333333; font-size:12px; }

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
	text-align: center;
	background: #fff;
}

div#container {
	width: 960px;
	margin: auto;
}


img { vertical-align: bottom; border: none; }
ul,li { list-style-position: outside; list-style-type: none }
p { line-height: 160%; }


/* display: none設定 */
.non_active { display:none !important; }
	
	
/* clear 設定　*/
hr.clear {
	display: none;
	clear: both;
}

hr.border {
	border-bottom: 1px solid #b9b9b9;
	margin: 6px 0px;
}

hr.border_dashed {
	border-bottom: 1px dashed #b9b9b9;
	margin-bottom: 6px;
}

hr.bdrblk {
	border-bottom: 1px solid #000;
	margin: 15px 0px;
}

br.brclear {
	clear: both;
}

/* h1 h2 h3 設定　*/
/*h1,h2,h3 {
	display: inline;
	font-weight: normal;
	font-size: 100%;
}*/

/* float */
.float_left { float:left; }
.float_right { float:right; }
.float_clear { clear:both; }
.after_clear:after { display:block; clear:both; height:0; visibility:hidden; content:"."; }

/* align */
.align_left { text-align:left; }
.align_center { text-align:center; }
.align_right { text-align:right; }

/* font */
.font8 { font-size:8px !important;}
.font10 { font-size:10px !important;}
.font11 { font-size:11px !important;}
.font12 { font-size:12px !important;}

/* width */
.width_100 { width: 100%; }
.width_80 { width: 80%; }


/* padding */

.padding_0 { padding: 0; !important;}
.padding_10 { padding: 10px; !important;}
.nopdng {
	padding: 0;
}

.pad0 { padding: 0px; }
.pad10 { padding: 10px; }
.pad15 { padding: 15px; }
.pad20 { padding: 20px; }

.bggry { background-color: #f4f4f4; }
.bgwht { background-color: #fff; }


/* fluid image */

.fluid_image {
	width: 100%;
}

.imgcenter {
	text-align: center;
	margin-bottom: 10px;
}

.imgleft {
	float: left;
	padding-right: 4px;
}

.imgright {
	float: right;
	padding-left: 4px;
}

.imgframe01 {
	padding: 4px;
	background: #fff;
}

.bld {
	font-weight: bold;
}

/* font color */
/* -------------------------------------------------- */

span.red {
	color: #ff8040;

	font-weight: bold;
}
span.blue {
	color: #3e99d5;
}
span.green {
	color: #009999;
}
span.greenbold {
	color: #009999; FONT-WEIGHT: bold
}
SPAN.lightgreenbold {
	COLOR: #4dc14d; FONT-WEIGHT: bold
}

span.darkred {
	color: #ff0000;
}

span.orange {
	color: #ff8040;
}
span.pink {
	color: #e51372;
}

span.darkblue {
	color: #0000ff;
}

.darkblue {
	color: #4d00ff;

}

SPAN.darkbluebold {
	COLOR: #0000ff; FONT-WEIGHT: bold
}
span.lightgreen {
	color: #009900;
}
SPAN.lightbluebold {
	COLOR: #00cccc; FONT-WEIGHT: bold
}
span.normal {
	font-weight: normal;
}				
span.marker {
	background: #FDFF96;
	font-weight: bold;
}
span.bold {
	font-weight: bold;
}



/* 共通部分 */

/* リンク基本設定 */

a {
	color: #4098d5;
}
/*a:link {
	color: #005BDF;
	text-decoration: none;
}

a:visited {
	color: #005BDF;
	text-decoration: none;
}

a:active,
a:hover {
	color: #F60;
	text-decoration: underline;
	color: #005BDF;
}*/