@CHARSET "UTF-8";

html {
	margin: 0 auto;
	overflow: auto;
	}

a:link {
    color:#008080;
    font-style:normal;
    text-decoration:underline;
}
a:visited {
    color:#2f4f4f;
    text-decoration:underline;
}
a:hover {
    color:#006400;
    text-decoration:underline;
}
a:active {
	color:#2e8b57;
    text-decoration:none;
}

.clear {
	clear: both;
	display: none;
}

.blog_date {
	font:normal 12px/10px sans;

	margin-top: 1px;
}

.close {
	color:red;
	text-decoration:none;
	position: absolute;
	right: 25px;
}

label {
	vertical-align: middle;
}

input[type="radio" i] {
	vertical-align: middle;
}

	#open00 {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
		position: absolute;
		list-style-type: none;
	}

	#open00 ul {
		list-style-type: none;
		padding: 0 15px 15px 15px;
		font-size: 14px;
		line-height: 120%;
		text-align: left;
	}

	#open00 li {
		color: #666;
		list-style-type: none;
		padding: 0 15px 15px 15px;
		font-size: 14px;
		line-height: 120%;
		text-align: left;
	}

	#open01 li a {
		font-size:14px;
		color:#36f;
	}

	#open01 li a:hover {
		color:#009;
	}

	#open01 {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
		position: absolute;
		list-style-type: none;
	}

	#open01 ul {
		list-style-type: none;
		padding: 0 15px 15px 15px;
		font-size: 14px;
		line-height: 120%;
		text-align: left;
	}

	#open01 li {
		color: #666;
		list-style-type: none;
		padding: 0 15px 15px 15px;
		font-size: 14px;
		line-height: 120%;
		text-align: left;
	}

	#open01 li a {
		font-size:14px;
		color:#36f;
	}

	#open01 li a:hover {
		color:#009;
	}

	#open02 {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
		position: absolute;
		list-style-type: none;
	}

	#open02 ul {
		list-style-type: none;
		padding: 0 15px 15px 15px;
		font-size: 14px;
		line-height: 120%;
		text-align: left;
	}

	#open02 li {
		color: #666;
		list-style-type: none;
		padding: 0 15px 15px 15px;
		font-size: 14px;
		line-height: 120%;
		text-align: left;
	}

	#open01 li a {
		font-size:14px;
		color:#36f;
	}

	#open01 li a:hover {
		color:#009;
	}

	#open03 {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
		position: absolute;
		list-style-type: none;
	}

	#open03 ul {
		list-style-type: none;
		padding: 0 15px 15px 15px;
		font-size: 14px;
		line-height: 120%;
		text-align: left;
	}

	#open03 li {
		color: #666;
		list-style-type: none;
		padding: 0 15px 15px 15px;
		font-size: 14px;
		line-height: 120%;
		text-align: left;
	}

	#open01 li a {
		font-size:14px;
		color:#36f;
	}

	#open01 li a:hover {
		color:#009;
	}

	#open04 {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
		position: absolute;
		list-style-type: none;
	}

	#open04 ul {
		list-style-type: none;
		padding: 0 15px 15px 15px;
		font-size: 14px;
		line-height: 120%;
		text-align: left;
	}

	#open04 li {
		color: #666;
		list-style-type: none;
		padding: 0 15px 15px 15px;
		font-size: 14px;
		line-height: 120%;
		text-align: left;
	}

	#open01 li a {
		font-size:14px;
		color:#36f;
	}

	#open01 li a:hover {
		color:#009;
	}

	#open05 {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
		position: absolute;
		list-style-type: none;
	}

	#open05 ul {
		list-style-type: none;
		padding: 0 15px 15px 15px;
		font-size: 14px;
		line-height: 120%;
		text-align: left;
	}

	#open05 li {
		color: #666;
		list-style-type: none;
		padding: 0 15px 15px 15px;
		font-size: 14px;
		line-height: 120%;
		text-align: left;
	}

	#open01 li a {
		font-size:14px;
		color:#36f;
	}

	#open01 li a:hover {
		color:#009;
	}

	#open06 {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
		position: absolute;
		list-style-type: none;
	}

	#open06 ul {
		list-style-type: none;
		padding: 0 15px 15px 15px;
		font-size: 14px;
		line-height: 120%;
		text-align: left;
	}

	#open06 li {
		color: #666;
		list-style-type: none;
		padding: 0 15px 15px 15px;
		font-size: 14px;
		line-height: 120%;
		text-align: left;
	}

	#open01 li a {
		font-size:14px;
		color:#36f;
	}

	#open01 li a:hover {
		color:#009;
	}

	#open07 {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
		position: absolute;
		list-style-type: none;
	}

	#open07 ul {
		list-style-type: none;
		padding: 0 15px 15px 15px;
		font-size: 14px;
		line-height: 120%;
		text-align: left;
	}

	#open07 li {
		color: #666;
		list-style-type: none;
		padding: 0 15px 15px 15px;
		font-size: 14px;
		line-height: 120%;
		text-align: left;
	}

	#open01 li a {
		font-size:14px;
		color:#36f;
	}

	#open01 li a:hover {
		color:#009;
	}

