@charset "euc-jp";
/* CSS Document */

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

* 1: universal reset

==========================================================*/
* {
	margin:0;
	padding:0;
	}
/*
==========================================================

* 2: body and base setting

==========================================================*/
html{
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
	width: 100%;
	height: 100%;
	}
body{
	margin: 0;
	padding: 0;
	line-height: 1.6;
	color: #333;
	font-size: 84%;
	text-align: center;
	font-family: "¥á¥¤¥ê¥ª","Meiryo","¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","Hiragino Kaku Gothic Pro","£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust: none;
	}
/* general params
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote {
	margin: 0;/* margin&padding reset */
	padding: 0;
	line-height: 1.6;/* base line height */
	text-align: left;
	display: block;
	font-size: 100%;
/*	font-weight: normal;*/
	}
input,textarea{
	font-size: 100%;
	}
table{
	margin:0;
	empty-cells: show;
	font-size: 100%;
	line-height: 1.8;
	}
td,th{
	font-weight: normal;
	vertical-align: top;
	}
hr,
.areaAnchor,
.anchor {
	display: none;
	}
img {
	border: none;/* img do not want a border */
	vertical-align: middle;
	}
li {
	list-style: none;/* link do not want a dot */
	}

/* acronyms and abbreviations styles 
-------------------------------------*/
acronym,abbr {
	cursor: help;
	}
	
/*
==========================================================

* 3: clearfix

==========================================================*/
.x {
	zoom: 1;/*for IE 5.5-7*/
	min-height: 1%;
	}
.x:after {/*for modern browser*/
	content: "";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	}
* html .x {
	display: inline-table;
	/*\*/display: block;/**/
	}


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

* 4: a

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

a{color: #00679a; text-decoration: underline;}
a:hover{color: #000; text-decoration: none;}
a:active{color: #00679a; text-decoration: none;}
a:visited{color: #00679a; text-decoration: underline;}


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

* 5: 

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


#toph1{
	background: #000;
	color: #ccc;
	font-weight: normal;
	font-size: 90%;
	line-height: 1.8;
	text-align: center;
	}
	#toph1 span{
		display: block;
		}
	#toph1 a{
		color: #ccc;
		text-decoration: none;
		}
#wrapper{
	background: url(image11/back.gif) repeat 0 0 #b4dcf0 fixed;
	position: relative;
	width: 100%;
	overflow: hidden;
	text-align: center;
	}
#wrapper .innerwrap{
	width: 958px;
	margin: 0 auto;
	text-align: left;
	}



#wrapper.login {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

#wrapper.login h1 {
	position: absolute;
	top: 35%;
	left: 50%;
	width: 480px;
	margin: -128px 0 0 -240px;
	text-align: center;
	}

#wrapper.login h1 img {
	width: 74px;
	margin-bottom: 8px;
	}

#wrapper.login h1 em {
	font-style: normal;
	}

#wrapper.login h1 a.back {
	position: absolute;
	bottom: 0;
	left: 0;
	font-weight: normal;
	}

#wrapper.login .innerwrap {
	position: absolute;
	top: 35%;
	left: 50%;
	width: 480px;
	margin: 0 0 0 -240px;
	padding: 32px;
	background-color: #fff;
	background-color: rgba(255,255,255,0.9);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

#wrapper.login .error {
	color: #c00;
	padding-bottom: 16px;
	}

#wrapper.login .error br {
	display: none;
	}

#wrapper.login label {
	display: block;
	margin-bottom: 12px;
	}

#wrapper.login label input {
	width: 100%;
	padding: 0 8px;
	font-size: 15px;
	line-height: 32px;
	}

#wrapper.login div.other {
	padding-top: 6px;
	}

#wrapper.login #loginbtn {
	float: right;
	}


	
#login{
	background: #fff;
	height: 42px;
	overflow: visible;
	position: relative;
	z-index: 70;
	}
	#login .innerwrap{
		background: url(image11/back_01.gif) no-repeat right bottom;
		height: 104px;
		position: absolute;
		_z-index: 71;
		right: 10px;
   		/*position: relative;*/
		}
	
	

	#login .innerwrap .alert{	
		display: block;
		position: absolute;
		right: 160px;
		font-weight: bold;
		text-decoration: none;
		border-bottom: 1px dashed;
		margin-top: 3px;
	}
	
	#login .loginform{
		padding-top: 6px;
		margin: 0 40px 0 450px;
		}
	#login .loginform label{
		display: block;
		width: 198px;
		float: left;
		margin: 10px 0 0;
		}
	#login .loginform #check_id,
	#login .loginform #check_pass{
		border: 2px solid #000;
		margin: 0 0 0 4px;
		width: 114px;
		height: 22px;
		
		background: -webkit-gradient(
				linear,
				left top,
				left bottom,
				from(#eee),
				to(#fff)
				);
		-webkit-border-radius: 3px;
		 
		background: -moz-linear-gradient(
				top,
				#eee,
				#fff
				);
		-moz-border-radius: 3px;
		 
		filter:progid:DXImageTransform.Microsoft.gradient
				(startColorstr=#ffeeeeee,endColorstr=#ffffffff);
		zoom: 1;
		}
	#login .loginform #check_id:focus,
	#login .loginform #check_pass:focus{
		background: #B4DCF0;
		}
	#login .loginform label span{
		display: block;
		font-size: 11px;
		text-align: center;
		}
	#loginbtn{
		width: 66px;
		height: 53px;
		/*background: url(image11/btn_login.gif) no-repeat 0 0;*/
		text-indent: -9999px;
		display: block;
		}
	#titlelogin{
		display: block;
		position: fixed;
		/*background:url(image11/title_login.png) no-repeat 0 0;*/
		width: 140px;
		height: 115px;
		text-indent: -9999px;
		top: -2px;
		right: 0;
		z-index: 71;
		display: none;
		}

	#login .userkanri{
		margin: 0 174px 0 50px;
		padding-top: 8px;
		}
	#login .userpage{
		width: 194px;
		float: right;
		padding-top: 8px;
		}
	#login .login-user{
		font-size: 11px;
		line-height: 18px;
		/*height: 18px;*/
		white-space: nowrap;
		overflow: hidden;
		}
		#login .loggedout .login-user{
			margin-top: 3px;
			}
		#login .username{
			font-weight: bold;
			color: #000;
			}
	#login .btnopensite a{
		background-image: url(image11/btn_siteopen.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		width: 164px;
		height: 40px;
		display: block;
		}
		#login .btnopensite a:hover{ background-position: 0 -41px; }
		#login .btnopensite a:active{ background-position: 0 -82px; }
		#login .btnopensite a span{
			display: block;
			text-indent: -9999px;
			}
	#login .btnkanri a{
		background-image: url(image11/btn_kanri.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		width: 100px;
		height: 22px;
		display: block;
		float: left;
		margin-right: 10px;
		}
		#login .btnkanri a:hover{ background-position: 0 -22px; }
		#login .btnkanri a:active{ background-position: 0 -44px; }
		#login .btnkanri a span{
			display: block;
			text-indent: -9999px;
			}
	#login .btnlogout a{
		background-image: url(image11/btn_kanri.gif);
		background-repeat: no-repeat;
		background-position: -100px 0;
		width: 100px;
		height: 22px;
		display: block;
		float: left;
		}
		#login .btnlogout a:hover{ background-position: -100px -22px; }
		#login .btnlogout a:active{ background-position: -100px -44px; }
		#login .btnlogout a span{
			display: block;
			text-indent: -9999px;
			}

	#login .btnopenlogin a{
		background-image: url(image11/btn_loginpage.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		width: 164px;
		height: 40px;
		display: block;
		}
		#login .btnopenlogin a:hover{ background-position: 0 -41px; }
		#login .btnopenlogin a:active{ background-position: 0 -82px; }
		#login .btnopenlogin a span{
			display: block;
			text-indent: -9999px;
			}
			
	#login .error{
		color: #fff; 
		white-space:nowrap; 
		display: inline; 
		background: #FF0033;
		padding: 0 8px;
		font-size: 11px;
		margin-left: 4px;
		position: absolute;
		margin: 60px 0 0 550px;
		margin: 14px 0 0 180px;
		} 
	

