body,h1,h2,h3,p,div,ul,ol,li,dl,dd,dt,table,form,blockquote,pre,address,p, hr{
margin : 0;
padding : 0;
}
body{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow-y: scroll;
overflow-x: hidden;
width : 100%; 				/* IEで横スクロールバーが出たときの保険 */
text-align: center;
font-family:'Lucida Grande', Meiryo, sans-serif;
background: #f0f0f0;
}
h1,h2,h3 {
font-weight: normal;
}
img {
border : none;
}
.hide {
display: none;
}

span{
display: none;
}

#container-out {
width : 800px;
margin-left : auto;
margin-right : auto;
text-align: center;
}

#container-in {
width : 800px;
margin-left : auto;
margin-right : auto;
text-align: left;
background: #fff;
}
#header{
width : 800px;
margin : 0;
}

#main{
width : 800px;
margin: 0;
float : left;
text-align: left;
background: #fff;
}
#main p{
text-align: left;
padding: 0 0 0 0;
}
span.nodisplay{
display: none;
}
#main a:hover {
background-position: bottom;
}

#footer{
clear: both;
padding: 50px 0 50px 0 ;
margin: 0 auto 0 auto;
width : 800px;
height: 200px;
clear : both;
text-align: center;
background: #fff url(img/kyoutsu_hakama.png) no-repeat 50px 150px;
}
#footer p{
text-align: right;
padding: 30px 50px 30px 50px;
}
#footer p a{
display: block;
text-decoration: none;
background: #fff url(img/kyoutsu_arrow.png) no-repeat top right;
height:48px;
padding-right: 70px;
}
#footer p a:hover{
text-decoration: underline;
background-position: bottom right;
}

/* 各ページ要素 */

/* トップ */
#top-main{
height: 886px;
background: #fff url(img/top_main.jpg) no-repeat 0 0;
}
#top-main ul {
list-style-type : none;
padding: 282px 0 60px 642px;
}
#top-main li {
height: 71px;
}
#top-main li a, #top-main li img{
display: block;
height: 62px;
width:	62px;
}
#top-menu2 a{
background: url(img/top_condition.png) no-repeat 0 0;
}
#top-menu3 a{
background: url(img/top_process.png) no-repeat 0 0;
}
#top-menu4 a{
background: url(img/top_point.png) no-repeat 0 0;
}
#top-menu5 a{
background: url(img/top_guide.png) no-repeat 0 0;
}

#top-message{
padding: 0 0 0 100px;
}
#top-message p{
font-size: 11px;
height: 17px;
}
#top-message strong{
color: #d86ad2;
}
#top-link {
padding: 0 0 0 515px;
}
#top-link a{
display: block;
height: 115px;
width:	115px;
background: url(img/top_damage.png) no-repeat 0 0;
}


#common-head{
height: 142px;
width:	800px;
background: url(img/kyoutsu_head.png) no-repeat 0 0;
font-size: 9px;
}
#common-head a{
display: block;
}
#common-head img{
padding: 96px 0 0 46px;
width: 232px;
height: 18px;
float: left;
}
#common-head .this a{
background-position: bottom;
}
#common-head li{
list-style-type : none;
list-style-image: none;
float:left;
width:	90px;
padding: 0px 1px 0 1px;
}
#common-head-menu{
padding: 55px 0 0 336px;
}
#common-head-menu1 a{
width:	27px;
height: 12px;
background: url(img/kyoutsu_contents_top.png) no-repeat 0 0;
}
#common-head-menu2 a{
width:	82px;
height: 25px;
background: url(img/kyoutsu_contents_deteima.png) no-repeat 0 0;
}
#common-head-menu3 a{
width:	69px;
height: 12px;
background: url(img/kyoutsu_contents_process.png) no-repeat 0 0;
}
#common-head-menu4 a{
width:	63px;
height: 25px;
background: url(img/kyoutsu_contents_treepoint.png) no-repeat 0 0;
}
#common-head-menu5 a{
width:	46px;
height: 12px;
background: url(img/kyoutsu_contents_guide.png) no-repeat 0 0;
}
#common-head-sub .this a{
background-position: 0 0;
}
#common-head-sub li {
width:	80px;
height: 9px;
padding: 6px 0 0 0;
background: none;
background-position: 0 0;
}
#common-head-sub1 a{
width:	72px;
height: 9px;
background: url(img/kyoutsu_point1.png) no-repeat 0 0;
}
#common-head-sub2 a{
width:	80px;
height: 9px;
background: url(img/kyoutsu_point2.png) no-repeat 0 0;
}
#common-head-sub3 a{
width:	76px;
height: 9px;
background: url(img/kyoutsu_point3.png) no-repeat 0 0;
}

#condition-main{
margin: 0;
padding: 300px 0 0 0;
width:	800px;
background: #fff;
background-image: url(img/condition_main.jpg);
background-repeat: no-repeat;
}
#condition-img{
width:	400px;
height: 280px;
}
#condition-main h2{
color: #d86ad2;
}
#condition-main div{
padding: 10px 20px 0 20px;
}
#condition-main p{
padding: 10px 50px 0 50px;
}
.condition-main-odd {
clear:both;
text-align: left;
}
.condition-main-odd img{
float:left;
padding: 10px;
}
.condition-main-even{
clear:both;
text-align: right;
}
.condition-main-even img{
float:right;
padding: 10px;
}


