@charset "utf-8";
/* CSS Document */

body{
	margin: 0px;
	padding: 0px;
	font-family: "メイリオ", "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	line-height: 150%;
	font-size: 80%;
	color: #333;
	background-image:
	background:repeat-x;
}


a:link { color: #006699;text-decoration:underline;}
a:visited { color: #006699;text-decoration:underline;}
a:hover {color: #006699;text-decoration:none;}
a:active {color: #006699;text-decoration:none;}

/* page */

p{
margin:0px;
padding:0px;
}

img{border:0px;}

ul,li,dl.dt.dd{
padding:0px;
margin:0px;}

.tec,.tecb20{ text-align:center;}

.tecb20{margin-bottom:20px;}

.ter,.terb10,.terb30{ text-align:right;}

.terb10{margin-bottom:10px;}
.terb30{margin-bottom:30px;}

.clear{
clear:both;
font-size:1px;
line-height:1px;
}

.mrb10{	margin-bottom:10px;}
.mrb20{	margin-bottom:20px;}
.mrb30{	margin-bottom:30px;}
.mrb40{	margin-bottom:40px;}

.mrl10{ margin-left:10PX;}
.mrl20{ margin-left:20px;}
.mrl60{ margin-left:60px;}

.color1{color:#ff0000;}

/* head */

#header{
	margin: 0px auto;
	width: 900px;
	height: auto;
	padding: 34px 0px 0px;
}

h1{
margin:0px;
padding:9px 0px 0px;
width:254px;
float:left;
}

h2.h3,h4,h5,h6{
margin:0px;
padding:0px;
}

#header1{
	width: auto;
	text-align: right;
	float: right;
	margin-top: 10px;
}

#menu{
margin:0px auto;
width:900px;
height:56px;
overflow:hidden;
}

/* menu */

#menu li{
float:left;
list-style-type:none;
}

#mainimg{
	margin: 0px auto 20px;
	width: 1020px;
	float: inherit;
}

/* contents */

.box1{
	margin: 0px 0px 30px;
	width: 900px;
	padding: 10px 0px 0px;
	background: url(../img/bg_box1a_y.gif) no-repeat top;
	background:url(../img/bg_box1b_yx.png);
	background-repeat:no-repeat
}

.box1-innar{
	width: 900px;
	padding: 0px 0px 10px;
	background: url(../img/bg_box1b.gif) no-repeat bottom;
	background-image:url(../img/bg_box1a_yx.png);
	background-repeat:no-repeat
}



.box1-body{
width:858px;
padding:10px 21px;
background:url(../img/bg_box1c.gif) repeat-y;
background-image:url(../img/bg_box1c_yx.png);
background-repeat:repeat-y;
}

.tpbox{
margin:0px 0px 30px;
width:900px;
}

.tp1{
	width: auto;
	float: left;
}

.tp2{
	width: auto;
	padding: 0px 0px 0px 9px;
	float: left;
}

.tp3{
	width: auto;
	float: right;
}

.tp4{
width:600px;
float:left;
}

.tp5{
width:242px;
float:right;
}

.point{
margin:0px 0px 30px;
width:900px;
height:284px;
text-indent:-9999px;
background:url(img/point.gif) no-repeat;
}

.close{
margin:0px 0px 30px;
width:599px;
height:75px;
padding:111px 0px 0px 301px;
background:url(img/bg_close.jpg) no-repeat;
}

#contents{
margin:0px auto 30px;
width:900px;
}

.step-img{
width:154px;
float:left;
}

.step-text{
width:684px;
float:right;
}


.box2-innar{
width:900px;
padding:0px 0px 10px;
background:url(img/bg_box1b.gif) no-repeat bottom;
}

.box2-body{
width:858px;
padding:10px 21px;
background:url(img/bg_box1c.gif) repeat-y;
}

#accordion h6{
cursor:pointer;
}



.user{
width:858px;
}

.user1{
width:198px;
float:left;
}

.user2{
width:627px;
float:right;
}


.contact-form{
margin:0px 0px 10px;
width:857px;
background:#ccc;
}

.contact-form th{
width:200px;
background:#eee;
vertical-align:top;
padding:8px 10px;
text-align:left;
}

.contact-form td{
padding:8px 10px;
background:#fff;
}


#foot{
width:100%;
height:110px;
text-align:center;
background:url(img/bg_foot.jpg) repeat-x;
}

#foot-menu{
padding:15px 0px 20px;
}

.pv{
margin-bottom:20px;
width:816px;
padding:20px;
height:150px;
overflow:auto;
border:1px #ccc solid;
}

#slideshow .slides-nav li {   
    float: left;  
    margin-right: 5px;  
}  
#slideshow .slides-nav li a {  
    display: block;  
    overflow: hidden;  
    background: url(image/btn.gif) no-repeat;  
    width: 10px;  
    height: 10px;  
    text-indent: -9999px;  
}  
#slideshow .slides-nav:after    { height:0; visibility: hidden; content: ".";   display: block; clear: both; }  
.js #slideshow .slides-nav li.on,  
.js #slideshow .slides-nav li.on a {  
    background: url(image/btn_on.gif) no-repeat;  
}