@charset "utf-8";


*{
	margin: 0;
	padding: 0;
}


body
	{
	font-family: "?l?r ?o?S?V?b?N", "Hiragino Kakugo Pro", "?q???M?m?p?S Pro W3";
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 140%;
	margin: 0px;
	padding: 0px;
	}
a:link, a:visited, a:active
	{
	color: #003399;
	text-decoration: underline;
	}
a:hover
	{
	color: #FF3366;
	text-decoration: none;
	}
a.black:link, a.black:visited, a.black:active
	{
	color: #000000;
	text-decoration: underline;
	}
a.black:hover
	{
	color: #FF0000;
	text-decoration: none;
	}

li{
	list-style: none;
}
img{
	margin: 0;
	padding: 0;
	border: 0;
}
hr{
	display: none;
}

#wrapper{
	width: auto;
	text-align: center;

}

#top{
	margin-left: 570px;
	margin-top: 6px;
}

#wrapper-inner{
	background: url(../images4/bg-star.jpg) center;
	margin-top: 12px;

}
#wrapper-inner p{
	margin: 0;
}

#wrapper-center{
	width: 943px;
	background: url(../images4/body.jpg) repeat-y;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#header{
	width: 841px;
	margin-left: 34px;
	margin-bottom: 20px;
}

#header-border{
	width: 875px;
	height: 8px;
	background: url(../images4/header-border.gif) no-repeat;
}
#header_img1{
	width: 875px;
	height: 28px;
	background: url(../common_img/header_img1.gif) no-repeat;
}

#top-tit{
	width: 875px;
}
#top-tit ul{
	width: 875px;
	position: relative;
}
#top-tit li{
	display: inline;
}
#epson{
	width: 86px;
	height: 36px;
	position: absolute;
	left: 25px;
}
#rogo{
	margin-left: 155px;
}

#sukupara{
	width: 92px;
	height: 49px;
	margin-left: 245px;
}

 /* IE8 */
html>/**/body #sukupara {  
     margin-left /*\**/: 246px\9;
}  


#header h1{
	width: 825px;
	height: 85px;
	margin: -6px 0 23px 25px;
	/margin: -3px 0 23px 25px;
}

 /* IE8 */
html>/**/body #header h1 {  
     margin /*\**/: -5px 0 23px 25px\9;
}  


#gmenu{
	width: 841px;
	height: 50px;
	margin-left: 25px;
	background: url(../images4/menu_bar4.gif) no-repeat left bottom;
	margin-bottom: 20px;
	_margin-top: -5px;
}
#gmenu ul{
	width: 832px;
	height: 40px;
}
#gmenu li{
	width: 201px;
	height: 40px;
	float: left;
	margin-right: 7px;
}
#top-main{
	width: 825px;
	height: 221px;
	background: url(../images4/bg-top-main.jpg) no-repeat;
	margin-left: 25px;
}
#top-main-left{
	width: 326px;
	float: left;
}
#top-main-left h2{
	width: 318px;
	height: 43px;
	margin: 4px 0 0 7px;
}
#top-main-left ul{
	width: 318px;
	height: 86px;
	margin: 0 0 0 7px;
}
#top-main-left li{
	width: 318px;
	height: 86px;
}
#top-main-left p{
	width: 215px;
	height: 57px;
	margin: 0;
	margin-left: 27px;
}

#top-main-right{
	width: 499px;
	height: 213px;
	float: right;
	margin-top: 4px;
}
#center{
	width: 825px;
	margin-left: 59px;
}

#main{
	width: 602px;
	float: left;
}
#main h3{
	width: 602px;
	height: 35px;
	margin-bottom: 10px;
}

/* 20100215追加 */
#e600-list, #e800-list {
	margin: 10px auto;
	width: 590px;
	height: 26px;
}

#e600-list li, #e800-list li {
	margin-right: 10px;
	_margin-right: 10px;
	float: left;
}

#e600-list .adjust,  #e800-list .adjust {
	margin-top: 4px;
}
/* 20100215追加ここまで */

.left-box{
	margin-bottom: 10px;
	width: 602px;
}
.box-1{
	width: 296px;
	margin-right: 9px;
	_margin-right: 5px;
	float: left;
	background: url(../images4/box-1-center.gif) repeat-y;
}
.box-1-border{
	width: 296px;
	height: 3px;
	clear: both;
	background: url(../images4/box-1-border.gif) no-repeat;
}

.mini-box{
	width: 290px;
	height: 113px;
	margin: 0 3px;
	background: #F0FACF;
}

.mini-box-left{
	width: 106px;
	height: 113px;
	float: left;
}
#main .mini-box-left p{
	width: 95px;
	height: 90px;
	margin: 12px 0 0 11px;
}

.mini-box-right{
	width: 184px;
	height: 113px;
	float: right;
}
.mini-box-right dl{
	width: 183px;
	margin-top: 12px;
}
.mini-box-right dt{
	width: 183px;
	height: 26px;
}
.mini-box-right dd{
	width: 183px;
	height: 39px;
}
#main .mini-box-right p{
	width: 101px;
	height: 26px;
	margin: 0 0 0 72px;
}

.mini-box-main{
	width: 290px;
	margin: 0 3px;
}
.mini-box-main dl{
	width: 267px;
}
.mini-box-main dt{
	width: 30px;
	height: 11px;
	margin-top: 20px;
	margin-left: 15px;
}
.mini-box-main dd{
	width: 217px;
	height: 37px;
	margin-left: 50px;
	margin-top: -29px;
}
.mini-box-main ul{
	width: 260px;
	margin: 5px 15px;
}
.mini-box-main li{
	width: 240px;
	line-height: 14px;
	padding-left: 17px;
	background: url(../images4/ico-arrow.gif) no-repeat left top;
	min-height: 1.5em;
	_width: 260px;
	_height: 1.5em;
}

