/* CSS初期設定 */

/* basic elements */

html
{
margin: 0;
   /* setting border: 0 hoses ie6 win window inner well border */
   padding: 0;
}

body
{
   margin: 0;
   /* setting border: 0 hoses ie5 win window inner well border */
   padding: 0;
	font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
}

table {
	font-size:inherit;
	font:100%;
}

td {
	vertical-align: top;
}

img {vertical-align: text-bottom;}


form, input { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
	margin: 0;
	padding: 0;
font-size:100%
}

ul {
list-style-type: none;
}

/* standard helper classes */

.clr
{
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}

.clear
{
   clear: both;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

body
{
   font-family: 'ＭＳ Ｐゴシック', 'trebuchet ms', verdana, helvetica, arial, sans-serif;
   line-height: 1.5;
}

a { color: #666666; text-decoration: underline;}

a:hover {
	color: #66ccff;
}


h1, h2, h3, h4, h5, h6
{
   font-family: 'ＭＳ Ｐゴシック', 'trebuchet ms', verdana, helvetica, arial, sans-serif;
}



/* 基本レイアウト設定 */

#lowcontainer{
	width: 100%; /* necessary for ie win */
	margin: 0 auto;
	text-align: center;
	background: #fff;
	background-image: url(/common/img/common/lowhead.jpg);
	background-repeat: repeat-x;
}

#container {
	/*position: relative;*/
	margin: 0 auto; /* center on everything else */
	width: 910px;
	text-align: center;
}

#container-inner { position: static;}



#pagebody { /*position: relative;*/ width: 910px;margin: 0;padding: 20px 0;overflow: hidden;text-align: left;clear: both;}

#pagebody-inner { position: static;}


#middlecon, #leftcon, #rightcon, #contents, #top-menu, #top-news {
	display: inline; /* ie win bugfix */
	/*position: relative;*/
	float: left;
	min-height: 1px;
}


#middlecon-inner, #leftcon-inner, #rightcon-inner, #contents-inner {
	position: static;
}


#leftcon {
	margin: 0 25px 20px 0;
	float: left;
	width: 665px;
	background: #fff;
	overflow: hidden;
}


#rightcon {
	margin: 0 0 20px 0;
	float: left;
	width: 220px;
	overflow: hidden;
	font-size: 12px;
}


#contents {
	margin: 20px 0;
	background: #fff;
}



/* page layout */

body {
	width: 100%;
	color: #313131;
	background-color: #fff;
}

#headerwrap {
	position:relative;
	z-index:1000;
	width: 100%; /* necessary for ie win */
	/*height: 96px;*/
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: #fff;
	background-image: url(/common/img/common/header_repeat.jpg);
	background-repeat: repeat-x;
	background-position: top;
	/*overflow: hidden;*/
}



#header {
	width: 910px; /* necessary for ie win */
	height: 62px;
	margin: 0 auto;
	text-align: center;
	background: #fff;
	background-image: url(/common/img/common/headerbg.jpg);
	background-repeat: none;
	overflow: hidden;
}



#header-inner{
	text-align: left;
}

#logo {
	width: 185px;
	height: 62px;
	float: left;
}

#logo-r {
	width: 725px;
	height: 62px;
	float: left;
	text-align: right;
	padding: 0;
	margin: 0;
}


#logo-r p {
	text-align: right;
}


#logo-r h1{
	padding: 0;
	margin: 0;
	font-size: 11px;
}


#navibg{
	width: 100%;
	margin: 0 auto;
	/*height: 34px;*/
}


ul#glonavi{
	position: relative;
	width: 910px;
	padding: 0 0 0 0;
	margin: 0 auto;
	text-align: left;
	/*overflow: hidden;*/
}

#glonavi li {
	position:relative;
	float: left;
	zoom: 1;
	/*height: 34px;*/
	list-style-type:none;
	margin: 0;
	padding: 0;
}

#glonavi li:hover {
	position: relative;
}

#glonavi li a {
	height: 34px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

#glonavi li.bt01 {
	width: 110px;
	background-image:url(/common/img/common/navi01_off.jpg);
	background-repeat:no-repeat;
}

#glonavi li.bt01 a:hover {
	width: 110px;
	background-image:url(/common/img/common/navi01_on.jpg);
	background-repeat:no-repeat;
}

#glonavi li.bt02 {
	width: 130px;
	background-image:url(/common/img/common/navi02_off.jpg);
	background-repeat:no-repeat;
}

#glonavi li.bt02 a:hover {
	width: 130px;
	background-image:url(/common/img/common/navi02_on.jpg);
	background-repeat:no-repeat;
}

#glonavi li.bt03 {
	width: 130px;
	background-image:url(/common/img/common/navi03_off.jpg);
	background-repeat:no-repeat;
}

#glonavi li.bt03 a:hover {
	width: 130px;
	background-image:url(/common/img/common/navi03_on.jpg);
	background-repeat:no-repeat;
}

#glonavi li.bt04 {
	width: 130px;
	background-image:url(/common/img/common/navi04_off.jpg);
	background-repeat:no-repeat;
}

#glonavi li.bt04 a:hover {
	width: 130px;
	background-image:url(/common/img/common/navi04_on.jpg);
	background-repeat:no-repeat;
}

#glonavi li.bt05 {
	width: 130px;
	background-image:url(/common/img/common/navi05_off.jpg);
	background-repeat:no-repeat;
}

