@charset "euc-jp";

/* CSS Document */



*{

	margin:0;

	padding:0;

}

body{

	font-size: 80%;

	line-height:20px;

	color: #333333;

}

p{

	line-height: 1.8em;

}

img{

	border: none;

}

a{

	border: none;

}

span{

	background: #F6CB8F;

	color:#130D06;

}



#header{

	width: 950px;

	height:auto;

	margin: 0 auto;

}



#container{

	width: 900px;

	height:auto;

	margin: 0 auto;

	padding-top: 15px;

}

#rightside p.borderLeft30{

	background: url(../img/bg_borderleft.gif) repeat-y left;

	padding:2em 0 2em 57px;

}





/*leftside

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

#leftside{

	width: 168px;

	height:auto;

	float:left;

}

#h2a{

	width:168px;

	height: 167px;

	background:url(../img/h2a.jpg) no-repeat;

	text-indent:-999px;

}

#h3a{

	height: 52px;

	background:url(../img/h3a.gif) no-repeat;

	text-indent:-999px;

}

#h3b{

	height: 56px;

	background:url(../img/h3b.gif) no-repeat;

	text-indent:-999px;

}

#h3c{

	height: 56px;

	background:url(../img/h3c.gif) no-repeat;

	text-indent:-999px;

}

#h3d{

	height: 56px;

	background:url(../img/h3d.gif) no-repeat;

	text-indent:-999px;

}

#leftside a{

	display: block;

	text-indent:-999px;

}



#li001{ background: url(../img/li001.jpg) no-repeat; height: 85px; }

#li002{ background: url(../img/li002.jpg) no-repeat; height: 84px; }

#li003{ background: url(../img/li003.jpg) no-repeat; height: 90px; }

#li004{ background: url(../img/li004.jpg) no-repeat; height: 84px; }

#li005{ background: url(../img/li005.jpg) no-repeat; height: 90px; }

#li006{ background: url(../img/li006.jpg) no-repeat; height: 85px; }

#li007{ background: url(../img/li007.jpg) no-repeat; height: 82px; }

#li008{ background: url(../img/li008.jpg) no-repeat; height: 91px; }

#li009{ background: url(../img/li009.jpg) no-repeat; height: 84px; }

#li010{ background: url(../img/li010.jpg) no-repeat; height: 84px; }

#li011{ background: url(../img/li011.jpg) no-repeat; height: 83px; }

#li012{ background: url(../img/li012.jpg) no-repeat; height: 89px; }







/*rightside

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

#rightside{

	width: 701px;

	float:right;

}

#rightside p{

	padding: 2em 0 2em 5px;

}

#h1a{

	width: 700px;

	height:148px;

	background: url(../img/h1.gif) no-repeat; 

	text-indent: -9999px;

}

#h2b{

	width: 243px;

	height:31px;

	background: url(../img/h2b.gif) no-repeat; 

	text-indent: -9999px;

}

#rightside #p001{

	width: 580px;

	padding: 30px 120px 30px 0;

	background: url(../img/p_bg01.jpg) no-repeat right top;

}

#rightside ol{

	width: 700px;

	height: 534px;

	background: url(../img/p_bg02.gif) no-repeat center 480px;

}

#rightside ol li{

	width: 134px;

	height: 437px;

	float: left;

	padding-right:46px;

}

#rightside ol li.Padding10{

	padding-left:10px;

}

#rightside ol li.noPadding{

	padding:0px;

}

#rightside ol li a{

	display: block;

	height: 437px;

	text-indent: -9999px;

}

#li013{background: url(../img/li013.jpg) no-repeat;}

#li014{background: url(../img/li014.jpg) no-repeat;}

#li015{background: url(../img/li015.jpg) no-repeat;}

#li016{background: url(../img/li016.jpg) no-repeat;}



#rightside h4{

	text-indent: -9999px;

}

#h4a{background: url(../img/h4a.gif) no-repeat; height: 93px;}

#h4b{background: url(../img/h4b.gif) no-repeat; height: 153px;}

#h4c{

padding: 45px 0 8px 0 ;

background: url(../img/h4c.gif) no-repeat 0 45px;

height: 89px;}

#h4d{

padding: 45px 0 8px 0 ;

background: url(../img/h4d.gif) no-repeat 0 45px;

height: 88px;}



#rightside h5{

	width: 701px;

	text-indent: -9999px;

}



#h5a{background: url(../img/h5a.jpg) no-repeat; height: 32px;}

#h5b{background: url(../img/h5b.jpg) no-repeat; height: 31px;}

#h5c{background: url(../img/h5c.jpg) no-repeat; height: 32px;}

#h5d{background: url(../img/h5d.jpg) no-repeat; height: 31px;}

#h5e{background: url(../img/h5e.jpg) no-repeat; height: 33px;}

#h5f{background: url(../img/h5f.jpg) no-repeat; height: 32px;}

#h5g{background: url(../img/h5g.jpg) no-repeat; height: 32px;}

#h5h{background: url(../img/h5h.jpg) no-repeat; height: 32px;}



#rightside h6{

	text-indent: -9999px;

}



#h6a{background: url(../img/h6a.jpg) no-repeat; width: 532px; height: 42px;}

#h6b{background: url(../img/h6b.gif) no-repeat; width: 595px; height: 49px;}

#h6c{background: url(../img/h6c.gif) no-repeat; width: 594px; height: 51px;}

#h6d{background: url(../img/h6d.gif) no-repeat; width: 245px; height: 42px;}

#h6e{background: url(../img/h6e.gif) no-repeat; width: 287px; height: 48px;}



/*con01

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

.con01{

	width: 701px;

	border-bottom: 3px #CBB8B4 solid;

}

.con01 p.p004{

	float: left;

	width: 170px;

}

.con01 p.p002{

	width:500px;

}

.con01 p.p003{

	float:right;

}

.con01:after{

	content: ".";

	display: block;

	height: 1px;

	clear: both;

	visibility: hidden;

}



.con01{

	display:inline-block;/* MAC IE用　*/

	min-height:1%;/* IE 7用 */

}



/*--MAC IEは非適用→ \*/

* html .con01{height: 1%;}/*IE6にしか効かない*/

.con01{display: block;}

/*--ここまでMAC IEは非適用 */





/*footer

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

#footer{

padding-top: 30px ;

}





/*clear fix

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

.cf:after{

	content: ".";

	display: block;

	height: 1px;

	clear: both;

	visibility: hidden;

}



.cf{

	display:inline-block;/* MAC IE用　*/

	min-height:1%;/* IE 7用 */

}



/*--MAC IEは非適用→ \*/

* html .cf{height: 1%;}/*IE6にしか効かない*/

.cf{display: block;}

/*--ここまでMAC IEは非適用 */