/* 回り込み解除------------------------------------------------------------- */

.bbr{
  clear : both;
}


/* サイドバー曲線表示------------------------------------------------------- */

.rtop, .rbottom {
  display:block;
}

.rtop *, .rbottom *{
  display: block;  
  height: 1px;  
  overflow: hidden;
}
.r1{
  margin: 0 5px;
}
.r2{
  margin: 0 3px;
}
.r3{
  margin: 0 2px;
}
.r4{
  height: 2px;
  margin: 0 1px;
}

/* 日記表示----------------------------------------------------------------- */

.dback_bl {
  width: 560px;
}
.dback_bl *{
  background-image: url(./d_back.png);
}

.dtitle_bl {
  display: block; 
  width: 560px; 
  background-image: url(./d_back.png); 
  text-indent: 1em; 
  font-size: 139%; 
  font-weight: bold; 
  color: #FFFFFF;
}
.dtitle_bl a{
  text-decoration: none;
  color: #FFFFFF;
}
.dtitle_bl a:hover{
  text-decoration: underline;
  color: #CCCCCC;
}

.dblock_bl {
  width: 553px; 
  border-right: 1px solid #6AFE67;  
  border-left: 1px solid #49AF47; 
  padding-left: 5px; 
  font-size: 100%; 
}

#Left_main .dblock_bl .d_next{
  float: right; 
  margin-right: 1em; 
  margin-bottom: 1em;
}

.dblock_bl .data{
  color:#FF9900;
  font-size:100%;
  text-align:right;
}

.dblock_bl hr{
  clear: both; 
  width: 540px; 
  border: none; 
  border-top: #FFFFFF solid 2px; 
  margin-bottom: 0px;
}

.page{
  text-align: center;
}

/* 新着情報用タブメニュー----------------------------------------------------------------- */

.nstab {
  width: 560px;

}
ul#stab {
  margin: 0;
  padding: 0px;
  width: 560px;
  list-style-type: none;
  background-image: url(./n_back.png);
}
ul#stab li {
  margin: 0; 
  padding: 0; 
  float: left; 
  text-align: center; 
  width: 112px; 
  height: 20px;
  font-size: 108%;
  font-weight: bold;
  background: transparent;
}

ul#stab li.selected a {
  color: #990000;
  background: transparent;
}
ul#stab li a {
  border-bottom: 1px dotted #fff;
  display: block; 
  position: relative; 
  background: transparent;
  /* for IE6 */
  color: #fff;
  text-decoration: none;
}

ul#stab li a:hover {
  border-color: #ccc; 
  color: #0033FF; 
  background-color: #ffcc66;
}

/*clearfix*/
#stab:after {
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
 clear: both;
}
* html #stab:after {
 zoom: 1;
}

/* 新着情報----------------------------------------------------------------- */

.nback_bl {
  width: 560px;
}
.nback_bl *{
  background-image: url(./n_back.png);
}

.ntitle_bl {
  background-image: url(./n_back.png); 
  display: block; 
  text-indent: 1em;
  font-size: 139%; 
  font-weight: bold; 
  color: #FFFFFF; 
  width: 560px; 
  clear: both;
}

.nblock_bl {
  width: 553px; 
  border-right: 1px solid #ffcc66; 
  border-left: 1px solid #ff8800; 
  padding-left: 5px; 
  padding-top: 5px; 
  font-size: 100%;
}
.nblock_bl a{
  text-decoration: none;
}

#Left_main .nblock_bl img{
  margin-right: 1em; 
  margin-bottom: 1em;
}

.nblock_bl strong{
  color: #0066FF; 
  border-bottom: #0066FF 1px solid; 
  display: block;
  font-size: 108%;
  margin-right: 5px;
}
.nblock_bl a .data{
  color:#CC0000;
  font-size:77%;
  float:right;
}
.nblock_bl hr{
  clear: both; 
  width: 540px; 
  height: 1px; 
  border: none; 
  border-top: #CCCCFF dashed 1px; 
  border-bottom: #FFFFFF solid 3px; 
  margin-bottom: 0px;
}
#Left_main .nblock_bl br{
  clear: none;
}
.nblock_bl .nblock_img{
  float: left; 
}
.nblock_bl .nblock_next{
  float: right;
}

