@charset "utf-8";
/* ============================
Refine CSS
Dir KAZ
Site:Refineサイト
Day:2010/1
==============================*/
html {overflow-y:scroll;}
body{
	margin: 0;
	padding: 0;
	color: #333;
	line-height:18px;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "メイリオ", Meiryo, Osaka;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
/*	background-color: #FCFCFC;*/
}
a:link{
	text-decoration: underline;
	color:#069;
}
a:visited {
	text-decoration: underline;
	color: #069;
}
a:hover {
	text-decoration: underline;
	color:#F06;
}
a:active {
	text-decoration: none;
}

em{
	font-weight: bold;
	font-style: normal;
}
img{border:0px;}
.box_textl{
	line-height: 15px;
}
/*基本
====================================*/
/*Font Weight*/
.bold{font-weight:bold}

/*余白/マージン*/
/*カラー*/
.red{color:#FF0000;}
.bule{color:#0099CC;}
.pink{color: #FF8989;}
.white{color: #FFFFFF;}
.gray{color: #333;}

/*サイズ*/
.font8{font-size: 8px;}
.font10{font-size: 10px;}
.font11{font-size: 11px;}
.font12{font-size: 12px;}
.font14{font-size: 14px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font24{font-size: 24px;}

.lh30{
	line-height: 30px;
}


/*Font Weight*/
.bold{font-weight:bold}
/*文字のレイアウト*/
.text_l{text-align: left;}
.text_c{text-align: center;}
.text_r{text-align: right;}
.textline{
	text-decoration: line-through;
}
/*マージン*/
.mt10{ margin-top:10px;}
.mb3{margin-bottom: 3px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb50{margin-bottom: 50px;}
.mr5{margin-right: 5px;}
.pl20{padding-left: 20px;}
.pl40{padding-left: 40px;}
.pAll{padding:10px;}
/*ボーダーt*/
.line_dot{
	height: 1px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
}
/*オンイメージ*/
.img{	
	opacity:0.6;
	filter: alpha(opacity=60);
}
a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}
.clear{clear: both;}
/*メニューのデザイン*/
.home_btn a{
	height: 45px;
	width: 40px;
	background-image: url(../img/home_btn.jpg);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	position: absolute;
	left: 0;
	top: 0;
}

/* グローバルメニューのスタイル */

ul#menu{
	list-style:none;
	width:900px;
	padding: 0px;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
}
ul#menu li{
	list-style:none;
	float:left;
	width:150px;
	margin: 0px;
	padding: 0px;
}
ul#menu a{
	display:block;
	width:150px;
	height:45px;
	text-indent:-9999px;
	background-image: url(../img/menu.jpg);
}

a.aboutus{
background-position:920px 0px;

}
a:hover.aboutus{
    background-position:920px -45px;
}
a.result{
background-position:770px 0px;

}
a:hover.result{
    background-position:770px -45px;
}
a.price{
background-position:620px 0px;

}
a:hover.price{
    background-position:620px -45px;
}
a.flow{
background-position:470px 0px;

}
a:hover.flow{
    background-position:470px -45px;
}
a.faq{
background-position:320px 0px;

}
a:hover.faq{
    background-position:320px -45px;
}
a.contact{
background-position:170px 0px;

}
a:hover.contact{
    background-position:170px -45px;
}
/*//*/
/*メインボタン*/
.main_btn{
	background-repeat: no-repeat;
	height: 62px;
	width: 953px;
	;
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
}
.main_btn_01 a{
	height: 62px;
	width: 239px;
	display: block;
	background-image: url(../img/main_b_01.jpg);
	float: left;
}
.main_btn_01 a:hover{
	background-image: url(../img/main_b_01_on.jpg);
	
}
.main_btn_02 a{
	height: 62px;
	width: 237px;
	display: block;
	background-image: url(../img/main_b_02.jpg);
	float: left;
}
.main_btn_02 a:hover{background-image: url(../img/main_b_02_on.jpg);}
.main_btn_03 a{
	height: 62px;
	width: 238px;
	display: block;
	background-image: url(../img/main_b_03.jpg);
	float: left;
}
.main_btn_03 a:hover{background-image: url(../img/main_b_03_on.jpg);}
.main_btn_04 a{
	height: 62px;
	width: 239px;
	display: block;
	background-image: url(../img/main_b_04.jpg);
	float: left;
}
.main_btn_04 a:hover{background-image: url(../img/main_b_04_on.jpg);}


/*デザインスタイル*/
#wrapper{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

#header{
	height: 80px;
	width: 100%;
	background-image: url(../img/header_img.jpg);
	background-repeat: no-repeat;
	position: relative;
}
#sitetitle {
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	text-indent: -9999px;
}
#sitetitle a{
	display: block;
	width: 380px;
	height: 80px;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}
