* {
	margin: 0;
	padding: 0;
}

html{height: 100%;}


/* BODY-------------------------------*/
body {
	background: #f1d6f9 url("http://merosu.com/img/back_sakura.gif") no-repeat;
	background: #f1d6f9 url("http://merosu.com/img/kami.gif") repeat;
	margin: 0;
	padding: 0;
	line-height:150%;
	letter-spacing: normal;
	color: #333;
	list-style: none;
	text-align: center;
	font-weight: normal;
	font-size: 13px;
  font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", "MS P Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Osaka", Verdana,Arial, Helvetica, sans-serif;
}

/*デフォルト属性 */
a, p, h1, h2, h3, h4, h5, h6, blockquote {
	margin: 0;
	padding: 0;
	border: 0;
}

/* strong */
strong {font-weight: normal;}

/* 画像の属性 */
img {border: none; margin: 0;}


a:link, a:visited, a:active {color: #000099;text-decoration: underline;}
a:hover {color:#990066;text-decoration: none;position: relative; top: 1px; left: 1px;}
	
/* 基本設定 ----------------------------- */
#base{
	width: 804px;
	margin: 0 auto;
	background: url("http://merosu.com/img/base_backm.gif") repeat-y;
	text-align: center;
	position: relative;
}


#base{
  width: 800px;
  margin: 0px auto 0px auto;
  text-align: center;
  background: #FFF;}

#wrapper {
	width: 800px;
	margin: 0 auto;
	text-align: center;
}

#containar {
	width: 760px;
	margin: 10px auto 0 auto;
	text-align: left;
	background: #FFF;
}

/*  ヘッダー  */
#header {
	height:0px;
	margin: 0;
	color: #FFF;
	background: #f1d6f9 url("http://merosu.com/img/headerb.gif") no-repeat;
	text-align: left;
}

#header h1 a:link, #header h1 a:visited, #header h1 a:active {
 position: absolute;
 top: 5px;
 left: 20px;
 font-size: 12px;
 font-weight: bold;
 color: #d95c7b;
 text-decoration: none;
 text-indent: -3000px;
}

#header h1 a:hover {
 color: #FF9900;
 text-decoration: underline;
}

#header2 {
	height:214px;
	margin: 0;
	color: #FFF;
	text-align: left;
	background: #f1d6f9 url("http://merosu.com/img/en7_header.jpg") no-repeat;
}

#header2 p{
	position: absolute;
	top: 90px;
	left: 26px;
	width: 370px;
	font-size: 90%;
	color: #ffffff;
	text-align: left;
 text-indent: -1px;
}

#header a:link, #header a:visited, #header a:active {color: #FFF;text-decoration: underline;}
#header a:hover{color : #FF9900;text-decoration: none;}

#header .ads_header{
	text-align: center;
}



.rss{	
	position: absolute;
	top: 5px;
	right: 25px;
}

/*  パンくずリスト  */
.navi {
	margin :0 0 10px;
	width: 100%;
	font-size: 100%;
	padding: 0 5px;
	text-align: left;
}

.navi a {
	color: #000099;
	text-decoration: underline;
}

.navi a:hover {
	color: #FF6633;
	text-decoration: none;
}


/*  記事枠等の属性  */
#content {
	float: left;
	width: 550px;	
	margin: 0;
	padding: 0;
	background: #FFF;
	overflow: hidden;
}



#content h2.moto{
	margin: 10px 0 10px 10px;
	padding: 3px;
	font-size: 120%;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	text-indent: 45px;
	line-height: 240%;
	border-left: 0px;
	background: #fff url("http://merosu.com/img/h2_en.jpg") no-repeat;

}



#content h2  {
  margin-bottom: 10px;
  padding:5px;
  border-style:solid;
  border-width:1px;
  border-color:#EEE #CCC #CCC #EEE;}

#content h2 span{
  padding-left:5px;
  color:#353667;
  font-size:100%;
  font-weight:bold;
  line-height:150%;
  border-left:solid 5px #d95369;
  display:block;}


