﻿#topbox {
	position:static; top:0px; left:0px;	
	margin: 0 auto;
	width: 968px;
}

#header {
	background-image:url(images/title_bg.png);
/*	background-color : #ffff40;*/
	padding-left: 5px;
	padding-top : 5px;
	width: 958px;
	height:70px;
/*	color: white;*/
}

LI {
	padding-bottom:1px;
	padding-top:1px;
}

#header_mobile {
	background-image:url(images/title_bg.png);
/*	background-color : #ffff40;*/
	padding-left: 5px;
	padding-top : 5px;
	width: 230px;
	height:115px;
/*	color: white;*/
}

#header_str {
	float:left;
	width:300px;
	color:white;
	padding-left: 5px;
	padding-top : 5px;
}

#header_str2 {
	float:right;
	color:white;
	padding-right: 5px;
	padding-top : 5px;
}

#header_str2_mobile {
	text-align : center ;
	color:white;
	padding-right: 5px;
	padding-top : 5px;
}
#leftpart {
	float:left;
	width   :200px;
	height :540px;
	background-color : #DCDCDC;
}

DT {
	padding: 2px;
	padding-left: 16px;
	background-color:#e6e6fa;
	text-decoration: none;
	display : block;
	font-size:small;
	font-weight : bold;
}

@page { size:landscape; }
BODY,TD,TH,LI{
	color : #00002f ;
	word-break:break-all;
	/*font:12px/1.22 "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;*/
	/* *font-size:small; */
	/* *font:x-small; */
	*font-size:small;
	*font:x-small;
}
body{font-family:"MS PGothic","Osaka",Arial,sans-serif;line-height:1.22;font-size:0.75em;word-break:break-all;*font-size:small;*font:x-small;*line-height:1.05;}


.mainbody{
	clear : both;
}



.footer {
	clear : both;
	background-image:url(images/title_bg.png);
	width  : 958px;
    height : 20px;
}
.footer_str {
	font-weight: bold;
	color:white;
	text-align : center ;
	padding: 2px;
}

.main {
	float:right;
	width  : 758px;
	height : 400px;
}

.menutitle A:hover {
	padding: 4px;
	background-color:#55ff33;
	text-align : center ;
	color: white;
	text-decoration: none;
	display : block;
	width   : 190px;

  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : black;
  border-top-width : 1px;
  border-top-style : solid;
  border-top-color : white;
}

.menutitle  A {
	padding: 4px;
	background-color:#3322ff;
	text-align : center ;
	color: white;
	text-decoration: none;
	display : block;
	width   : 190px;
	
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : black;
  border-top-width : 1px;
  border-top-style : solid;
  border-top-color : white;
}

.menutitle2 A:hover {
	padding: 10px 4px 10px 4px;
	margin-top: 4px;
	background-color:#7fffd4;
	text-align : center ;
	color: red;
	text-decoration: none;
	display : block;
	width   : 190px;

  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : black;
  border-top-width : 1px;
  border-top-style : solid;
  border-top-color : white;
}

.menutitle2  A {
	padding: 10px 4px 10px 4px;
	margin-top: 4px;
	background-color:#ffd700;
	text-align : center ;
	color: red;
	text-decoration: none;
	display : block;
	width   : 190px;
	
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : black;
  border-top-width : 1px;
  border-top-style : solid;
  border-top-color : white;
}

.menuitem A:hover {
	padding: 3px;
	background-color: #55ff33;
	color: white;
	display : block;
	width   : 194px;
}

.menuitem A {
	padding: 3px;
	color:#0000FF;
	text-decoration: none;
	display : block;
	width   : 194px;
}
/*-----------------------------------------------------------------------*/
.main_center {
	float  :left;
	width   :396px;
	padding : 2px;
}

.main_right {
  float  :left;
  padding : 2px;
  width   :296px;
}

.main_harf {
	width  : 370px;
	float  :left;
	padding : 2px;
}

input:focus {
	background-color: #e0e0e0;
}

