@charset "shift_jis";

/*
	CSS for shukushakumiai.jp
	rev.200807

	Authoring by lygonica loom(http://www.lygonica.com)
*/




/**** common ****/

*{
	margin : 0;
	padding: 0;
	font-size: medium;
	color: #663333;
	line-height: 1.4em;
}

html{
	overflow-y: scroll;
}


a:link		{color: #ee00a2;	text-decoration: none;}
a:visited	{color: #9900bc;	text-decoration: none;}
a:active	{color: #ff00ff;	text-decoration: underline;}
a:hover		{color: #ff33ff;	text-decoration: underline;}


/* panes */

body{
	background-color: #ffffff;
}

#rectPane{
	width : 100%;
	min-width: 672px;
	background-image: url(./_img/orn/bg_pane01.jpg);
	background-position: top left;
	background-repeat: repeat;
	padding-bottom: 32px;
	text-align: center;
}

* html #rectPane{
	width: expression(document.body.clientWidth < 672?  "672px" : "auto");
}

#rectFoot{
	clear: both;
	width : 100%;
	height: 40px;
	background-image: url(./_img/orn/bg_foot01.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	padding-top: 10px;
	text-align: center;
}

#rectHead{
	width : 100%;
	min-width: 672px;
	height: 126px;
	background-image: url(./_img/orn/bg_head01.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

* html #rectHead{
	width: expression(document.body.clientWidth < 672?  "672px" : "auto");
}

#rectHeadOrna{
	height: 126px;
	background-image: url(./_img/orn/bg_headOrna01.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

#logo{
	width : 464px;
	height:  80px;
	background-image:url(./_img/orn/logo01.gif);
	text-indent: -1000px;
}


/* navi */

#rectNavi{
	width : 100%;
	text-align: center;
}

.listNavi{
	width: 585px;
	margin:  4px auto  0px auto;
	text-align:justify;

	min-height: 1em;
	display: inline-table;

}

.listNavi:after{
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

.listNavi li			{float: left; position: relative; list-style-type: none;}
.listNavi li.home		{width: 120px; height:  30px;}
.listNavi li.about		{width: 114px; height:  30px;}
.listNavi li.find		{width: 114px; height:  30px;}
.listNavi li.flow		{width: 114px; height:  30px;}
.listNavi li.contact	{width: 120px; height:  30px;}

.listNavi li a			{float: left; display: block; text-indent: -9999px; outline: none;}
.listNavi li.home a		{width: 120px; height:  30px; background-image:url(./_img/orn/nv_home01.gif);}
.listNavi li.about a	{width: 114px; height:  30px; background-image:url(./_img/orn/nv_about01.gif);}
.listNavi li.find a		{width: 114px; height:  30px; background-image:url(./_img/orn/nv_find01.gif);}
.listNavi li.flow a		{width: 114px; height:  30px; background-image:url(./_img/orn/nv_flow01.gif);}
.listNavi li.contact a	{width: 120px; height:  30px; background-image:url(./_img/orn/nv_contact01.gif);}

.listNavi li a:hover	{background-position: left bottom;}
.listNavi li a.sel		{background-position: left bottom;}


/* subject */

h2.caps,
.viewCaps{
	background-color: #663366;
	background-image: url(./_img/orn/bg_caps01.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	padding:  2px  8px  2px  8px;
	font-weight: bold;
	color: #ffffff;
}

.viewCaps{
	font-size: x-large;
}

h3.subj{
	padding:  2px  8px  2px  8px;
	text-align: center;
	font-size: x-large;
	font-weight: bold;
}

.caps{
	background-color: #996699;
	padding:  1px  8px  1px  8px;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	font-size: x-large;
}



/* inline */

.text{
	text-indent: 12px;
}

.come{
	font-size: 80%;
	color: #996666;
}

.mini{
	font-size: 70%;
}

.valu	{color: #660033; font-size: 1.2em; font-weight: bold;}
.astr	{color: #ff0000; font-size: 1.1em; font-weight: bold;}
.bstr	{color: #af9595; }

.linkimg{
	border: 0px;
	vertical-align: middle;
}



/**** index.cgi ****/

#rectHome{
	width: 90%;
	margin : 16px auto;
	padding:  0px;

	min-height: 1em;
	display: inline-table;
}

#rectHome:after{
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

#rectNews{
	float: left;
	width: 62%;
	background-color: #ffffff;
	padding:  8px  8px  8px  8px;
	border : 1px solid #996699;
	text-align: left;
}

dl.listNews dt.date{
	font-weight: bold;
	color: #5c15a5;
}

#rectLink{
	float: right;
}

.listLink li		{list-style-type: none; margin :  0px  0px  16px  0px;}
.listLink li.hsu	{width: 256px; height:  64px;}
.listLink li.tofk	{width: 256px; height:  64px;}
.listLink li.mobile	{width: 256px; height: 128px;}
.listLink li.consult	{width: 256px; height: 128px;}

.listLink li a		{display: block; text-indent: -9999px; outline: none;}
.listLink li.hsu a	{width: 256px; height:  64px; background-image:url(./_img/link_hsu01.jpg);}
.listLink li.tofk a	{width: 256px; height:  64px; background-image:url(./_img/link_tofk01.jpg);}
.listLink li.mobile a	{width: 256px; height: 128px; background-image:url(./_img/link_mobile01.jpg);}
.listLink li.consult a	{width: 256px; height: 128px; background-image:url(./_img/link_consult01.jpg);}

.listLink li a:hover	{background-position: left bottom;}




/**** about.cgi ****/

#spanGreet{
	width: 100%;
	margin :  0px auto;
	padding:  0px  0px  0px  0px;
	display: inline-table;
}

#rectGreet{
	width: 94%;
	background-color: #ffffff;
	margin :  0px auto;
	padding:  8px  8px  8px  8px;
	border : 1px solid #996699;

	min-height: 1em;
	display: inline-table;
}

#rectGreet:after{
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

#rectGreetL,
#rectGreetR{
/*	width: 48%; */
	background-color: #ffffff;
	margin : 16px  0px 0px  0px;
	text-align: left;
}

