@charset "utf-8";

@import "default.css";
@import "style.css";

/* ===================================================================

	body				メイン背景画像の設定
	h1,h2,h3,h4,h5,h6	見出しの設定
	a:***				リンクの設定
	wrapper				全体枠の設定
	header_wrapper		ヘッダーの大枠設定 width:100%の場合
	header				ヘッダーの設定
	header_navi			ヘッダー内ナビゲーションの設定
	global_navi			グローバルナビゲーションの設定
	contents_wrapper	コンテンツ全体枠の設定
	maincolumn			メインカラムの設定
	sidebar				2カラム用サイドバーの設定
	sidebar01			3カラム用サイドバー左側の設定
	sidebar02			3カラム用サイドバー右側の設定
	footer_wrapper		フッターの大枠設定 width:100%の場合
	footer				フッターの設定

=================================================================== */


/*	body
----------------------------------------------------
メイン背景画像の設定
----------------------------------------------------*/

body {
	text-align:center;
	color: #333333;
	}

/*	h1,h2,h3,h4,h5,h6
----------------------------------------------------
見出しの設定
----------------------------------------------------*/

h1 {
	font-size:0.8em;
	font-weight:normal;
	color:#FFFFFF;
	position: absolute;
	top: -1px;
	}

h2{
	}

h3{
	}

h4{
	}

h5{
	}

h6{
	}
	
/*	a:link,a:visited,a:hover,a:active
----------------------------------------------------
リンクの設定
----------------------------------------------------*/

a:link {
	color:#;
	}

a:visited {
	color:#;
	}
	
a:hover {
	color:#;
	}

a:active {
	color:#;
	}

/*	wrapper
----------------------------------------------------
全体枠の設定
----------------------------------------------------*/

#wrapper {
	width: 960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
#left_box{
	float: left;
	width: 226px;
}
#right_box{
	float: right;
	width: 700px;
	margin-top: 21px;
}
/*	header_wrapper
----------------------------------------------------
ヘッダーの大枠設定 width:100%の場合
----------------------------------------------------*/

#header_wrapper {
	background-image: url(../images/header_bg.gif);
	height: 159px;
	}
	
#header_wrapper_op {
	background-image: url(../images/header_bg.gif);
	height: 110px;
	border-bottom:1px #ccc solid;
	}

/*	header
----------------------------------------------------
ヘッダーの設定
----------------------------------------------------*/

#header {
	position:relative;
	height: 99px;
	width: 960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../images/header.gif);
	}
#header span{
	visibility: hidden;
}
/*	site_logo
----------------------------------------------------
サイトロゴの設定
----------------------------------------------------*/


#header p.site_logo {
	position:absolute;
	width: 274px;
	height: 77px;
	left: 2px;
	top: 19px;
	background-image: url(../images/site_logo_04_new.gif);
	background-repeat: no-repeat;
	}
	
#header p.site_logo a {
	display:block;
	height: 77px;
	width: 274px;
	}

	
/*	header_navi
----------------------------------------------------
ヘッダー内ナビゲーションの設定
----------------------------------------------------*/
.h_inquiry {
	position: absolute;
	left: 739px;
	top: 22px;
}

.h_inquiry a{
	display: block;
	height: 34px;
	width: 176px;
}
.h_inquiry a:hover{
	background-image: url(../images/mail_on.gif);
}
.h_site_map {
	position: absolute;
	left: 739px;
	top: 59px;
}
.h_site_map a{
	display: block;
	height: 17px;
	width: 126px;
}
.h_site_map a:hover{
	background-image: url(../images/sitemap_on.gif);
}
.h_policy {
	position: absolute;
	left: 739px;
	top: 77px;
}
.h_policy a{
	height: 17px;
	width: 126px;
	display: block;
}
.h_policy a:hover{
	background-image: url(../images/privacy_on.gif);
}


.login{
	position: absolute;
	left: 845px;
	top: 34px;
}
.login a {
	color: #FFFFFF;
	display: block;
	height: 22px;
	line-height: 25px;
	padding-left: 15px;
}
.login a:hover{
	background-image: url(../images/login_on.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: underline;
}

/*	global_navi
----------------------------------------------------
グローバルナビゲーションの設定
----------------------------------------------------*/
#global_navi_wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 60px;
}

#global_navi {
	background-image: url(../images/gloval_navi_off.gif);
	height: 60px;
	width: 960px;
	position: relative;
	}
	
#global_navi li {
	float:left;
	}
	
#global_navi li a {
	display:block;
	height:30px;
	}
#global_navi li a em{
	visibility: hidden;
	}		
#global_navi li.gn01 a{
	height: 30px;
	width: 143px;
	position: absolute;
	left: 41px;
	top: 1px;

}
#global_navi li.gn01 a:hover {background-image: url(../images/gloval_navi_on_01.gif);}
.toppage #global_navi li.gn01 a {background-image: url(../images/gloval_navi_on_01.gif);}