#content h3 {
	margin: 10px 0;
	padding: 0;
	color: #ffffff;
	font-weight: bold;
	font-size: 120%;
	line-height: 150%;
	display: block;
	text-align: left;
	text-indent: 5px;
	background-color:  #d95c7b;
}

#content h3.post {
	margin: 10px 5px 0 5px;
	border: 0px;
	color: #0F3357;
	font-weight: bold;
	font-size: 120%;
	line-height: 150%;
	display: block;
	text-align: left;
	text-indent: 20px;
	background: url("http://merosu.com/img/h3_back.gif") no-repeat top left;
}
			
#content h3.post a {
	color: #0F3357;
	text-decoration: underline;
}
					
#content h3.post a:hover {
	color: #FF0000;
	text-decoration: none;
}

#content h4 {
	margin: 10px 10px 2px 0;
	color: #0F3357;
	font-weight: bold;
	font-size: 120%;
	line-height: 150%;
	display: block;
	text-align: left;
	border-bottom: #e2e2e2 1px dotted;
}

#content h5 {
	margin: 10px 10px 10px 0;
	color: #666;
	font-weight: normal;
	font-size: 100%;
	line-height: 150%;
	display: block;
	text-align: left;
}

#content .posted {
	text-align: right;
	font-size: 10px;
	margin: 0px 20px 10px 0;
}

#content .doc{
	margin: 0 10px 20px 20px;
	text-align: left;
}

#content .doc p{
	padding: 5px 0;
}

/* ---- 関連記事リスト属性----- */
#content ol{
	margin: 0px 0px 0px 30px;
}

#content ul{
	margin: 0px 0px 0px 30px;
}

#content li{
	margin: 0;
	font-size: 100%;
	line-height: 19px;
}

/*----- trackbacks & Comments-----*/

#content #trackbackdata, #content #commentdata{
	font-size: 12px;
	color: #888;
	margin: 10px 0 10px 10px;
}

#content #trackbackdata .post1{
	font-size: 10px;
	color: #888;
	margin: 0;
	border-bottom: 1px solid #888;
}

#content #commentdata .post2{
	margin-bottom: 10px;
	font-size:10px;
	text-align: right;
}

#content .error {
	font-size : 14px;
	color: red;
	border: 1px solid red;
	padding: 5px;
	text-align: center;
}

#content .next{
	text-align: right;
}





/*  サイドメニュー等の属性  */
#sidebar {
	float: right;
	width: 200px;
	margin: 0;
	padding: 0;
	background: #FFF;
	overflow: hidden;
}

#sidebar h2{
	margin: 10px 0 0 0;
 	background: url("http://merosu.com/img/sh2_back.gif") no-repeat top left;
	font-weight: bold;
	font-size: 100%;
	line-height: 170%;
	color: #FFF;
	text-align: left;
	text-indent: 5px;
}

#sidebar .search{	
	margin: 0;
	border-left: 0px solid #cbd4db;
	border-right: 0px solid #cbd4db;
	border-bottom: 0px solid #cbd4db;
}

#sidebar .doc{
	margin: 0 10px 20px 20px;
	text-align: left;
}

/*　検索窓　*/
#sidebar .search div {
	padding: 10px;
	text-align: left;
}

/* カテゴリ指定 */
#sidebar .cat{
	margin: 0;
}

#sidebar .cat h2{
	margin: 5px 5px 0 10px;
	border: 0px solid #555;
	background: #33663B;
	font-weight: bold;
	font-size: 108%;
	line-height: 170%;
	color: #FFF;
	text-align: left;
	text-indent: 5px;
}

#sidebar ul.menu{
	display: block;
	margin: 0 0 10px 0;
	list-style-type: none;
	border-left: 0px solid #cbd4db;
	border-right: 0px solid #cbd4db;
	border-bottom: 0px solid #cbd4db;
	text-align: left;
}

#sidebar ul.menu li.c1 a {
	display: block;
 	height: 25px;
 	list-style: none;
 	padding: 0 0 0 20px;
 	text-decoration: none;
 	font-size: 100%;
 	line-height: 170%;
 	overflow: hidden;
	background: #FFF url("http://merosu.com/img/ya-pink.gif") no-repeat;
}