/* login.ctp */
.dl_title {
	font-size	:	20px;
	width    	:	100%;
	text-align	:	center;
 	font-weight	:	bold;
}
.dl_version {
	width    	:	100%;
	text-align	:	center;
}
#authMessage {
	padding		:	5 px;
	width    	:	100%;
	text-align	:	center;
 	font-weight	:	bold;
	color		:	red;
}
.dl_text {
	width    	:	100%;
	text-align	:	center;
}
/* ---------- */
/* -- Layout / Loginuser -- */
.loginbox{
	width    	:	100%;
  margin : 1px;
  border-width : 3px;
  border-style : double;
  border-color : blue;
}
.logintitle {
 	font-weight	:	bold;
	padding: 5px;
	background-color:#3322ff;
	text-align : center ;
	color: yellow;
	text-decoration: none;
	display : block;
	width   : 100%;	
}
.loginusername {
 	font-weight	:	bold;
	padding: 2px;
	text-align : center ;
	text-decoration: none;
	display : block;
	width   : 100%;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : blue;
}
/* ------------------------ */
/* -- editor -- */
.dl_edit_title  {
	padding: 5px;
	background-color:green;
	text-align : center ;
	color: white;
	text-decoration: none;
	display : block;
	width   : 100%;
	
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : black;
  border-top-width : 1px;
  border-top-style : solid;
  border-top-color : white;
}

.dl_edit_menu A:hover {
	padding: 3px;
	background-color: yellow;
	color:#0000FF;
	display : block;
	width   : 100%;
}

.dl_edit_menu A {
	padding: 3px;
	color:#0000FF;
	text-decoration: none;
	display : block;
	width   : 100%;
}

/* ------------ */
#topfont{
	font-size:15px;
}

.reference{
	margin-top		: 10px;
	border-width	: 1px;
	border-style	: solid;
	border-color	: blue;
	text-align		: center;
	background-color : white;
}

.ref_title {
	padding		: 3px;
	background-color: yellow;
	font-weight : bold;
	color		: black;
	border-bottom-width	: 1px;
	border-bottom-style	: solid;
	border-bottom-color	: blue;
}

.ref_tel {
	padding		: 3px;
}
.ref_form {
	padding		: 3px;
	color		: blue;
	font-weight : bold;
	font-size	: 120%;
}
.ref_form2 {
	padding-top		: 0px;
	padding-bottom	: 3px;
	color		: blue;
}
.ref_form A {
	color		: blue;
}

.ref_form A:hover {
	color		: red;
}

.redbold {
	color	: red;
	font-weight : bold;
	padding-top : 2px;
	padding-bottom : 3px;
	font-size	: 110%;
}
.bold {
	font-weight : bold;
	padding-top : 2px;
	padding-bottom : 3px;
	font-size:small;
	font-size	: 100%;
}

.table_h {
	white-space : nowrep;
	background : #ccffff;
	font-weight : bold;
}




.title{
  height : 28px;
  font-size:medium;
  background-image : url(../img/item_hd.png);
  background-repeat : no-repeat;
  font-weight : bold;
  padding-top  : 12px;
  padding-left : 32px;
  background-position : left center;
}

.cntns2{
  background-repeat : no-repeat;
  font-weight : bold;
  text-align : right;
  /*list-style-type : disc;*/
  /*list-style-position : outside;*/
  /*margin-bottom:4px;*/
  
  background-image : url(../img/twgl.gif);
  background-position : 98% center;
  padding-top  : 2px;
  padding-bottom: 2px;
  padding-right : 20px;
  /*width:100%;
  height:20px;*/
  
}

/* IE6.0,IE7.0 以外の対応 */
.cntns{
  width:180px;
  
  background-repeat : no-repeat;
  font-weight : bold;
  text-align : left;
  line-height: 23px;
  background-image : url(../img/cntns_btn.png);
  background-position : 2px center;
  margin-top:2px;
  /*margin-bottom:2px;*/
  padding-top  : 2px;
  padding-left : 32px;
  /*border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : gray;*/
}