#header{
	margin-top: 40px;
	_text-align: center;
	}
#headerlogo{
	display: block;
	width: 148px;
	height: 132px;
	float: left;
	}
#global{
	float: right;
	width: 740px;
	margin-top: 40px;
	position: relative;
	z-index: 30;
	}
	#global li{
		float: left;
		width: 25%;
		line-height: 35px;
		}
	#global li a{
		text-decoration: none;
		font-weight: bold;
		padding-left: 20px;
		text-shadow: 1px 0 1px #fff;
		color: #000;
		}
	#global li a:hover,
	#global li a:active{
		text-decoration: underline;
		background: url(image11/mark_blue.gif) no-repeat 0;
		}
	#global li a.select{
		text-decoration: underline;
		background: url(image11/mark_global.gif) no-repeat 0;
		}
.banner{
	_text-align: center;
	}
	.banner .innerwrap{
		padding-top: 50px;
		padding-bottom: 80px;
		background: url(image11/back_02.gif) no-repeat right bottom;
		}
	.banner h2{
		font-size: 30px;
		font-weight: normal;
		text-shadow: 1px 1px 1px #fff;
		color: #000;
		margin-bottom: 8px;
		line-height: 1.4;
		}
	.banner p{
		text-shadow: 1px 1px 1px #fff;
		color: #333;
		position: relative;
		z-index: 22;
		}
	.banner p a{
		color: #000;
		}
	.banner .bannerimage{
		position: absolute;
		}
	.banner .bannercloud{
		position: absolute;
		background: url(image11/cloud_01.png) no-repeat 0 0 !important;
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image11/cloud_01.png", sizingMethod="image");
		width: 515px;
		height: 622px;
		right: -15px;
		top: 0;
		z-index: 21;
		-webkit-animation-duration: 5s;
		-webkit-animation-name: animationcloud;
		-moz-animation-duration: 5s;
		-moz-animation-name: animationcloud;
		}
	@-webkit-keyframes animationcloud {
		0%{right: 0;}
		100%{right: -15px;}
	}
	@-moz-keyframes animationcloud{
		0%{right: 0;}
		100%{right: -15px;}
	}
	
#banner1 .bannerimage{
	position: absolute;
	background: url(image11/banner_01.png) no-repeat 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image11/banner_01.png", sizingMethod="image");
	width: 354px;
	height: 458px;
	margin: -80px 0 0 680px;
	z-index: 20;
  -webkit-animation-duration: 3s;
  -webkit-animation-name: animationimg;
  -moz-animation-duration: 3s;
  -moz-animation-name: animationimg;
	}
	
	@-webkit-keyframes animationimg {
		0%{margin-top: -80px;}
		20% {margin-top: -60px;}
		100% {margin-top: -80px;}
	}
	@-moz-keyframes animationimg {
		0%{margin-top: -80px;}
		20% {margin-top: -60px;}
		100% {margin-top: -80px;}
	}

#banner2{
	background: url(image11/back_03.gif) no-repeat left top;
	}
	#banner2.banner .innerwrap{
		padding-top: 100px;
		padding-bottom: 70px;
		background: url(image11/back_04.gif) no-repeat left bottom;
		}
	#banner2 h2{
		margin-left: 326px;
		}
	#banner2 ol{
		margin-left: 326px;
		}
	#banner2 li{
		width: 280px;
		float: left;
		margin-right: 30px;
		}
	#banner2 li h3{
		margin-top: 16px;
		font-size: 16px;
		color: #000;
		text-shadow: 1px 1px 1px #fff;
		}
	#banner2 li p{
		color: #444;
		}
	#banner2 .bannerimage{
		position: absolute;
		background: url(image11/banner_02.png) no-repeat 0 0 !important;
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image11/banner_02.png", sizingMethod="image");
		width: 358px;
		height: 322px;
		left: 0;
		margin-top: 120px;
		z-index: 20;
		}
	#banner2 .bannercloud{
		position: absolute;
		background: url(image11/cloud_02.png) no-repeat 0 0 !important;
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image11/cloud_02.png", sizingMethod="image");
		width: 515px;
		height: 565px;
		left: 0;
		top: auto !important;
		right: auto !important;
		margin-top: -20px;
		z-index: 21;
		-webkit-animation-name: none;
		-moz-animation-name: none;
		}
		
		
.contents{
	background: #fff;
	text-align: center;
	}
	.contents .innerwrap{
		position: relative;
		z-index: 60;
		}



.titletopplan{
	display: block;
	position: absolute;
	background: url(image11/title_topplan.png) no-repeat 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image11/title_topplan.png", sizingMethod="image");
	width: 172px;
	height: 479px;
	text-indent: -9999px;
	left: 0;
	margin-top: -100px;
	z-index: 10;
	}
.dreamaplan{
	padding: 14px 0 30px 164px;
	}
	.dreamaplan li{
		width: 186px;
		float: left;
		margin-right: 30px;
		padding-top: 86px;
		}
	.dreamaplan li.plan1{ background: url(image11/img_dreama_01.gif) no-repeat center 0;}
	.dreamaplan li.plan2{ background: url(image11/img_dreama_02.gif) no-repeat center 0;}
	.dreamaplan li.plan3{ background: url(image11/img_dreama_03.gif) no-repeat center 0;}
	
	.dreamaplan h4{
		color:#000;
		margin-bottom: 6px;
		}
	.dreamaplan p{
		color:#666;
		font-size: 80%;
		margin-bottom: 6px;
		}
	.dreamaplan .planbtn{
		background: #0088cc;
		color: #fff;
		font-weight: bold;
		padding: 0 10px;
		overflow: auto;
		zoom:1;
		text-shadow: -1px -1px 1px #0073ad;
		text-align: right;
		}
	.dreamaplan .planbtn a{
		color: #fff;
		text-decoration: none;
		background: url(image11/arrow_blue.gif) no-repeat 0;
		padding-left: 18px;
		margin-left: 10px;
		}
		
.titletophp{
	display: block;
	position: absolute;
	background: url(image11/title_tophp.png) no-repeat 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image11/title_tophp.png", sizingMethod="image");
	width: 468px;
	height: 80px;
	text-indent: -9999px;
	left: 0;
	margin-top: 20px;
	z-index: 11;
	}
		

.hpmain{

	}