.process-main{
clear: both;
background: #fff;
background-image: url(img/process_mainph.jpg);
background-repeat: no-repeat;
background-position: right top;
padding: 80px 0 0 50px;
font-size: 12px;
}
.process-main{
font-size: 12px;
}
.process-caption{
padding: 20px 20px 0 0;
margin-bottom: 100px;
width: 200px;
}
.process-main h2{
padding-top: 20px;
}
.process-koutei{
clear: both;
padding: 10px 20px 0 180px;
text-align: left;
}
.process-koutei-roller{
position:relative;
z-index:2;
top:	50px;
left: -150px;
width:224px;
height:53px;
text-align:left;
background-image: url(img/process_roller.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.process-koutei-roller p{
position:relative;
top:	17px;
left:	94px;
font-size: 16px;
}
.process-koutei-col{
position:relative;
z-index:1;
float: left;
top:	-60px;
padding: 0 20px 0 0;
width: 160px;
}
.process-koutei-col img{
width: 160px;
height:120px;
}
.process-koutei-col p{
padding: 0;
width: 160px;
}
.process-example{
padding: 20px 0 0px 0;
height: 350px;
}
.process-example-after {
float: right;
padding: 0 40px 50px 0;
width:	417px;
height: 313px;
}
.process-example-before {
clear: both;
padding: -213px 10px 100px 0;
width:	276px;
height: 207px;
}

ul#point-index {
list-style-type : none;
padding: 13px 0 0 250px;
}
#point-index .this a{
background-position: bottom;
}

#point-index li{
float: left;
border-style: solid;
border-color: black;
border-width: 0 0 0 1px;
}
li#point-point3 {
border-width: 0 1px 0 1px;
}
#point-index a{
display: block;
margin: 0 20px 0 20px;
}
#point-point1 a{
height: 15px;
width: 115px;
background: url(img/point_point1.png) no-repeat 0 0;
}
#point-point2 a{
height: 16px;
width: 129px;
background: url(img/point_point2.png) no-repeat 0 0;
}
#point-point3 a{
height: 16px;
width: 143px;
background: url(img/point_point3.png) no-repeat 0 0;
}


#point1-main{
clear: both;
background: #fff;
background-image: url(img/point1_main.jpg);
background-repeat: no-repeat;
text-align: left;
}
#point1-sub{
padding: 500px 48px 0 48px;
width: 704px;
font-size: 20px;
color: #33aa20;
text-align: left;
}
#point1-sample{
width: 702px;
height: 95px;
padding: 0 0 20px 0;
}
.point1-img{
float:left;
width: 139px;
height:168px;
}
#point1-sub p{
text-align: left;
padding: 10px 10px 20px 430px;
font-size: 15px;
color: #2033aa;
}
#point1-link a{
padding: 0;
display: block;
float:right;
width: 275px;
height: 30px;
background: url(img/point1_link.png) no-repeat 0 0;
}

#point2-main{
background: #fff;
background-image: url(img/point2_main.jpg);
background-repeat: no-repeat;
height: 700px;
}
#point2-main h2{
color: #fff;
font-size: 12px;
text-style: none;
}
#point2-main div{
color: #fff;
font-size: 10px;
}
#point2-study{
text-align: left;
padding: 218px 98px 0 576px;
}
#point2-okiba h2{
text-align: right;
}
#point2-okiba{
padding: 130px 576px 0 100px;
}


#point3-main{
background: #fff;
background-image: url(img/point3_main.jpg);
background-repeat: no-repeat;
}
#point3-before{
width:	316px;
height: 237px;
padding: 230px 20px 50px 430px;
}
#point3-after{
width:	422px;
height: 316px;
padding: 40px 20px 0 50px;
float:left;
}
#point3-main p{
padding: 0 20px;
}
#point3-click{
width:	261px;
height: 36px;
padding: 40px 40px 0 0;
clear:both;
}
#point3-main ul{
list-style-type : none;
height:  42px;
}
#point3-main ul img{
width:	168px;
height:  42px;
}
#point3-main li img{
padding: 0 0 0 40px;
}
#point3-main .this img{
padding: 0 0 0 0;
}


hr{
border: none;
border-top: solid 1px #ccc;
height: 1px;
color: #f0f0f0;
}
.about-main{
width: 800px;
background: url(img/guide_mainph.jpg) no-repeat right top;
font-size: 12px;
text-align: left;
}
.about-main div{
width: 400px;
padding: 20px 0 0 50px;
}
.about-main h2{
padding: 10px 0 0 0;
font-size: 12px;
}
.about-sub {
padding: 30px 0 0 0;
}
.about-sub h1{
font-size: 14px;
font-weight: bold;
}
.about-sub p{
font-size: 16px;
font-weight: bold;
}
.about-sub table{
margin-top: 50px;
padding: 0;
text-align: left;
border-collapse: collapse;
}
.about-sub tr{
padding: 0px 0 20px 0;
height: 150%;
}
.about-sub th{
width: 150px;
text-align: left;
vertical-align: top;
font-weight: normal;
}
.about-sub ul{
list-style-type : none;
}
.about-topline{
border-top: 1px solid #ccc;
}
.about-topline th, .about-topline td{
padding: 15px 0 20px 0;
}