/**** Base styles ****/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: inherit;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}


body { 
  font: 13px 'メイリオ','Meiryo',
  'ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro',
  'Osaka',
  'MS Pゴシック','MS O Gothic';
  background-color:#5ec7f2;  
}


a {
  color: #f06060;
  text-decoration: none;
}

a:hover {
  color: #c08080;
}



/**** 見だし飾り文字 ****/
h1 {
  line-height: 1.5em;
  margin-bottom: 0.6em;
  font-family: 'serif','ＭＳ 明朝';
  font-size: 17px;
  font-weight:bold;
  color:#888;
}

h2 {
  font-size: 14px;
  color:#46a038;
  font-weight:bold;
  font-family: 'serif','ＭＳ 明朝';
}

a img {
  border: none;
}


p{
  white-space: pre;           /* CSS 2.0 */
  white-space: pre-wrap;      /* CSS 2.1 */
  white-space: pre-line;      /* CSS 3.0 */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -hp-pre-wrap;  /* HP Printers */
  word-wrap: break-word;      /* IE 5+ */
 font-size: 17px;
}

#top {
 clear: both;
  margin: 0px;
  padding: 0px;
  width:100%;
  height:84px;
}
#top p {
	text-align:right;
	margin-right:10px;
}

#footer {
  clear: both;
  height:auto;
  margin: 20px 0px 5px 0px;
  padding: 5px 20px;
  line-height: 20px;
  font-size: 11px;
  color:#fff;
  background-color: #608e20;
  display: block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
#footer li a{
  font-size: 11px;
  color:#fff;
  text-decoration:none;
}

#footer li a:hover{color:#ccc;}

#footer ul {
	margin:0;
	padding:0;
}

#footer p {
	text-align:right;
	font-size: 11px;
}
#footer p a{
  color:#fff;
  text-decoration:none;
}

#footer p a:hover{color:#ccc;}


#copyright {
	text-align:right;
	font-size:10px;
	margin:0;
	padding:0;
}

/**** 重ねた画像 ****/
#kazari1 {
	position: relative;
	top: 60px;
	left: -15px;
	z-index: 3;
}

#kazari2 {
	position: relative;
	top: -95px;
	left: 25px;
	z-index: 0;
}


/**** box ****/

.box {
  margin: 5px;
  padding: 0px;
  color: #ccc ; /**** フォントの色 ****/
  font-size: 11px;
  line-height: 1.4em;
  display: block;
  float: left;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: #fff;
}

.box2 {
  margin: 5px;
  padding: 0px;
  color: #040a5d ; /**** フォントの色 ****/
  font-size: 13px;
  line-height: 1.4em;
  display: block;
  float: left;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.box3 {
  margin: 5px;
  padding: 0px;
  color: #ccc ; /**** フォントの色 ****/
  font-size: 11px;
  line-height: 1.4em;
  display: block;
  float: left;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}


.box img {
  display: block;
}

.rtl .box {
  float: right;
  text-align: right; 
  direction: rtl;
}


/**** コンテンツ ****/
 li{
  list-style-type:none
}

#osirase{
  display: block;
  padding: 10px 10px 10px 10px;
  font-size: 11px;
  color: #050376;
  height:300px;
}
#osirase li{
  margin-bottom:10px;
  line-height: 1.4;
  list-style-type:none
}

#facebook{
  display: block;
  width: 240px;
  height: 440px;
}
#accessmap{
  display: block;
  width: 230px;
  padding: 10px 5px 10px 5px;
  font-size: 11px;
  color: #666;
}

/**** ツイッター設定 ****/
#twitter{
  display: block;
  width: 240px;
  height: 445px;
}
#twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p  {  
    font-size:11px;  
    font-family: 'Meiryo';  
}  


#osirase strong{
  color:#9D2328;
  font-weight:bold;
  font-size:12px;
}

/****  ****/
.tenpo{
  width: 95%;
  margin: auto;
}
p.line {
   border-bottom: 2px solid #9e2428;
   margin-bottom:5px;
   font-size:14px;
}

/**** サービス****/

.service{
  display: block;
  width: 100%;
  margin-left:-5px;
  margin-top:10px;
  padding: 0px;
  color: #000 ; /**** フォントの色 ****/
  font-size: 16px;
  line-height: 1.4em;
}

.service img { 
  max-width: 240px;
    float: left;
	margin-right:10px;
	margin-bottom:10px;
}

/**** イチオシ****/
.thumbnai {
	margin:8px;
	padding:2px 0px;
	text-align:left;
	width:220px;
	height:300px;
  display: block;
  float: left;
  border:#CCC solid 1px;
  position:relative;
}
.thumbnai .item{
	text-align:center;
	width:200px;
	height:133px;
  display: block;
  margin:0px 4.5%;
}
.thumbnai02 {
	margin:8px;
	padding:2px 0px;
	text-align:center;
	width:220px;
	height:350px;
  display: block;
  float: left;
  border:#CCC solid 1px;
  position:relative;
}
.thumbnai .item02{
	text-align:center;
	width:133px;
	height:200px;
  display: block;
  margin:0px 10%;
}
.text {
	margin:0px 5px 5px 20px;
	text-align:left;
	width:180px;
  color: #666 ; /**** フォントの色 ****/
  font-size: 14px;
  line-height: 1.4em;
  display: block;
  float: left;
}
.map_no {
  display: block;
 width: 80px;
 height: 21px;
 top: 330px;
 left: 135px;
 position:absolute;
 font-size:11px;

 }
.map_no img{ 
    float: right;
}


/**** フロート ****/
.right{
  float: right;
}
.left{
  float: left;
}

/**** フォント ****/
.font11_gray{
  color:#666;
  font-size:11px;
}
.font12_gray{
  color:#666;
  font-size:12px;
}
.font12_red{
  color:#9D2328;
  font-size:12px;
}
/**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }