@charset "utf-8";

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 *
 *
 * copyright + credits{
 *	DOICOFFEE Web Planning Team : css oriented edition;
 *	copyright(c) DOICOFFEE inc, : all rights reserved;
 *	email: n/a;
 * } 
 *
 * +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ---------------------------------------------------------------------------------
 * Global web site CSS Set
 * ---------------------------------------------------------------------------------
 *
 *	lastupdate：2011/04/05
 *	
 *	■ index
 *	01 setup
 *	02 wrapper
 *	03 container
 *	04 rayout
 *	05 header
 *	06 contents
 *	07 footer
 *	08 float
 *	09 breadcrumbs
 *	10 pagetop
 *
 * ------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------- 
 *
 * 01 setup
 *
 * ------------------------------------------------------------------------------- */


* {
	
	}


html, body {

	height:100%;
	padding:0;
	margin:0 auto;
	background-color:#fff;
    max-width:960px!important; 
    text-align: center;

}







/* ---------------------------------------------------------------------------------- 
 *
 * 02 wrapper
 *
 * ------------------------------------------------------------------------------- */

#WRAPPER {
	width:100%;
	min-height: 100%;
	}

* hmtl div#WRAPPER{
	height:100%;
	}






/* ---------------------------------------------------------------------------------- 
 *
 * 03 container
 *
 * ------------------------------------------------------------------------------- */

#CONTAINER {
	width: 940px;
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	text-align: left;
	margin: 0 auto;
	}





/* ---------------------------------------------------------------------------------- 
 *
 * 04 rayout
 *
 * ------------------------------------------------------------------------------- */



#HEADER{
	width:940px;
	height:108px;
	display:block;
	margin:0 0 25px 0;
	border-bottom:1px solid #000;
	}



#CONTENTS {
	width:940px;
	}
	
	
	/* IE7 Hack 
*:first-child+html #HEADER {
	width:980px;
	height:108px;
	display:block;
	padding:0 0 25px 0;

	}*/



#FOOTER {
	width: 940px;
	border-top:2px solid #000;
	}




/* ---------------------------------------------------------------------------------- 
 *
 * 05 header
 *
 * ------------------------------------------------------------------------------- */
 
#HEADER div#headerIn {
	width:940px;
	margin:0 auto;
	_margin:0 20px;
	}
	
	#HEADER #headerIn div#headerInALPHA {
		}

		/* ロゴ */
		#HEADER #headerIn div#headerInALPHA div#logo {
		float:left;
		margin:0 0 0 0;
		padding:28px 0px;
		display:inline;
		} 
		
		/* フリーダイヤル */
		#HEADER div#headerIn div#headerInALPHA div#tel {
		float:right;
		padding:0;
		margin:28px 20px;
		display:inline;
		}
 
 
 

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