#glonavi li.bt05 a:hover {
	width: 130px;
	background-image:url(/common/img/common/navi05_on.jpg);
	background-repeat:no-repeat;
}

#glonavi li.bt06 {
	width: 130px;
	background-image:url(/common/img/common/navi06_off.jpg);
	background-repeat:no-repeat;
}

#glonavi li.bt06 a:hover {
	width: 130px;
	background-image:url(/common/img/common/navi06_on.jpg);
	background-repeat:no-repeat;
}

#glonavi li.bt07 {
	width: 140px;
	background-image:url(/common/img/common/navi07_off.jpg);
	background-repeat:no-repeat;
}

#glonavi li.bt07 a:hover {
	width: 140px;
	background-image:url(/common/img/common/navi07_on.jpg);
	background-repeat:no-repeat;
}

/**/

#glonavi li.bt02 ul {
	z-index:2000;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	width:250px;
	color:#FFFFFF;
	background:#555555;
}

#glonavi li.bt05 ul {
	z-index:2000;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	width:150px;
	color:#FFFFFF;
	background:#555555;
}

#glonavi li.bt06 ul {
	z-index:2000;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	width:150px;
	color:#FFFFFF;
	background:#555555;
}

#glonavi li ul li {
	float: none;
	display:block;
}

#glonavi li ul li a {
	height: auto;
	/*display: inline-block;  IE 6 & 7 Needs Inline Block */
	color:#FFFFFF;
	text-indent:0;
	padding:3px 8px; 
}
                                   
#glonavi li ul li a:hover,
#glonavi li.bt02 ul li a:hover {
	width:auto;
	color:#DDEEFF;
	background-image:none;
	background-color:#003366;
}

#glonavi li.bt05 ul li a:hover {
	width:auto;
	color:#DDEEFF;
	background-image:none;
	background-color:#003366;
}

#glonavi li.bt06 ul li a:hover {
	width:auto;
	color:#DDEEFF;
	background-image:none;
	background-color:#003366;
}


/**/

.headbg{
	width: 910px; /* necessary for ie win */
	height: 65px;
	margin: 0;
	text-align: left;
	background: #fff;
	background-image: url(/common/img/common/headbg.jpg);
	background-repeat: none;
	overflow: hidden;
}

.himg_l{
	float: left;
	width: 400px;
}

.himg_r{
	float: left;
	width: 510px;
}

.himg_r p{
	margin: 0 20px 0 0;
	padding: 12px 0 0 0;
	text-align: right;
}

#main-img{
	position:relative;
	z-index:0;
	clear: both;
	margin: 0 auto;
	text-align: left;
	width: 910px;
	/*height: 245px;*/
}

#main-l {
	/*float: left;*/
	/*width: 700px;*/
	/*height: 245px;*/
	/*margin: 16px 10px 16px 0;*/
	margin: 16px 0 0;
	oveflow: hidden;
}

#portfolio {
	height: 245px;
	overflow:hidden;
}

.rhino-bullets {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10;
	padding:0;
}

.rhino-bullets li {
	float:left;
	display:inline;
	margin:0 2px;
}

.rhino-bullets li a.rhino-bullet {
	display: block;
	width: 25px;
	height: 15px;
	color: #111111;
	cursor: pointer;
	font-size: 10px;
	text-align: center;
	padding: 6px 0 5px 0;
	text-decoration:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	background: #BBBBBB;
}

.rhino-bullets li a.rhino-bullet:hover, .rhino-bullets li a.rhino-bullet:focus {
	color:#999;
	background:#eee;
}

.rhino-bullets li a.rhino-bullet.rhino-active-bullet {
	color:#FFFFFF;
	background:#111111;
}

/*
#main-r {
	float: left;
	width: 200px;
	height: 245px;
	margin: 16px 0;
	oveflow: hidden;
}

#main-r p{
	margin: 0 0 10px 0;
}
*/



/* TOPレイアウト */

.tban_l{
	float: left;
	/*margin-right: 5px;*/
}

.tban_r{
	float: right;
}

#infobox{
	width: 665px;
	margin-top: 10px;
	margin-bottom: 30px;
	overflow: hidden;
}

.info{
	margin: 0 0 10px 0;
	padding: 10px 0;
	border-bottom: 1px dashed #cccccc;
}

.info_date{
	float: left;
	margin: 0 15px;
	color: #666666;
}

.info_icon{
	float: left;
	margin: 3px 15px 0 0;
}



.info_t{
	margin-bottom: 12px;
}

.info_t2{
	margin-bottom: 7px;
	line-height: 1.5;
}

p.info_detail{
	text-align: right;
}




/* 下層共通 */

.rban01{
	margin-bottom: 7px;
}

.pmark{
	width: 220px; /* necessary for ie win */
	height: 91px;
	background: #fff;
	background-image: url(/common/img/common/privacybg.jpg);
	background-repeat: none;
	overflow: hidden;
	margin: 10px 0 10px 0;
}

.pmark_img{
	float: left;
	margin: 0 0 0 7px;
	padding: 5px 0 0 0;
}

.pmark_t01{
	width: 120px;
	float: left;
	margin: 0 0 0 7px;
	padding: 7px 0 0 0;
	font-size: 11px;
	color: #666666;
}