#rectGreetL{float: left;}
#rectGreetR{float: right;}

.paraGreet{
	padding:  4px;
	font-size:x-large;
}

.paraGreet dt.face{
	float: left;
	margin-right: 16px;
}

.paraSign{
	float: right;
	width: 268px;
	height: 64px;
	text-indent: -9999px;
}

#rectGreetL dl.paraSign{ background-image: url(./_img/fig_chouchou_sign01.gif); background-repeat: no-repeat;}
#rectGreetR dl.paraSign{ background-image: url(./_img/fig_kumiaichou_sign01.gif); background-repeat: no-repeat;}




/**** find.cgi ****/

table.tableMain {
	min-width: 640px;
	margin :  0px auto;
	border: 1px #996699 solid;
	border-collapse: collapse;
	text-align: left;
}

* html .tableMain{
	width: expression(document.body.clientWidth < 640?  "640px" : "auto");
}

table.tableMain th,
table.tableMain td {
	border-width: 1px;
	font-size: 90%;
	line-height: 1.1em;
}
table.tableMain th {border-color: #996699; border-style: solid none;}
table.tableMain td {border-color: #BCB8C9; border-style: solid none;}

.Ts1s2THN, .Ts1s2THS, .Ts1s2D1N, .Ts1s2D1S, .Ts1s2D2N, .Ts1s2D2S {width:  2.5em; padding: 1px 0px 1px 3px; text-align: left  ;}
.TbildTHN, .TbildTHS, .TbildD1N, .TbildD1S, .TbildD2N, .TbildD2S {width: 13.5em; padding: 1px 0px 1px 3px; text-align: left  ; font-weight: bold;}
.TvnumTHN, .TvnumTHS, .TvnumD1N, .TvnumD1S, .TvnumD2N, .TvnumD2S {width:  3.0em; padding: 1px 3px 1px 3px; text-align: center;}
.TrnumTHN, .TrnumTHS, .TrnumD1N, .TrnumD1S, .TrnumD2N, .TrnumD2S {width:  3.0em; padding: 1px 3px 1px 3px; text-align: center;}
.TyabsTHN, .TyabsTHS, .TyabsD1N, .TyabsD1S, .TyabsD2N, .TyabsD2S {width:  5.0em; padding: 1px 0px 1px 3px; text-align: left  ;}
.TroomTHN, .TroomTHS, .TroomD1N, .TroomD1S, .TroomD2N, .TroomD2S {width:  3.0em; padding: 1px 3px 1px 3px; text-align: center;}
.TstrcTHN, .TstrcTHS, .TstrcD1N, .TstrcD1S, .TstrcD2N, .TstrcD2S {width:  3.0em; padding: 1px 3px 1px 3px; text-align: center;}
.TflorTHN, .TflorTHS, .TflorD1N, .TflorD1S, .TflorD2N, .TflorD2S {width:  3.0em; padding: 1px 3px 1px 3px; text-align: center;}
.TnyryTHN, .TnyryTHS, .TnyryD1N, .TnyryD1S, .TnyryD2N, .TnyryD2S {width:  3.0em; padding: 1px 3px 1px 3px; text-align: center;}
.TsqurTHN, .TsqurTHS, .TsqurD1N, .TsqurD1S, .TsqurD2N, .TsqurD2S {width:  4.5em; padding: 1px 3px 1px 0px; text-align: right ;}
.TqualTHN, .TqualTHS, .TqualD1N, .TqualD1S, .TqualD2N, .TqualD2S {width:  7.5em; padding: 1px 0px 1px 3px; text-align: center;font-weight: bold;color: #ff0000;}

.Ts1s2THN, .TbildTHN, .TvnumTHN, .TrnumTHN, .TyabsTHN, .TroomTHN, .TstrcTHN, .TflorTHN, .TnyryTHN, .TsqurTHN, .TqualTHN {background-color: #E8DBEC;}
.Ts1s2THS, .TbildTHS, .TvnumTHS, .TrnumTHS, .TyabsTHS, .TroomTHS, .TstrcTHS, .TflorTHS, .TnyryTHS, .TsqurTHS, .TqualTHS {background-color: #E8D5D3;}
.Ts1s2D1N, .TbildD1N, .TvnumD1N, .TrnumD1N, .TyabsD1N, .TroomD1N, .TstrcD1N, .TflorD1N, .TnyryD1N, .TsqurD1N, .TqualD1N {background-color: #FFFFFF;}
.Ts1s2D1S, .TbildD1S, .TvnumD1S, .TrnumD1S, .TyabsD1S, .TroomD1S, .TstrcD1S, .TflorD1S, .TnyryD1S, .TsqurD1S, .TqualD1S {background-color: #FFF8E4;}
.Ts1s2D2N, .TbildD2N, .TvnumD2N, .TrnumD2N, .TyabsD2N, .TroomD2N, .TstrcD2N, .TflorD2N, .TnyryD2N, .TsqurD2N, .TqualD2N {background-color: #F0F2FD;}
.Ts1s2D2S, .TbildD2S, .TvnumD2S, .TrnumD2S, .TyabsD2S, .TroomD2S, .TstrcD2S, .TflorD2S, .TnyryD2S, .TsqurD2S, .TqualD2S {background-color: #F0EBE2;}

table.tableMain thead th,
table.tableMain tfoot th {
	text-align: center;
	line-height: 1.1em;
}


.listNaviFind{
	width: 450px;
	margin :  0px auto;

	min-height: 1em;
	display: inline-table;
}

.listNaviFind:after{
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

.listNaviFind li		{float: left; list-style-type: none;}
.listNaviFind li.lstvac,
.listNaviFind li.lstall,
.listNaviFind li.mapvac,
.listNaviFind li.mapall		{width: 148px; height:  32px;}

.listNaviFind li a			{float: left; display: block; text-indent: -9999px; outline: none;}
.listNaviFind li.lstvac a	{width: 148px; height:  32px; background-image:url(./_img/orn/nv2_findLstVac01.gif);}
.listNaviFind li.lstall a	{width: 148px; height:  32px; background-image:url(./_img/orn/nv2_findLstAll01.gif);}
.listNaviFind li.mapvac a	{width: 148px; height:  32px; background-image:url(./_img/orn/nv2_findMapVac01.gif);}
.listNaviFind li.mapall a	{width: 148px; height:  32px; background-image:url(./_img/orn/nv2_findMapAll01.gif);}

.listNaviFind li a:hover	{background-position: left bottom;}
.listNaviFind li a.sel		{background-position: left bottom;}


#rectFindMap{
/*	width: 94%; */
	background-color: #ffffff;
	margin :  0px auto;
	padding:  8px  8px  8px  8px;
	border : 1px solid #996699;
	text-align: center;

	min-height: 1em;
	display: inline-table;
}

.listFindMap{
	list-style-type: none;
	text-align: left;
}

.listFindMap:after{
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

.listFindMap li{
	float:left;
	width: 12em;
}

#map{
	clear: both;
	width : 100%;
	height: 520px;
}


/**** view.cgi ****/

#rectView{
	width: 86%;
	background-color: #ffffff;
	margin :  0px auto;
	padding:  8px  8px  8px  8px;
	border : 1px solid #996699;

	min-height: 1em;
	display: inline-table;
}

#rectView:after{
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

.viewPict{margin :  4px auto 4px auto;}
.viewMado{float: right;}

dl.viewRoom{
	list-style-type: none;
	text-align: left;
}

dl.viewRoom dt{
	width: 8em;
	background-color: #996699;
	padding:  1px  0px  1px  0px;
	text-align: center;
	color: #ffffff;
}

dl.viewRoom dd{
	margin: -1.5em 0em 1.5em 9em;
}

.boshu	{color: #ff0000; 
-size: 1.8em; font-weight: bold;}




/**** flow.cgi ****/

#rectFlow{
	width: 80%;
	background-color: #ffffff;
	margin :  0px auto;
	padding:  8px  8px  8px  8px;
	border : 1px solid #996699;
	text-align: left;
}

.paraFlow{
	margin : 16px 48px 16px 48px;
	padding:  8px  8px  8px  8px;
	border: 1px solid #996699;
}

.arow{
	height: 38px;
	background-image: url(./_img/orn/arow01.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}




/**** contact.cgi ****/

#rectForm{
	width: 86%;
	background-color: #ffffff;
	margin :  0px auto;
	padding:  8px  8px  8px  8px;
	border : 1px solid #996699;
	text-align: left;
}

.lv01li{
	margin : 16px 56px  0px 56px;
}

.lv02dt{
	background-color: #E9DDE9;
	padding:  0px  8px  0px  8px;
	font-weight: bold;
}

.lv02ddCen,
.lv02dd{
	margin :  8px  0px  0px  0px;
}

.lv02ddCen{
	text-align: center;
}

.lv03ulTx,
.lv03ul{
	list-style-type: none;
	margin-left: 3em;
}

.lv03ulTx{
	margin-right: 3em;
}

li.err{
	color: #ff0000;
	font-size: 1em;
	font-weight: bold;
}

.hisu{
	font-weight: bold;
	color: #cc0066;
}

.capsName{display: inline-block; width: 3em;}
.capsMail{display: inline-block; width: 7em;}

.paraChat{
	margin : 16px 48px 16px 48px;
	padding:  8px  8px  8px  8px;
	border: 1px solid #996699;
	text-align: left;
}

.ctrlnorm{
	border: 1px solid #996699;
}
.ctrlatnt{
	border: 2px solid #ff00ad;
}

.formBtn{
	width: 400px;
	margin :  0px auto;
	text-align:justify;

	min-height: 1em;
	display: inline-table;
}

.formBtn:after{
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

.formBtn li{
	list-style-type: none;
	float: left;
}

.btnOK,
.btnNO{
	width : 192px;
	height:  30px;
	border-color : #663366;
	border-width : 1px;
	border-style : solid;
	margin : 3px;
}

.btnOK{background-color: #996699; color: #ffffff; font-size: 1.1em;}
.btnNO{background-color: #E9DDE9; color: #663366; font-size: 1.1em;}

.btnWinClose{
	margin: 16px 0px 0px 0px; 
}