/* IE7 Hack */
*:first-child+html #CONTENTS div#contentsIn {
	}


	div.textBox {
		margin:0 auto;
		}
		div.textBox p:first-child {
			margin:3em 0 0 0;
			}
		
		div.textBox p {
			font-size:14px;
			line-height:1.5em;
			text-align:justify;
			text-justify: distribute;
			line-break: strict;
			padding:0 1em 1em;
			}
	
		div.textBox span {
/*			display:block;
			font-size:14px;
			text-align:right;
			padding:0em 2em;*/
			}
	

	#CONTENTS div#contentsIn {
		padding:0;
		margin:0 auto;
		width:940px;
		}
		div#contentsIn #contentsInALPHA {
			font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			width:45em;
			margin:0 auto;
			}
			
			#contentsInALPHA .section {
				margin:5em 0;
				}
				.section h1 {
					font-size:21px;
					padding:0 0 0.5em 0;
					border-bottom:1px dotted #E0E0E0;
					font-weight:bold;
					}
				
			
			/* 価格改定のご案内 */
			#contentsInALPHA table {
				margin:0 auto;
				width:100%;
				border-collapse: collapse;
		 		border-spacing: 0;
				}
				#contentsInALPHA table th {
					background:#EFEFEF;
					padding:0.5em 2em;
					color:#454545;
					letter-spacing:0.1em;
					}
				#contentsInALPHA table th:nth-child(2),
				#contentsInALPHA table th:nth-child(3) {
					text-align:right;
					}
				#contentsInALPHA table td {
					border-bottom:1px solid #DDD;
					padding:0.618em 2em ;
					}
				#contentsInALPHA table td:nth-child(1) {
					letter-spacing:-0.01em;
					font-size:16px;
					}
				#contentsInALPHA table td:nth-child(2), 
				#contentsInALPHA table td:nth-child(3) {
					font-family:Arial, Helvetica, sans-serif;
					text-align:right;
					font-size:16px;
					letter-spacing:0.01em;
					}
					#contentsInALPHA table td:nth-child(2) span, 
					#contentsInALPHA table td:nth-child(3) span {
						font-size:11px;
						padding:0 0 0 0.25em;
						}
				
				/* */
				#contentsInALPHA p.discription {
					font-size:14px;
					margin:1em auto;
					text-align:right;
					font-weight:bold;
					}

				p.box {
					padding: 0em 1em !important;
					margin: 3em 0 1em 0;
					font-weight: bold;
					color: #FFF;
					background: #000;
					border-radius: 5px;
					width:257px;
				}
				p.box p {
					margin: 0; 
					padding: 0;
				}
		


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

#footerIn {
		width:100%;
		font-size:12px;
		margin:0 auto;
		padding:2em 0 0 0;
		}
		
		#footerIn #footerInALPHA {
			width:900px;
			margin:0 auto;
			}
			
			/*  会社名 / 住所 / TEL / FAX */
			#footerIn #footerInALPHA p {
				text-align:right;
				padding:0;
				margin:0.25em 0 0 0;
				font-size:12px;
				font-style:normal;
				font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
				}

	

		#footerIn #footerInBETA {
			width:100%;	
			bottom:0;	
			}
			#footerIn #footerInBETA img {
				position:absolute;
				bottom:0;
				}
			#footerIn p#copyright{
				font-family:Arial, Helvetica, sans-serif;
				text-align:center;
				font-size:10px;
				}
		



/* ---------------------------------------------------------------------------------- 
 *
 * 05 NaviGlobal
 *
 * ------------------------------------------------------------------------------- */


div.NAV {
width:800px;
margin:0 auto 1em auto;
	}
	div.NAV ul {
	list-style:none;
	width:760px;
	margin:0 auto;
		}
		div.NAV ul li.listStart {
		float:left;
		margin:0 0 0 0;
		padding:0 0 0 0;
		display:inline;
		font-size:14px;
			}
		div.NAV ul li.list {
		float:left;
		margin:0 0 0 30px;
		padding:0 0 0 0;
		display:inline;
		font-size:14px;
			}
	div.NAV ul.footerNav {
	list-style:none;
	width:630px;
	margin:1.5em auto;
		}

/* FOOTER */
ul#fNaviGlobal {
	padding:1em 0;
	width:700px;
	margin:0 0 0 250px;
	}

ul#fNaviGlobal li {
	float:left;
	margin:0px 0px 0px 28px;
	padding:0px 0px 0px 5px;
	text-align:center;
	font-size:14px;
	}

ul#fNaviGlobal li em {
	padding:0px 1em;
	}


/* ---------------------------------------------------------------------------------- 
 *
 * 06 SideNaviLeft
 *
 * ------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------- 
 *
 * 08 breadcrumbs
 *
 * ------------------------------------------------------------------------------- */
 
/* ---------------------------------------------------------------------------------- 
 *
 * 09 clearfix
 *
 * ------------------------------------------------------------------------------- */

.clearfix:after {  

	content: ""; 
	display: block; 
	height: 0; 
	visibility: hidden; 
	clear: both; 

} 


/* IE6 */
* html .clearfix { 
	
	zoom: 1;
	
	} 

/* IE7 */
*:first-child+html .clearfix {
	 
	zoom: 1;
	
	}