#open00 h3 {
	margin: 0 auto 15px;
	font-size:14px;
	color: red;
}

#open06 table {
	//padding: 0 15px 15px 15px;
	margin: 0 auto 15px;
	font-size:14px;
	color: #666;
}

#socialloginbox {
	text-align: right;
	margin-right: 90px;
}

.signupguide {
	font:normal 14px/20px sans;
	margin-top: -20px;
	margin-bottom: 14px;
	margin-left:16px;
}

.close_overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
	position: absolute;
	background: #000;
	opacity: 0.5;
	z-index: 5;
}

.modal_window {
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -200px;
	width: 400px;
	height: 300px;
	text-align: center;
	display: block;
	background: #fff;
	position: absolute;
	z-index: 10;
}

.modal_window h2 {
	margin-bottom: 20px;
	width: 400px;
	height: 30px;
	line-height: 30px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	text-indent: 15px;

}
.modal_window ul {
	height: 180px;
	overflow-y: scroll;
}

.modal_window p {
	padding: 0 15px 15px 15px;
	font-size: 12px;
	line-height: 160%;
	text-align: left;
}

.rss_modal_window {
	top: 50%;
	left: 50%;
	margin: -260px 0 0 -350px;
	width: 700px;
	height: 520px;
	text-align: center;
	display: block;
	background: #fff;
	position: absolute;
	z-index: 10;
}

.rss_modal_window h2 {
	margin-bottom: 20px;
	width: 400px;
	height: 30px;
	line-height: 30px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	text-indent: 15px;

}
.rss_modal_window ul {
	height: 400px;
	overflow-y: scroll;
}

.set_modal_window {
	top: 50%;
	left: 50%;
	margin: -240px 0 0 -350px;
	width: 700px;
	height: 480px;
	text-align: center;
	display: block;
	background: #fff;
	position: absolute;
	z-index: 10;
}

.set_modal_window h2 {
	margin-bottom: 20px;
	width: 400px;
	height: 30px;
	line-height: 30px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	text-indent: 15px;

}

.login_modal_window {
	top: 50%;
	left: 50%;
	margin: -250px 0 0 -200px;
	width: 400px;
	height: 500px;
	text-align: center;
	display: block;
	background: #fff;
	position: absolute;
	z-index: 10;
}

.login_modal_window h2 {
	margin-bottom: 20px;
	width: 400px;
	height: 30px;
	line-height: 30px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	text-indent: 15px;
}


.mypage_modal_window {
	top: 50%;
	left: 50%;
	margin: -250px 0 0 -200px;
	width: 400px;
	height: 500px;
	text-align: center;
	display: block;
	background: #fff;
	position: absolute;
	z-index: 10;
}

.mypage_modal_window h2 {
	margin-bottom: 20px;
	width: 400px;
	height: 30px;
	line-height: 30px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	text-indent: 15px;
}

#mypage_infowrap {
	height: 210px;
	text-align: right;
	margin-right: 30px;
	font:bold 14px/20px sans-serif;
}

#mypage_fbwrap {
	height: 80px;
	text-align: center;
	//margin-right: 90px;
	font:bold 16px/24px sans-serif;
}

#mypage_twwrap {
	height: 80px;
	text-align: center;
	//margin-right: 90px;
	font:bold 16px/24px sans-serif;
}

