@charset "UTF-8";
@import "reset.css";


/* Gene
*******************************************************************************/

* {
margin: 0;
padding: 0;
}

a {
color: Green;
}

a:hover {
color: orange;
}


img {
border: none;
}

html,body{
height: 100%;
}

.none {
text-indent: -9999px;
height: 0px;
overflow: hidden;
}

/* Color
*******************************************************************************/



/* Body
*******************************************************************************/

body {
margin: 0;
padding: 0;
color: #333;
font-size: 12px;
text-align: center;
background: #005a00 url(../img/bg_main.jpg) no-repeat scroll 50% 0 ;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#cont {
width: 800px;
line-height:150%;
margin:0 auto;
text-align: left;
background: #005a00 url(../img/bg_main.jpg) no-repeat scroll 50% 0 ;
}

/* Header
*******************************************************************************/

#main {
}

h1 {
float:left;
margin: 0;
width: 500px;
height: 147px;
}

h1 a{
overflow:hidden;
text-indent: -9999px;
display: block;
width: 500px;
height: 147px;
background: url(../img/logo.jpg) no-repeat;
}

#promise {
float:right;
margin: 0;
text-indent: -9999px;
width: 300px;
height: 147px;
background: url(../img/promise.jpg) no-repeat;
}

/* Menu
*******************************************************************************/

#menu {
clear:both;
margin:0;
padding:3px 0 0 0;
}


#menu ul {
list-style: none;
position: relative;
}

#menu ul li {
display: block;
text-indent: -9999px;
overflow:hidden;
position: absolute;
height: 50px;
}

#menu ul li.home_button {
width: 50px;
left: 0;
background: url(../img/bg_menu_home.jpg) no-repeat;
}
#menu ul li.about {
width: 110px;
left: 50px;
background: url(../img/bg_menu_about.jpg) no-repeat;
}
#menu ul li.result {
width: 110px;
left: 160px;
background: url(../img/bg_menu_result.jpg) no-repeat;
}
#menu ul li.product {
width: 110px;
left: 270px;
background: url(../img/bg_menu_product.jpg) no-repeat;
}

#menu ul li.blog {
width: 120px;
left: 380px;
background: url(../img/bg_menu_blog.jpg) no-repeat;
}

#menu ul li.contact {
width: 300px;
left: 500px;
background: url(../img/bg_menu_contact.jpg) no-repeat;
}

#menu ul li a {
padding: 0;
display: block;
height: 50px;
}

#menu ul li.home_button a:hover {
width: 50px;
left: 0;
background: url(../img/bg_menu_home_on.jpg) no-repeat;
}
#menu ul li.about  a:hover{
width: 110px;
left: 50px;
background: url(../img/bg_menu_about_on.jpg) no-repeat;
}
#menu ul li.result  a:hover{
width: 110px;
left: 160px;
background: url(../img/bg_menu_result_on.jpg) no-repeat;
}
#menu ul li.product  a:hover{
width: 110px;
left: 270px;
background: url(../img/bg_menu_product_on.jpg) no-repeat;
}

#menu ul li.blog  a:hover{
width: 120px;
left: 380px;
background: url(../img/bg_menu_blog_on.jpg) no-repeat;
}

#menu ul li.contact  a:hover{
width: 300px;
left: 500px;
background: url(../img/bg_menu_contact_on.jpg) no-repeat;
}


/* Contents
*******************************************************************************/

#page {

clear:both;

}

#page #up-left{
margin: 53px 0 0 0;
float:left;
width:500px;
height:300px;
background:url(/img/main.jpg) #dcdcdc;
}

#page #up-right{
margin: 53px 0 0 0 ;
float:right;
width:300px;
height:300px;
background: #cccccc;

}

#page #up-right a{
width:300px;
height:300px;
background:url(/img/campaign.jpg) 0 0 no-repeat;
display:block;
text-indent:-9999px;
overflow:hidden;
}

#page #up-right a:hover{
background:url(/img/campaign.jpg) 0 -300px no-repeat;
}


#page #down-cont {
clear: both;
background: #ffffff;
height: auto;
display: block;
}

#page .down-left{
clear: both;
border-top:3px solid #A7CA02;
margin: 0;
float:left;
width:500px;
background: #fff;
}

#page .down-left #dl_text {
margin: 20px 20px 0 20px;
color:#333333;
}

#page .down-left #dl_text p {
margin: 0 0 15px 0;
}

#page .down-right{
display: block;
border-top:3px solid #A7CA02;
margin: 0;
float:right;
width:300px;
background: #dddddd url(../img/side_bg.jpg) repeat-x ;
}

#page .down-right ul {
margin:20px 0 0 0;
padding: 0 0 0 20px;
}

#page .down-right ul li {
margin: 0 0 10px 0 ;
}


/* Top
*******************************************************************************/

h2.top{
margin: 0 0 20px 0;
width: 460px;
height: 120px;
text-indent: -9999px;
overflow:hidden;
background: url(../img/yokoso.jpg) no-repeat;
}

#qr{
width:82px;
height:100px;
margin:20px 109px;
}

#markup{
width:260px;
height:31px;
margin:20px auto;
text-align:center;
}

#markup a{
width:88px;
height:31px;
margin:0px 15px;
}


/* Bottom
*******************************************************************************/

