@charset "utf-8";
/* CSS Document */
@import "style.css";
@import "common.css";
.top{
	background-image:url(../images/top.jpg);
	background-repeat:no-repeat;
	z-index:999;
}
.top span{
	display:block;
	width:80px;
	border:0px;
}
/*left start*/
.slide_show{
	width:760px;
	height:330px;
}
.left_info{
	width:760px;
	height:340px;
	padding-top:0;
        margin-top:5px;
}
.left_info_line{
	width:750px;
	height:320px;
	padding:5px;
	border:solid 1px #000;
}
.left_ad{
	width:760px;
	height:170px;
	padding-top:0;
	margin-left: -4px;
}
.left_ad img{
	display:block;
	margin:0 auto;
	border:2px #6e009f solid;
	padding:1px;
}
/*infos start*/
.infos{
	width:766px;
}
.info_list{
	width:243px;
	border:1px #cccccc solid;
	margin-right: 10px;
	margin-bottom:10px;
	padding-top:15px;
	position:relative;
	float: left;
}
.info_list_img{
	width:213px;
	height:150px;
	float:left;
	clear: both;
}
.info_list img{
	display:block;
	margin: 0 auto;
}

.info_music .info_matter1{
	width:245px;
	margin-right:6px;
	float:left;
}

.float_img{
	display:block;
	width:43px;
	height:71px;
	position:absolute;
	top:0px;
	left:29px;
}
.user{
	width:213px;
	height:10px;
	margin:0 auto;
	margin-top:8px;
}
.user ul{
	display:block;
	width:213px;
}
.user_header{
	display:block;
	width:32px;
	height:32px;;
	float:left;
}
.user_matter{
	display:block;
	width:175px;
	padding-left:5px;
	float:left;
}
.user_header img{
	border:1px #cccccc solid
}
.contribute{
	display:block;
	width:213px;
	height:72px;
	margin:0 auto;
	padding-top:8px;
}

.contribute li{
	display:block;
	width:213px;
	line-height:140%;
}

.info_fooder{
	width:243px;
	height:49px;
	margin:15px auto 0;
	background:#ffe1f0;
	position:relative
}
.info_fooder img{
	display:block;
	position:absolute;
	top:-22px;
	right:13px;
}
.info_fooder ul{
	display:block;
	width:171px;
	height:47px;
	padding-top:2px;
}
.info_fooder ul li{
	display:block;
	width:171px;
	text-align:right;
	line-height:140%;
}

.info_fooder_bg_joshi{
	background-color:#FFE1F0;
}
.info_fooder_travel{
	background-color:#E1F0FF;
}
.info_fooder_play{
	background-color:#FFE8D9;
}
.info_fooder_veteran{
	background-color:#E1F0D9;
}
.info_fooder_gourmet{
	background-color:#FFE1F0;
}
.info_fooder_blogs{
	background-color:#D9E1E8;
}
.info_fooder_other{
	background-color:#FFF7D9;
}
.info_fooder_iloilo{
	background-color:#D7DBFB;
}
.user_name{
	font-size:14px;
	line-height:120%;
	font-weight:bold;
}

.co_title{
height:45px;
	font-size:16px;
	font-weight:bold;
        overflow: hidden;
}

.co_title2{
	font-size:16px;
	font-weight:bold;
        overflow: hidden;
}

.co_contents {
      height: 30px;
overflow: hidden;
}

.color_joshi{
	color:#FF3399;
}
.color_travel{
	color:#3399FF;
}
.color_play{
	color:#FF6600;
}
.color_veteran{
	color:#339900;
}
.color_gourmet{
	color:#FF0000;
}
.color_blogs{
	color:#3399FF;
}
.color_other{
	color:#FFCC00;
}
.color_iloilo{
	color:#0033FF;
}
.info_page a:link {
	text-decoration:underline;
}
.info_page a:visited {
	text-decoration:underline;
}
.info_page a:hover {
	text-decoration:underline;
}
.info_page a:active {
	text-decoration:underline;
}