.hpsub{
	width: 306px;
	float: right;
	padding-top: 20px;
	}

.hpdetail{
	padding: 14px 0 30px;
	}
	.hpdetail li{
		width: 186px;
		float: left;
		margin-right: 30px;
		margin-bottom: 14px;
		padding-top: 86px;
		}
	.hpdetail li.det3,.hpdetail li.det6{margin-right: 0;}
	.hpdetail li.det4{ clear: both;}
	.hpdetail li.det1{ background: url(image11/img_hp_01.gif) no-repeat center 0;}
	.hpdetail li.det2{ background: url(image11/img_hp_02.gif) no-repeat center 0;}
	.hpdetail li.det3{ background: url(image11/img_hp_03.gif) no-repeat center 0;}
	.hpdetail li.det4{ background: url(image11/img_hp_04.gif) no-repeat center 0;}
	.hpdetail li.det5{ background: url(image11/img_hp_05.gif) no-repeat center 0;}
	.hpdetail li.det6{ background: url(image11/img_hp_06.gif) no-repeat center 0;}
	
	.hpdetail h4{
		color:#000;
		margin-bottom: 6px;
		}
	.hpdetail p{
		color:#666;
		font-size: 80%;
		margin-bottom: 6px;
		}

.ltitle{
	font-size: 24px;
	color: #000;
	}
.ltitle2{
	font-size: 24px;
	font-weight: normal;
	color: #000;
	background: url(image11/mark_white.gif) no-repeat 0;
	padding-left: 20px;
	margin-bottom: 8px;
	}
.stitle1{
	font-size: 15px;
	color: #000;
	background: url(image11/mark_white.gif) no-repeat 0;
	padding-left: 20px;
	margin-bottom: 8px;
	}
.stitle2{
	font-size: 15px;
	color: #000;
	background: url(image11/mark_blue.gif) no-repeat 0;
	padding-left: 20px;
	margin-bottom: 15px;
	text-shadow: 1px 1px 1px #fff;
	}


.wrap1{
	border: 2px solid #ccc;
	background: #f8f8f8;
	padding: 20px 16px;
	margin-bottom: 20px;
	box-shadow: inset 0 0 8px #ccc;
	-moz-box-shadow: inset 0 0 8px #ccc;
	-webkit-box-shadow: inset 0 0 8px #ccc;
	}
.wrap1 h4{
	font-size: 16px;
	color: #0088CC;
	text-shadow: 1px 1px 1px #fff;
	}
.wrap1 h5{
	font-size: 15px;
	font-weight: bold;
	color: #000;
	text-shadow: 1px 1px 1px #fff;
	}
.wrap1 p{
	color: #444;
	text-shadow: 0 1px 1px #fff;
	}
.wrap1 .line{
	border-top: 1px solid #ccc;
	height: 1px;
	_height: auto;
	background: #fff;
	display: block;
	margin: 15px -16px;
	}
	
.btnmitsumori{
	display: block;
	background: url(image11/btn_mitsumori.jpg) no-repeat center 0;
	height: 48px;
	text-indent: -9999px;
	}
.btninquiry{
	display: block;
	background: url(image11/btn_inquiry.jpg) no-repeat center 0;
	height: 48px;
	text-indent: -9999px;
	}
.btndreamaplan{
	display: block;
	background: url(image11/btn_dreamaplan.jpg) no-repeat center 0;
	height: 48px;
	text-indent: -9999px;
	}



.titletopdreama{
	display: block;
	position: absolute;
	background: url(image11/title_topdreama.png) no-repeat 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image11/title_topdreama.png", sizingMethod="image");
	width: 467px;
	height: 80px;
	text-indent: -9999px;
	left: 0;
	margin-top: 20px;
	z-index: 11;
	}
	
.dreamanew{
	background: url(image11/back_03.gif) no-repeat left top;
	text-align: center;
	}
.dreamanew .innerwrap{
	padding-top: 100px;
	}
	.dreamanewbottom{
		background: url(image11/banner_03.png) no-repeat 0 0 !important;
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image11/banner_03.png", sizingMethod="image");
		width: 193px;
		height: 244px;
		margin: -100px auto -14px;
		}
	.dreamanewcol1{
		width: 298px;
		float: left;
		margin-right: 30px;
		}
	.dreamanewcol2{
		width: 298px;
		float: left;
		}
	.dreamanewcol3{
		width: 298px;
		float: right;
		}

	.newsite li{
		padding-bottom: 8px;
		margin-bottom: 8px;
		border-bottom: 1px solid #d9eef9;
		}
	.newsite li dl{
		overflow: auto;
		zoom: 1;
		}
	.newsite dt{
		float: left;
		}
	.newsite dt img{
		-moz-box-shadow: 0 0 3px #4b9fc9; 
		-webkit-box-shadow: 0 0 3px #4b9fc9;
		}
	.newsite dd{
		margin-left: 90px;
		font-size: 80%;
		}
	.newsite li.first dd{
		margin-left: 138px;
		font-size: 100%;
		}
	.newsite li.first dd a{
		color: #00679A;
		text-decoration: underline;
		}
	.newsite dd a{
		color: #444;
		text-decoration: none;
		}

	.newentry li{
		padding-bottom: 8px;
		margin-bottom: 8px;
		border-bottom: 1px solid #d9eef9;
		}
	.newentry li p{
		font-size: 80%;
		}
	.newentry li p.blogtitle a{
		width: 18em;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		}

	.voice li{
		padding-bottom: 8px;
		margin-bottom: 8px;
		border-bottom: 1px solid #d9eef9;
		}
	.voice li dl{
		overflow: auto;
		zoom: 1;
		}
	.voice dt{
		float: left;
		}
	.voice dt img{
		-moz-box-shadow: 0 0 3px #4b9fc9; 
		-webkit-box-shadow: 0 0 3px #4b9fc9;
		}
	.voice dd{
		margin-left: 56px;
		}
	.voice dd p{
		font-size: 80%;
		}
		
	.info li{
		padding-bottom: 8px;
		margin-bottom: 8px;
		border-bottom: 1px solid #d9eef9;
		}
		
	li.more{
		font-size: 80%;
		text-align: right;
		border-bottom: none;
		}
		

#topzskdetail{
	padding: 0 0 0 14px;
	border-bottom: 5px dotted #E3E3E3;
	}
	#topzskdetail ul li{
		width: 137px;
		float: left;
		margin-right: 14px;
		padding-bottom: 20px;
		word-break: break-all;
		overflow: hidden;
		}
	#topzskdetail ul li h4{
		color: #000;
		}
	#topzskdetail ul li p{
		font-size: 80%;
		color: #777;
		}