#mypage_footer {
	height: 30px;
	text-align: right;
	margin-right: 30px;
	font:normal 13px/16px sans-serif;
}

.snsout {
	text-align: center;
	font:normal 13px/16px sans-serif;
}

.leave_modal_window {
	top: 50%;
	left: 50%;
	margin: -110px 0 0 -200px;
	width: 400px;
	height: 220px;
	text-align: center;
	display: block;
	background: #fff;
	position: absolute;
	z-index: 10;
}

.leaveconf {
	color: #8b0000;
	font:bold 16px/24px sans-serif;
}

.leave_modal_window h2 {
	margin-bottom: 20px;
	width: 400px;
	height: 30px;
	line-height: 30px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	text-indent: 15px;
}

/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
	0% {opacity:0;display:block;}
	100% {opacity:1;}
}
div#content div:target {
	-webkit-animation-name: modalFadeIn;
  	-webkit-animation-duration: 0s;
  	-webkit-animation-iteration-count: 1;
	opacity: 1;
	display:block;
}


#frame {
	min-width: 900px;
	max-width: 7680px;
	min-height:660px;
	max-height: 4320px;
	width: 100%;
	height: 100%;
	background:url(img/bg/wj_r_bg.jpg);
	position: absolute;
	left: 0; top: 0;
	overflow-y: hidden;
}

#hello {
	width: 100px;
	height: 120px;
	position: absolute;
	left: 560px; top: 25px;
	z-index: 4;
	background-image:url(img/parts/wj_logo2.png);
	background-repeat: no-repeat;
}

#hello a {
	width: 100px;
	height: 120px;
background-image:url(img/parts/wj_logo2.png);
background-repeat: no-repeat;
	display: block;
}
#hello a:hover  {
background-image:url(img/parts/wj_logo2_l.png);
background-repeat: no-repeat;}

#frame_hello {
	min-width: 900px;
	max-width: 7680px;
	min-height: 600px;
	max-height: 4320px;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-image:url(img/bg/wj_r_bg.jpg);
	background-repeat: repeat;
	position: absolute;
	left: 0; top: 0;
	overflow-y: hidden;
}

#frame_blackchair {
	min-width: 900px;
	max-width: 7680px;
	min-height: 640px;
	max-height: 4320px;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-image:url(img/bg/wj_r_bg.jpg);
	background-repeat: repeat;
	position: absolute;
	left: 0; top: 0;
	overflow-y: hidden;

}

#frame_work {
	min-width: 900px;
	max-width: 7680px;
	min-height: 600px;
	max-height: 4320px;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-image:url(img/bg/wj_r_bg.jpg);
	background-repeat: repeat;
	position: absolute;
	left: 0; top: 0;
	overflow-y: hidden;
}

#frame_inquiry {
	min-width: 900px;
	max-width: 7680px;
	min-height: 600px;
	max-height: 4320px;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-image:url(img/bg/wj_r_bg.jpg);
	background-repeat: repeat;
	position: absolute;
	left: 0; top: 0;
	overflow-y: hidden;
}

#frame_top_left {
	width: 305px;
	height: 70px;
	z-index: 2;
	background-image:url(img/frame/frame1_left.png);
	background-repeat: no-repeat;
	float: left;
}
#frame_top_right {
	width: 305px;
	height: 70px;
	z-index: 2;
	background-image:url(img/frame/frame1_right.png);
	background-repeat: no-repeat;
	float: right;
}
#frame_top_middle {
	margin: 0 304px;
	height: 70px;
	z-index: 2;
	background-image:url(img/frame/frame1l.png);
	background-repeat: repeat-x;
}

#frame_left {
	width: 80px;
	height:100%;
	z-index: 1;
	position: relative;
	bottom: 1px;
	background-image:url(img/frame/frame2l.png);
	background-repeat: repeat-y;
	float: left;
}

#frame_right {
	width: 80px;
	height:100%;
	z-index: 1;
	position: relative;
	bottom: 1px;
	background-image:url(img/frame/frame3l.png);
	background-repeat: repeat-y;
	float: right;
}

#content {
	width: auto;
	height: 100%;
	margin: 0 75px;
	margin-top: -20px;
}

