@charset "utf-8";

/*********************
* base tags
*********************/

* {
	margin: 0;
	padding: 0;
}

html, body {
	margin: 0 auto;
}

body {
	font-size: 95%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 135%;
	text-align: center;
}



/*********************
* main structure
*********************/
h2 {
	padding: 0px 0px 10px 0px;
	}
h3 {
	padding: 0px 0px 5px 0px;
	}

#container {
	margin: 0 auto;
	width: 800px;
	text-align: left;
	background: url(builder_images/common/bg.gif) repeat-y;
}

#header {
	width: 798px;
	margin: 0px 1px;
}
#title {
	width:497px;
	float: left;
	}
#header_right {
	width: 301px;
	height: 139px;
	background:url(builder_images/common/header_right_bg.gif) no-repeat;
	position: relative;
	float: right;
	}
#navi_box {
	width: 798px;
	height: 30px;
	}
#top_navi {
	width: 798px;
	height: 30px;
	background: url(builder_images/common/navi_bg.gif) repeat-x;
	list-style-type: none;
	}

* html ul#top_navi {
	behavior: url("./csshover.htc");
}

#top_navi li{
	float: left;
	}
/********** トップナビ **********/	
.top_navi01 a{
	width: 160px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background:url(builder_images/common/navi_01.gif) no-repeat;
	}	
.top_navi01 a:hover{
	background:url(builder_images/common/navi_01_ro.gif) no-repeat;
	}
.top_navi02 a{
	width: 160px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background:url(builder_images/common/navi_02.gif) no-repeat;
	}	
.top_navi02 a:hover{
	background:url(builder_images/common/navi_02_ro.gif) no-repeat;
	}
.top_navi03 a{
	width: 160px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background:url(builder_images/common/navi_03.gif) no-repeat;
	}	
.top_navi03 a:hover{
	background:url(builder_images/common/navi_03_ro.gif) no-repeat;
	}
/******* child_01 ******/
.child_01 a{
	width: 160px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(builder_images/common/navi_down_01.gif) no-repeat;
	}
.child_01 a:hover{
	background:url(builder_images/common/navi_down_01_ro.gif) no-repeat;
	}

.child_02 a{
	width: 160px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(builder_images/common/navi_down_02.gif) no-repeat;
	}
.child_02 a:hover{
	background:url(builder_images/common/navi_down_02_ro.gif) no-repeat;
	}
	
.child_03 a{
	width: 160px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(builder_images/common/navi_down_03.gif) no-repeat;
	}
.child_03 a:hover{
	background:url(builder_images/common/navi_down_03_ro.gif) no-repeat;
	}

.child_03 a{
	width: 160px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(builder_images/common/navi_down_03.gif) no-repeat;
	}
.child_03 a:hover{
	background:url(builder_images/common/navi_down_03_ro.gif) no-repeat;
	}

.child_04 a{
	width: 160px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(builder_images/common/navi_down_04.gif) no-repeat;
	}
.child_04 a:hover{
	background:url(builder_images/common/navi_down_04_ro.gif) no-repeat;
	}
	
.child_05 a{
	width: 160px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(builder_images/common/navi_down_05.gif) no-repeat;
	}
.child_05 a:hover{
	background:url(builder_images/common/navi_down_05_ro.gif) no-repeat;
	}
	
.child_06 a{
	width: 160px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(builder_images/common/navi_down_06.gif) no-repeat;
	}
.child_06 a:hover{
	background:url(builder_images/common/navi_down_06_ro.gif) no-repeat;
	}
	
/* ダウンメニューを隠す */
ul#top_navi li ul.child_navi01{
	display: none;
	}
	
ul#top_navi li.top_navi01 {
	position: relative;
	}
ul#top_navi li.top_navi01:hover
ul.child_navi01{
	position: absolute;
	display: block;
	z-index: 2;
	top: 30px;
	left: 0;
	list-style-type: none;
	width: 160px;
	}

ul#top_navi li.topnavi01
ul.child_navi01 li{
	float: none;
	width: 160px;
	}
	

#contents {
	width: 780px;
	margin: 0px auto;
}
.contents_inner {
	width: 780px;
	margin: 0px auto;
	}

.contact_btn {
	width: 780px;
	text-align: right;
	}
	
/*********** footer ************/
#footer {
	font-size: 12px;
	line-height: 1.3em;
	padding-top: 10px;
	border-bottom: 1px solid #cc6600;
}
#footer_bar {
	height: 5px;
	color:#FFFFFF;
	background-color: #cc6600;
	text-indent: 0.5em;
	}
#footer_inner {
	width: 780px;
	margin: 0px auto;
	}
#footer_navi {
	text-align: center;
	}

/*********************
* common tags
*********************/
.align_left {
	text-align: left;
}

.align_center {
	text-align: center;
}