#topzsk{
	margin-top: 20px;
	background: url(image11/zsk_back.jpg) no-repeat center top;
	height: 420px;
	text-align: center;
	padding-top: 22px;
	}
	#topzsk .btnprev{
		background: url(image11/arrow_gray_left.gif) no-repeat center top;
		color: #999;
		font-size: 80%;
		font-weight: bold;
		padding-top: 30px;
		text-decoration: none;
		width: 60px;
		display: block;
		position: absolute;
		margin-top: 140px;
		margin-left: 10px;
		/*_margin-left: -290px;*/
		}
	#topzsk .btnnext{
		background: url(image11/arrow_gray_right.gif) no-repeat center top;
		color: #999;
		font-size: 80%;
		font-weight: bold;
		padding-top: 30px;
		text-decoration: none;
		width: 60px;
		display: block;
		position: absolute;
		margin-left: 560px;
		margin-top: 140px;
		_margin-left: 240px;
		}
	
	#topzsk .zskoutset{
		width: 393px;
		margin: 0 auto;
		position: relative;
		overflow: hidden;
		}
	#topzsk .zsksite{
		width: 6000px;
		position: relative;
		}
	#topzsk .zsksite li{
		width: 393px;
		float: left;
		}
	#topzsk .zsksite li .zskimg{
		width: 393px;
		height: 221px;
		position: absolute;
		z-index: 10;
		}
	#topzsk .zsksite li .zskover{
		background: url(image11/zsk_over.png) no-repeat 0 0 !important;
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image11/zsk_over.png", sizingMethod="image");
		width: 393px;
		height: 221px;
		position: absolute;
		z-index: 11;
		}
	#topzsk .zsksite li .zskimglink{
		display: block;
		width: 393px;
		height: 221px;
		position: relative;
		text-indent: -9999px;
		z-index: 12;
		}
	#topzsk .zsksite li .zsktitle{
		display: block;
		margin-top: 140px;
		text-align: center;
		font-weight: bold;
		color: #000;
		}
	#topzsk .zsksite li .zskdetail{
		text-align: center;
		}
	#topzsk .zsksite li .zskdetail a{
		background: #0088cc;
		color: #fff;
		text-decoration: none;
		font-size: 80%;
		font-weight: bold;
		padding: 0 4px;
		margin: 0 2px;
		text-shadow: -1px -1px 1px #0073ad;
		}
	.topzskmore{
		margin: 8px 0 0;
		text-align: center;
		}
		.topzskmore a{
			background: url(image11/mark_white.gif) no-repeat 0;
			padding-left: 20px;
			}
		






#footer-top{
	background: url(image11/footer_top.gif) no-repeat right top;
	padding-top: 39px;
	}
#footer{
	background:#000;
	color: #fff;
	zoom: 1;
	_text-align: center;
	}
#footer .innerwrap{
	padding: 10px 0 40px;
	}
	#footer a{
		color: #fff;
		text-decoration: none;
		}
	#footer a:hover{
		text-decoration: underline;
		}
	#footer .gotop{text-align: right}
	#footer .gotop a{
		background: url(image11/arrow_top_black.gif) no-repeat 0;
		padding-left: 20px;
		font-weight: bold;
		}
	#footer ul{
		margin-bottom: 30px;
		}
	#footer li{
		width: 220px;
		float: left;
		}
	#footer li.logo{
		width: 129px;
		float: right;
		padding: 100px 0 0;
		}
	#footer dt{
		font-weight: bold;
		background: url(image11/mark_black.gif) no-repeat 0;
		padding-left: 20px;
		margin-bottom: 8px;
		}
	#footer dd{
		padding-left: 20px;
		}
		
	#footer .copyright{
		font-size: 80%;
		text-align: center;
		color: #666;
		}



#social{
	position:fixed;
	_position: absolute;
	z-index: 100;
	right: 10px;
	top: 400px;
	}
	#social li{
		display: block;
		width: 53px;
		height: 53px;
		margin-bottom: 5px;
		}
	#social li.twitter{ 
		background: url(image11/social_tweet.png) no-repeat 0 0 !important;
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image11/social_tweet.png", sizingMethod="image");}
	#social li.facebook{ 
		background: url(image11/social_fb.png) no-repeat 0 0 !important;
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image11/social_fb.png", sizingMethod="image");}
	#social li.google{ 
		background: url(image11/social_google.png) no-repeat 0 0 !important;
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image11/social_google.png", sizingMethod="image");}
	#social li.hatena{ 
		background: url(image11/social_hatena.png) no-repeat 0 0 !important;
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image11/social_hatena.png", sizingMethod="image");}
	#social li a{
		display: block;
		width: 53px;
		height: 53px;
		text-indent: -9999px;
		position: relative;
		z-index: 101;
		}

#social2{
	position:fixed;
	_position: absolute;
	z-index: 100;
	right: 10px;
	top: 450px;
	padding: 8px 0;
	background: #fff;
	border: 2px solid #000;
	width: 116px;
	overflow: hidden;
	-webkit-border-radius: 8px;
		 -moz-border-radius: 8px;
					border-radius: 8px;
	}
#social2 li{
	margin: 0 8px;
	text-align: left;
	height: 28px;
	overflow: hidden;
	}
#social2 li.google{
	/*margin-top: 8px;*/
	}
		
/*
==========================================================

* 6: pagecommon

==========================================================*/
.arrowl{
	background: url(image11/arrow_gray_right.gif) no-repeat 0;
	padding-left: 40px;
	display: block;
	font-weight: bold;
	font-size: 18px;
	line-height: 30px;
	margin: 6px 0;
	}
.pagewrap1{
	margin: 0 70px 20px;
	padding: 20px 24px;
	overflow: auto;
	zoom: 1;
	}
.pagewrap1 h4{
	font-size: 18px;
	margin-bottom: 8px;
	}
.pagewrap1 .line {
	margin: 15px -24px;
	clear: both;
	}
.pagewrap1 .wrapodd{
	width: 45%;
	float: left;
	}
.pagewrap1 .wrapeven{


	}

.pageol{
	padding: 60px 0 20px;
	}
	.pageol li{
		padding: 0 70px 20px;
		border-bottom: 5px dotted #e3e3e3;
		margin-bottom: 20px;
		overflow: auto;
		zoom:1;
		}
	.pageol li:last-child{
		border-bottom: none;
		margin-bottom: 0;
		}
	.pageol li.num1{ background: url(image11/num_01.gif) no-repeat 10px 0;}
	.pageol li.num2{ background: url(image11/num_02.gif) no-repeat 10px 0;}
	.pageol li.num3{ background: url(image11/num_03.gif) no-repeat 10px 0;}
	.pageol li.num4{ background: url(image11/num_04.gif) no-repeat 10px 0;}
	.pageol li.num5{ background: url(image11/num_05.gif) no-repeat 10px 0;}
	.pageol h3{
		font-size: 28px;
		font-weight: normal;
		/*text-shadow: 0 0 1px #000;*/
		color: #000;
		margin-bottom: 10px;
		line-height: 1.4;
		}
	.pageol h4{
		font-size: 15px;
		font-weight: bold;
		color: #000;
		margin-bottom: 6px;
		background: url(image11/mark_white.gif) no-repeat 0;
		padding-left: 20px;
		}
	.pageol li ul{
		padding: 10px 6px 0;
		}
	.pageol li ul li{
		padding: 0 0 0;
		border-bottom: none;
		margin-bottom: 0;
		font-size: 84%;
		color: #888;
		list-style-type: disc;
		list-style-position: inside;
		}
	.pageol li ol{
		padding: 26px 0 0;
		}
	.pageol li ol li{
		padding: 0 0 15px;
		width: 45%;
		border-bottom: none;
		margin-bottom: 0;
		overflow: visible;
		}
	.pageol li ol li.odd{
		float: left;
		clear: both;
		}
	.pageol li ol li.even{
		float: right;
		}
	.pageol li ol li p{
		color: #666;
		font-size: 90%;
		}
	.pageol p.img{
		text-align: center;
		margin-top: 8px;
		}
		

	.pageol .col1{
		float: left;
		width: 330px;
		background: #d6ebf6;
		-webkit-border-radius: 8px;
			 -moz-border-radius: 8px;
						border-radius: 8px;
		}
		.pageol .col1 th,
		.pageol .col1 td{
			padding: 1px 10px;
			color: #000;
			border-bottom: 1px dotted #fff;
			}
		.pageol .col1 th{
			font-weight: bold;
			padding-top: 8px;
			border-bottom: 2px solid #fff;
			}
		.pageol .col1 td{
			font-size: 90%;
			color: #666;
			}
		.pageol .col1 .price{
			text-align: right;
			white-space: nowrap;
			padding-left: 0;
			}
		.pageol .col1 .total{
			font-size: 110%;
			color: #000;
			padding-bottom: 8px;
			font-weight: bold;
			text-align: right;
			border-bottom: none !important;
			}
	.pageol .col2{
		margin-left: 360px;
		}
		
	.pageol .col3{
		width: 100%;
		background: #d6ebf6;
		margin-top: 8px;
		-webkit-border-radius: 8px;
			 -moz-border-radius: 8px;
						border-radius: 8px;
		}
		.pageol .col3 th,
		.pageol .col3 td{
			padding: 1px 10px;
			color: #000;
			border-bottom: 1px dotted #fff;
			}
		.pageol .col3 th{
			font-weight: bold;
			padding-top: 8px;
			border-bottom: 2px solid #fff;
			text-align: center;
			}
		.pageol .col3 td{
			font-size: 90%;
			color: #666;
			text-align: center;
			}