.pmark_t02{
	float: left;
	width: 110px;
	margin: 0 0 0 12px;
	padding: 2px 0 0 0;
	font-size: 11px;
	color: #666666;
}

.pmark a { color: #003399; text-decoration: underline;}

.pmark a:hover {
	color: #66ccff;
}


.ssl{
	width: 220px; /* necessary for ie win */
	height: 144px;
	background: #fff;
	background-image: url(/common/img/common/globalbg.jpg);
	background-repeat: none;
	overflow: hidden;
	margin: 7px 0 10px 0;
}

.ssl_t01{
	margin: 0 auto;
	padding: 5px 0 0 0;
	text-align: center;
}

.ssl_t02{
	margin: 0 0 0 10px;
	padding: 5px 0 0 0;
	font-size: 11px;
	color: #666666;
}


.sub_title{
	width: 665px; /* necessary for ie win */
	padding: 10px 0;
	background: #313131;
	overflow: hidden;
}

.sub_title h2{
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	padding: 6px 0 6px 0;
	margin: 0 15px;
}

.t_date{
	float: right;
	margin: 10px 10px 0 20px;
	color: #fff;
	font-size: 11px;
}

.sub_title h3{
	font-size: 14px;
	font-weight: bold;
	color: #313131;
	padding: 8px 0 0 0;
	margin: 0 0 0 15px;
}


.sub_title h4{
	font-size: 14px;
	font-weight: bold;
	color: #313131;
	padding: 8px 0 0 0;
	margin: 0 0 0 15px;
}

.kijicon{
	margin: 20px 10px;
}

.kijicon2{
	margin: 0 10px;
}

.kijidate{
	margin: 15px 0 40px 0;
	border-top: 1px dashed #c9c9c9;
}

.kijidate p{
	text-align: right;
	margin: 7px 10px 0 0;
	font-size: 11px;
}

/* 会社案内 */

.greet_l{
	width: 145px;
	float: left;
	margin: 20px 40px 0 20px;
}

.greet_r{
	width: 440px;
	float: left;
	margin: 20px 20px 0 0;
}

table.comtab{
	border-collapse: collapse;
	border: 1px solid #cccccc;
	width: 665px;
	margin: 20px 0;
}

table.comtab th{
	border: 1px solid #cccccc;
	background: #fff;
	background-image: url(/common/img/page/tab_bg.gif);
	width: 20%;
	padding: 8px 10px;
	text-align: left;
	vertical-align: top;
	font-size: 13px;
}

table.comtab td{
	border: 1px solid #cccccc;
	background: #fff;
	width: 80%;
	padding: 8px 15px;
	vertical-align: top;
}

.howto_access{
	margin: 10px 0 0 0;
}

.map_pdf{
	margin: 10px 0 0 0;
}

table.comtab02{
	width: 665px;
	margin: 20px 0;
}

table.comtab02 th{
	border-bottom: 1px dashed #cccccc;
	background: #fff;
	width: 20%;
	padding: 8px 10px;
	text-align: left;
	vertical-align: top;
	font-size: 13px;
}

table.comtab02 td{
	border-bottom: 1px dashed #cccccc;
	background: #fff;
	width: 80%;
	padding: 8px 15px;
	vertical-align: top;
}


.mnavi_l{
	float: left;
	width: 460px;
	margin: 0 20px 0 20px;
	line-height: 1.8;
}

.mnavi_r{
	float: left;
	width: 160px;
	margin: 0;
}

/* インフラ */

.top_t{
	margin: 0 10px 10px 10px;
}

.con_txt_l{
	width: 400px;
	float: left;
	margin: 20px 20px 0 10px;
}

.con_img_r{
	width: 220px;
	float: left;
	margin: 20px 10px 0 0;
}

/* 個人情報保護 */

.privacy{
	margin: 20px 40px;
}

.r11{
	text-align: right;
	font-size: 11px;
}

/* 採用のご案内 */

.job01{
	float: left;
	width: 310px;
	height: 230px;
	margin: 0;
	padding: 0;
	background: #fff;
	background-image: url(/common/img/page/job01.jpg);
}

.job02{
	float: left;
	width: 310px;
	height: 230px;
	margin: 0 20px 0 10px;
	padding: 0;
	background: #fff;
	background-image: url(/common/img/page/job02.jpg);
}

.job-inner{
	padding: 145px 0 0 0;
	margin: 0 0 0 23px;
}

.job_gaiyou{
	width: 260px;
	height: 45px;
	overflow: hidden;
}
.job_r{
	text-align: right;
	font-size: 11px;
	margin: 9px 20px 0 0;
}

.job_r a{
	color: #3872c8;
}

.job_r a:hover{
	color: #eb6100;
}

.job01_top{
	width: 665px;
	height: 90px;
	margin: 0;
	padding: 0;
	background: #fff;
	background-image: url(/common/img/page/job01_top.jpg);
}

.job02_top{
	width: 665px;
	height: 90px;
	margin: 0;
	padding: 0;
	background: #fff;
	background-image: url(/common/img/page/job02_top.jpg);
}


.jobtop-inner{
	padding: 35px 0 0 0;
	margin: 0 0 0 310px;
}

.f11{
	font-size: 11px;
}

.rec01{
	float: left;
	margin: 0 20px 0 15px;
}

.rec02{
	float: left;
	margin: 0;
}

/* メッセージ */
.mes_t{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 7px;
}

/* 社内風景 */
.photobg{
	width: 635px;
	height: 740px;
	margin: 20px 15px 0 15px;
	padding: 0;
	background: #fff;
	background-image: url(/common/img/page/photobg.jpg);
}

.photobg-inner{
	margin: 0 70px 0 70px;
	padding: 530px 0 0 0;
}


/* お問合わせ */

table.contab{
	border-collapse: collapse;
	border: 1px solid #cccccc;
	width: 665px;
	margin: 20px 0;
}

table.contab th{
	border: 1px solid #cccccc;
	background: #fff;
	background-image: url(/common/img/page/tab_bg.gif);
	width: 33%;
	padding: 15px 10px;
	text-align: left;
	vertical-align: top;
	font-size: 13px;
}

table.contab td{
	border: 1px solid #cccccc;
	background: #fff;
	width: 66%;
	padding: 15px;
	vertical-align: top;
}

table.contab td input{
	padding: 2px;
	margin: 7px 0;
}

table.contab td select{
	padding: 2px;
	margin: 7px 0;
}

table.contab td textarea{
	padding: 2px;
	margin: 7px 0;
}

.messageBtn{
	margin: 0 auto;
	text-align: center;
}

.messageBtn input{
	padding: 2px;
	text-align: center;
}

.result_icon{

}

.result_icon{
	width: 150px;
	float: left;
	margin: 0 20px 0 0;
}

.result_r{
	width: 480px;
	float: left;
	margin: 0 10px 0 0;
}

.result_cli{
	color: #183b8f;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

.result_detail{
	margin-top: 15px;
}

/* sakura */

body.page-id-13 #leftcon strong,
body.page-id-61 #leftcon strong,
body.page-id-66 #leftcon strong {
	color:#ff3366;
}

.sakura_solution {
	color:#FF3366;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

.sakura_point {
	padding:15px 20px;
	background:#fff1f8;
}

.sakura_point li {
	padding:5px 0 5px 90px;
}

.sakura_point li a {
	color:#333333;
	font-size:16px;
	font-weight:bold;
}

.sakura_point li.sakura_p1 { background:url(../img/page/sakura_1_p1.gif) left center no-repeat; }
.sakura_point li.sakura_p2 { background:url(../img/page/sakura_1_p2.gif) left center no-repeat; }
.sakura_point li.sakura_p3 { background:url(../img/page/sakura_1_p3.gif) left center no-repeat; }

.sakura_1_1 dt {
	margin-top:30px;
}

.sakura_1_1 dd {
	margin:-75px 0 0 0;
	padding:30px 0 30px 160px;
	border-bottom:1px solid #8CC3E6;
}

.sakura_1_1_1 { background:url(../img/page/sakura_1_1_1_bg.jpg) right bottom no-repeat; }
.sakura_1_1_2 { background:url(../img/page/sakura_1_1_2_bg.jpg) right bottom no-repeat; }
.sakura_1_1_3 { background:url(../img/page/sakura_1_1_3_bg.jpg) right bottom no-repeat; }

.sakura_2_3 {
	margin:5px;
	border:1px solid #e9e5d8;
	box-shadow:0 0 5px #dddddd;
    -moz-box-shadow:0 0 5px #dddddd;
    -webkit-box-shadow:0 0 5px #dddddd;
}

.sakura_2_3 dl {
	margin:0;
	padding:12px;
	background:#fffdee;
}

.sakura_2_3 dt {
	width:89px;
	height:89px;
	margin:0;
	padding:0;
	background:transparent;
}

.sakura_2_3 dd {
	margin:-80px 0 20px 0;
	padding:0 0 0 100px;
	background:transparent;
}

.sakura_2_3 dd img {
	margin:0 0 10px 0;
}

.appexchange {
	color:#555555;
	line-height:1.6;
	margin:15px 5px;
	padding:20px 30px;
	border:1px solid #CCCCCC;
}

.appexchange img.left {
	float:left;
	margin-right:15px;
}

/*
.sakura_before .left,
.sakura_after .left {
	float:left;
	width:235px;
}

.sakura_before .right,
.sakura_after .right {
	float:right;
	width:430px;
	text-align:left;
	padding-top:20px;
	background:url(/common/img/page/sakura_frame.gif) left top no-repeat;
}

.sakura_before .right .inner,
.sakura_after .right .inner {
	padding:0 20px 20px;
	background:url(/common/img/page/sakura_frame.gif) left bottom no-repeat;
}

.sakura_before .right strong {
	color:#0066CC;
}

.sakura_after .right strong {
	color:#FF3366;
}
*/

/*
.kouka01{
	background: #fff;
	background-image: url(/common/img/page/sakura_kouka01.jpg);
	width: 665px;
	height: 171px;
	padding: 0;
	text-align: left;
}

.kouka01 p{
	margin: 0 0 0 130px;
	padding: 45px 0 0 0;
}

.kouka02{
	background: #fff;
	background-image: url(/common/img/page/sakura_kouka02.jpg);
	width: 665px;
	height: 171px;
	padding: 0;
	text-align: left;
}

.kouka02 p{
	margin: 0 0 0 130px;
	padding: 45px 0 0 0;
}

.kouka03{
	background: #fff;
	background-image: url(/common/img/page/sakura_kouka03.jpg);
	width: 665px;
	height: 180px;
	padding: 0;
	text-align: left;
}

.kouka03 p{
	margin: 0 0 0 130px;
	padding: 35px 0 0 0;
}

.kouka04{
	background: #fff;
	background-image: url(/common/img/page/sakura_kouka04.jpg);
	width: 665px;
	height: 220px;
	padding: 0;
	text-align: left;
}

.kouka04 p{
	margin: 0 0 0 130px;
	padding: 65px 0 0 0;
}

.kouka05{
	background: #fff;
	background-image: url(/common/img/page/sakura_kouka05.jpg);
	width: 665px;
	height: 330px;
	padding: 0;
	text-align: left;
}

.kouka05 p{
	margin: 0 0 0 130px;
	padding: 65px 0 0 0;
}
*/

.news_r_top{
	background-image: url(/common/img/common/r_list_top.jpg);
	width: 220px;
	height: 40px;
	padding: 0;
	text-align: left;
	overflow: hidden;
}

.news_r_top h3{
	color: #fff;
	font-weight: bold;
	margin: 0 auto;
	padding: 13px 0 0 0;
	text-align: center;
}

.news_r_middle{
	background-image: url(/common/img/common/r_list_middle.jpg);
	background-repeat: repeat-y;
	width: 220px;
	padding: 5px 0 0 0;
	margin: 0;
	text-align: left;
}

.news_r_middle ul{
	margin: 0 12px;
	padding: 0;
	line-height: 2;
}

.news_r_middle ul li{
	margin-top: 4px;
	padding: 0 0 0 16px;
	background-image: url(/common/img/common/news_arrow.jpg);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}

.news_r_bottom{
	background-image: url(/common/img/common/r_list_bottom.jpg);
	background-repeat: no-repeat;
	width: 220px;
	height: 15px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}


/* セミナー */

table.semilisttab{
	border-collapse: collapse;
	border: 1px solid #cccccc;
	width: 665px;
	margin: 20px 0;
}

table.semilisttab th{
	border: 1px solid #cccccc;
	background: #fff;
	background-image: url(/common/img/page/tab_bg.gif);
	width: 40%;
	padding: 25px 10px;
	text-align: left;
	vertical-align: middle;
	font-size: 13px;
}

table.semilisttab td{
	border: 1px solid #cccccc;
	background: #fff;
	width: 60%;
	padding: 25px 15px;
	vertical-align: middle;
}


table.semitab{
	border-collapse: collapse;
	border: 1px solid #cccccc;
	width: 665px;
	margin: 20px 0;
}

table.semitab th{
	border: 1px solid #cccccc;
	background: #fff;
	background-image: url(/common/img/page/tab_bg.gif);
	width: 20%;
	padding: 25px 10px;
	text-align: left;
	vertical-align: top;
	font-size: 13px;
}

table.semitab td{
	border: 1px solid #cccccc;
	background: #fff;
	width: 80%;
	padding: 25px 15px;
	vertical-align: top;
}

table.semi02tab{
	border-collapse: collapse;
	border: 1px solid #cccccc;
	width: 665px;
	margin: 20px 0 30px 0;
}

table.semi02tab th{
	border: 1px solid #cccccc;
	background: #fff;
	background-image: url(/common/img/page/tab_bg.gif);
	width: 20%;
	padding: 15px 10px;
	text-align: left;
	vertical-align: top;
	font-size: 13px;
}

table.semi02tab td{
	border: 1px solid #cccccc;
	background: #fff;
	width: 80%;
	padding: 15px 15px;
	vertical-align: top;
}

td.nobor input{
	border: none;
}
.cancel{
	border: #333333 3px double;
	margin: 15px 0;
	padding: 0;
}

.cancel-inner{
	margin: 0 15px;
	padding: 15px 0;
}

.cancel_t{
	color: #ff0000;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 14px;
}


/* 導入事例 */

.jirei_detail{
	margin: 0;
	line-height: 1.8;
}

.jirei_detail h3{
	border-left: 5px #313131 solid;
	border-bottom: 1px #313131 solid;
	padding: 2px 8px;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
}

/* 料金 */


table.price{
	width: 640px;
	border-collapse: collapse;
	margin: 20px 0 20px 20px;
	border: 1px solid #DCDCDC;
	font-size: 14px;
}

.price th{
	width: 100px;
	padding: 5px;
	border-right: 1px dashed #fff;
	margin: 3px 0;
	background: #f19ec2;
	color: #fff;
}

.price td{
	padding: 8px 15px;
	border-bottom: 1px dashed #DCDCDC;
	border-left: 1px dashed #DCDCDC;
	border-right: 1px dashed #DCDCDC;
	text-align: center;
	vertical-align: middle;
	background: #fff;
}


.price_t1{
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	width: 190px;
}

.pri_cau{
	text-align: right;
	margin: 0 80px 0 0;
	font-size: 14px;
}

td.spot{
	padding: 3px 20px;
	text-align: left;
	font-size: 12px;
	background: #FFE4E1;
}

/* お部屋案内 */

#room_t{
	font-weight: bold;
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 15px;
}

#room_t2{
	font-weight: bold;
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 15px;
}