#global_navi li.gn02 a	{
	height: 30px;
	width: 143px;
	position: absolute;
	left: 625px;
	top: 1px;
}
#global_navi li.gn02 a:hover	{background-image: url(../images/gloval_navi_on_02.gif);}
.present #global_navi li.gn02 a{background-image: url(../images/gloval_navi_on_02.gif);}

#global_navi li.gn03 a	{
	height: 30px;
	width: 143px;
	position: absolute;
	left: 187px;
	top: 1px;
}
#global_navi li.gn03 a:hover{background-image: url(../images/gloval_navi_on_03.gif);}
.revolution #global_navi li.gn03 a{background-image: url(../images/gloval_navi_on_03.gif);}

#global_navi li.gn04 a	{
	height: 30px;
	width: 143px;
	position: absolute;
	left: 333px;
	top: 1px;
}
#global_navi li.gn04 a:hover{background-image: url(../images/gloval_navi_on_04.gif);}
.plan #global_navi li.gn04 a{background-image: url(../images/gloval_navi_on_04.gif);}

#global_navi li.gn05 a	{
	height: 30px;
	width: 143px;
	position: absolute;
	left: 479px;
	top: 1px;
}
#global_navi li.gn05 a:hover{
	background-image: url(../images/gloval_navi_on_05.gif);
}
.faq #global_navi li.gn05 a{
	background-image: url(../images/gloval_navi_on_05.gif);
}
#global_navi li.gn06 a	{
	height: 30px;
	width: 143px;
	position: absolute;
	left: 771px;
	top: 1px;
}
#global_navi li.gn06 a:hover{background-image: url(../images/gloval_navi_on_06.gif);}
.company #global_navi li.gn06 a{background-image: url(../images/gloval_navi_on_06.gif);}
#sub01{
	visibility: hidden;
	position: absolute;
	width: 676px;
	top: 32px;
	left: 140px;
}

#sub02{
	visibility: hidden;
	position: absolute;
	top: 32px;
	left: 220px;
	width: 410px;
}
#sub03{
	visibility: hidden;
	width: 800px;
	position: absolute;
	top: 32px;
	left: 40px;
}

.revolution #sub01 li a{
	visibility: visible;
	color: #FFFFFF;
	line-height: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #092E6A;
	padding-right: 10px;
	height: 20px;
	padding-left: 10px;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
}
.revolution #sub01 li a:hover{
	background-color: #0E4BB1;

}
.plan #sub02 li a{
	visibility: visible;
	color: #FFFFFF;
	line-height: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #092E6A;
	padding-right: 10px;
	height: 20px;
	padding-left: 10px;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
}
.plan #sub02 li a:hover{
	background-color: #0E4BB1;

}
.beginner #sub03 li a{
	color: #FFFFFF;
	line-height: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #092E6A;
	padding-right: 10px;
	height: 20px;
	padding-left: 10px;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
	visibility: visible;
}
.beginner #sub03 li a:hover{
	background-color: #0E4BB1;

}


/*	contents_wrapper
----------------------------------------------------
コンテンツ全体枠の設定
----------------------------------------------------*/
#contents_wrapper{	background-image: url(../images/blue_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;}
	
#contents_box_toppage{	background-image: url(../images/top_02.jpg);
	height: 715px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;}
	
#contents_box_toppage02{	background-image: url(../images/top_02_new2.jpg);
	position:relative;
	height: 745px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;}
	
#contents_box{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#contents_wrapper2 {
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-image: url(../images/gray_bg.gif);

	}
#contents_box2 {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}

/*	flash_op
----------------------------------------------------
OP用FLASHの設定
----------------------------------------------------*/
	
#flash_op {
width:800px;
margin:15px auto 15px auto;
padding:30px 0 15px 0;
text-align:center;
}

#flash_op p {
margin:15px 0;
text-align:center;
}
	
	
/*	maincolumn
----------------------------------------------------
メインカラムの設定
----------------------------------------------------*/

#maincolumn {
	float:left;
	width: 595px;

	}

/*	sidebar
----------------------------------------------------
2カラム用サイドバーの設定
----------------------------------------------------*/
	
#sidebar {
	float:right;
	width: 288px;
	padding:0 40px 0 0;
	}
	
#sidebar p {
	margin:10px;
	font-size:12px;
	}
	
#sidebar p.waku_top {
	margin:0;
	line-height:100%;
	}
	
#sidebar p.waku_top img {
	vertical-align:top;
	}
	
#sidebar p.waku_bottom {
	margin:0;
	line-height:100%;
	}
	
#sidebar p.waku_bottom img {
	vertical-align:bottom;
	}

/*	footer_wrapper
----------------------------------------------------
フッターの大枠設定 width:100%の場合
----------------------------------------------------*/

#footer_wrapper {
	width:100%;
	height:;
	clear: both;
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	}
	