.pagesite{
	padding: 20px 0;
	}
	.pagesite h3{
		background: url(image11/hpzsk_mark_01.gif) no-repeat 0 0;
		line-height: 50px;
		color: #000000;
		font-size: 28px;
		font-weight: normal;
		line-height: 1.4;
		margin-bottom: 10px;
		padding: 0 70px 20px;
		zoom: 1;
		}
	.pagesite p.top{
		margin-top: -20px;
		padding: 0 70px 40px;
		}

	.pagesite ul{
		padding: 0 38px 0 70px;
		overflow: auto;
		zoom: 1;
		}
	.pagesite ul li{
		width: 180px;
		float: left;
		margin-right: 32px;
		overflow: hidden;
		padding-bottom: 20px;
		_height: 330px;
		}
	.pagesite2 ul li{
		_height: 190px;
		}
	.pagesite ul li:nth-child(4n+1){
		clear: both;
		}
	.pagesite ul li .snapshot{
		margin-bottom: 4px;
		}
	.pagesite ul li strong{
		background: #0088CC;
		color: #FFFFFF;
		font-size: 80%;
		font-weight: normal;
		margin: 0 2px;
		padding: 0 4px;
		text-decoration: none;
		text-shadow: -1px -1px 1px #0073AD;
		display: none;
		}
	.pagesite ul li h5{
		color: #000;
		}
	.pagesite ul li p{
		color: #777;
		font-size: 80%;
		}
	.pagesite ul li em{
		font-size: 80%;
		font-style: normal;
		}



#bannernormal .innerwrap {
	background: url("image11/back_02.gif") no-repeat scroll right bottom transparent;
	padding-bottom: 0px;
	}
.pagenormal{
	padding: 50px 30px 20px;
	}
		
