#checkcolor{
	background:#ffcccc;
}


/*------------------------------
基本構成
------------------------------*/

body {
	text-align:center;
	background:url("../images/cf/bg.gif") 50% 0%;
	color:#666666;
	font-size:12px;
	line-height:140%;
}

#wrapper{
	margin:0 auto;
	width:820px;
	background :url("../images/cf/wrapper_bg.jpg") repeat-y;
}

#header{
	position:relative;
	width:800px;
	height:78px;
	text-align:left;
}

#header .logo{
	position:absolute;
	top:15px;
	left:15px;
}

#header .tel{
	position:absolute;
	top:32px;
	left:235px;
	font-size:6px;
}

#header h1{
	position:absolute;
	top:12px;
	left:235px;
	font-size:10px;
	color:#33ccff;
}

#header .banner01{
	position:absolute;
	top:32px;
	left:530px;
	font-size:6px;
}

#header .banner02{
	position:absolute;
	top:32px;
	left:620px;
	font-size:6px;
}

#header .banner03{
	position:absolute;
	top:32px;
	left:710px;
	font-size:6px;
}

/* title (mailform.htmlを除くxhtml文書に適応) */

#title{
	margin:0 auto;
	position:relative;
	width:770px;
	text-align:left;
}

#title .pagetitle{
	width:245px;
	height:41px;
}

#title .pankuzu{
	width:245px;
	height:19px;
	line-height:15px;
	font-size:10px;
}

#title .banner{
	position:absolute;
	top:0px;
	right:0px;
	width:468px;
	height:60px;
}

/* title (mailform.html専用) */

#title_mailform{
	margin:0 auto;
	position:relative;
	width:770px;
	text-align:left;
}

#title_mailform .pagetitle_mailform{
	width:245px;
	height:33px;
}

#title_mailform .pankuzu_mailform{
	width:245px;
	height:19px;
	line-height:15px;
	font-size:10px;
}

#title_mailform .banner_mailform{
	position:absolute;
	top:15px;
	right:0px;
	width:499px;
	height:52px;
}


#subnavi{
	margin:0 auto;
	width:800px;
	height:32px;
	line-height:32px;
	background:#d0f1fe;
}

#footer{
	margin:0 auto;
	position:relative;
	width:800px;
	height:64px;
	background:url("../images/cf/footer_bg.jpg") no-repeat;
}

#footer .toyuyu{
	position:absolute;
	top:40px;
	left:68px;
}

#footer .mailto{
	position:absolute;
	top:34px;
	left:400px;
}

#footer .toyuyu2{
	position:absolute;
	top:14px;
	left:600px;
}

#copyright{
}

.unit_88px{
	float:left;
	margin-bottom:10px;
	width:88px;
	height:50px;
	font-size:10px;
	text-align:center;
}

/*------------------------------
index.html
------------------------------*/

#index{
	margin:0 auto;
	width:770px;
	text-align:left;
}

#index .main_banner{
	width:770px;
	height:300px;
}

#index .container{
	float:left;
	width:770px;
	background:url("../images/index/image.jpg") no-repeat 100% 0%;
}

#index .container td{
	vertical-align:middle;
	padding-bottom:10px;
}

#index .qr{
	width:190px;
	padding-right:20px;
	*padding-left:18px;
	
}

/*------------------------------
function.html
------------------------------*/

#function{
	margin:0 auto;
	width:770px;
	text-align:left;
}

#function .container{
	position:relative;
	background:url("../images/function/container_bg.jpg") no-repeat 100% 0%;
	border: 1px solid #ff85c2
}

#function .container .sample01{	position:absolute;	top:460px;	left:506px;	_left:492px;}
#function .container .sample02{	position:absolute;	top:460px;	left:636px;	_left:622px;}
#function .container .sample03{	position:absolute;	top:630px;	left:506px;	_left:492px;}
#function .container .sample04{	position:absolute;	top:630px;	left:636px;	_left:622px;}
#function .container .sample05{	position:absolute;	top:800px;	left:506px;	_left:492px;}
#function .container .sample06{	position:absolute;	top:800px;	left:636px;	_left:622px;}