#canvas {
	min-width: 900px;
	max-width: 7680px;
	min-height: 600px;
	max-height: 4320px;
	width: auto;
	height: auto;
	z-index: 0;
	margin: -250px 0px 0px -450px;
	left: 50%;
	top: 50%;
	position: absolute;
}

#black_canvas {
	min-width: 900px;
	max-width: 7680px;
	min-height: 600px;
	max-height: 4320px;
	width: auto;
	height: auto;
	z-index: 0;
	margin: -335px 0px 0px -450px;
	left: 50%;
	top: 50%;
	position: absolute;
}

#header {
	width: 740px;
	height: 90px;
	margin: 0 auto;
}


#header_left {
	width: 90px;
	height:90px;
	margin-left: 20px;
	float: left;
}

#logo {
	width: 90px;
	height:90px;
	margin-top: -15px;
}

#logo a {
	width: 90px;
	height:90px;
	margin-top: -15px;
	background-image:url(img/parts/wj_logo.png);
	background-repeat: no-repeat;
	display: block;
}

#header_right {
	width: 630px;
	height:90px;
	float: right;
}

#search {
	width: 498px;
	margin-top: -16px;
	padding: 2px 0px 2px 2px;
	background-color: #ffffff;
	border: medium ridge #c0c0c0;
	border-radius: 8px;
}

#gs {
	width: 494px;
	font-size: 11pt;
}

#bookmark {
	width: 100px;
	height: 50px;
	padding-right:10px;
	margin-top: -60px;
	float: right;

}

#bookmark a {
	width: 100px;
	height: 50px;
	background-image:url(img/parts/home_star_but.png);
	background-repeat: no-repeat;
	display: block;

}

#social {
	margin-top: 4px;
}

#social .fb-like {
	margin-top: 0px;
}

#fblogin {

}

#fblogin a {
	font:bold 14px/20px sans-serif;
    color:royalblue;
}

#tweet {
	margin-bottom: 2px;
}

#blacktweet {
	position: absolute;
	right: 85px; top: 100px;
}

#blackfacebook {
	position: absolute;
	right: 118px; top: 122px;
}

#blackreview {
	color:#ffffff;
	font-family: serif;
	font-style: italic;
	text-shadow:
	-1px -1px #000,
	1px -1px #000,
	-1px 1px #000,
	1px 1px #000;
	position: absolute;
	left: 360px; bottom: 105px;
}

#datetime {

	margin: 2px 0;
	position: absolute;
	top:140px;
	margin-left: 390px;
	background: #fff;
	border: thin solid #c0c0c0;
	border-radius: 0px;
}

#wrap {
	width: 100%;
	height: 315px;
	margin: 0 0;
	margin-top: 10px;
}

#wrap_left {
	width: 250px;
	margin: 0 5px;
	float: left;
	list-style-type: none;
	position: absolute;
	bottom: 220px; left: 80px;
}

#weather {
	height: 140px;
	margin-top: -15px;
	padding: 0 10px;
	padding-top: 7px;
	background-image:url(img/parts/tv.png);
	background-repeat: no-repeat;
	color: #ffffff;
}

#osaka {
	font-size: 16px;
}

#osakaimg {
	padding-top: 15px;
	text-align: center;
}

#osakatelop {
	padding-top: 5px;
	text-align: center;
	font-size: 13px;
	font-style: italic;
}

#livedoortenki {
	padding-top: 8px;
	text-align: right;
	font-size: 14px;
}

#icon_ours {
	width: 120px;
	height: 50px;
	padding: 0 5px;
}

#bar {
	width: 245px;
	height: 6px;
	margin: 5px 0;
	margin-top: 10px;
	background-image:url(img/parts/br.png);
	background-repeat: no-repeat;}
}

#blackchair {
	width: 740px;
	height: 415px;
}

#blackchair a {
	width: 740px;
	height: 415px;
	display: block;
}

#icon_ours ul {
	margin: 0; padding-left: 0;
}

#icon_ours li {
	float: left;
	width: 50px;
	height: 50px;
	margin: 0 5px;
	list-style-type: none;
	}


#icon_ours li a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 50px;
	padding-top: 50px;
}

#icon_ours #bcicon a  {
background-image:url(img/icon/black_chair.png);
background-repeat: no-repeat;
list-style-type: none;
}