/*
==========================================================

* 7: about.html

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

#bannerabout .bannerimage{
	position: absolute;
	background: url(image11/banner_about.png) no-repeat 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image11/banner_about.png", sizingMethod="image");
	width: 419px;
	height: 315px;
	margin: -80px 0 0 580px;
	z-index: 20;
	}
.titleabout{
	display: block;
	position: absolute;
	background: url(image11/title_about.png) no-repeat 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image11/title_about.png", sizingMethod="image");
	width: 467px;
	height: 80px;
	text-indent: -9999px;
	left: 0;
	margin-top: -35px;
	z-index: 11;
	}
		
	.aboutbottom{
		background: url(image11/banner_about2.png) no-repeat 0 0 !important;
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image11/banner_about2.png", sizingMethod="image");
		width: 43px;
		height: 35px;
		margin: -30px auto 3px;
		}

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

* 8: design.html

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


#bannerdesign .bannerimage{
	position: absolute;
	background: url(image11/banner_design.png) no-repeat 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image11/banner_design.png", sizingMethod="image");
	width: 323px;
	height: 348px;
	margin: -80px 0 0 620px;
	z-index: 20;
	}
.titledesign{
	display: block;
	position: absolute;
	background: url(image11/title_design.png) no-repeat 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image11/title_design.png", sizingMethod="image");
	width: 467px;
	height: 80px;
	text-indent: -9999px;
	left: 0;
	margin-top: -35px;
	z-index: 11;
	}
		
.pageol li.design1{ background: url(image11/design_mark_01.gif) no-repeat 0 0;}
.pageol li.design2{ background: url(image11/design_mark_02.gif) no-repeat 0 0;}
.pageol li.design3{ background: url(image11/design_mark_03.gif) no-repeat 0 0;}
.pageol li.design4{ background: url(image11/design_mark_04.gif) no-repeat 0 0;}
.pageol li.design5{ background: url(image11/design_mark_05.gif) no-repeat 0 0;}

.seoimage img{
	float: left;
	border: 3px solid #000;
	}
.seoimage p{
	margin-left: 95px;
	}
	
/*
==========================================================

* 9: renew.html

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


#bannerrenew .bannerimage{
	position: absolute;
	background: url(image11/banner_renew.png) no-repeat 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image11/banner_renew.png", sizingMethod="image");
	width: 305px;
	height: 319px;
	margin: -85px 0 0 620px;
	z-index: 20;
	}
.titlerenew{
	display: block;
	position: absolute;
	background: url(image11/title_renew.png) no-repeat 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image11/title_renew.png", sizingMethod="image");
	width: 467px;
	height: 80px;
	text-indent: -9999px;
	left: 0;
	margin-top: -35px;
	z-index: 11;
	}
.pageol li.renew1{ background: url(image11/renew_mark_01.gif) no-repeat 0 0;}

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

* 10: price.html

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


#bannerprice .bannerimage{
	position: absolute;
	background: url(image11/banner_price.png) no-repeat 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image11/banner_price.png", sizingMethod="image");
	width: 246px;
	height: 311px;
	margin: -85px 0 0 620px;
	z-index: 20;
	}
.titleprice{
	display: block;
	position: absolute;
	background: url(image11/title_price.png) no-repeat 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image11/title_price.png", sizingMethod="image");
	width: 467px;
	height: 80px;
	text-indent: -9999px;
	left: 0;
	margin-top: -35px;
	z-index: 11;
	}
.pageol li.price1{ background: url(image11/price_mark_01.gif) no-repeat 0 0;}


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

* 11: hpzsk.html

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

.titlehpzsk{
	display: block;
	position: absolute;
	background: url(image11/title_hpzsk.png) no-repeat 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image11/title_hpzsk.png", sizingMethod="image");
	width: 280px;
	height: 59px;
	text-indent: -9999px;
	left: 0;
	margin-top: -35px;
	z-index: 11;
	}
h3.hpzsk1{
	background: url(image11/hpzsk_mark_01.gif) no-repeat 0 0;
	line-height: 50px;
	color: #000000;
	font-size: 28px;
	font-weight: normal;
	line-height: 1.4;
	margin-bottom: 10px;
	padding: 0 70px 20px;
	}


.hpzsk #topzskdetail{
	padding: 404px 38px 30px 70px;
	_padding-top: 444px;
	border-bottom: 5px dotted #E3E3E3;
	}
	.hpzsk #topzskdetail ul li{
		width: 180px;
		float: left;
		margin-right: 32px;
		}
	.hpzsk #topzskdetail ul li h4{
		color: #000;
		}
	.hpzsk #topzskdetail ul li p{
		font-size: 80%;
		color: #777;
		}


.hpzsk #topzsk{
	position: absolute;
	z-index: 5;
	margin-top: -130px;
	_margin-top: -90px;
	background: url(image11/zsk_back2.png) no-repeat center top;
	_background: url(image11/zsk_back2.jpg) no-repeat center top;
	height: 500px;
	width: 958px;
	text-align: center;
	padding-top: 27px;
	}
	.hpzsk #topzsk .btnprev{
		background: url(image11/arrow_gray_left.gif) no-repeat left center;
		color: #999;
		font-size: 90%;
		font-weight: bold;
		padding-top: 0;
		padding-left: 34px;
		text-decoration: none;
		width: auto;
		display: block;
		position: absolute;
		margin-left: 50px;
		margin-top: 300px;
		_margin-left: -420px;
		line-height: 27px;
		}
	.hpzsk #topzsk .btnnext{
		background: url(image11/arrow_gray_right.gif) no-repeat right center;
		color: #999;
		font-size: 90%;
		font-weight: bold;
		padding-top: 0;
		padding-right: 34px;
		text-decoration: none;
		width: auto;
		display: block;
		position: absolute;
		margin-left: 770px;
		_margin-left: 290px;
		margin-top: 300px;
		line-height: 27px;
		}
	
	.hpzsk #topzsk .zskoutset{
		width: 482px;
		margin: 0 auto;
		position: relative;
		overflow: hidden;
		}
	.hpzsk #topzsk .zsksite{
		width: 5000px;
		position: relative;
		}
	.hpzsk #topzsk .zsksite li{
		width: 482px;
		float: left;
		}
	.hpzsk #topzsk .zsksite li .zskimg{
		width: 482px;
		height: 271px;
		position: absolute;
		z-index: 10;
		}
	.hpzsk #topzsk .zsksite li .zskover{
		background: url(image11/zsk_over2.png) no-repeat 0 0 !important;
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image11/zsk_over2.png", sizingMethod="image");
		width: 482px;
		height: 271px;
		position: absolute;
		z-index: 11;
		}
	.hpzsk #topzsk .zsksite li .zskimglink{
		display: block;
		width: 482px;
		height: 271px;
		position: relative;
		text-indent: -9999px;
		z-index: 12;
		}
	.hpzsk #topzsk .zsksite li .zsktitle{
		display: block;
		margin-top: 170px;
		text-align: center;
		font-weight: bold;
		font-size: 16px;
		color: #000;
		text-decoration: none;
		margin-bottom: 2px;
		}
	.hpzsk #topzsk .zsksite li .zskdetail{
		text-align: center;
		}
	.hpzsk #topzsk .zsksite li .zskdetail a{
		background: #0088cc;
		color: #fff;
		text-decoration: none;
		font-size: 80%;
		font-weight: bold;
		padding: 0 4px;
		margin: 0 2px;
		text-shadow: -1px -1px 1px #0073ad;
		}

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

* 12: start.html

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

.titlestart{
	display: block;
	position: absolute;
	background: url(image11/title_start.png) no-repeat 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image11/title_start.png", sizingMethod="image");
	width: 467px;
	height: 80px;
	text-indent: -9999px;
	left: 0;
	margin-top: -35px;
	z-index: 11;
	}

.plantable{
	background: #b4dcf0;
	border: 2px solid #0088cc;
	margin-bottom: 30px;
	-webkit-border-radius: 8px;
		 -moz-border-radius: 8px;
					border-radius: 8px;
	}
	.plantable th,
	.plantable td{
		padding: 3px 10px;
		background: #fff;
		border-bottom: 1px dotted #0088cc;
		border-right: 1px dotted #0088cc;
		}
	.plantable th{
		background: #d6ebf6;
		font-weight: bold;
		}
	.plantable th.detail{
		font-size: 84%;
		color: #666;
		background: #f4f4f4;
		font-weight: normal;
		border-right: none;
		}
	.plantable td{
		text-align: center;
		font-weight: bold;
		}
	.plantable .labelline th,
	.plantable .labelline td{
		background: none;
		padding: 8px 10px;
		font-weight: bold;
		color: #000;
		border-bottom: none;
		border-right: none;
		}


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

* 13: case.html

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

.titlecase{
	display: block;
	position: absolute;
	background: url(image11/title_case.png) no-repeat 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image11/title_case.png", sizingMethod="image");
	width: 467px;
	height: 80px;
	text-indent: -9999px;
	left: 0;
	margin-top: -35px;
	z-index: 11;
	}
	
/*
==========================================================

* 14: voice.html

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


#bannervoice .bannerimage{
	position: absolute;
	background: url(image11/banner_voice.png) no-repeat 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image11/banner_voice.png", sizingMethod="image");
	width: 307px;
	height: 295px;
	margin: -85px 0 0 620px;
	z-index: 20;
	}
.titlevoice{
	display: block;
	position: absolute;
	background: url(image11/title_voice.png) no-repeat 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image11/title_voice.png", sizingMethod="image");
	width: 467px;
	height: 80px;
	text-indent: -9999px;
	left: 0;
	margin-top: -35px;
	z-index: 11;
	}

.voicelist{
	padding: 50px 70px 20px;
	}
	.voicelist li{
		padding: 0 0 15px;
		width: 45%;
		border-bottom: none;
		margin-bottom: 10px;
		padding-top: 10px;
		overflow: auto;
		zoom:1;
		border-top:1px dotted #0088CC
		}
	.voicelist li.odd{
		float: left;
		clear: both;
		}
	.voicelist li.even{
		float: right;
		}
	.voicelist li .vimg{
		float: left;
		}
	.voicelist li h4{
		margin-left: 60px;
		font-weight: bold;
		font-size: 14px;
		background: url(image11/mark_white.gif) no-repeat 0 3px;
		color: #000000;
		padding-left: 20px;
		margin-bottom: 6px;
		}
	.voicelist li h4 a{
		color: #000000;
		}
	.voicelist li p{
		color: #666;
		font-size: 90%;
		margin-left: 80px;
		}
		
	/* voice page */
	.contents_layer3 .title h3,
	.contents_box .title h3{
		font-size: 21px;
		line-height: 50px;
		font-weight: bold;
		border-bottom: 5px dotted #E3E3E3;
		padding-bottom: 2px;
		}
	.contents_layer3 .text,
	.contents_box .text{
		margin: 0 70px;
		}
	.ach_toptitle{
		margin: 0 0 0 120px;
		}
	.ach_toptitle .bold{
		font-weight: bold;
		text-align: left;
		display: block;
		}
	.ach_top_navi,
	.ach_footer_navi{
		text-align: right;
		padding: 4px 0;
		font-size: 90%;
		border-top: 1px dotted #E3E3E3;
		border-bottom: 1px dotted #E3E3E3;
		}
	.ach_top_navi2,
	.ach_footer_navi2{
		text-align: left;
		padding: 4px 0;
		font-size: 90%;
		border-top: 1px dotted #E3E3E3;
		border-bottom: 1px dotted #E3E3E3;
		}
	.ach_title2,
	.ach_title3,
	.contents_box .text h4{
		border: 2px solid #000;
		padding: 8px 15px;
		margin: 8px 0 8px 120px;
		-webkit-border-radius: 8px;
			 -moz-border-radius: 8px;
						border-radius: 8px;
		}
	.contents_box .text h4{
		margin-left: 0;
		}
	.ach_text_layer_fix{
		overflow: auto;
		zoom:1;
		margin: 15px 0;
		}
	.ach_text_left{
		float: left;
		width: 110px;
		text-align: right;
		}
	.ach_text_fix,
	.ach_text{
		border-left: 5px solid #0088CC;
		padding: 0 10px;
		overflow: auto;
		zoom:1;
		margin: 8px 0 8px 120px;
		}
	.ach_pic_left{
		float: left;
		margin-right: 15px;
		}
	.ach_pic_right{
		float: right;
		margin-left: 15px;
		}
	.bold{
		font-weight: bold;
		}
	.fcb {
		color: #3481FF;
		}
	.fclear{
		clear: both;
		}
