@charset "utf-8";

/* -----------------------------------------------------------
CSS Information:
File name:  Layout.css
----------------------------------------------------------- */

/*----------------------------------------------------
	Reset
----------------------------------------------------*/

html {
	overflow-y: scroll;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}

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

caption,th {
	text-align: left;
}

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

object,
embed {
	vertical-align: top;
}

hr,legend {
	display: none;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

img,abbr,acronym,fieldset {
	border: 0;
}

li {
	list-style-type: none;
}

a:link img{
	border:none;
}

/*----------------------------------------------------
	Base
----------------------------------------------------*/

body {
	background-color: #F5F5F5;
	color: #666;
	font-size: small;
	font-family: "ＭＳ Ｐゴシック","MS PGothic", Lucida Grande,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",verdana,Sans-Serif;
	line-height: 1.5;
	text-align: center;
}

* html body {   /* for IE6 */  
    font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;   
} 

/*----------------------------------------------------
	wrapperAll
----------------------------------------------------*/

#wrapperAll{
	margin: 0 auto;
	width: 784px;
	background-color: #FFF;
	
}

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

#wrapper{
	float: left;
	width: 780px;
	padding: 0 2px;
	background: url(../images/bgimage.gif) repeat-y left top;
	text-align: left;
}

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

/* for index.html */
#headerIndex{
	float: left;
	width: 780px;
	height: 337px;
	border-top: 3px solid #D1D1D1;
	background: url(../images/index_headerimg.jpg) no-repeat left top;
	padding: 0 0 9px 0;
}

/* for contact.html */
#headerContact{
	float: left;
	width: 780px;
	height: 176px;
	border-top: 3px solid #D1D1D1;
	background: url(../images/contact_headerimg.jpg) no-repeat left top;
}

/* for AtypeHeadImage */
#headerAtype{
	float: left;
	width: 780px;
	height: 176px;
	border-top: 3px solid #D1D1D1;
	background: url(../images/headimg_a.jpg) no-repeat left top;
}

/* for BtypeHeadImage */
#headerBtype{
	float: left;
	width: 780px;
	height: 176px;
	border-top: 3px solid #D1D1D1;
	background: url(../images/headimg_b.jpg) no-repeat left top;
}

/* for CtypeHeadImage */
#headerCtype{
	float: left;
	width: 780px;
	height: 176px;
	border-top: 3px solid #D1D1D1;
	background: url(../images/headimg_c.jpg) no-repeat left top;
}

/* for DtypeHeadImage */
#headerDtype{
	float: left;
	width: 780px;
	height: 176px;
	border-top: 3px solid #D1D1D1;
	background: url(../images/headimg_d.jpg) no-repeat left top;
}

/* for EtypeHeadImage */
#headerEtype{
	float: left;
	width: 780px;
	height: 176px;
	border-top: 3px solid #D1D1D1;
	background: url(../images/headimg_e.jpg) no-repeat left top;
}

/* for FtypeHeadImage */
#headerFtype{
	float: left;
	width: 780px;
	height: 176px;
	border-top: 3px solid #D1D1D1;
	background: url(../images/headimg_f.jpg) no-repeat left top;
}

/* for GtypeHeadImage */
#headerGtype{
	float: left;
	width: 780px;
	height: 176px;
	border-top: 3px solid #D1D1D1;
	background: url(../images/headimg_g.jpg) no-repeat left top;
}

/*----------------------------------------------------
	bredmenu
----------------------------------------------------*/

#bredmenu{
	float: left;
	width: 747px;
	background: url(../images/dotline.gif) repeat-x left bottom;
	padding: 8px 0 8px 33px;
	font-size: 83.3%;
}

/*----------------------------------------------------
	main
----------------------------------------------------*/

#main{
	float: left;
	width: 780px;
	padding: 10px 0 20px 0;
}

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

/* for index.html */
#indexContents{
	float: left;
	width: 570px;
	padding: 0 13px;
}

/* for 2nd */
#contents{
	float: left;
	width: 528px;
	padding: 0 30px 0 33px;
}

/*----------------------------------------------------
	sidebar
----------------------------------------------------*/

/* for index.html */
#indexSide{
	float: left;
	width: 169px;
	padding: 0 15px 0 0;
}

/* for 2nd */
#sidebar{
	float: left;
	width: 178px;
	padding: 0 11px 0 0;
}

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

#footer{
	clear: left;
	width: 780px;
	padding: 15px 0;
	border-top: 1px solid #D2DDE4;
	background-color: #FAFAFA;
	text-align: center;
	font-size: 83.3%;
}