@charset "UTF-8";
/* 
===== 全体 =====
*/
* {
	margin:0;
	padding:0;
}
/* 
===== ボディ基本設定 =====
*/
body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku GothicPro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 75%;/*←12px*/
	font-style: normal;
	font-weight: 400;
	letter-spacing:0;
	color:#666;
	margin: 0;
	padding: 0;
	background:#EEE;
	/*macIE5用*/
	/*¥*//*/
	letter-spacing: 0.1em;
	/**/
}
/*--------------------------------------------------------------------------------
 各種初期設定
 --------------------------------------------------------------------------------*/
html {
	overflow-y:scroll;
}
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	font-size:1em;
	padding: 0;
	line-height: 1.5;/*←emナシ*/
	text-align: left;
	display: block;
	margin: 0;
}
table {
	margin : 0;
	empty-cells: show;
	line-height: 1.5;}
img { border: none; }
li { list-style: none; }

/*
===== リンク =====
*/
a {
	text-decoration:none;
}
a:link,a:visited{
	color:#333;
}
a:hover,a:active{
	color:#666;
	text-decoration:underline;
}
/*
====  デバッグ  ====
*/
/*--- clearfix */
.clearfix:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

/* WinIE7 only */
*:first-child+html .clearfix{
  height:1%;
}

/* WinIE6 and below */
/*\*/
* html .clearfix{
  height:1%;
  overflow:hidden;/*DW*/
}
/**/

/* MacIE only */
/*\*//*/
.clearfix{
  display:inline-table;
}
/**/
@media print{
.clearfix{
	overflow:visible !important ;
}
*{
	overflow:visible!important;
}


}


/*--- clear */
.clear {
	clear:both;
	float:none;
}
/*--- clearfix end */
/*--------------------------------------------------------------------------------
初期設定ここまで
 --------------------------------------------------------------------------------*/
 
/*--------------------------------------------------------------------------------
 header
 --------------------------------------------------------------------------------*/