#icon_ours #becometrue a  {
background-image:url(img/icon/becometrue.png);
background-repeat: no-repeat;
list-style-type: none;
}

#icon_others {
	width: 720px;
	padding: 0 5px;
	padding-top: 0px;
	position: absolute;
	bottom: 100px;
	left: 85px;
}


#icon_others_top {
	width: 100%;
	height: 60px;
}

#icon_others_top ul {
	margin-left: 0; padding-left: 0;
}

#icon_others_top li {
	float: left;
	width: 50px;
	height: 50px;
	margin: 0 5px;
	list-style-type: none;
}

#icon_others_top li a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 50px;
	padding-top: 50px;
}

#icon_others_bottom {
	width: 100%;
	height: 60px;
}

#icon_others_bottom ul {
	margin: 0; padding-left: 0;
}

#icon_others_bottom li {
	float: left;
	width: 50px;
	height: 50px;
	margin: 0 5px;
	list-style-type: none;
}

#icon_others_bottom li a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 50px;
	padding-top: 50px;
}

#icon_others #rakuten a  {
background-image:url(img/icon/rakuten_but.png);
background-repeat: no-repeat;}
#icon_others #evernote a  {
background-image:url(img/icon/evernote_but.png);
background-repeat: no-repeat;}
#icon_others #dropbox a  {
background-image:url(img/icon/dropbox_but.png);
background-repeat: no-repeat;}
#icon_others #yahoo a  {
background-image:url(img/icon/yahoo_but.png);
background-repeat: no-repeat;}

#icon_others #youtube a  {
background-image:url(img/icon/youtube_but.png);
background-repeat: no-repeat;}
#icon_others #niconico a  {
background-image:url(img/icon/niconico_but.png);
background-repeat: no-repeat;}
#icon_others #livedoor a  {
background-image:url(img/icon/livedoor_but.png);
background-repeat: no-repeat;}
#icon_others #ameba a  {
background-image:url(img/icon/ameba_but.png);
background-repeat: no-repeat;}
#icon_others #fc2 a  {
background-image:url(img/icon/fc2_but.png);
background-repeat: no-repeat;}
#icon_others #amazon a  {
background-image:url(img/icon/amazon_but.png);
background-repeat: no-repeat;}
#icon_others #cookpad a  {
background-image:url(img/icon/cookpad_but.png);
background-repeat: no-repeat;}
#icon_others #gurunavi a  {
background-image:url(img/icon/gurunabi_but.png);
background-repeat: no-repeat;}

#icon_others #google a  {
background-image:url(img/icon/google_but.png);
background-repeat: no-repeat;}
#icon_others #facebook a  {
background-image:url(img/icon/facebook_but.png);
background-repeat: no-repeat;}
#icon_others #twitter a  {
background-image:url(img/icon/twitter_but.png);
background-repeat: no-repeat;}
#icon_others #mixi a  {
background-image:url(img/icon/mixi_but.png);
background-repeat: no-repeat;}

#wrap_right {
	width: 55%;
	margin: 0 0;
	float: right;
	margin-top: 30px;
	position: absolute;
	right: 85px;
}

#news {
	width: 100%;
}

#news_left {
	width: 50%;
	margin-top: -33px;
	float: left;
}

#news_right {
	width: 50%;
	margin-top: -33px;
	float: right;
}


#flickable_topnews_bg {
		height: 137px;

		padding-top: 18px;
		padding-left: 20px;
		overflow: auto;
	      }
      #topnews_title {
		height: 20px;
		padding-top: 5px;
		padding-left: 5px;
        overflow: auto;
        background-color: #ffffff;
        border-top: medium ridge #000000;
        border-left: medium ridge #000000;
        border-right: medium ridge #000000;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
      }

      #flickable_topnews {
      	font-size:12px;
        list-style-type: none;
		height: 100px;
		padding-left: 0px;
        overflow: auto;
        background-color: #ffffff;
        border-bottom: medium ridge #000000;
        border-left: medium ridge #000000;
        border-right: medium ridge #000000;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
      }
      #flickable_topnews ul {
        list-style-type: none;
        height: 100px;
        margin-bottom: 0px;
        padding: 0;
      }
      #flickable_topnews li {
		color: #666;
		font-size:12px;
        list-style-type: none;
      	height: 100px;

        margin-bottom: 0;
        padding: 0;
      }
      #flickable_topnews li a {
		font-size:13px;
		color:#36f;
      }
     #flickable_topnews li a:hover{
		color:#009;
		}
      #flickable_topnews .block {
        color: #000;
        height: 100px;

        padding: 0;
      }
      #flickable_topnews h4 {
        color: #000;
      }
      #flickable_topnews .ui-flickable-container {
        cursor: pointer;
      }