.room_name{
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 7px 135px;
	padding: 15px 0 0 0;
}

.room_name a{
	color: #cc3333;
}

.room_name a:hover{
	color: #FFA500;
}

.room_gaiyou{
	font-weight: bold;
	margin: 0 15px 7px 135px;
	padding: 0;
}

.room_detail{
	text-align: right;
	margin-right: 15px;
}

#room201{
	float: left;
	width: 330px;
	height: 120px;
	margin: 0 20px 20px 0;
	background: #fff;
	background-image: url(http://dreamteller.heteml.jp/alp/images/lower/room201.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}


#room202{
	float: left;
	width: 330px;
	height: 120px;
	margin: 0 0 20px 0;
	background: #fff;
	background-image: url(http://dreamteller.heteml.jp/alp/images/lower/room202.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

#room301{
	float: left;
	width: 330px;
	height: 120px;
	margin: 0 20px 20px 0;
	background: #fff;
	background-image: url(http://dreamteller.heteml.jp/alp/images/lower/room301.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

#room302{
	float: left;
	width: 330px;
	height: 120px;
	margin: 0 0 20px 0;
	background: #fff;
	background-image: url(http://dreamteller.heteml.jp/alp/images/lower/room302.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

#room303{
	float: left;
	width: 330px;
	height: 120px;
	margin: 0 20px 20px 0;
	background: #fff;
	background-image: url(http://dreamteller.heteml.jp/alp/images/lower/room303.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}


#room401{
	float: left;
	width: 330px;
	height: 120px;
	margin: 0 0 20px 0;
	background: #fff;
	background-image: url(http://dreamteller.heteml.jp/alp/images/lower/room401.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}


#room402{
	float: left;
	width: 330px;
	height: 120px;
	margin: 0 20px 20px 0;
	background: #fff;
	background-image: url(http://dreamteller.heteml.jp/alp/images/lower/room402.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

#room403{
	float: left;
	width: 330px;
	height: 120px;
	margin: 0 0 20px 0;
	background: #fff;
	background-image: url(http://dreamteller.heteml.jp/alp/images/lower/room403.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

.t_cap{
	font-size: 14px;
	font-weight: bold;
	margin-left: 25px;
}


#setubi{
	width: 640px;
	border-collapse: separete;
	margin: 5px 0 20px 20px;
	font-size: 14px;
}

#setubi td{
	width: 25%;
	background: #56b6f2;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 3px 0;
	border: #fff 1px solid;
}


#ameni{
	width: 640px;
	border-collapse: separete;
	margin: 5px 0 20px 20px;
	font-size: 14px;
}

#ameni td{
	width: 25%;
	background: #7ec2ec;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 3px 0;
	border: #fff 1px solid;
}

ul.caution{
	margin: 15px 0 15px 20px;
	padding: 0 0 0 25px;
	font-size: 14px;
	line-height: 2.3;
	list-style-type: disc;
	font-weight: bold;
}


/* お部屋詳細 */


#roomimg{
	width: 680px;
	height: 285px;
	margin: 0 0 20px 0;
	padding: 0;
	background: #fff;
	background-image: url(http://dreamteller.heteml.jp/alp/images/lower/roomimg_bg.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

#roomimg-inner{
	margin: 20px;
}

#room_main{
	float: left;
	margin-right: 15px;
}

#room_no{
	margin-bottom: 15px;
}

#room_name{
	font-size: 18px;
	font-weight: bold;
	color: #ff6666;
	margin-bottom: 10px;
}

#room_comment{
	font-size: 14px;
	margin-left: 10px;
}