.align_right {
	text-align: right;
}

.clearfix {
	display: inline-block;
}

.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

img {
	border: 0;
}

p {
	padding-bottom: 10px;
}

/*********************
* main contents
*********************/
.text_box_01 {
	font-size: small;
	line-height: 1.3em;
	}
#service_box {
	width: 534px;
	float: left;
	}
#service_title {
	padding: 3px 0px 5px 3px;
	}
.service_text {
	height: 50px;
	font-size: 12px;
	line-height: 1.3em;
	padding: 3px 3px 3px 3px;
	}
.service_naiyou {
	width: 255px;
	height: 115px;
	border: #cc6600 1px solid;
	float: left;
	margin: 0px 8px 10px 0px;
	}
.shosai_btn {
	text-align: right;
	padding: 0px 3px 3px 0px;
	}
#whatsnew_box {
	width: 235px;
	height: 413px;
	border: #cc6600 1px solid;
	float: right;
	}
#whatsnew_title {
	width: 231px;
	height: 33px;
	padding: 5px 0px 5px 3px;
	}


/********** DVD **********/	
#dvd_left_box {
	width: 428px;
	height: 350px;
	margin-right: 10px;
	float: left;
	}
#dvd_right_box {
	width: 342px;
	float: right;
	}
	
#dvd_left_box02 {
	width: 280px;
	height: 350px;
	margin-right: 10px;
	float: left;
	}
#dvd_right_box02 {
	width: 490px;
	float: right;
	}
	

/********** tissues **********/	
#tissues_left_box {
	width: 427px;
	height: 350px;
	margin-right: 10px;
	float: left;
	}
#tissues_right_box {
	width: 343px;
	float: right;
	}
	
	
/********** チラシ **********/	
#chirashi_left_box {
	width: 487px;
	height: 230px;
	margin-right: 10px;
	float: left;
	}
#chirashi_right_box {
	width: 283px;
	float: right;
	}
#chirashi_table {
	border-top: #999999 1px solid;
	}
.table_left{
	text-align: center;
	font-size: 12px;
	border-left: #999999 1px solid;
	}
#chirashi_table td{
	text-align: center;
	font-size: 12px;
	border-bottom: #999999 1px solid;
	border-right: #999999 1px solid;
	}
.table_boldline {
	background-color: #66FF66;
	border-bottom: #999999 3px solid;
	}
.table_member_t {
	background-color: #FF99CC;
	}
.table_member {
	background-color: #FFCCFF;
	}
.table_nomember_t {
	background-color: #CCCCCC;
	}
.table_nomember {
	background-color: #E7E7E7;
	}



/********** カメラ **********/	
#camera_left_box {
	width: 471px;
	height: 230px;
	margin-right: 10px;
	float: left;
	}
#camera_right_box {
	width: 289px;
	float: right;
	}	

/********** ブログ **********/	
.blog_chapter {
	width: 250px;
	height: 220px;
	float: left;
	margin: 0px 4px;
	}

/************ メリット  ****************/
#merit_box_01 {
	width: 360px;
	height: 231px;
	background: url(builder_images/merit/merit_01.gif) no-repeat;
	float: left;
	}
#merit_box_02 {
	width: 420px;
	height: 231px;
	background: url(builder_images/merit/merit_02.gif) no-repeat;
	float: right;
	}
#merit_box_03 {
	width: 360px;
	height: 230px;
	background: url(builder_images/merit/merit_04.gif) no-repeat;
	float: left;
	}
#merit_box_04 {
	width: 420px;
	height: 230px;
	background: url(builder_images/merit/merit_05.gif) no-repeat;
	float: right;
	}
	
.merit_text_l {
	width:340px;
	height: 158px;
	padding: 50px 0px 0px 10px;
	font-size: 12px;
	line-height: 1.3em;
	}
.merit_text_r {
	width:340px;
	height: 158px;
	padding: 50px 0px 0px 70px;
	font-size: 12px;
	line-height: 1.3em;
	}
.merit_text_link {
	width: 340px;
	height: 15px;
	text-align: right;
	margin-left:10px;
	font-size:12px;
	}
.merit_text_link_r {
	width: 400px;
	height: 15px;
	text-align: right;
	margin-left:10px;
	font-size:12px;
	}
	
/********** ぉ問合せ *********/
#contact_inner {
	width:580px;
	margin: 0px auto;
	}	
#contact_table {
	border-collapse:collapse;
}

#contact_table th,
#contact_table td {
	padding: 3px;
	border: 1px solid #999;
}

#contact_table th{
	text-align: center;
	background-color:#FC9;
	}
#contact_table td{
	width: 350px;
	}

input.mail {
	margin: 3px 0;
}

/*********************
* dream weaver対策（本番で消すこと）
*********************/

.clearfix + *{
    clear: both;
}