div#head_container {
	background: url(../img/default/head_bg.gif) repeat-x left top;
	height:131px;
} 
div#header {
	margin:0 auto;
	padding:15px 0 0;
	height:116px;
	width:800px;
}
h1#logo_tp {
	background: url(../img/default/logo_tp.png) no-repeat left top;
	margin:0 0 0 20px;
	height:58px;
	width:59px;
	float:left;
}
h1#logo_tp a , h1#logo_tp a:hover {
	text-indent: -10000px;
	display:block;
	height:58px;
	width:59px;
}
div#head_box_r {
	height:58px;
	margin:0 0 18px;
	float:right;
	width: 289px;
}
#head_ul1 {
	height:22px;
	float: right;
	margin: 5px 0 0;
}
#head_ul1 li {
	background: url(../img/common/list_point01.gif) no-repeat 0 4px;
	font-size:91%;
	padding: 0 0 0 0.8em;
	float:right;
	margin:0 0 0 1.5em;
}
#head_ul1 .head_faq a {
	display:block;
	width:2em;
}
#head_ul1 .head_sitemap a {
	display:block;
	width:6.1em;
}
#head_ul2 {
	width:289px;
	height:31px;
	clear: both;
	float: right;
}
li#head_li_tel {
	width:164px;
	height:31px;
	float:left;
}
li#head_li_tel img {
	display:block;
}
li#head_li_contact {
	width:125px;
	height:31px;
	float:left;
}
li#head_li_contact img {
	display:block;
}
/*
====  トップナビ  ====
*/
ul#tpnavi {
	height:30px;
	width:760px;
	padding:0 20px;
	display: block;
	clear: both;
}
ul#tpnavi li {
	float:left;
}
/* home */
li#tpnavi_home {
	background: url(../img/default/tp_navi.gif) no-repeat 0 0;
	width: 107px;
	height: 30px;
}
li#tpnavi_home a {
	text-indent:-10000px;
	display:block;
	width: 107px;
	height: 30px;
}
li#tpnavi_home a:hover {
	background: url(../img/default/tp_navi.gif) no-repeat 0 -30px;
}
li#tpnavi_home p {
	background: url(../img/default/tp_navi.gif) no-repeat 0 -60px;
	text-indent:-10000px;
	width: 107px;
	height: 30px;
}
/* company */
li#tpnavi_company {
	background: url(../img/default/tp_navi.gif) no-repeat -107px 0;
	width: 107px;
	height: 30px;
}
li#tpnavi_company a {
	text-indent:-10000px;
	display:block;
	width: 107px;
	height: 30px;
}
li#tpnavi_company a:hover {
	background: url(../img/default/tp_navi.gif) no-repeat -107px -30px;
}
li#tpnavi_company p {
	background: url(../img/default/tp_navi.gif) no-repeat -107px -60px;
	text-indent:-10000px;
	width: 107px;
	height: 30px;
}
li#tpnavi_company2 {
	background: url(../img/default/tp_navi.gif) no-repeat -107px -60px;
	width: 107px;
	height: 30px;
}
li#tpnavi_company2 a {
	text-indent:-10000px;
	display:block;
	width: 107px;
	height: 30px;
}
li#tpnavi_company2 a:hover {
	background: url(../img/default/tp_navi.gif) no-repeat -107px -90px;
}
/* item */
li#tpnavi_item {
	background: url(../img/default/tp_navi.gif) no-repeat -214px 0;
	width: 107px;
	height: 30px;
}
li#tpnavi_item a {
	text-indent:-10000px;
	display:block;
	width: 107px;
	height: 30px;
}
li#tpnavi_item a:hover {
	background: url(../img/default/tp_navi.gif) no-repeat -214px -30px;
}
li#tpnavi_item p {
	background: url(../img/default/tp_navi.gif) no-repeat -214px -60px;
	text-indent:-10000px;
	width: 107px;
	height: 30px;
}
li#tpnavi_item2 {
	background: url(../img/default/tp_navi.gif) no-repeat -214px -60px;
	width: 107px;
	height: 30px;
}
li#tpnavi_item2 a {
	text-indent:-10000px;
	display:block;
	width: 107px;
	height: 30px;
}
li#tpnavi_item2 a:hover {
	background: url(../img/default/tp_navi.gif) no-repeat -214px -90px;
}
li#tpnavi_item p {
	background: url(../img/default/tp_navi.gif) no-repeat -214px -60px;
	text-indent:-10000px;
	width: 107px;
	height: 30px;
}
/* example */
li#tpnavi_example {
	background: url(../img/default/tp_navi.gif) no-repeat -321px 0;
	width: 107px;
	height: 30px;
}
li#tpnavi_example a {
	text-indent:-10000px;
	display:block;
	width: 107px;
	height: 30px;
}
li#tpnavi_example a:hover {
	background: url(../img/default/tp_navi.gif) no-repeat -321px -30px;
}
li#tpnavi_example p {
	background: url(../img/default/tp_navi.gif) no-repeat -321px -60px;
	text-indent:-10000px;
	width: 107px;
	height: 30px;
}
li#tpnavi_example2 {
	background: url(../img/default/tp_navi.gif) no-repeat -321px -60px;
	width: 107px;
	height: 30px;
}
li#tpnavi_example2 a {
	text-indent:-10000px;
	display:block;
	width: 107px;
	height: 30px;
}
li#tpnavi_example2 a:hover {
	background: url(../img/default/tp_navi.gif) no-repeat -321px -90px;
}
/* flow */
li#tpnavi_flow {
	background: url(../img/default/tp_navi.gif) no-repeat -428px 0;
	width: 166px;
	height: 30px;
}
li#tpnavi_flow a {
	text-indent:-10000px;
	display:block;
	width: 166px;
	height: 30px;
}
li#tpnavi_flow a:hover {
	background: url(../img/default/tp_navi.gif) no-repeat -428px -30px;
}
li#tpnavi_flow p {
	background: url(../img/default/tp_navi.gif) no-repeat -428px -60px;
	text-indent:-10000px;
	width: 166px;
	height: 30px;
}
/* estimate */
li#tpnavi_estimate {
	background: url(../img/default/tp_navi.gif) no-repeat -594px 0;
	width: 166px;
	height: 30px;
}
li#tpnavi_estimate a {
	text-indent:-10000px;
	display:block;
	width: 166px;
	height: 30px;
}
li#tpnavi_estimate a:hover{
	background: url(../img/default/tp_navi.gif) no-repeat -594px -30px;
}
li#tpnavi_estimate p {
	background: url(../img/default/tp_navi.gif) no-repeat -594px -60px;
	text-indent:-10000px;
	width: 166px;
	height: 30px;
}
/*--------------------------------------------------------------------------------
 header end
 --------------------------------------------------------------------------------*/
 
/*--------------------------------------------------------------------------------
 flash
 --------------------------------------------------------------------------------*/
div#flash_tp {
	background-color:#000;
	width:100%;
	height:270px;
}
div#flash_box {
	margin:0 auto;
	width:800px;
	height: 270px;
}
div#flash_box a {
	font-weight:400;
	color:#999;
}
div#flash_box a:hover {
	color:#999;
	text-decoration:underline;
}
div#flash_box img.noscript_tpimg {
	float:left;
}
div#flash_box div.noflash_box {
	margin:70px 0 0 95px;
	width:250px;
	float:left;
}
div#flash_box noscript {
}
div#flash_box p.nofp {
}
div#flash_box p.flashplayer {
	margin:20px 0 0;
}
/*--------------------------------------------------------------------------------
 flash end
 --------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------
 container
 --------------------------------------------------------------------------------*/
div#container {
	background-color: #FFF;
	margin:0 auto;
	width:830px;
}
div#shadow_l {
	background: url(../img/default/shadow_l.gif) repeat-y left top;
}
div#shadow_r {
	background: url(../img/default/shadow_r.gif) repeat-y right top;
}
div#main {
	border-top: 5px solid #999;
	margin:0 15px;
	width:800px;
	background-color: #f9f9f9;
}
/*--------------------------------------------------------------------------------
 container end
 --------------------------------------------------------------------------------*/
 