#subimg{
	width: 680px;
	height: 100px;
	margin: 0 0 40px 0;
	padding: 0;
	background: #313131;
	background-image: url(http://dreamteller.heteml.jp/alp/images/lower/subimg_bg.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

#subimg-inner{
	margin: 8px 0 8px 80px;
	height: 82px;
	overflow: hidden;
}

#subimg-inner img{
	border: 1px solid #fff;
}

.room_subimg{
	float: left;
	margin-right: 10px;
}

.back{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

.back a{
	color: #ff6666;
}

.back a:hover{
	color: #FFA500;
}


/* 空き室状況 */

.state{
	margin: 5px 0 0 125px;
}


/* 会員特典 */

#membership{
	width: 640px;
	height: 500px;
	margin: 20px;
	background: #fff;
	background-image: url(http://dreamteller.heteml.jp/alp/images/lower/memberbg.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

#membership-inner{
	padding: 200px 0 0 0;
	margin:  0 20px 0 30px;
}

.toku_t1{
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
}

.toku_t2{
	margin: 0 0 7px 15px;
}

.tokuten{
	background: #eb6877;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	padding: 5px;
}

/* 業務案内 */


.work_text1{
	font-size: 16px;
	line-height: 1.6;
	padding: 30px 0 0 0;
}

.work_text2{
	color: 	#006400;
}


.con-l1{
	width: 490px;
	float: left;
	margin-right: 20px;
}

.con-r1{
	float: left;
}

.con-l2{
	width: 420px;
	float: left;
	margin-right: 20px;
}

.con-r2{
	float: left;
}

#partner{
	border: 3px double silver;
	margin: 10px 0;
	padding: 10px 15px;
}