h1{
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
}
.seo_text{
	height: 11px;
	width: 458px;
	position: absolute;
	left: 484px;
	top: 0px;
	font-size: 10px;
	text-align: right;
	line-height: 11px;
}
h2{
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #E9007F;
}
h3{
	font-size: 16px;
	color: #900;
	font-weight: bold;
	line-height: 22px;
	margin: 0px;
	padding: 0px;
}
.pr_head{
	height: 60px;
	width: 468px;
	position: absolute;
	left: 484px;
	top: 15px;
}
#pan_list{
	height: 36px;
	width: 953px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../img/pan_list_bg.jpg);
	background-repeat: no-repeat;
	line-height: 36px;
	position: relative;
}

.index_text a{
	position: absolute;
	font-size: 11px;
	font-weight: bold;
	width: 213px;
	height: 36px;
	left: 6px;
	top: 0;
	text-align: center;
	text-decoration: none;
}
.index_text a:hover{
	color: #F69;
}
.list_text{
	position: absolute;
	height: 36px;
	left: 235px;
	top: 0px;
	width: 403px;
}
.yaf_cat{
	font-size: 10px;
	text-align: right;
	background-repeat: no-repeat;
	background-position: 5px 70px;
	position: absolute;
	left: 778px;
	top: 0px;
	width: 170px;
	height: 36px;
}
#mainmenu{
	height: 45px;
	width: 960px;
	background-repeat: no-repeat;
	position: relative;
	background-image: url(../img/menubg.jpg);
}

/*コンテンツのスタイル
===================================*/


#main_wrapper{
	width: 953px;
	margin-right: auto;
	margin-left: auto;
}
.main_img{
	margin-right: auto;
	margin-left: auto;
	width: 953px;
	margin-bottom: 15px;

}
.index_box{
	float: left;
	margin-bottom: 15px;
	width: 748px;
}
.index_box2{
	float: right;
	margin-bottom: 15px;
	width: 748px;
}
.left_clm{
	width: 260px;
	margin-right: 15px;
	float: left;
	margin-bottom: 15px;
}
.center_clm{
	width: 473px;
	float: left;
	margin-bottom: 15px;
}
/*チェンジ*/
.left_clm2{
	width: 260px;
	float: right;
	margin-bottom: 15px;
}
.center_clm2{
	width: 473px;
	margin-right: 15px;
	float: left;
	margin-bottom: 15px;
}
/*ここまで*/
.main_box{
	margin-bottom: 15px;
	width: 748px;
}
.right_clm{
	width: 190px;
	float: right;
	margin-bottom: 15px;
}
.right_clm_index{
	width: 190px;
	float: left;
	margin-bottom: 15px;
}

/*IE6用
----------------------------------------------*/
* html #main_wrapper{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

/*IE6用ここまで
----------------------------------------------*/


/*各ボックスのスタイル*/
.index_refine{
	width: 465px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding: 3px;
}
.center_title{
	font-weight: bold;
	line-height: 36px;
	height: 36px;
	width: 461px;
	padding-left: 12px;
	background-image: url(../img/center_title.jpg);
	font-size: 14px;
}
.right_title{
	background-image: url(../img/right_title.jpg);
	line-height: 36px;
	font-weight: bold;
	height: 36px;
	width: 178px;
	padding-left: 12px;
	font-size: 14px;
}
.right_box{
	width: 178px;
	background-color: #FFF;
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	margin-bottom: 10px;
}

/*チェックボックスのスタイル
===================================*/
.check_hp a{
	background-image: url(../img/hp_title.jpg);
	height: 45px;
	display: block;
	text-indent: -9999px;
}
.check_hp a:hover{background-image: url(../img/hp_title_on.jpg);}
.check_ec a{
	background-image: url(../img/ec_title.jpg);
	height: 45px;
	display: block;
	text-indent: -9999px;
}
.check_ec a:hover{background-image: url(../img/ec_title_on.jpg);}
.check_contact a{
	background-image: url(../img/contact_title.jpg);
	height: 45px;
	display: block;
	text-indent: -9999px;
}
.check_contact a:hover{background-image: url(../img/contact_title_on.jpg);}
.check_seo a{
	background-image: url(../img/seo_title.jpg);
	height: 45px;
	display: block;
	text-indent: -9999px;
}
.check_seo a:hover{background-image: url(../img/seo_title_on.jpg);}
.check_updata a{
	background-image: url(../img/updata_title.jpg);
	height: 45px;
	display: block;
	text-indent: -9999px;
}
.check_updata a:hover{background-image: url(../img/updata_title_on.jpg);}
.check_media a{
	background-image: url(../img/media_title.jpg);
	height: 45px;
	display: block;
	text-indent: -9999px;
}
.check_media a:hover{background-image: url(../img/media_title_on.jpg);}
.check_cost a{
	background-image: url(../img/cost_title.jpg);
	height: 45px;
	display: block;
	text-indent: -9999px;
}
.check_cost a:hover{background-image: url(../img/cost_title_on.jpg);}
.check_eco a{
	background-image: url(../img/eco_s_title.jpg);
	height: 45px;
	display: block;
	text-indent: -9999px;
}
.check_eco a:hover{background-image: url(../img/eco_s_title_on.jpg);}