#sidebar ul.menu li.c1 a:hover {
	background: #FFF url("http://merosu.com/img/menu02.gif") no-repeat;
	color: #FF6633;
	text-decoration: underline;
}


#sidebar ul.menu li a {
	display: block;
 	height: 25px;
 	list-style: none;
 	padding: 0 0 0 20px;
 	text-decoration: none;
 	font-size: 100%;
 	line-height: 170%;
 	overflow: hidden;
	background: #FFF url("http://merosu.com/img/ya-pink.gif") no-repeat;
}

#sidebar ul.menu li a:hover {
	background: #FFF url("http://merosu.com/img/menu04.gif") no-repeat;
	color: #FF6633;
	text-decoration: underline;
}

#sidebar ul.arch li a {
 	height: 25px;
 	list-style: none;
 	padding: 0;
 	text-indent: 20px;
 	text-decoration: none;
 	font-size: 100%;
 	line-height: 200%;
 	display: block;
	background: #FFF url("http://merosu.com/img/arch01.gif") no-repeat;
}

#sidebar li.arch li a:hover {
	background: #FFF url("http://merosu.com/img/arch02.gif") no-repeat;
	color: #FF6633;
}

#sidebar ul li.e a:hover {
	background: #FFF url("http://merosu.com/img/point_e.gif") no-repeat right;
	margin-right: 0px;
}

#sidebar ul li.p a:hover {
	background: #FFF url("http://merosu.com/img/point_p.gif") no-repeat right;
	margin-right: 0px;
}

#sidebar ul li.ep a:hover {
	display: block;
 	height: 25px;
 	overflow: hidden;
	background: #FFF url("http://merosu.com/img/point_ep.gif") no-repeat right;
	margin-right: 0px;
}




/*フッターナビ*/
.f_navi {
	clear: both;
	text-align: right;
	margin: 0px;
	padding: 10px 250px 15px 15px;
	font-size: 85%;
}

.f_navi img{margin: 0 3px;border-style: none; vertical-align: middle;}

/*フッター*/
#footer{
 	clear: both;
 	width: 800px;
 	height: 60px;
 	margin: 0 2px;
 	color: #999;
 	padding: 0;
 	text-align: left;
	background: #ffffff url("http://merosu.com/img/en_footer.gif") no-repeat;
}

#footer .copyright{
	text-align: center;
	padding: 40px 0 0 0;
	font-size: 12px;
	line-height: 120%;
}

#footer .copyright{
  margin: 0;
  font-size: 12px;
  text-align: left;}

ul.f_list{
  margin; 0;
  padding: 0 15px 10px 15px;
  list-style: none;}

.f_list li{
  margin-right: 5px;
  display: inline;}

.f_list img{margin-right: 5px;border-style: none; vertical-align: middle;} 

.copyright p{
  padding: 0 15px;
  text-align: left;}

#footer a:link, #footer a:visited, #footer a:active {color: #336699;text-decoration: underline;}
#footer a:hover {color:#F30;text-decoration: none;}

/* タグ指定 */

.module-tagcloud{
	margin: 0;
}

.module-tagcloud a{
	color: #ff0000;
}

.module-tagcloud h2{
 margin: 10px 0 0 0;
 height: 22px;
 color: #FFF;
 font-weight: bold;
 line-height: 180%;
 text-indent: 10px;
 text-align: left;
 background: #CCC;
 display: block;
}

.module-tagcloud .module-content{
	margin: 0;
	background: #EEE;
	text-align: left; 
}

.module-tagcloud .module-content .module-list{
	padding: 5px;
	list-style: none;
}

.module-tagcloud .module-content .module-list .module-list-item { display: inline; }
.module-tagcloud .module-content .module-list li.taglevel1 { font-size: 19px; }
.module-tagcloud .module-content .module-list li.taglevel2 { font-size: 17px; }
.module-tagcloud .module-content .module-list li.taglevel3 { font-size: 15px; }
.module-tagcloud .module-content .module-list li.taglevel4 { font-size: 13px; }
.module-tagcloud .module-content .module-list li.taglevel5 { font-size: 11px; }
.module-tagcloud .module-content .module-list li.taglevel6 { font-size: 9px; }