/* 会社案内 */


table.gaiyou{
	border-collapse: collapse;
	width: 640px;
	margin: 40px 0 20px 0;
}

.gaiyou th{
	width: 200px;
	padding: 8px 5px;
	border: 1px solid #DCDCDC;
	border-bottom: 1px solid #FFF;
	margin: 3px 0;
	background: #94d8f8;
}

.gaiyou td{
	padding: 8px 20px;
	border: 1px solid #DCDCDC;
}


.map{
	margin: 30px 100px;
	font-size: 14px;
}




/* お問い合わせ */

.contact_top{
	margin: 0 0 15px 0;
}


radio{
	margin-top: 5px;
}

table.mailform{
margin: 5px 0 0 ;
width: 640px; 
border: 1px white solid; 
border-collapse: collapse;
line-height: 1.5;
font-size: 12px;
}

th.midashi1{
border: 1px white solid; 
width: 160px; 
background: #0190dc;
padding: 3px 7px;
color: white;
font-weight: bold;
font-size: 12px;
}

th.midashi2{
border: 1px white solid; 
width: 460px; 
background: #0190dc;
padding: 3px 7px;
color: white;
font-weight: bold;
font-size: 12px;
}

td.enq1{
border: 1px white solid; 
width: 160px; 
background: #E6E6E6;
padding: 7px;
font-size: 12px;
}