/*
==========================================================

* 15: entry_list.html

==========================================================*/
.entrylist{
	margin: 0 70px 20px;
	padding-bottom: 10px;
	border-bottom:1px dotted #0088CC;
	}
	.entrylist dt a{
		font-weight: bold;
		font-size: 14px;
		background: url(image11/mark_white.gif) no-repeat 0;
		color: #000000;
		padding-left: 20px;
		}
	.entrylist dt{
		font-size: 86%;
		color: #999;
		margin-bottom: 4px;
		border-top:1px dotted #0088CC;
		padding-top: 10px;
		margin-top: 10px;
		}
	.entrylist dd{
		font-size: 86%;
		color: #666;
		padding-left: 20px;
		overflow: auto;
		zoom: 1;
		}
	.entrylist dd .snapshot{
		border: 3px solid #f4f4f4;
		float: left;
		width: 80px;
		}
	.entrylist dd p{
		margin-left: 100px;
		}

.next_step2{
	text-align: center;
	margin-top: 8px;
	}
.navi-repage,
.ach_page_navi{
	text-align: center;
	line-height: 30px;
	color: #999;
	margin: 0 auto;
	margin-bottom: 20px;
	width: auto;
	}
	.navi-repage a,
	.ach_page_navi a{
		border: 1px solid #0088CC;
		padding: 0 8px;
		text-decoration: none;
		line-height: 30px;
		margin-right: 8px;
		}
	.ach_page_navi td{
		padding-right: 8px;
		}
	.navi-repage a:hover,
	.ach_page_navi a:hover{
		background: #B4DCF0;
		}
	.navi-repage a b{
		background: #0088CC;
		margin: 0 -8px;
		padding: 0 8px;
		color: #fff;
		_background: none;
		_color: #00679A;
		}
	.navi-repage a.select,
	.ach_page_navi a.select{
		background: #0088CC;
		color: #fff;
		}
		
/*
==========================================================

* 16: flow.html

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


#bannerflow .bannerimage{
	position: absolute;
	background: url(image11/banner_flow.png) no-repeat 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image11/banner_flow.png", sizingMethod="image");
	width: 313px;
	height: 239px;
	margin: -10px 0 0 620px;
	z-index: 20;
	}
.titleflow{
	display: block;
	position: absolute;
	background: url(image11/title_flow.png) no-repeat 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image11/title_flow.png", sizingMethod="image");
	width: 467px;
	height: 80px;
	text-indent: -9999px;
	left: 0;
	margin-top: -35px;
	z-index: 11;
	}
	
/*
==========================================================

* 16: topics_list.html

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

h3.info1{
	background: url(image11/info_mark_01.gif) no-repeat 0 0;
	line-height: 50px;
	color: #000000;
	font-size: 28px;
	font-weight: normal;
	line-height: 1.4;
	margin-bottom: 10px;
	padding: 0 70px 20px;
	zoom: 1;
	}
	
.topiclist{
	margin: 0 70px 20px;
	padding-bottom: 10px;
	border-bottom:1px dotted #0088CC;
	}
	.topiclist dd a{
		font-weight: bold;
		font-size: 14px;
		background: url(image11/mark_white.gif) no-repeat 0;
		color: #000000;
		padding-left: 20px;
		}
	.topiclist dt{
		font-size: 86%;
		color: #999;
		margin-bottom: 4px;
		border-top:1px dotted #0088CC;
		padding-top: 10px;
		margin-top: 10px;
		padding-left: 20px;
		zoom: 1;
		}
	.topiclist dd{
		font-size: 86%;
		color: #666;
		padding-left: 20px;
		}
/*
==========================================================

* 17: topics.html

==========================================================*/
.infodate{
	font-size: 13px;
	color: #777;
	padding-left: 10px;
	}
.infocontents{
	margin: 0 70px;
	border-top: 5px dotted #E3E3E3;
	padding-top: 25px;
	}
.navi-back{
	margin-bottom: 20px;
	}
.con_int_back{
	margin-top: 20px;
	}
.navi-back a,
.con_int_back a{
	background: url(image11/arrow_gray.gif) no-repeat 0 center;
	padding-left: 24px;
	font-size: 90%;
	}


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

* 18: inquiry.html

==========================================================*/
.blog .entry_title{
	zoom: 1;
	}
.blog .entry_title a{
	text-decoration: none;
	color: #000;
	}
.blog .edit{
	border-top: 5px dotted #E3E3E3;
	margin: 0 70px;
	padding-top: 25px;
	}