#adsense{
width:250px;
background-color:#FF0;
margin:20px 0 20px 20px;
}

#pankuzu{

margin:15px 0;

}

h2.h2about{
width: 460px;
height: 50px;
text-indent: -9999px;
overflow:hidden;
background: url(../img/h2about.jpg) no-repeat;
}

h2.h2result{
width: 460px;
height: 50px;
text-indent: -9999px;
overflow:hidden;
background: url(../img/h2result.jpg) no-repeat;
}

h2.h2product{
width: 460px;
height: 50px;
text-indent: -9999px;
overflow:hidden;
background: url(../img/h2product.jpg) no-repeat;
}

h2.h2contact{
width: 460px;
height: 50px;
text-indent: -9999px;
overflow:hidden;
background: url(../img/h2contact.jpg) no-repeat;
}

h2.h2hear{
width: 760px;
height: 50px;
text-indent: -9999px;
overflow:hidden;
background: url(../img/h2hear.jpg) no-repeat;
}

h2.h2price{
width: 760px;
height: 50px;
text-indent: -9999px;
overflow:hidden;
background: url(../img/h2price.jpg) no-repeat;
}

#bot_contain{
clear:both;
padding: 50px 0 0 0;
}

#info{
padding:0 0 0 10px;
border-left:3px solid green;
}

.tex_red{
color:red;
}

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

#prd_list p{
margin:0 0 0 40px;
color:#aaa;
}

#prd_list strong{
font-size:20px;
color:#060;
}

#prd_list ul{
margin:10px 0 20px 0;
padding:0 0 0 10px;
list-style:disc;
}

#prd_list ul li{
margin:5px 10px;
}

#privacy{
border: 1px solid rgb(204, 204, 204);
margin: 0 0 20px 0;
overflow: auto;
height: 80px;
width: 460px;
}

#privacy_inc{
margin:10px;
}

#bot_max{
margin: 73px 0 0 0;
width:800px;
background: #fff;
}

#bot_max_inc{
margin:0 0 0 20px;
}

#gofc{
margin:0 0 10px 0;
padding:0 0 10px 0;
}

#top_bnr{
margin:0 0 10px 0;
padding:20px 0 10px 0;
}

#soc_book{
display:block;
width:460px;
margin:20px auto 0 auto;
padding:0 0 40px 0;
}

h2.think{
display:block;
background:none #004400;
font-size:20px;
font-weight:900;
text-align:center;
color:#fff;
width:760px;
padding:10px 0;
}

.svgp svg{
border:1px solid #000;
padding:0;
margin:20px 0;
}

.areacontact{
display:none;
}

.areacntct{
display:block;
min-height:670px;
}

.doui{
display:block;
width:100%;
text-align:center;
margin:20px auto;
}

.agree{
padding:5px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* Footer
*******************************************************************************/


#footer {
clear: both;
margin-left: auto;
margin-right: auto;
height: 200px;
background: url(../img/bg_footer.jpg) no-repeat scroll 50% 0;
}

#pagetop{
padding:10px 0 0 0;
text-align:center;
}

#pagetop a{
padding:0 0 0 680px;
color:#fff;
}

#pagetop a:hover{
color:orange;
}


#footer ul{
font-size:11px;
padding:15px 0 0 0;
position:relative;
text-align:center;
top:6px;
}

#footer ul li{
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 10px;
}

#footer ul li a{
color:yellow;
}

#ask_me{
margin:0 267px;
padding:20px 0;
width: 226px;
height: 40px;
}

#ask_me a{
width: 226px;
height: 40px;
display:block;
text-indent: -9999px;
overflow:hidden;
background: url(../img/ask_btn.jpg) 0 0 no-repeat;
}

#ask_me a:hover{
background: url(../img/ask_btn.jpg) 0 -40px no-repeat;
}

#info strong{
color:green;
}

#text_era_cov{
	padding:10px;
	background:#040;
}

#text_era{
	padding:20px 20px 0px 20px;
	background:#f5f5f5;
	color:#FFF;
}

#text_era a{
}

#text_era a:hover{
	background:#F00;
	color:#0F0;
}


#text_era p{
	margin:0!important;
	padding: 0 0 20px 0;
	color:#000;
}

h2.welcomeworld{
	color:#030;
	font-size:16px;
	font-weight:900;
	margin:0 0 10px 0;
}

p.tp_tx700 a{
	clear:both;
	display:block;
	height:80px;
	width:460px;
	background:url(/img/tx700.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

p.tp_tx700 a:hover{
	background:url(/img/tx700.jpg) 0 -80px no-repeat;
}

ul.scibook{
	padding:0 0 0 25px;
	
}

ul.scibook li{
	float:left;
	padding:5px 10px 10px 10px;
}

li.gpl{
width:60px;
}

li.mixib{
width:60px;
}

li.twb{
width:125px;
}

li.fbb{
width:85px;
}

.bdl{
	height:40px;
	text-align:center;
	margin: 20px 0 0 0;
	overflow:hidden;
	border-bottom: dotted 1px #999;
	border-top: dotted 1px #999;
	padding:5px 0 0 0;
}

.lkb{
	background:#fff;
	width:260px;
	overflow:hidden;
}

.addthis_sh{
	text-align:center;
	width:250px;
	background:#fff;
	padding:5px;
}

p.blid1{
height:0;
margin:0!important;
padding:0;
}