.tag_line{
	margin: 10px;
	text-align: left;
}

.yellow{
	background: #ffff00;
        font-size: 100%;
}

.red{
	color: #cc0000;
        font-weight: bold;
}

.pink{
	color: #d95c7b;
}

.white {
color: #ffffff;
font-weight: normal;
font-size:100%;
}

.biggest {
color: #111111;
font-weight: bold;
font-size:150%;
}


#content .img2 {border: none; 
       margin: 0 10px 0 0;
       float: left;
}

#content .img3 {border: none; 
       margin: 0 10px 0 10px;
       float: right;
}

#content .img-c{;margin: 10px auto;}



.img_thumb{float:left;
margin:0px 5px 0px 0px;
padding:3px;
background:#DFD9D0;
}


a:hover img.link{
  filter: alpha(opacity=60);
  -moz-opacity:0.60;
  -ms-filter: "alpha( opacity=60 )";
  opacity:0.60;
  background:none!important;}


/*table*/
table {
border-top:1px solid #f2f2f2;
border-left:1px solid #f2f2f2;
border-collapse:collapse;
background:#fff;
}

caption {
text-align:left;
padding-bottom:8px;
font-size:14px;
font-weight:bold;
color:#a52a2a;
}
td,
th {
padding:5px;
border-right:1px solid #f2f2f2;
border-bottom:1px solid #f2f2f2;
}

th {
background:#F9D7E5;
font-size:14px;
}

td{
background-color:#ffffff;
text-align:left;
padding:3px 3px 3px 3px;
	}


.no-border table, 
.no-border tr, 
.no-border td,
.no-border th{
 border-style: none;
border:solid 1px #fff;
}

textarea {
	font-size: 12px;
	color: #666;
}




/*nk*/
.nk {
	margin: 0px 10px 20px 10px;
	color: #666666;
}

.nk a{
	color: #666666;
	text-decoration: none;
}

/*hoverImg*/
a:hover img.hoverImg{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}


/*googlemap*/
#map{
	float:left;
}

.clear{
	clear:both;
}

/*吹き出しのスタイル*/
.gmap_block{
	width:320px;
}


.gmap_block .gmap_title{
	font-size:100%;
	font-weight:bold;
	margin-bottom:10px;
}

.gmap_block .gmap_photo{
	float:right;
	margin-left:10px;
	overflow:hidden;
}

.gmap_block .gmap_info{
	font-size:75%;
}

.gmap_block .gmap_description{
	font-size:75%;
	margin-top:10px;
}


/*お店の情報（個別用）*/
#gmap_data{
	float:left;
	margin-right:10px;
	width:320px;
}

#gmap_data .gmap_photo{
	float:left;
	width:130px;
}

#gmap_data .gmap_title{
	font-size:100%;
	font-weight:bold;
	line-height:1.5em;
}

#gmap_data .gmap_info,
#gmap_data .gmap_description{
	font-size:75%;
	line-height:1.5em;
}

#gmap_data .gmap_description{
	padding-top:5px;
}

/*お店の情報（リスト用）*/
#gmap_list{
	width:300px;
	height:500px;
	overflow:scroll;
	float:left;
	margin:0px;
	padding:0px;
}

#gmap_list li{
	list-style-type:none;
	margin:0px 0px 20px 0px;
	padding:0px;
}

#gmap_list .gmap_photo{
	float:left;
	width:130px;
}

#gmap_list .gmap_title{
	font-size:100%;
	font-weight:bold;
	line-height:1.5em;
}

#gmap_list .gmap_title a{
	color:#0000FF;
	text-decoration: underline;
	cursor:pointer;
}

#gmap_list .gmap_info,
#gmap_list .gmap_description{
	font-size:75%;
	line-height:1.5em;
}