td.ans1{
border: 1px white solid; 
width: 460px; 
background: #F5F5F5;
padding: 7px;
font-size: 12px;
}

td.enq2{
border: 1px white solid; 
width: 160px; 
background: #E6E6E6;
padding: 7px;

text-align: center;
color: #0072BC;
}

td.ans2{
border: 1px white solid; 
width: 460px; 
background: #F5F5F5;
padding: 7px;
font-size: 12px;
}


textarea {
width: 350px;
height: 100px;
}

.send{
	margin: 15px auto;
	width: 640px;
	text-align: center;
}


/* プライバシーポリシー */

#privacy {
	margin: 0 30px 0 30px;
	font-size: 14px;
	line-height: 1.7;
}


/* サイトマップ */


ul.chart1{
margin: 0 0 25px 40px;
padding: 0;
list-style-type: square;
}

.chart1 li{
font-size: 14px;
color: #ffd7d8;
font-weight: bold;
margin-bottom: 9px;
}



.chart1 a{
	color: #313131;
}

ul.chart2{
margin: 0 0 25px 150px;
padding: 0;
list-style-type: square;
}

.chart2 li{
font-size: 14px;
color: #ffd7d8;
font-weight: bold;
margin-bottom: 9px;
}

.chart2 a{
	color: #313131;
}

/* よくある質問 */
.q{
clear: both;
width: 600px;
background: #F5F5F5;
padding: 5px 10px;
margin-top: 10px;
margin-left: 30px;
color: #313131;
font-weight: bold;
border: 1px solid #DCDCDC;
border-bottom: 3px double #DCDCDC;
}

.ans{
width: 600px;
background-color: #fff;
padding: 10px;
margin-left: 30px;
margin-bottom: 25px;
border-left: 1px solid #DCDCDC;
border-right: 1px solid #DCDCDC;
border-bottom: 1px solid #DCDCDC;
line-height: 1.6;
}

/* フッター */


#pagetop{
	margin: 0 auto;
	text-align: center;
	width: 100%;
	height: 25px;
	background: #d3d6de;
}

#pagetop-inner{
	width: 910px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

#pagetop-inner p{
	text-align: right;
}

#footerwrap{
	margin: 0 auto;
	text-align: center;
	width: 100%;
	height: 140px;
	background: #313136;
}

#footer{
	width: 910px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	text-align: center;
	overflow: hidden;
}

.footer_t{
	margin-bottom: 6px;
	font-size: 11px;
}

.footer_t a{
	color: #fff;
}

.footer_t a:hover{
	color: #f39700;
}


.copyright{
	margin-top: 40px;
	text-align: center;
	color: #949494;
}

.copyright a{
	color: #949494;
	text-decoration: none;
}


/* その他回り込み指定など */

.cen{
	text-align: center;
}

.img_left{
float: left;
margin-right:10px;
}

.img_right{
float: right;
margin-left:10px;
}

.l_10{
float: left;
margin-right: 10px;
}

.l_15{
float: left;
margin-right: 15px;
}

.l_20{
float: left;
margin-right: 20px;
}

.l_30{
float: left;
margin-right: 30px;
}

.l_60{
float: left;
margin-right: 60px;
}


.l_140{
float: left;
margin-right: 140px;
}


.r_15{
float: right;
margin-left: 15px;
}

.r_25{
float: right;
margin-left: 25px;
}

.top40{
	margin-top: 40px;
}

.right{
	text-align: right;
	margin-bottom: 20px;
}

.bd{
	font-weight: bold;
}

.bd14{
	font-weight: bold;
	font-size: 14px;
}

.bd16{
	font-weight: bold;
	font-size: 16px;
}

.bd18{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 7px;
}