/* 四国ニュース------------------------------------------------------------- */

.sNback_bl {
  width: 560px;
}
.sNback_bl *{
  background-image: url(./sn_back.png);
}

.sNtitle_bl {
  background-image: url(./sn_back.png); 
  display: block; 
  text-indent: 1em;
  font-size: 139%;
  font-weight: bold;
  color: #FFFFFF;
  width: 560px;
}

.sNblock_bl {
  width: 553px; 
  border-right: 1px solid #E1FFCC; 
  border-left: 1px solid #17E822; 
  padding-left: 5px;
  font-size: 100%;
}

/* 四国クイズ--------------------------------------------------------------- */

.sQback_bl {
  width: 560px;
}
.sQback_bl *{
  background-image: url(./sq_back.png);
}

.sQtitle_bl {
  background-image: url(./sq_back.png); 
  display: block; 
  text-indent: 1em;
  font-size: 139%;
  font-weight: bold;
  color: #FFFFFF;
  width: 560px;
}

.sQblock_bl {
  width: 553px; 
  border-left: 1px solid #2F74F2; 
  border-right: 1px solid #ABBDF2; 
  padding-left: 5px;
  font-size: 100%;
}

.sQblock_bl .q_next{
  float: right;
}


.sQblock_bl hr{
  clear: both; 
  width: 540px; 
  border: none; 
  border-top: #FFFFFF solid 2px; 
  margin-bottom: 0px;
}
 
/* サイドメニュー１--------------------------------------------------------- */

.smback_1 { 
  width: 190px;
}
 
.smback_1 *{ 
  background-image: url(./sm_back_1.png);
}
.smtitle_1 {
  height: 1.3em;
  margin-top: 0px;
  padding-top: 0.2em;
  padding-left: 0.5em;
  background-image: url(./sm_back_1.png);
  display: block;
  font : 105% "ＭＳ ゴシック";
  color : #ffffff;
}

.smblock_1 {
  width: 188px;
  border-right: 1px solid #00ffcc;
  border-left: 1px solid #009999;
  padding-top: 1px;
  font-size: 95% "ＭＳ ゴシック";
  line-height: 1.3em;
}

.smblock_1 .sm_clink{
  margin: 0;
  background-image: url(./sm_back_1.png);
}
.smblock_1 .sm_clink li{
  margin-top: 1px;
  background-color: #FFFFFF;
}

.smblock_1 .sm_clink .top{
  height: 1.3em;
  margin-top: 0px;
  padding-top: 0.2em;
  padding-left: 0.5em;
  background-image: url(./sm_back_1.png);
  font : 105% "ＭＳ ゴシック";
  color : #ffffff;
}
.smblock_1 .sm_clink .test{
  background-color: #FFFFCC;
}
.smblock_1 .sm_clink .li2nd{
  list-style:url('./list_icon.gif') inside;
}
.smblock_1 .sm_clink .li3rd{
  list-style:url('./list_icon.gif') inside;
}

.smblock_1 .sm_clink a{
  color: #0000FF;
  font-size: 95%;
  font-family: "ＭＳ ゴシック"; 
  text-decoration: none;
}

.smblock_1 .sm_clink a:link, .smblock_1 .sm_clink a:visit{
  color: #0000FF;
}
.smblock_1 .sm_clink a:hover, .smblock_1 .sm_clink a:active{
  color: #cc0000; 
}

.smblock_1 br{
  clear: both;
}

.block_center{
  text-align: center; 
}

/*--------------------------------------------------------------------------------*/
/* 楽天ウェブサービス（検索）ランクリスト表示 */
.list { width: 400px; line-height: 105%; }

.list ul { margin: 0; padding :0; list-style-type : none; }
.list li { display : inline; padding :0; margin:0; vertical-align: middle; }