#flickable_blog_bg {
		height: 152px;

		padding-top: 3px;
		padding-left: 2px;
      }
      #blog_title {
		height: 20px;
		padding-top: 5px;
		padding-left: 5px;
		margin-top: 15px;
		margin-left:15px;
        background-color: #ffffff;
        border-top: medium ridge #000000;
        border-left: medium ridge #000000;
        border-right: medium ridge #000000;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
      }

      #flickable_blog {
      	font-size:13px;
        list-style-type: none;
		height: 100px;
		padding-left: 5px;
		margin-left:15px;
        overflow: auto;
        background-color: #ffffff;
        border-bottom: medium ridge #000000;
        border-left: medium ridge #000000;
        border-right: medium ridge #000000;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
      }
      #flickable_blog ul {
        list-style-type: none;
        height: 100px;
        margin: 0;
        padding: 0;
      }
      #flickable_blog li {
		color: #666;
		font-size:13px;
        list-style-type: none;
      	height: 100px;

        margin: 0;
        padding: 0;
      }
      #flickable_blog li a {
		font-size:13px;
		color:#36f;
      }
     #flickable_blog li a:hover{
		color:#009;
		}
      #flickable_blog .block {
        color: #000;
        height: 100px;

        padding: 0;
      }
      #flickable_blog h4 {
        color: #000;
      }
      #flickable_blog .ui-flickable-container {
        cursor: pointer;
      }


#flickable_youtuberss_bg {

		padding-top: 3px;
		padding-left: 2px;

        overflow: auto;
      }
      #youtuberss_title {
		height: 20px;
		padding-top: 5px;
		padding-left: 5px;
		margin-top: 0px;
		margin-left:15px;
        overflow: auto;
        background-color: #ffffff;
        border-top: medium ridge #000000;
        border-left: medium ridge #000000;
        border-right: medium ridge #000000;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
      }

      #flickable_youtuberss {
      	font-size:13px;
        list-style-type: none;
		height: 90px;
		padding-left: 5px;
		margin-left:15px;
        overflow: auto;
        background-color: #ffffff;
        border-bottom: medium ridge #000000;
        border-left: medium ridge #000000;
        border-right: medium ridge #000000;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
      }
      #flickable_youtuberss ul {
        list-style-type: none;
        height: 100px;
        margin: 0;
        padding: 0;
      }
      #flickable_youtuberss li {
		color: #666;
		font-size:13px;
        list-style-type: none;
      	height: 100px;

        margin:  0;
        padding: 0;
      }
      #flickable_youtuberss li a {
		font-size:13px;
		color:#36f;
      }
     #flickable_youtuberss li a:hover{
		color:#009;
		}
      #flickable_youtuberss .block {
        color: #000;
        height: 100px;

        padding: 0;
      }
      #flickable_youtuberss h4 {
        color: #000;
      }
      #flickable_youtuberss .ui-flickable-container {
        cursor: pointer;
      }

#flickable_pr_bg {

		padding-top: 3px;
		padding-left: 2px;
		margin-left: 3px;
        overflow: auto;
      }
      #pr_title {
		height: 20px;
		padding-top: 5px;
		padding-left: 5px;
		margin-top: 0px;
		margin-left:15px;
        overflow: auto;
        background-color: #ffffff;
        border-top: medium ridge #000000;
        border-left: medium ridge #000000;
        border-right: medium ridge #000000;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
      }

      #flickable_pr {
      	font-size:13px;
        list-style-type: none;
		height: 90px;
		padding-left: 5px;
		margin-left:15px;
        overflow: auto;
        background-color: #ffffff;
        border-bottom: medium ridge #000000;
        border-left: medium ridge #000000;
        border-right: medium ridge #000000;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
      }
      #flickable_pr ul {
        list-style-type: none;
        height: 100px;
        margin: 0;
        padding: 0;
      }
      #flickable_pr li {
		color: #666;
		font-size:13px;
        list-style-type: none;
      	height: 100px;
        margin:  0;
        padding: 0;
      }
      #flickable_pr li a {
		font-size:13px;
		color:#36f;
      }
     #flickable_pr li a:hover{
		color:#009;
		}
      #flickable_pr .block {
        color: #000;
		height: 100px;
        padding: 0;
      }
      #flickable_pr h4 {
        color: #000;
      }
      #flickable_pr .ui-flickable-container {
        cursor: pointer;
      }