.user_form_contents{
	background: #f4f4f4;
	padding: 10px 20px;
	zoom: 1;
		-webkit-border-radius: 8px;
			 -moz-border-radius: 8px;
						border-radius: 8px;
	}
	.user_form_box{
		overflow: auto;
		zoom: 1;
		margin-bottom: 0 !important;
		padding: 8px 0;
		}
	.user_form_box.even{
		background: #fefefe;
		padding: 8px 20px;
		margin: 0 -20px;
		}
	.user_form_box.first{
		margin-top: 20px;
		}
	.user_form_name{
		width: 240px;
		float: left;
		font-weight: bold;
		}
	.user_form_select_box,
	.user_form_single_text_box,
	.user_form_multi_box,
	.user_form_mail_text_box,
	.user_form_checkbox_box,
	.user_form_radio_box{
		margin-left: 260px !important;
		}
	.user_form_checkbox_box div,
	.user_form_radio_box div{
		clear: both;
		}
	.user_form_note{
		margin-left: 260px !important;
		font-size: 11px;
		color: #666;
		margin-top: 4px;
		}
		
	.user_form_name_must{
		background: #0088CC;
		color: #fff;
		font-weight: normal;
		padding: 0 4px;
		margin-left: 8px;
		font-size: 11px;
		}
	.user_form_box input, 
	.user_form_box textarea,
	.con_register_table input,
	.con_register_table textarea{
		border:1px solid #999;
		padding: 4px 5px;
		color: #000;
		background: #fff;
		border-radius: 3px;
		font-size: 13px;
		margin: 4px 0;
		 
		background: -webkit-gradient(
				linear,
				left top,
				left bottom,
				from(#eee),
				to(#fff)
				);
		-webkit-border-radius: 3px;
		-webkit-box-shadow: 1px 1px 1px #fff;
		 
		background: -moz-linear-gradient(
				top,
				#eee,
				#fff
				);
		-moz-border-radius: 3px;
		-moz-box-shadow: 1px 1px 1px #fff;
		 
		filter:progid:DXImageTransform.Microsoft.gradient
				(startColorstr=#ffeeeeee,endColorstr=#ffffffff);
		zoom: 1;
		}
	.user_form_box input:focus, 
	.user_form_box textarea:focus,
	.con_register_table input:focus,
	.con_register_table textarea:focus{
		background: #B4DCF0;
		}
	.user_form_box textarea,
	.con_register_table textarea{
		width: 450px;
		height: 100px;
		}
	label.error {
		color: #fff; 
		white-space:nowrap; 
		display: inline; 
		background: #FF0033;
		padding: 0 8px;
		font-size: 11px;
		margin-left: 4px;
		}
	input.error {
		border: 1px solid #FF0033;
		}
	
	.user_form_submit{
		padding-top: 8px;
		padding-left: 260px;
		}
	.user_form_submit input,
	.con_register_submit input,
	.con_register_table .button{
    border:1px solid #0088CC;
    padding: 4px 30px;
    color: #fff;
    cursor: pointer;
    background: #428ec9;
    border-radius: 5px;
		font-size: 14px;
		font-weight: bold;
		text-shadow: -1px -1px 1px #0073AD;
     
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#99c9e5),
        to(#428ec9)
        );
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #fff;
         
    background: -moz-linear-gradient(
        top,
        #99c9e5,
        #428ec9
        );
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #fff;
     
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ff99c9e5,endColorstr=#ff428ec9);
    zoom: 1;
		}
	.user_form_box .nonecheck,
	.con_register_table .nonecheck,
	.user_form_submit .nonecheck,
	.con_register_submit .nonecheck{
		border: none;
		padding: auto;
		color: #fff;
		background: none;
		border-radius: 0;
		font-size: 13px;
		margin: 4px 0;
		zoom: 1;
		filter: none;
		}
	.con_register_table .button{
		padding: 2px;
		font-size: 12px;
		font-weight: normal;
		}
		
	.inqtel{
    font-size: 24px;
    font-weight: bold;
    margin: 8px 0;
    text-align: center;
		}
	.inqtel span{
		font-size: 12px;
		display: block;
		margin-top: 0px;
    text-align: center;
		color: #777;
		font-weight: normal;
		}
	.pagesite ul.inqlist{
		padding: 0 0 0 0;
		}
	.pagesite ul.inqlist li {
		float: none;
		margin-right: 0;
		overflow: hidden;
		padding-bottom: 0;
		width: auto;
		list-style: disc inside;
		_height: auto;
		}

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

* 19: register.html

==========================================================*/
#con_register{
	border-top: 5px dotted #E3E3E3;
	margin: 0 70px;
	padding-top: 25px;
	}
#whole_domain{
	width: auto !important;
	margin: 20px;
	}
#whole_domain table{
	margin-bottom: 30px;
	}
.con_register_table{
	background: #f4f4f4;
	zoom: 1;
		-webkit-border-radius: 8px;
			 -moz-border-radius: 8px;
						border-radius: 8px;
	}
	
	.con_register_table tr td{
		padding: 8px 0;
		}
	.con_register_table tr td strong{
		padding-left: 20px;
		font-weight: bold;
		}
	.con_register_left{
		padding-left: 20px;
		font-weight: bold;
		}
	.con_register_right {
		border-left: 3px solid #0088CC;
		padding-right: 20px;
		padding-left: 15px;
		}
	.con_register_table td{
		_background: #f4f4f4;
		}
	.con_register_table tr.odd td{
		background: #fefefe;
		}
	.f_element_semilong input, .f_element_semilong textarea {
		width: 300px;
		}
	.f_element_normal input, .f_element_normal textarea {
		width: 200px;
		}
	.f_element_mid input, .f_element_mid textarea {
		width: 100px;
		}
	.f_element_qua input, .f_element_qua textarea {
		width: 50px;
		}
	.con_register_submit{
    margin: 0 0 0 250px;
    text-align: left;
		}
	.con_register_submit input{
		padding: 10px 100px;
		margin-right: 10px;
		}
	.fcr{
		display: block;
		background: #FF0033;
		color: #fff;
		font-weight: normal;
		padding: 0 15px;
		margin: 0 70px;
		}
	.register_info{
		margin: 0 70px;
		}
	.con_register_demand{
		margin-top: 40px;
		padding: 8px 20px;
		border: 2px solid #000;
		zoom: 1;
			-webkit-border-radius: 8px;
				 -moz-border-radius: 8px;
							border-radius: 8px;
		}
	.con_register_demand_title{
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		padding-bottom: 8px;
		margin-bottom: 15px;
		border-bottom: 1px solid #000;
		}
	.con_register_demand_total{
		font-size: 15px;
		font-weight: bold;
		text-align: center;
		padding-top: 8px;
		margin-top: 15px;
		border-top: 1px solid #000;
		}

	.con_leave_input tr td{
		padding: 8px 20px;
		}

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

* 20: flow.html

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

.flow{
	margin: 50px 70px 20px;
	background: #B4DCF0;
	border: 2px solid #0088cc;
	margin-bottom: 30px;
	-webkit-border-radius: 8px;
		 -moz-border-radius: 8px;
					border-radius: 8px;
	}
	.flow .label th,
	.flow .label td{
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		color: #000;
		background: none !important;
		}
	.flow th,
	.flow td{
		padding: 8px 15px;
		border-bottom: 1px dotted #0088CC;
		}
	.flow .last th,
	.flow .last td{
		border-bottom: none;
		}
	.flow th{
		width: 25%;
		background: #fff;
		}
	.flow th h4{
		font-weight: bold;
		font-size: 18px;
		color: #000;
		text-align: center;
		padding-bottom: 30px;
		background: url(image11/arrow_gray_bottom.gif) no-repeat center bottom;
		}
	.flow td{
		width: 37%;
		font-size: 90%;
		color: #444;
		}
	.flow td.cl{
		background: #D6EBF6;
		}
	.flow td.dn{
		background: #f4f4f4;
		}
	.flow td a{
		color: #FFFFFF !important;
		font-weight: bold;
		padding: 0 10px 0 30px;
		text-shadow: -1px -1px 1px #0073AD;
		text-decoration: none !important;
		background: url(image11/arrow_blue.gif) no-repeat 10px #0088CC;
		display: block;
		margin-top: 6px;
		}
	.flow .open{
		background: url(image11/bg01.gif) repeat 0 0;
		font-weight: bold;
		}