.white{color: white;}
.red{color: #FF0000;}
.blue{color: blue;}
.gray{color: gray;}
.green{color: green;}
.brown{color: #A52A2A;}

.redbd{color: #FF0000;font-weight: bold;}
.bluebd{color: #191970;font-weight: bold;}
.graybd{color: gray;font-weight: bold;}
.greenbd{color: green;font-weight: bold;}
.brownbd{color: #A52A2A;font-weight: bold;}
.bd{font-weight: bold;}
.orangebd{font-weight: bold;color: #FF4500;}

.f12{
	font-weight: normal;
	font-size: 12px;
}

.red12{
	font-weight: normal;
	font-size: 12px;
	color: #ff0000;
}

.colbox{
	border: 2px solid #dcdcdc;
}

.colbox-inner{
	margin: 0 10px;
	padding: 10px 0;
}

.col_l{
	width: 120px;
	float: left;
	margin: 0 20px 0 0;
}

.col_r{
	width: 500px;
	float: left;
	margin: 0;
}

.col_detail{
	text-align: right;
}


.word_h{
	padding: 15px;
	border-bottom: 2px silver solid;
	font-size: 16px;
	font-weight: bold;
}


.word_kai{
	margin: 15px 0 10px 0;
	padding: 1px 8px;
	border-left: 5px #002e73 solid;
	font-size: 14px;
	font-weight: bold;
	color: #002e73;
}

.word_list{
	padding: 10px 15px 7px;
	border-bottom: 1px silver dashed;
	font-size: 16px;
}

.word_list a{
	color: #002e73;
}

.word_list p{
	color: #002e73;
	background-image: url(/common/img/page/icon.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	padding: 0 0 0 45px;
}

.word_tab{
	width: 220px;
	border-collapse: separete;
	border: silver solid 2px;
	margin-bottom: 20px;
}

.word_tab td{
	text-align: center;
	width: 33%;
	background: #e5e5e5;
	padding: 3px;
}

.word_tab td.wtop{
	text-align: center;
	width: 33%;
	background: #d8eef8;
	padding: 3px;
}

.mokuji{
	font-size: 16px;
	margin: 0 0 0 30px;
	line-height: 1.8;
}

p.scon{
	float: left;
	margin: 0 10px 0 0;
}

p.scon_end{
	float: left;
	margin: 0;
}

.item {
width: 260px;
float: left;
background: #fff;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 20px;
padding: 10px;
text-align: left;
box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);

}


.item h2 {
font-size: 14px;
margin-bottom: 5px;
padding: 5px 0 0 0;
}

.item .category, .item .author, .item .date {
font-size: 14px;
color: #666;
}

.item img {
	width: 250px;
	margin-bottom: 12px;
}


ul.blog_list{
	margin: 0 0 0 20px;
	padding: 0;
}

ul.blog_list li{
	display: block;
	float: left;
	padding: 5px 20px;
	margin: 0 15px 0 0;
	color: #fff;
	background: #313131;
	font-size: 14px;
	font-weight: bold;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
}


ul.blog_list li a{
	color: #fff;
}

.eblog_img{
	overflow: hidden;
	height: 250px;
}

#image-btn {
    border: 0px;
    width: 300px;
    height: 70px;
    background: url(/common/img/lp/send.png) left top no-repeat;
}

#image-btn2 {
    border: 0px;
    width: 297px;
    height: 75px;
    background: url(/common/img/page/conbtn.jpg) left top no-repeat;
}

.syanai-p{
	margin: 0 0 0 15px;
}


.syanai-p p{
	float: left;
	margin: 0 15px 15px 0;
}

.pbox{
	border: 3px silver solid;
	font-size: 12px;
}

.pbox-inner{
	margin: 0 15px;
	padding: 15px 0;
}

.pbox-t01{
	font-weight: bold;
	font-size: 18px;
	margin: 7px;
	color: #004986;
}

.pbox-t02{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 7px;
}

.pbox-t03{
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 7px;
}

.pbox-detail{
	padding: 15px;
	background: #f5f5f5;
	height: 200px;
	overflow: auto;
	border: 1px solid silver;
}

.mado{
	margin: 10px;
}

.retab{
	width: 380px;
	border-collapse: collapse;
}

.retab th{
	background: #d2d2d2;
	font-weight: bold;
	padding: 4px 10px;
	border: 1px solid #d2d2d2;
}

.retab td{
	padding: 4px 10px;
	border: 1px solid #d2d2d2;
	vertical-align: middle;
}


.mono_main {
    border: 0px;
    width: 665px;
    height: 320px;
    background: url(/common/img/page/mono_main.jpg) left top no-repeat;
}


.mono_txt01{
	margin: 0 0 0 22px;
	padding: 27px 0 0 0;
	color: #c62479;
	font-weight: bold;
	font-size: 18px;
}

.mono_txt02{
	margin: 0 0 0 330px;
	padding: 50px 0 0 0;
	font-size: 14px;
	line-height: 1.7;
}



.link_main {
    border: 0px;
    width: 665px;
    height: 320px;
    background: url(/common/img/page/link_main.jpg) left top no-repeat;
}


.link_txt01{
	margin: 0 0 0 22px;
	padding: 12px 0 0 0;
	color: #c62479;
	font-weight: bold;
	font-size: 18px;
}

.link_txt02{
	margin: 0 0 0 230px;
	padding: 55px 0 0 0;
	font-size: 14px;
	line-height: 1.7;
}

.link_txt03{
	margin: 0 0 0 230px;
	padding: 14px 0 0 0;
	font-size: 14px;
	line-height: 1.7;
}

/* http://www.earthlink.co.jp/cms/wp-content/plugins/wp-pagenavi/pagenavi-css.css
--------------------------------------------------------------------------*/

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

/*
--------------------------------------------------------------------------*/

@media screen and (max-width:640px){

	#logo-r h1 {
	  font-size: 13px;
	}

	img{
		max-width: 100%;
		height: auto;
	}
	
}