.jibnews_img {
	width: 70px;
	height: 70px;
}

#frame_bottom_left {
	width: 305px;
	height: 115px;
	z-index: 2;
	background-image:url(img/frame/frame0_left.png);
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	bottom: 0; left: 0;
}
#frame_bottom_right {
	width: 305px;
	height: 115px;
	z-index: 2;
	background-image:url(img/frame/frame0_right.png);
	background-repeat: no-repeat;
	float: right;
	position: absolute;
	bottom: 0; right: 0;
}
#frame_bottom_middle {
	margin: 0 0px;
	height: 115px;
	z-index: 2;
	background-image:url(img/frame/frame0l.png);
	background-repeat: repeat-x;
	position: absolute;
	bottom: 0; left: 304px; right: 304px;
}

#frame_bottom_menu {
    width: 700px;
	margin: 5px 100px;
	z-index: 3;
	position: absolute;
	bottom: 45px; left: 5px;
}

#license {
	position: absolute;
	bottom: 64px; right: 180px;
	z-index: 4;
	font-size: 14px;
}

#set_icon {
    width: 48px;
    height: 48px;
	z-index: 3;
	background-image:url(img/menu/set_but.png);
	background-repeat: no-repeat;
	position: absolute;
	bottom: 58px; right: 80px;
}

#set_icon a {
	display: block;
	width: 48px;
	height:48px;
}

#sns_icon {
    width: 48px;
    height: 48px;
	z-index: 3;
	background-image:url(img/menu/sns_but.png);
	background-repeat: no-repeat;
	position: absolute;
	bottom: 58px; right: 128px;
}

#sns_icon a {
	display: block;
	width: 48px;
	height:48px;
}

#wj_icon {
    width: 32px;
    height: 32px;
	z-index: 4;
	margin-left: -16px;
	background-image:url(img/frame/frame0a_logo.png);
	background-repeat: no-repeat;
	position: absolute;
	bottom: 21px; left: 50%;
}

#frame_bottom_menu ul { margin: 0; padding-left: 0;}

#frame_bottom_menu li {
	width: 60px;
	height:60px;
	margin: 0 0px;
	float: left;
	list-style-type: none;}

#frame_bottom_menu li a {
	display: block;
	width: 60px;
	height:60px;
	margin: 0 0px;
}

#frame_bottom_menu #home a  {
background-image:url(img/menu/home_but.png);
background-repeat: no-repeat;}
#frame_bottom_menu #outline a  {
background-image:url(img/menu/outline_but.png);
background-repeat: no-repeat;}
#frame_bottom_menu #work a  {
background-image:url(img/menu/work_but.png);
background-repeat: no-repeat;}
#frame_bottom_menu #inquiry a  {
background-image:url(img/menu/inquiry_but.png);
background-repeat: no-repeat;}
#frame_bottom_menu #onescene a  {
background-image:url(img/menu/os_but.png);
background-repeat: no-repeat;}


#frame_bottom_menu #home a:hover {
background-image:url(img/menu/home_l_but.png);
background-repeat: no-repeat;}
#frame_bottom_menu #outline a:hover {
background-image:url(img/menu/outline_l_but.png);
background-repeat: no-repeat;}
#frame_bottom_menu #work a:hover {
background-image:url(img/menu/work_l_but.png);
background-repeat: no-repeat;}
#frame_bottom_menu #inquiry a:hover {
background-image:url(img/menu/inquiry_l_but.png);
background-repeat: no-repeat;}
#frame_bottom_menu #onescene a:hover {
background-image:url(img/menu/os_l_but.png);
background-repeat: no-repeat;}