/*news start*/
.left_news{
	clear:both;
	width:755px;
	height:40px;
	background-image:url(../images/title_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-top:8px;
}
.left_news span{
	display:block;
	height:24px;
	font-size:16px;
	font-weight:bold;
	padding-left:89px;
	padding-top:16px;
	float:left;
}
.left_news img{
	display:block;
	float:right;
}
.news_list{
	display:block;
	background-color:#ffffff;
	width:755px;
	margin-bottom:20px;
}
.news_list li{
	display:block;
	width:739px;
	height:24px;
	line-height:180%;
	padding-top:9px;
	padding-bottom:7px;	
	padding-left:16px;
}
.nl_01{
	width:110px;
	float:left;
}
.nl_02{
	width:20px;
	padding-top:8px;
	float:left;
}
.nl_03{
	width:609px;
	float:left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
/*
.list_slide_show{
	width:760px;
	margin-top:30px;
	margin-bottom:25px;
}*/
.video_body {
	width: 760px; height:110px;
	clear: both;
	position: relative;
	float:left;
	margin-top:16px;
}
.left_mask{
	width:126px;
	height:110px;
	position: absolute;
	filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
	left:0px;
	background-color:#000;
	z-index:99;	
}
.right_mask{
	width:126px;
	height:110px;
	position: absolute;
	filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
	left:628px;
	background-color:#000;
	z-index:99;	
}
.video_body a.prev {
	width: 42px;
	height: 42px;
	line-height: 17px;
	outline-style: none;
	outline-width: 0;
	position: absolute;
	top: 34px;
	left: 38px;
	text-indent: -9999px;
	background: url(../images/icon_left.png) no-repeat left;
	z-index:1000;
}

.video_body a.next {
	width: 42px;
	height: 42px;
	line-height: 17px;
	left: 666px;
	outline-style: none;
	outline-width: 0;
	position: absolute;
	top: 34px;
	text-indent: -9999px;
	background: url(../images/icon_right.png) no-repeat right;
	z-index:1000;
}

#video_ul li img{
	width:146px;
	height:110px;
	border:0;
	
}

/*left end*/

/*right start*/
.right_ad{
	width:300px;
	height:300px;
	margin-left:22px;
	margin-bottom:26px;
}
.right_title{
	width:300px;
	height:50px;
}
.right_time{
	display:block;
	width:300px;
	font-size:14px;
	line-height:180%;
	margin-left:22px;
	padding-top:6px;
}
.right_download{
	width:300px;
	height:151px;
	margin-left:22px;
	margin-top:15px;
}
.right_message{
	display:block;
	width:300px;
	margin-left:22px;
}
.right_message li{
	width:300px;
	height:90px;
}
.bg_color{
	background:#f0f0f0;
}
.me_img{
	width:70px;
	height:80px;
	padding-top:10px;
	padding-left:10px;
	float:left;
}
.me_text{
	width:194px;
	height:80px;
	padding-left:13px;
	padding-top:10px;
	float:left;
}
.me_text_up{
	font-size:14px;
	font-weight:bold;
	line-height:140%;
}
.me_text_down{
	line-height:180%;
}
.right_ad2{
	width:298px;
	margin-left:22px;
	border:1px #cccccc solid;
	padding-top:24px;
	padding-bottom:12px;
}
.right_ad2 img{
	display:block;
	margin:0 auto;
	margin-bottom:10px;
}
.right_ad2_fooder{
	width:300px;
	height:18px;
	background-image:url(../images/ad_fooder.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:17px;
	margin-left:22px;
}
.blog_tag_cloud{
	width:300px;
	margin-left:22px;
}

.widget-title　{
	display: none!important;
}


/*right end*/

/* Serch */
.new_note{
	width:756px;
	height:auto;
	float:left;
	margin-top:20px;
}
.new_note  img{ float:left; border:0; margin-right:15px;}
.new_note  .img_margin{margin:0px;}
.new_note .postername{width:380px;
height: 15px;
font-size: 15px;
line-height: 15px;
float: left;
margin-bottom: 5px;
margin-left: 7px;
font-weight: bold;}
.new_note .postdate{width:380px;
height: 12px;
font-size: 12px;
line-height: 12px;
float: left;
margin-left: 7px;}
.note_title{
	width:620px;
	height:19px;
	border-top:#CCCCCC 1px solid;
	float:left;
	margin-top:9px;
	padding-top:9px;
	font-size:16px;
	font-weight:bold;
}
.note_abstract{
	width:617px;
	height:16px;
	float:left;
	font-size:12px;
	overflow:hidden;
	padding-top:3px;
	margin-bottom:10px;
}
.note_img{
	width:120px;
	height:90px;
	float:left;
	clear: both;
	margin-right:10px;
}
.note_category{
	width:201px;
	height:15px;
	float:left;
	font-size:12px;
	margin-top: 4px;
	text-align:right;
}
.note_category_link{
	width:201px;
	height:13px;
	float:left;
	font-size:13px;
	text-align:right;
}

.message{
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 50px;
	border-style:solid;
	border-width : 1px;
	border-color : #D3D3D3;
}

.message1{
	font-size: 18px;
	line-height:120%;
	font-weight: bold;
}
.message2{
	font-size: 18px;
	line-height:150%;
}

.message3{
	font-size: 16px;
	line-height:120%;
}



/* ACCORDION
================================================= */
#bbstopics a{
	text-decoration:none;
}
#bbstopics a:hover{
	text-decoration:underline;
}
#bbstopics .fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
#bbstopics .fade.in {
  opacity: 1;
}
#bbstopics .collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
#bbstopics .collapse.in {
  height: auto;
}
#bbstopics .accordion {
  margin-bottom: 20px;
}
#bbstopics .accordion-group {
  margin-bottom: 2px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#bbstopics .accordion-heading {
  border-bottom: 0;
}
#bbstopics .accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px;
}
#bbstopics .accordion-toggle {
  cursor: pointer;
}
#bbstopics .accordion-inner {
  padding: 9px 15px;
  border-top: 1px solid #e5e5e5;
  font-size: 12px;
}
#bbstopics .media,
#bbstopics .media-body {
  overflow: hidden;
  *overflow: visible;
  zoom: 1;
}
#bbstopics .media {
  border-bottom: 1px dashed #ccc;
}
#bbstopics .media,
#bbstopics .media .media {
  margin-top: 15px;
}
#bbstopics .media:first-child {
  margin-top: 0;
}
#bbstopics .media-object {
  display: block;
}
#bbstopics .media-heading {
  margin: 0 0 5px;
  font-size:14px;
}
#bbstopics .media > .pull-left {
  margin-right: 10px;
}
#bbstopics .media > .pull-right {
  margin-left: 10px;
}
#bbstopics .media-list {
  margin-left: 0;
  list-style: none;
}
#bbstopics .media small {
  color: #aaa;
}
/* bbstopics */
#bbstopics {
  clear: both;
}
#bbstopics .accordion-heading{
  position:relative;
}
#bbstopics .accordion-heading .accordion-toggle {
  background: #0da3d5;
  color: #fff;
}
#bbstopics .bbs-link{
  padding:1px 5px 1px 5px;
  margin:7px 5px 7px 0;
  position:absolute;
  top:0;
  right:0;
  color:#fff;
  border:1px solid #fff;
  background:#fc8800;
  text-align:center;
}
#bbstopics .comment-count {
  background: url(../../mo-hawaii-blog-portal/images/comments.png) top left no-repeat;
  width: 37px;
  height: 30px;
  line-height: 26px;
  display: inline-block;
  text-align: center;
  font-size: 11px;
  color: #fff;
  vertical-align: middle;
}
#bbstopics .text-right {
  text-align: right;
}
.flexslider .caption-wrap {
	font-size: 16px;
}