/* IE6.0の対応 */
* html .cntns {
  width:200px;
}

/* IE7.0の対応 */
*:first-child+html .cntns {
  width:200px;
}

A:HOVER{
  color : #0000ff;
  background-color:#33ddff;
  font-size:small;
}
A{
  text-decoration : none;
  /*color : #4b0082;*/
  color : #0000ff;
  font-size:small;
}
.waku1{
  font-size:small;
  font-weight : bold;
  color : green;
  height : 20px;
  text-align  : center; 
  background-image : url(../img/waku1.gif);
  background-repeat : no-repeat;
  text-align : center;
}
.waku2{
  background-image : url(../img/waku2.gif);
  background-repeat : repeat-y;
  padding-top : 4px;
  padding-left : 4px;
  padding-right : 4px;
  padding-bottom : 4px;
}
.waku3{
  background-image : url(../img/waku3.gif);
  background-repeat : no-repeat;
  height : 20px;
}

.text_center{
  text-align : center;
}

.midasi{
  background-color : #FFFF99;
  padding-left : 10px;
  padding-top  : 2px;
  padding-bottom  : 2px;  
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : gray;
  border-top-width : 1px;
  border-top-style : solid;
  border-top-color : white;
  
}
.komidasi{
  color : blue;
  background-image : url(../img/komidasi.png);
  padding-top  :7px;
  padding-bottom : 5px;
  padding-left : 20px;
  background-repeat : no-repeat;
  font-weight : bold;
  font-size   : small;
  background-position : left center;
}

.blogbk{
  background-image : url(../img/blog_bk.gif);
  background-position : center center;
  font-weight : bold;
  text-align : center ;
  background-repeat : no-repeat;
  padding-top : 18px;
  width:100%;
  line-height: 20px;
}

#footer {
	background-color : #ffd700;
	border-TOP:     1px solid #000000;
	border-bottom:  1px solid #000000;
	padding : 1px 0px 1px 0px;
	font-weight: bold;
    text-align : center ;
	width: 100%;
	clear: both;
}

.head_toiawase {
	border : 0px;
}

#printout{
  position:absolute;top:25px;left:0px;
	width: 968px;
  text-align : right ;	
}

@media print {
#printout{
  display: none;
}
}

#font2 {
  color : red;
  font-size : 14pt;
  font-weight: bold;  
}

#menu {
	/*background-image : url(../img/cntns_bg.gif);*/
	width:100%;
}




#table_border {
	border : 1px solid #004000;
	border-collapse: collapse;
}

.linkbg {
  background-repeat : no-repeat;
  text-align : left;
  background-image : url(../img/other008.gif);
  background-position : 0px center;
  /*margin-top:2px;
  margin-bottom:2px;*/
  padding-top  : 2px;
  padding-left : 20px;
  height : 20px;
}

ul {
margin: 0 0 0 1em;
padding: 0;
}

#main_triple {
	float  :left;
	width:33%;
	padding : 3px;
}

.cmnt{
  font-size : 9pt;
  color : #004000;
  border-width : 1px 1px 1px 1px;border-style : double double double double;border-color : #ff8000 #ff8000 #ff8000 #ff8000;
  padding-top : 4px;
  padding-left : 4px;
  padding-right : 4px;
  padding-bottom : 4px;
  vertical-align : top;
}

.icon {
	float: right;
}

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

#left_part {
	float: left;
	height: 80px;
}


#right_part {
	float: right;
}

.system_menu A:hover {
	padding: 3px;
	background-color:black;
	text-align : center ;
	color: white;
	text-decoration: none;

  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : black;
  border-top-width : 1px;
  border-top-style : solid;
  border-top-color : black;
}

.system_menu A {
	padding: 3px;
	background-color:gray;
	text-align : center ;
	color: white;
	text-decoration: none;
	
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : black;
  border-top-width : 1px;
  border-top-style : solid;
  border-top-color : black;
}