#gmap_list .gmap_description{
	padding-top:5px;
}

.gmap_coord{
	display:none;
}


/*カコミ*/
#kakomi	{
	width : 460px;
	padding: 10px;
	margin: 10px auto 10px;
	text-align: left;
	border: 3px solid #cc0000;
}
#kakomi_img	{
	float: left;
	margin-right: 20px;
}

#kakomi	a{
	color: #0000ff;
	text-decoration: underline;
	font-weight: bold;
	font-size: 120%;
}

#kakomi a:hover {
	color:#FF3300;
	text-decoration: none;
	font-weight: bold;
	font-size: 120%;
}



/**********************************************************/

.pie{behavior: url(http://merosu.com/pie/PIE.htc);position: relative;}

/*gradation*/
.box-gradient{
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#EFEFEF));
  background: -moz-linear-gradient(#FFF, #EFEFEF);
  background: linear-gradient(#FFF, #EFEFEF);
  -pie-background: linear-gradient(#FFF, #EFEFEF);}

#ie9 .box-gradient{background-image: url("http://merosu.com/gradient02.svg");}  /* IE9 */

/* radius */
.corner-all-5{
  -webkit-border-radius: 5px;  
  -moz-border-radius: 5px;
  border-radius: 5px;}

.corner-all-8{
  -webkit-border-radius: 8px;  
  -moz-border-radius: 8px;
  border-radius: 8px;}
  
.corner-all-10{
  -webkit-border-radius: 10px;  
  -moz-border-radius: 10px;
  border-radius: 10px;} 

/* shadow */
.box-shadow{
  -moz-box-shadow: 0px 0px 6px #666;
  -webkit-box-shadow: 0px 0px 6px #666;
  box-shadow: 0px 0px 6px #666;}

/**********************************************************/









/*サイドバー*/
#sidebar {
  float: right;
  width: 200px;
  margin: 0;
  color: #666;
  text-align: left;
  font-size: 12px;}

#sidebar a:hover{position: relative; top: 0px; left: 0px;}

#sidebar .cont{margin-top: 10px;}
  
.widget-header{
  text-align: center;
  line-height: 150%;
  text-decoration: none;
  padding:5px 0;
  border-style:solid;
  border:1px solid #CCC;
  border-bottom: none;
  color: #FFF;
  display: block;
  /* CSS3 */
    /* radius */
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright:6px;
    -webkit-border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    border-radius: 6px 6px 0px 0px;
    /* gradien */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6699CC), to(#336699));
    background: -moz-linear-gradient(#6699CC, #336699);
    background: linear-gradient(#6699CC, #336699);
    -pie-background: linear-gradient(#6699CC, #336699);
    behavior: url(http://merosu.com/pie/PIE.htc);
  position: relative;}

#ie9 .widget-header{background-image: url("http://merosu.com/gradient01.svg");}  /* IE9 */

/*検索等*/
.widget-content{
  margin: 0;
  padding: 10px;
  line-height: 130%;
  border-left:1px solid #CCC;
  border-right:1px solid #CCC;
  border-bottom:1px solid #CCC;
  /* CSS3 */
    /* radius */
    -moz-border-radius-bottomleft:6px;
    -moz-border-radius-bottomright:6px;
    -webkit-border-bottom-left-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    border-radius: 0px 0px 6px 6px;
    behavior: url(http://merosu.com/pie/PIE.htc);
  position: relative;}
  
/*新着記事等等*/
ul.widget-new{margin-left: 10px;}

.widget-new li{
  text-align: left;
  line-height: 150%;}

/*メニュー（カテゴリー＆記事）*/
dl.widget-menu{margin: 0;}

.widget-menu dt{
  text-align: center;
  line-height: 150%;
  text-decoration: none;
  margin-top: 5px;
  margin-bottom: 2px;
  padding:5px 0;
  border-style:solid;
  border:1px solid #CCC;
  color: #FFF;
  display: block;
  /* CSS3 */
    /* radius */
    -webkit-border-top-left-radius: 6px;  
    -webkit-border-top-right-radius: 6px;  
    -moz-border-radius-topleft:: 6px;  
    -moz-border-radius-topright:: 6px;  
    border-radius: 6px 6px 0px 0px;
    /* gradien */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6699CC), to(#336699));
    background: -moz-linear-gradient(#6699CC, #336699);
    background: linear-gradient(#6699CC, #336699);
    -pie-background: linear-gradient(#6699CC, #336699);
    behavior: url(http://merosu.com/pie/PIE.htc);
  position: relative;}

#ie9 .widget-menu dt{background-image: url("http://merosu.com/gradient01.svg");}  /* IE9 */

.widget-menu dt:first-child{
  margin-top: 0px;}
  
.widget-menu dd a{
  text-align: left;
  text-decoration: none;
  margin-bottom: 2px;
  padding:5px;
  border-style:solid;
  border-width:1px;
  border-color:#EEE #CCC #CCC #EEE;
  display: block;
  /* CSS3 */
    /* radius */
    -webkit-border-radius: 2px;  
    -moz-border-radius: 2px;
    border-radius: 2px;  
    /* gradien */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#EFEFEF));
    background: -moz-linear-gradient(#FFF, #EFEFEF);
    background: linear-gradient(#FFF, #EFEFEF);
    -pie-background: linear-gradient(#FFF, #EFEFEF);
    behavior: url(http://merosu.com/pie/PIE.htc);
  position: relative;}

#ie9 .widget-menu dd a{background-image: url("http://merosu.com/gradient02.svg");}  /* IE9 */
  
.widget-menu dd a span{
  padding-left:6px;
  color:#036484;
  line-height:130%;
  border-left:solid 5px #0781AA;
  display:block;}
  
.widget-menu dd a:hover span {
  border-left:solid 5px #990066;
  color:#990066;}

.widget-menu dt.child{
  text-align: left;
  line-height: 130%;
  text-decoration: none;
  margin-top: 5px;
  margin-bottom: 2px;
  padding:5px;
  border-style:solid;
  border:1px solid #CCC;
  display: block;
  /* CSS3 */
    /* radius */
    -webkit-border-radius: 2px;  
    -moz-border-radius: 2px;
    border-radius: 2px;  
    /* gradien */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6699CC), to(#336699));
    background: -moz-linear-gradient(#6699CC, #336699);
    background: linear-gradient(#6699CC, #336699);
    -pie-background: linear-gradient(#6699CC, #336699);
    behavior: url(http://merosu.com/pie/PIE.htc);
  position: relative;}

#ie9 .widget-menu dt.child{background-image: url("http://merosu.com/gradient01.svg");}  /* IE9 */

.widget-menu dt.child span{
  padding-left:6px;
  color:#FFF;
  line-height:130%;
  border-left:solid 5px #CCC;
  display:block;}
 
.widget-menu dd.child a{
  text-align: left;
  line-height: 130%;
  text-decoration: none;
  margin-bottom: 2px;
  padding:5px;
  border-style:solid;
  border-width:1px;
  border-color:#EEE #CCC #CCC #EEE;
  display: block;
  /* CSS3 */
    /* radius */
    -webkit-border-radius: 2px;  
    -moz-border-radius: 2px;
    border-radius: 2px;  
    /* gradien */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#EFEFEF));
    background: -moz-linear-gradient(#FFF, #EFEFEF);
    background: linear-gradient(#FFF, #EFEFEF);
    -pie-background: linear-gradient(#FFF, #EFEFEF);
    behavior: url(http://merosu.com/pie/PIE.htc);
  position: relative;}

#ie9 .widget-menu dd.child a{background-image: url("http://merosu.com/gradient02.svg");}  /* IE9 */
 
.widget-menu dd.child a span{
  padding-left:5px;
  color:#036484;
  line-height:130%;
  border-left: none;
  display:block;}
/* .widget-menu dd.child a span:before{content: "＋ ";} */
  
.widget-menu dd.child a:hover span {
  color:#990066;
  border-left: none;}

.widget-menu dd.child a span:before{content: "└";}