#function .container .area01{top:  0px; left:  0px;}
#function .container .area02{margin-top:115px;}

#function .container .area02 .table01{
	width:472px;
}

#function .container .area02 .table02 table{
	text-align:center;
}

#function .container .area02 .table02 td{
	width:100px;
}

#function .container .area02 .table02 td .text{
	margin-right:5px;
	margin-bottom:5px;
	padding:2px;
	background:#cfeffe;
	font-size:9px;
}

/*------------------------------
option.html
------------------------------*/

#option{
	margin:0 auto;
	width:770px;
	text-align:left;
}

#option .container{
	margin:0 auto;
	width:770px;
	border-left:1px solid #a7a4ff;
	border-right:1px solid #a7a4ff;
	border-bottom:1px solid #a7a4ff;
}

#option .container table{
	display:inline;
	float:left;
	margin-left:20px;
	margin-top:15px;
	width:350px;
}

/*------------------------------
results.html
------------------------------*/

#results{
	margin:0 auto;
	width:770px;
	text-align:left;
}

#results .container table{
	display:inline;
	float:left;
	margin-right:8px;
	margin-top:15px;
	width:182px;
}

#results .container table{
	font-size:9px;
	line-height:12px;
}

#results .container table .text{
	padding-top:1px;
}



/*------------------------------
price.html
------------------------------*/

#price{
	margin:0 auto;
	width:770px;
	text-align:left;
}

#price .main_img01{
	position:relative;
	width:770px;
	height:225px;
	background:url("../images/price/main_img01.jpg") no-repeat;
}

#price .main_img01 .text{
	position:absolute;
	top:190px;
	left:15px;
	font-size:10px;
	line-height:120%;
}

#price .main_img02{
	position:relative;
	width:770px;
	height:160px;
	background:url("../images/price/main_img02.jpg") no-repeat;
}

#price .main_img02 .text{
	position:absolute;
	top:126px;
	left:15px;
	font-size:10px;
	line-height:120%;
}

#price .check{
	color:#9900ff;
	font-weight:bold;
}

#price table td{
	font-size:12px; line-height:140%;
	padding-top:5px;
	padding-bottom:5px;
}

#price table td.line{
	height:1px;
	line-height:1px;
	font-size:0px;
}

#price .otheroption{
	float:left;
	width:360px;
}

#price .otheroption2{
	float:right;
	width:360px;
}


#price .attention{
	margin:0 auto;
	width:534px;
	height:12px;
}

#price .attention_text{
	margin:0 auto;
	width:532px;
	_width:534px;
	border-left:1px solid #ff0000;
	border-right:1px solid #ff0000;
	border-bottom:1px solid #ff0000;
	text-align:left;
}

/*------------------------------
mailform.html
------------------------------*/

#mailform{
	position: relative;
	margin:0 auto;
	width:770px;
	text-align:left;
}




#mailform .formline{
	border:1px dotted #4ac1f0;
}

#mailform .form{
}

#mailform .form td{
	padding-left:40px;
	padding-top:10px;
	padding-bottom:10px;
}

#mailform .form td.line{
	padding:0px;
	width:700px;
	border-bottom:1px dotted #4ac1f0;
}

.sendimg{
	width:88px;
	height:30px;
	border:0;
	background:url(../images/mailform/button_send.jpg) no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}

.resetimg{
	width:87px;
	height:30px;
	border:0;
	background:url(../images/mailform/button_reset.jpg) no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}

.inputimg{
	border:1px solid #999999;
	background:url("../images/mailform/form_bg.gif");
}


/*------------------------------
thanks.html
------------------------------*/

#thanks{
	margin:0 auto;
	margin-top:100px;
	margin-bottom:400px;
	padding:30px;
	width:380px;
	background:#fafad2 ;
	border:3px solid #4ac1f0;
}

/*------------------------------
login.html
------------------------------*/


#login{
	margin:0 auto;
	margin-bottom:400px;
}


/*------------------------------
firefox 背景表示用ハック すべて入力後に問題がなければ全て削除
------------------------------*/

#wrapper {
    overflow: hidden;
}

#wrapper:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #wrapper {
    height: 1em;
    overflow: visible;
}
/**/