.none{
	margin-right: 0;
}






#left-box-2{
	width: 601px;
	background: url(../images4/main-box-2-center.gif) repeat-y;
	clear: both;
}

.box-2-border{
	width: 601px;
	height: 3px;
	clear: both;
	background: url(../images4/main-box-2-border.gif) no-repeat;
}
#left-box-2-left{
	width: 306px;
	float: left;
}
.box-2{
	width: 296px;
	margin: 10px 0 5px 10px;
	background: url(../images4/box-2-center.gif) repeat-y;
}


.tomako-border{
	width: 296px;
	height: 3px;
	clear: both;
	background: url(../images4/box-2-border.gif) no-repeat;
}
.mini-box-2{
	width: 290px;
	height: 113px;
	margin: 0 3px;
	background: #F5F5FA;
}


#left-box-2-right{
	width: 295px;
	float: right;
}


.main-border{
	width: 591px;
	height: 1px;
	background: url(../images4/dashed.gif) no-repeat;
	margin: 10px 5px;
}
.main-box-3-border{
	width: 601px;
	height: 2px;
	background: url(../images4/main-box-3-border.gif) no-repeat;
}
#left-box-3{
	width: 601px;
	background: url(../images4/main-box-3-center.gif) repeat-y;
color: #333;
}
#left-box-3-1{
	width: 580px;
	margin: 10px;
}
#left-box-3-1 h4{
	width: 580px;
	height: 159px;
}
#left-box-3-1 p{
	color: #666;
	margin: 1px 0 0 5px;
}

#left-box-3-2{
	width: 580px;
	margin: 10px;
}

#left-box-3-2-left{
	width: 348px;
	height: 165px;
	float: left;
}
#left-box-3-2-left p{
	width: 348px;
	height: 165px;
}


#left-box-3-2-right{
	width: 232px;
	float: right;
}
#left-box-3-2-right dl{
	width: 232px;
}
#left-box-3-2-right dt{
	width: 232px;
	height: 27px;
}
#left-box-3-2-right dd{
	width: 210px;
	margin: 5px 0 5px 17px;
}
#left-box-3-2-right p{
	text-align: right;
	width: 232px;
	text-indent: 20px;
	font-weight: bold;
}
#left-box-3-2-right p a{
	color: #C00000;
}
#left-box-3-2-right p a:visited {
	color: #C00000;
}
#left-box-3-2-right p a:hover {
	color: #FF006C;
}
#left-box-3-2-right p a:active{
	color: #C00000;
}


#left-box-3-3{
	width: 580px;
	margin: 10px;
	clear: both;
	background: url(../images4/left-box-3-3-center.gif) repeat-y;
}
#left-box-3-3 h5{
	width: 580px;
	height: 48px;
	margin-bottom: 10px;
}
#left-box-3-3 ul{
	width: 540px;
	margin: 0 20px;
}
#left-box-3-3 li{
	width: 540px;
	line-height: 1.4;
	letter-spacing: 1.5px;
	background: url(../images4/dot.gif) no-repeat left top;
	padding-left: 15px;
	margin: 5px 0;
}

#left-box-3-3 p {
	width: 530px;
	margin-left: 30px;
margin-bottom: 10px;
	color: #C00000;
}
#left-box-3-3 dl{
	width: 580px;
}
#left-box-3-3 dt{
	width: 576px;
	height: 118px;
	margin: 0 2px;
}
#left-box-3-3 dd{
	width: 552px;
	height: 81px;
	margin: 0 14px;
}




.left-box-3-3-footer{
	width: 580px;
	height: 13px;
	background: url(../images4/left-box-3-3-footer.gif) no-repeat;
}





#right{
	width: 200px;
	float: right;
	text-align: center;
	background: url(../common_img/side_frameimg3.gif) repeat-y;
}
#right p{
	width: 200px;
	height: 60px;
	margin-bottom: 20px;
}
#right #p2{
	width: 200px;
	height: 30px;
	margin: 20px 0;
}

#right-side-1{
	width: 160px;
	margin-left: 20px;
	/margin-left: 0;
}
#right-side-1 dl{
	width: 160px;
}
#right-side-1 dt{
	width: 160px;
}
#right-side-1 dd{
	width: 160px;
}
#right-side-1 dd img{
	vertical-align:middle;
}

.right-side-1-footer{
	width: 160px;
	height: 27px;
	background: url(../common_img/side_img8.gif) no-repeat;
}
.right-footer{
	width: 200px;
	height: 10px;
margin-top: 10px;
	background: url(../common_img/side_frameimg4.gif) no-repeat;
}


.footer_img1{
	width: 825px;
	height: 39px;
	background: url(../common_img/footer_img1.gif) no-repeat;
	margin-left: 59px;
}

#footer{
	width: 875px;
	margin-left: 34px;
}
#footer p{
	width: 850px;
	text-align: right;
	margin-bottom: 28px;
}
#footer p img{
	vertical-align: middle;
}


.footer-border{
	width: 943px;
	height: 62px;
	background: url(../images4/footer-border.jpg) no-repeat;
}






.clearfix:after{
	content: ".";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
}

.clearfix{
	display:inline-block;/* MAC IE用　*/
	min-height:1%;/* IE 7用 */
}

/*--MAC IEは非適用→ \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/*--ここまでMAC IEは非適用 */