.list a { display:block; height: 100%; width: 100%; clear: all; cursor: pointer; text-decoration:none; background-repeat: no-repeat; position:relative;}
.list a:hover { display:block; text-decoration:none; }

.list a .img img { border: none;}
.list .rank1 a{ height:170px; background-image: url(http://www.stradition-navi.com/service/IMG/frame2_1.png); background-color: #ffd700;}
.list .rank2 a{ height:170px; background-image: url(http://www.stradition-navi.com/service/IMG/frame2_1.png); background-color: #c0c0c0;}
.list .rank3 a{ height:170px; background-image: url(http://www.stradition-navi.com/service/IMG/frame2_1.png); background-color: #efae68;}
.list .norank a{ height:98px; background-image: url(http://www.stradition-navi.com/service/IMG/frame2_2.png); background-color: #FFCC99;}
.list .norank_b a{ height:170px; background-image: url(http://www.stradition-navi.com/service/IMG/frame2_1.png); background-color: #FFCC99;}
.list a div { font-size: 93%; }
.list a:hover { background-color: #66FFFF; }

.list .rank{ position:absolute; top:15px; left:15px; text-align: center; font-weight: bold; color: #FF3333; }
.list .img { position:absolute; top:15px; left:45px; width: 128px; text-align: right; }
.list .names { position:absolute; top:15px; left:175px; width: 200px; text-align: left; }
.list .norank .names{ position:absolute; top:15px; left:45px; width: 245px; text-align: left; }
.list .data{ position:absolute; top:105px; left:305px; text-align: center; width:95px; }
.list .norank .data{ position:absolute; top:30px; left:305px; text-align: center; }
.list .norank_b .data{ position:absolute; top:105px; left:305px; text-align: center; }

.list .price{ margin-top: 30px; color: #FF0000; font-size: 100%; font-weight: bold; }
.list .tax { color: #330000; font-size: 85%; }
.list .revw{ color: #330000; font-size: 85%; }

.list .sname{ font-weight: bold; }
.list .special{ color: #666666; font-size: 100%; }
.list .inout{ color: #990000; font-size: 77%; }

/*--------------------------------------------------------------------------------*/
/* 楽天ウェブサービス（検索）ワイドリスト */
.wide { width: 560px; line-height: 105%; }

.wide ul { margin: 0; padding :0; list-style-type : none; width: 560px;}
.wide li { display : inline; padding :0; margin:0; vertical-align: middle; float: left;}

.wide a { display:block; height: 140px; width: 140px; clear: all; cursor: pointer; text-decoration:none; background-repeat: no-repeat; position:relative;}
.wide a:hover { display:block; text-decoration:none; }

.wide a .img img { margin: 2px; }
.wide .rank1 a{ height:140px; }
.wide .rank2 a{ height:140px; }
.wide .rank3 a{ height:140px; }
.wide a div { font-size: 93%; }
.wide a:hover { }

.list .rank{ position:absolute; top:15px; left:15px; text-align: center; font-weight: bold; color: #FF3333; display: none; }
.wide .img { position:absolute; top:0px; left:0px; width: 134px; height: 134px; text-align: center; vertical-align: middle; border: solid 1px #ccc; margin:2px; }
.wide .pin{ position: absolute; top: -12px; left: 47%; width: 28px; height: 21px; display: block; background: url(http://www.stradition-navi.com/Format/pin.png) no-repeat;}
.wide a:hover .img { display: none; }
.wide .names { position:absolute; top:0px; left:0px; width:130px; height:129px; text-align: left; border: solid 1px #ccc; margin:2px; padding:5px 2px 0px; display: none; }
.wide .names .spname{ display: none;} 
.wide a:hover .names { display: block; }
.wide .data{ position:absolute; top:86px; left:0px; width:134px; height:60px;  text-align: center; margin:3px;  display: none;}
.wide a:hover .data { display: block; }
.wide .price{ margin-top: 30px; color: #FF0000; font-size: 100%; font-weight: bold; }
.wide .tax { color: #330000; font-size: 85%; }
.wide .revw{ color: #330000; font-size: 85%; }

.wide .sname{ font-weight: bold; }
.wide .special{ color: #666666; font-size: 95%; }
.wide .inout{ color: #990000; font-size: 95%; }


/*--------------------------------------------------------------------------------*/
/* 楽天ウェブサービス（検索）サイドリスト */
.smblock_1 .side{ font-size: 106%; }
.side { width: 188px; line-height: 105%; }

.side ul { margin: 0; padding :0; list-style-type : none; width: 188px;}
.side li { display : inline; padding :0; margin:0; vertical-align: middle;}

.side a { display:block; height: 140px; width: 188px; clear: all; cursor: pointer; text-decoration:none; background-repeat: no-repeat; position:relative;}
.side a:hover { display:block; text-decoration:none; }

.side a .img img { margin: 2px; }
.side .rank1 a{ height:140px; }
.side .rank2 a{ height:140px; }
.side .rank3 a{ height:140px; }
.side a div { font-size: 93%; }
.side a:hover { }

.list .rank{ position:absolute; top:15px; left:15px; text-align: center; font-weight: bold; color: #FF3333; display: none; }
.side .img { position:absolute; top:0px; left:0px; width: 182px; height: 134px; text-align: center; vertical-align: middle; border: solid 1px #ccc; margin:2px;  }
.side .pin{ position: absolute; top: -12px; left: 47%; width: 28px; height: 21px; display: block; background: url(http://www.stradition-navi.com/Format/pin.png) no-repeat;}
.side a:hover .img { display: none; }
.side .names { position:absolute; top:0px; left:0px; width:178px; height:129px; text-align: left; border: solid 1px #ccc; margin:2px; padding:5px 2px 0px; display: none; }
.side .names .spname{ display: none;} 
.side a:hover .names { display: block; }
.side .data{ position:absolute; top:86px; left:0px; width:182px; height:60px;  text-align: center; margin:3px;  display: none;}
.side a:hover .data { display: block; }
.side .price{ margin-top: 30px; color: #FF0000; font-size: 100%; font-weight: bold; }
.side .tax { color: #330000; font-size: 85%; }
.side .revw{ color: #330000; font-size: 85%; }

.side .sname{ font-weight: bold; font-size: 100% }
.side .special{ color: #666666; font-size: 95%; }
.side .inout{ color: #990000; font-size: 95%; }



/* 楽天ウェブサービス（トラベル） */
.wtrvl a img{
  margin: 0px;
  margin-bottom: 2px;
  border: none;
}

.wtrvl a{
  padding-top: 5px;
  display: block;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #000000;
  background-color: #FFFFFF;
  text-decoration: none;
}
	
.wtrvl a:hover{
  background-color: #99FFFF;
  font-weight: bold;
}

/* 楽天ＡＰＩ（トラベル） */
.hotel {
  font-size: 93%;
}
	
.hotel a{
  width: 180px;
  display: block;
  float: left;
  text-decoration: none;
  cursor:pointer;
  border: 1px solid #CCCCCC; 
  line-height: 100%; 
  padding-top: 2px;
}
.hotel a:hover{
  background-color: #CCFFFF;
}
.hotel a img{
  float: left;
  border: none;
  width: 45%;
  vertical-align: middle;
}
.hotel a .text{ 
  padding-top: 0.5em;
  float: right;
  width: 54%;
}
.hotel a:hover .text{ }
.hotel a .text .price{
  color: #CC0033;
  font-size: 77%;
}
.hotel a:hover .text .price{
  font-weight: 100;
}
.hotel a .text .data{
  color: #333333;
  font-size: 85%;
}
.hotel a:hover .text .data{
  font-weight: 100;
}
.hotel a .text .time{
  color: #990000;
  font-size: 77%;
}
.hotel a:hover .text .time{
  font-weight: 100;
}
.hotel a hr {
  clear: both;
  width: 180px; 
  border: #FFFFFF solid 1px;
}
.hotel a:hover hr {
  clear: both;
  width: 180px;
  border: #CCFFFF solid 1px;
}

    	
.line1{
  width: 182px;
}
.line2{
  width: 364px;
}
.line3{
  width: 556px;
}

/* 楽天ＡＰＩ（ダイナミックアド） */
.dynad {
  margin: 5px;
  margin-top: 10px;
  padding: 0;
  text-decoration: none;
  position: relative;
  text-align: center;
  width: 178px;
}

.dynad a{
  display: block;
  text-decoration: none;
  cursor:pointer;
  line-height: 100%;
}

.dynad a:hover{
  background-color: #CCFFFF;
} 

.dynad img {
  background: #fff;
  border: none;
}

.dynad .pin {
  width: 28px;
  height: 21px;
  display: block;
  position: absolute;
  top: -12px;
  left: 47%;
  background: url(pin.png) no-repeat;
  behavior: url(/Format/iepngfix.htc); 
}

.dynad a .des{
  display: none;
  background: none;
  width: 0px;
  height: 0px;
}

.dynad a:hover .des{
  display: block;
  position: absolute;
  top: -70px;
  left: 70%;
  padding: 10px;
  padding-left: 60px;
  color: #0099FF;
  background: url(des.gif) no-repeat;
  width: 129px;
  height: 209px;
}


/* クレジット表示 */
.creg {
  font-size: 89%;
  text-align: right;
  margin-top: 1px;
  clear: both;
}
.creg a {
  color: #3333FF;
}
.creg a:hover{
  color: #990033;
}

/* エディタ部分----------------------------------------------------------------- */

.editor {
  text-align: left;
  background-color: #E2E2E3; 
  border: 1px solid #c9c9c9; 
  margin-bottom:2px; 
  width: 700px; 
  height: 22px;
  padding : 0; 
}

.cr_edit {
  width: 450px;
}

.editor button{
  height: 20px;
  font-size: 85%;
  vertical-align: middle;
  line-height: 105%;
  padding: 1px 2px;
  margin: 0px;
}

.editor button img{
  vertical-align: middle;
}

/* ページ挿入 */
.editor ul li.epage {
  float: left;
}
.editor ul li.epage select{
  font-size: 77%;
  width:200px;
}

/* rss_com----------------------------------------------------------------- */

.com_rss a{
  display: block;
  border-left: 2px solid #339966;
  padding-left: 2px;
  margin-top: 2px;
  margin-left: 2px;
  font-size: 95%;
  font-family: "ＭＳ ゴシック"; 
  text-decoration: none;
}

.com_rss a:link{color:#555555;}
.com_rss a:visited{color:#995555;}
.com_rss a:hover{color:#669933;}
.com_rss a:active{color:#669933;}

.com_rss .new{font-size: 80%; font-family : sans-serif; color:#ff7000; }

.com_rss .author{font-size: 80%; font-family : sans-serif; font-weight: bold; color: #660000;}

.com_rss .time{font-size: 70%; font-family : sans-serif; color:#CC0000;}


/* サイトマップ------------------------------------------------------------- */

.Site_Map{
  background-color: #FFFFFF;
  padding-top: 5px;
  margin: 0px;
  margin-left: 1px;
  margin-right: 1px; 
  clear: both;
}

.Site_TD{
  width: 194px;
  background-color: #FFFFFF;
  float: left;
}

.Site_Cl{ 
  clear: both;
}

.Site_TD .smblock_1 {
  padding-top: 0px;
}

/* クイズ用ラジオボタン装飾------------------------------------------------------------- */

label.radio_checked {
	background:transparent url(./crir/tick.png) no-repeat;	
	display: block;
	margin: 5px 0;
	padding-left: 25px;
}
label.radio_unchecked  {
	background:transparent url(./crir/bullet_white.png) no-repeat;	
	display: block;
	margin: 5px 0;
	padding-left: 25px;

}

label{
	font-weight: bold;    
}

label:hover{
	color: #003399;
	background-color: #66CCFF;
	cursor: pointer;
}

label.highlighted {
	border: 1px solid #333;
}

.crirHidden {
	position: absolute;
	left: -1000px;
}