@charset "utf-8";

/*
-----------------------------
SiteName: 株式会社セラバリューズ
Author  : shift-click
Update  : 09.10.31
-----------------------------
*/

/* ===== CONTENTS ===========================================

	1: CLEARFIX
	2: EACH MODULE
	3: FLOAT
	4: TEXT SIZE
	5: TEXT ALIGN
	6: IMG
	7: MARGIN
	8: LIST STYLE
	9: BOX STYLE

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

/*
===== 1: CLEARFIX ======================================== */
.clearfix{
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0; 
    visibility:hidden;
}
* html .clearfix{
	display:inline-table;
	/*\*/display:block;/**/
}


/*
===== 2: EACH MODULE ====================================== */
.pagetop{
	text-align:right;
	padding:1em;
}

.clearBoth {
	clear: both;
}


/* 
===== 3: FLOAT ============================================ */
.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}

.clearBoth {
	clear: both;
}


/* 
===== 4: TEXT SIZE ========================================= */
.xsmall {
	font-size: 65%;
}

.small {
	font-size: 85%;
	font-weight: normal;
}

.large {
	font-size: 120%;
}

.xlarge {
	font-size: 150%;
}
.strong {
	font-weight: bold;
	color: #009b90;
}


/* 
===== 5: TEXT ALIGN ========================================= */
.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}


/* 
===== 6: IMG ================================================ */
.imgBox {
	margin-left: 20px;
	margin-bottom: 20px;
	font-size: 80%;
	/*text-align: center;*/
}

.imgLeft {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	font-size: 80%;
}

.imgRight {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
	font-size: 80%;
}

.imgBorder {
	border: #CCCCCC solid 2px;
}


/* 
===== 7: MARGIN ============================================= */
div#main .marginBtm {
	margin-bottom: 10px;
}
div#main .marginBtm0 {
	margin-bottom: 0;
}
div#main .marginBtm20 {
	margin-bottom: 20px;
}
div#main .marginBtm30 {
	margin-bottom: 30px;
}
div#main .marginTop {
	margin-top: 20px;
}
div#main .marginContent {
	margin-left: 45px;
	margin-right: 45px;
}
div#main .marginLeft {
	margin-left: 45px;
}
div#main .marginLeft0 {
	margin-left: 0;
}
div#main .marginLeft10 {
	margin-left: 10px;
}
div#main .marginLeft20 {
	margin-left: 20px;
}
div#main .marginLeft30 {
	margin-left: 30px;
}


/* 
===== 8: LIST STYLE ========================================= */
ul.dot li {
	background: url(../image/dot_list.png) no-repeat left 0.45em;
	padding-left: 10px;
}

.pdfLink {
	background: url(../image/pdf_icon.gif) no-repeat left 0.3em;
	padding-left: 27px;
}
* html .pdfLink {
	background-position: left 0.8em;
}



/* 
===== 9: BOX STYLE ========================================= */
.lineBox {
	border: #CCCCCC solid 1px;
	padding: 10px;
	margin-bottom: 20px;
}

.lineBoxStrong {
	border: #FF6633 solid 2px;
	padding: 10px;
	margin-bottom: 20px;
	color: #FF6633;
}