spec@charset "utf-8";



/*----------------------------------------
	style
----------------------------------------*/

/*----------------------------------------
	box
----------------------------------------*/


body{

-webkit-text-size-adjust: 100%;
background:url(../images/top/main_bg.jpg) repeat-x;
}

#wrapper{
    width:100%;
    margin:0 auto;
    background:url(../images/top/bg.jpg) no-repeat;
	background-position:top center;
    position:relative;
}

#bg_img{
    background:url(../images/top/main.jpg) no-repeat;
    background-position:center top;
    width:100%;
    height:664px;
    position:absolute;

}

#container{
    width:100%;
    max-width:860px;
    margin:0 auto;
    padding:0;
    position:relative;
}


/*2nd box */

#wrapper2{
    width:100%;

    margin:0 auto;
        background:url(../images/top/bg.jpg) no-repeat;
	background-position:top center;
    position:relative;
}

#bg_img2{
    background:url(../images/2ndtopback.jpg) no-repeat;
    background-position:center top;
    width:100%;
    height:286px;
    position:absolute;
}

#2nd_wrap{
    width:100%;
    max-width:860px;
    position:relative;
}




/*----------------------------------------
	head
----------------------------------------*/

#header{
    width:100%;
    max-height:50px;
    display:block;
    position:relative;
}

#top_span{
    width:100%;
    height:380px;
    position:relative;
}

#kt{
    width:10%;
    max-width:50px;
    margin:0 0 2% 2%;
    padding-top:2%;
}

#kt img{
    width:100%;
}


/*2nd head*/

#top_span2{
    width:100%;
}

#feature{
    width:760px;
    margin:60px auto;
}

#feature a{
	display: block;
	width: 80%;
	margin: 0 auto;
}

#feature img{
	width: 100%;
}



/*----------------------------------------
	side navi
----------------------------------------*/

#side_navi{
    position:fixed;
    display:block;
    right:0;
    top:100px;
    z-index:999;
}

#side_navi_2nd{
    position:fixed;
    display:block;
    right:0;
    top:250px;
    z-index:999;
}


/*----------------------------------------
	gn
----------------------------------------*/


/*gn logo*/

#gn_wrap{
    width:100%;
    max-width:500px;
    margin:0 auto;
    text-align:center;
}

#gn_wrap img{
    width:50%;
    padding:2% 0;

}

#logo img{
    text-align:center;

}






/*footer*/

#footer{
    width:100%;
    height:auto;
    margin-top:4%;
    background:#002968;
    position:relative;
    height:auto;
    margin-bottom:0;
    padding-bottom:0;
}

#foot_line{
    background:url(../images/top/y_line.png) repeat-x;
    width:100%;
    height:5px;
}

#foot_con{
    text-align:center;
    margin:0 auto;
    padding-top:30px;
    padding-bottom:8%;px;
    width:100%;
    max-width:600px;
}

#foot_logo{
    margin:0 auto;
    width:100%;
	max-width:235px;
	text-align:center;
    height:75px;
    display:block;
}

#foot_logo img{
    width:100%;
}

#foot_text{
    padding-top:8px;
    padding-bottom:15px;
    text-align:center;
    color:#FFF;
    font-size:12px;
    width:100%;
}


#uketori{
     display:block;
     position:relative;
     text-align:center;
}

#uketori a,img{
}

#cp{
    font-size:82%;width:580px;margin:0 0 0 17px;;border:1px #039 solid;padding:5px; float:left; height:84px;
}


/*houkoku*/

#houkoku{
    text-align: center;
    width: 100%;
    font-size: 15px;
    z-index: 999;
    margin-top: 20px;
    display: block;
    position: inherit;
}



/*----------------------------------------
update
----------------------------------------*/
#sp_machine{
    background:#FFE5A7;
    width:70%;
    border-radius:10px;
    color:#FFF;
    border:solid #FF3 2px;
    text-align:center;
    font-size:14px;
    padding:10px 5%;
    margin:4% auto 0;
    z-index:200;
}



#sp_machine .title{
    font-weight:bold;
    color:#FF3;
    padding-bottom:2px;

}

#att_block{
    background:#EEE;
    border-radius:5px;
    color:#C00;
    padding:5px 10px;
    width:40%;
    text-align:center;
    margin:15px auto 5px;
    font-weight:bold;
}

#content{
    background:#FFF;
    width:100%;
    max-width:830px;
    border-radius:10px;
    border:solid 1px #B8A24F;
    color:#000;
    font-size:14px;
    padding:3% 0;
    margin:5px auto 0;
    z-index:200;
    line-height:2em;
    min-height:600px;
}


.topics_base{
    background:#002968;
    border-top:solid 2px #BE9B5C;
    border-bottom:solid 2px #BE9B5C;
    padding:1% 2% 1%;
    width:96%;

}

.topics_base h3 {
    color:#FFF;
    font-size:16px;
    font-weight:bold;
    margin:0;
    padding:0;
}

.topics_wrap{
    background:#FFF;
    padding:0;
    width:100%;
    max-width:800px;
    display:block;
    margin-bottom:4%;
    margin:0 auto;
}

.topics_wrap table{
    margin:0 auto;
}


.topics_txt{
    color:#003;
    width:90%;
    margin:0 auto;
    display:block;
}




.imageframe{
    display:inline-block;
    width:100%;
    max-width:775px;
    text-align:center;
}

.imagebox{
    width:100%;
    padding:2% 0;
    margin:0 auto 1%;
}


.imagebox img{
    float:left;
    max-width:320px;
    min-width:48px;
    margin:1%;

}

#pc_start{

    width:100%;
    max-width:350px;
    margin:5% auto;
}

#pc_start img{
    width:100%;
}

#sp_start{
    width:100%;
    max-width:320px;
    margin:5% auto;
}


#sp_start img{
    width:100%;
}


/*----------------------------------------
	common
----------------------------------------*/

.clear{
clear:both;
}

.mp0{
    margin:0;
    padding:0;
}

.blockcenter{
    margin-left:auto;
    margin-right:auto;
    display:block;
}

.f_left{
    float:left;
}

.f_right{
    float:right;
}

a {
    border:none; outline:none; text-decoration:none;
}

area{
    border:none; outline:none;
}

.dis_none{
    display:none;
}

.mini{
    color:#003;
    font-size:80%;
}




/*----------------------------------------
	origin
----------------------------------------*/



body{
padding:0px;
font-size:18px;
}

table.tbl{
width:700px;
margin:0 auto;
border-collapse:collapse;
border-top:dotted 1px #660000;
}

table.tbl th{
	padding: 10px 0;
	font-weight: 800;
	vertical-align: top;
	line-height: 1.6;
	color: #069;
	border-bottom:dotted 1px #660000;
}
table.tbl td{
padding:10px 0;
font-weight:normal;
vertical-align:top;
line-height:1.6;
border-bottom:dotted 1px #660000;
}

table.tbl td span{
display:inline-block;
padding:2px 10px;
font-size:0.78em;
}

table.tbl td span.company{background:#0066cc;color:#fff;}
table.tbl td span.products{background:#0dd000;color:#fff;}

a:link { color: #36C; font-weight:bold;}
a:visited { color: #36C;}
a:hover { color: #09F;}
a:active { color: #0FF;}


.ulRight{
    padding-left:2em;
}

h1{
    margin-left:6%;
    font-size:20px;
}