/*ここまで*/


.long_title{
	font-size: 14px;
	line-height: 36px;
	height: 36px;
	width: 736px;
	padding-left: 12px;
	background-image: url(../img/long_title.jpg);
	font-weight: bold;
}
.news_wrp{
	background-color: #FFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	width: 746px;
}
.news_left{
	float: left;
	width: 396px;
	background-color: #FFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	padding: 5px;
	margin-right: 10px;
}
.news_days{
	font-size: 10px;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	line-height: 25px;
	padding-top: 5px;
}
.news_right{
	width: 322px;
	float: left;
	padding: 3px;
}

/*IE6用
----------------------------------------------
* html 

IE6用
----------------------------------------------*/

.sitemap_title{
	background-image: url(../img/sitemap_index_title.jpg);
	width: 933px;
	margin-right: auto;
	margin-left: auto;
	height: 36px;
	line-height: 36px;
	padding-right: 10px;
	padding-left: 10px;
}
.sitemap_box{
	width: 931px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
.sm_text{
	float: left;
	width: 150px;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 15px;
}

#footer_main{
	height: 100px;
	width: 100%;
	clear: both;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #666666;
	background-color: #FEFEFE;
}
.footer_menu{
	height: 190px;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 18px;
	width: 960px;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
	color: #FFFFFF;
	margin-top: 20px;
}




/*ここから下層ページのデザイン
------------------------*/
.pages_box{
	float: left;
}
.two_clm{
	width: 678px;
	float: left;
	margin-bottom: 15px;
}
.under_left_box{
	float: left;
	margin-bottom: 30px;
}
.under_left_box2{
	float: right;
	margin-bottom: 30px;
}

.pages_navi {
	width: 173px;
	line-height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	background-image: url(../img/icon_arrow.jpg);
	background-repeat: no-repeat;
	background-position: 5px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 12px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	font-weight: bold;
}

/*
------------------------*/
/*価格、チェック*/
.pages_text{
	width: 700px;
	margin-left: 24px;
	margin-bottom: 15px;
}




/*実績*/
.box_text{
	width: 660px;
	margin-left: 33px;
	padding: 10px;
	border: 1px solid #CCC;
	margin-bottom: 20px;
}
.d_box{
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}
.d_img{
	width: 220px;
	float: left;
	border: 1px solid #333;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.d_name{
	font-size: 11px;
	color: #333;
	float: right;
	width: 380px;
	font-weight: bold;
}
.d_icon{
	float: right;
	height: 20px;
	width: 380px;
}
.d_text{
	float: right;
	width: 380px;
	margin-bottom: 20px;
}
.d_img_02{
	float: right;
	width: 380px;
	margin-bottom: 10px;
}
.d_img_03{}

.flow_box{width:748px;}

/*トップページSEOテキスト*/
.top_text{
	padding: 5px;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 10px;
}
.top_box{
	width: 179px;
	float: left;
	padding: 3px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-left-color: #CCC;
}
.top_box_l{
	width: 180px;
	float: left;
	padding: 3px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}
.top_box_r{
	width: 180px;
	float: left;
	padding: 3px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-left-color: #CCC;
}
.top_text_b{
	font-size: 14px;
	font-weight: bold;
	background-image: url(../img/icon_arrow.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 8px;
	background-color: #F2F2F2;
	margin-bottom: 10px;
}

/*ページ用価格表*/
.price_mokuteki{
	background-image: url(../../price/img/hp_mokuteki.jpg);
	height: 112px;
	width: 700px;
	font-weight: bold;
	text-align: center;
}
.ec_mokuteki{
	background-image: url(../../price/img/ec_mokuteki.jpg);
	height: 106px;
	width: 700px;
	font-weight: bold;
	text-align: center;
}
.price_box{
	width: 700px;
	color: #000;
}
.price_01{
	float: left;
	width: 232px;
	color: #000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}
.price_02{
	float: left;
	width: 232px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}
.price_03{
	float: left;
	width: 234px;
}
.flow_week{
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #09C;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 24px;
}
.price_text{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #F3C;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 30px;
	height: 60px;
}
.detail_btn a{
	background-image: url(../../price/img/detail_btn.jpg);
	display: block;
	height: 60px;
	width: 200px;
	text-indent: -9999px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
.detail_btn a:hover{
	background-image: url(../../price/img/detail_btn_on.jpg);
}

.com_img{
	float: left;
	width: 77px;
}
.com_text{
	float: right;
	border: 4px solid #FE9A9A;
	padding: 10px;
	font-size: 12px;
	line-height: 18px;
	width: 592px;
}
.com_text2{
	float: right;
	border: 4px solid #C9CACC;
	padding: 10px;
	font-size: 12px;
	line-height: 18px;
	width: 592px;
}
/*ここから改修2010/06/11*/
#index_wrp{
	background-image: url(../img/main_bg.jpg);
	background-repeat: repeat-x;
}