/*--------------------------------------------------------------------------------
 footer
 --------------------------------------------------------------------------------*/
div#footer1 {
	background: url(../img/default/footer1_bg.gif) repeat-x left top;
	margin:0 15px;
	padding:12px 0 0 20px;
	height:48px;
	width:780px;
	display: block;
}
ul#footer_ul1 {
	color:#FFF;
	font-size:91%;
	line-height:12px;
	letter-spacing:1px;
	display: block;
	height: 12px;
}
ul#footer_ul2 {
	color:#FFF;
	font-size:91%;
	line-height:12px;
	letter-spacing:1px;
	margin:12px 0 0;
	height: 12px;
}
#footer1 .footer1_li1 {
	padding:0 1em 0 0;
	float:left;
}
#footer1 .footer1_li2 {
	background: url(../img/common/dot1_1_2.png) repeat-y left top;
	float:left;
	padding: 0 1em;;
}
#footer1 .footer1_li1 a ,#footer1 .footer1_li2 a{
	color:#FFF;
}
#footer1 .footer1_li1 a:hover ,#footer1 .footer1_li2 a:hover {
	color:#FFF;
	text-decoration: underline;
}
div#footer2 {
	background: url(../img/default/footer2_bg.gif) repeat-x left top;
	height:83px;
}
div#footer2_container1 {
	margin:0 auto;
	height:83px;
	width:800px;
}
div#footer2_container2 {
	padding:0 20px;
	height:20px;
	width:760px;
	display: block;
}
div#footer2_container3 {
	height:63px;
	width:800px;
}
h2#logo_btm {
	text-indent: -10000px;
	height:20px;
	width:90px;
	float: left;
	display: block;
}
h2#logo_btm a {
	background: url(../img/default/logo_btm.gif) no-repeat 0 0;
	text-indent: -10000px;
	height:20px;
	width:90px;
	display:block;
}
h2#logo_btm a:hover {
	background: url(../img/default/logo_btm.gif) no-repeat 0 -20px;
	text-indent: -10000px;
	height:20px;
	width:90px;
	display:block;
}
ul#footer2_ul {
	height:20px;
	width:326px;
	display: block;
	float: right;
}
li#foot_sitemap {
	background: url(../img/default/footer2_list.gif) no-repeat 0 0;
	text-indent: -10000px;
	height:20px;
	width:80px;
	float: left;
	display: block;
}
li#foot_sitemap a {
	background: url(../img/default/footer2_list.gif) no-repeat 0 0;
	text-indent: -10000px;
	height:20px;
	width:80px;
	display: block;
}
li#foot_sitemap a:hover {
	background: url(../img/default/footer2_list.gif) no-repeat 0 -20px;
}
li#foot_faq {
	background: url(../img/default/footer2_list.gif) no-repeat -80px 0;
	text-indent: -10000px;
	height:20px;
	width:50px;
	float: left;
	display: block;
}
li#foot_faq a {
	background: url(../img/default/footer2_list.gif) no-repeat -80px 0;
	text-indent: -10000px;
	height:20px;
	width:50px;
	display: block;
}
li#foot_faq a:hover {
	background: url(../img/default/footer2_list.gif) no-repeat -80px -20px;
}
li#foot_contact {
	background: url(../img/default/footer2_list.gif) no-repeat -130px 0;
	text-indent: -10000px;
	height:20px;
	width:80px;
	float: left;
	display: block;
}
li#foot_contact a {
	background: url(../img/default/footer2_list.gif) no-repeat -130px 0;
	text-indent: -10000px;
	height:20px;
	width:80px;
	display: block;
}
li#foot_contact a:hover {
	background: url(../img/default/footer2_list.gif) no-repeat -130px -20px;
}
li#foot_privacy {
	background: url(../img/default/footer2_list.gif) no-repeat -210px 0;
	text-indent: -10000px;
	height:20px;
	width:116px;
	float: left;
	display: block;
}
li#foot_privacy a {
	background: url(../img/default/footer2_list.gif) no-repeat -210px 0;
	text-indent: -10000px;
	height:20px;
	width:116px;
	display: block;
}
li#foot_privacy a:hover {
	background: url(../img/default/footer2_list.gif) no-repeat -210px -20px;
}
#foot_copyright {
	background: url(../img/default/copyright.gif) no-repeat left top;
	text-indent: -10000px;
	margin:26px 0 0 274px;
	height:11px;
	width:233px;
}
/*--------------------------------------------------------------------------------
 footer end
 --------------------------------------------------------------------------------*/
 
/*--------------------------------------------------------------------------------
 各種text
 --------------------------------------------------------------------------------*/
/*
====  font color  ====
*/
.txt_red {color:#c3291f;}
.txt_blue {color:#11335f;}
/*
====  font size  ====
*/
.txt_11px {
	font-size:91%;
	line-height:1.4em;
}
.txt_10px {
	font-size:83%;
	line-height:1.4em;
}
/*--------------------------------------------------------------------------------
 各種text end
 --------------------------------------------------------------------------------*/