/*	footer
----------------------------------------------------
フッターの設定
----------------------------------------------------*/

#footer {
	width: 960px;
	height: 143px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	position: relative;
	width: 960px;
	padding-top: 1px;
	}
address {
	position: absolute;
	left: 328px;
	top: 116px;
}

#pagetop {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 20px;
}

	
.f_menu01{
	position: absolute;
	left: 0px;
	top: 30px;
}
.f_menu02{
	position: absolute;
	left: 118px;
	top: 30px;
}
	
/*	p
----------------------------------------------------
フォントクラス
----------------------------------------------------*/
.bottom{
	margin-bottom: 15px;
}
.img_left{
	float: left;
	padding-right: 10px;
}
.img_right{
	float: right;
	padding-right: 10px;
}
.small_arrow{
	font-size: 0.8em;
	background-image: url(../images/arrow_small.gif);
	background-repeat: no-repeat;
	background-position:2px 6px;
	padding-left:10px;
}
.arrow_up{
	background-image: url(../images/arrow_up.gif);
	background-repeat: no-repeat;
	background-position:2px 6px;
	padding-left:10px;
	float: right;
	padding-right: 40px;
}
.left{
	float:left;
}
.blank_3{
	padding-left: 4px;
}
.small{font-size: 0.8em;}
.blank_1{
	margin-bottom: 20px;
}
.blank_3{
	padding-left: 4px;
}
.blank_5{
	padding-left: 10px;
}
.big{
	font-size: 15px;
	font-weight: bold;
}
/*	img
----------------------------------------------------
img　アルファ
----------------------------------------------------*/
.img_alpha a:hover{filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;}
/* ===================================================================

下層ページテンプレート

=================================================================== */

#beginner {
	width: 226px;
	background-image: url(../images/beginner_off.png);
	background-repeat: no-repeat;
	height: 277px;
	position: relative;
}
#beginner ul{
	width: 226px;
	position: absolute;
	top: 70px;
}
#beginner em{
	visibility: hidden;
}
#beginner li#beginner01 a{
	display: block;
	height: 28px;
	width: 226px;
}
#beginner li#beginner01 a:hover{
	background-image: url(../images/beginner_on_01.jpg);
}
.price_auto #beginner li#beginner01 a{
	background-image: url(../images/beginner_on_01.jpg);
}
#beginner li#beginner02 a{
	display: block;
	height: 28px;
	width: 226px;
}
#beginner li#beginner02 a:hover{
	background-image: url(../images/beginner_on_02.jpg);
}
.contract #beginner li#beginner02 a{
	background-image: url(../images/beginner_on_02.jpg);
}
#beginner li#beginner03 a{
	display: block;
	height: 28px;
	width: 226px;
}
#beginner li#beginner03 a:hover{
	background-image: url(../images/beginner_on_03.jpg);
}
.householdgoods #beginner li#beginner03 a{
	background-image: url(../images/beginner_on_03.jpg);
}
#beginner li#beginner04 a{
	display: block;
	height: 28px;
	width: 226px;
}
#beginner li#beginner04 a:hover{
	background-image: url(../images/beginner_on_04.jpg);
}
.diagnosis #beginner li#beginner04 a{
	background-image: url(../images/beginner_on_04.jpg);
}
#beginner li#beginner05 a{
	display: block;
	height: 28px;
	width: 226px;
}
#beginner li#beginner05 a:hover{
	background-image: url(../images/beginner_on_05.jpg);
}
.check_list #beginner li#beginner05 a{
	background-image: url(../images/beginner_on_05.jpg);
}
#beginner li#beginner06 a{
	display: block;
	height: 28px;
	width: 226px;
}
#beginner li#beginner06 a:hover{
	background-image: url(../images/beginner_on_08.jpg);
}
.construction #beginner li#beginner06 a{
	background-image: url(../images/beginner_on_08.jpg);
}
#beginner li#beginner07 a{
	display: block;
	height: 28px;
	width: 226px;
}
#beginner li#beginner07 a:hover{
	background-image: url(../images/beginner_on_06.jpg);
}
.packing #beginner li#beginner07 a{
	background-image: url(../images/beginner_on_06.jpg);
}
#beginner li#beginner08 a{
	display: block;
	height: 28px;
	width: 226px;
}
#beginner li#beginner08 a:hover{
	background-image: url(../images/beginner_on_07.jpg);
}
.beginner-8 #beginner li#beginner08 a{
	background-image: url(../images/beginner_on_07.jpg);
}
#mini_waku {
	width: 226px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#mobile_box {
	background-image: url(../images/mobile_s.jpg);
	height: 159px;
	width: 226px;
	margin-top: 10px;
	position: relative;
}
#mobile_box p {
	font-size: 0.8em;
	position: absolute;
	left: 126px;
	top: 41px;
	width: 91px;
}

/* 特許掲載ページ */

table.tokkyo td {
padding:10px;
font-size:14px;
}