@charset "UTF-8";
/* CSS Document */

/*****************************************************************
0.Rest
*****************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
/* remember to define focus styles! */
:focus {
	outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*****************************************************************
1.Main
*****************************************************************/

html {
	height: 100%;

}

body {
	position:relative;
	width:100%
}

#wrapper {
	margin: 0 auto;
	padding: 120px 0 150px 0;
	width:100%;
	position:relative;
	background-image:url(/hebel/topics/asanohikari/images/background-image.jpg);
	background-position:center bottom;
	background-repeat: no-repeat;
}

#contents {
	margin:0 auto;
	margin-top: -120px;
	width:980px;
    position:relative;s
}

#header-inner {
	width:960px;
	overflow:hidden;
	margin:0 auto;
}

h1#logo {
	margin:58px 16px 0 10px;
	width: 401px;
	height: 27px;
	float:left;
}

#t-img {
	position:absolute;
	left:80%;
	top:48%;
	width:193px;
	height:310px;
	background-image:url(/hebel/topics/asanohikari/images/balloon.png);
	background-position:0 0;
	background-repeat: no-repeat;
	text-indent:-9999px;
	margin: -155px 0 0 0;
}


h2#catalog-request a{
	display:block;
	padding:0;
	float:left;
	width:259px;
	height:98px;
	background-image:url(/hebel/topics/asanohikari/images/top-request_pc2.gif);
	background-position:0 -100px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin: 18px 15px 20px 0;
}

h2#catalog-request a:hover{
	width:259px;
	height:98px;
	background-image:url(/hebel/topics/asanohikari/images/top-request_pc2.gif);
	background-position:0 3px;
	background-repeat:no-repeat;
}


*:first-child+html h2#exhibition-hall {
	padding:0 0 28px 0;
	width:259px;
	float:left;
}

h2#exhibition-hall a{
	padding:0;
	width:259px;
	height:98px;
	float:left;
	display:block;
	background-image:url(/hebel/topics/asanohikari/images/top-exhibition_pc2.gif);
	background-position:0 -99px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin: 18px 0 20px 0;
}

h2#exhibition-hall a:hover{
	width:259px;
	height:98px;
	float:left;
	background-image:url(/hebel/topics/asanohikari/images/top-exhibition_pc2.gif);
	background-position:0 2px;
	background-repeat:no-repeat;
}




.contents-u {
	width:960px;
	clear:both;
  position:relative;
  bottom:0;
	margin:0 auto 50px auto;
	overflow:hidden;
}

.catalog-request-u {
	float:left;
	margin:0 23px 0 0;	
}


/*----------------------------------------*/
/*      banner + 　model house links      */
/*----------------------------------------*/

#catalogArea{
width:360px;
height:285px;
float:left;
}

#mapArea{
width:590px;
height:280px;
float:right;
}

/* ========== gomodel-02 for lamb ========== */

.go-model {
	display: block;
	width: 590px;
	height:280px;
	background-color: #E6E6E6;
	overflow:hidden;
 zoom:1;
}

.go-model #modelmap {
	display: block;
	float: left;
	font-size:0.75em;
	padding: 5px 10px;
	width:250px;
}

.go-model img.map {
	display: block;
	float: left;
}

.go-model #modelmap .list-normal-01 dt {
	color: #688092;
}

.go-model #modelmap .list-normal-01 dd {
	margin-bottom:1em;
}

.go-model #modelmap .list-normal-01 dd.last-child {
	margin-bottom:0;
}

/* ========== list-normal-01 ========== */
#contents ul.list-normal-01{
margin-left:-11px;
overflow:hidden;
zoom:1;
}

#contents ul.list-normal-01 li{
display:inline-block;
/display:inline;
margin:3px 9px 3px -1px;
padding-left:10px;
border-left:1px solid #c5c9cb;
line-height:1;
zoom:1;
}

#contents-c ul.list-normal-01{
margin-left:-11px;
overflow:hidden;
zoom:1;
}

#contents-c ul.list-normal-01 li{
display:inline-block;
/display:inline;
margin:3px 9px 3px -1px;
padding-left:10px;
border-left:1px solid #c5c9cb;
line-height:1;
zoom:1;
}

* html #contents ul.list-normal-01 li{ line-height:1.14;}
* html #contents ul.list-normal-01 li{ margin-left:0}
* + html #contents ul.list-normal-01 li{ line-height:1.14;}

* html #contents-c ul.list-normal-01 li{ line-height:1.14;}
* html #contents-c ul.list-normal-01 li{ margin-left:0}
* + html #contents-c ul.list-normal-01 li{ line-height:1.14;}

#contents ul.list-normal-01 li a:link,
#contents ul.list-normal-01 li a:visited{
color:#688092;
}

#contents-c ul.list-normal-01 li a:link,
#contents-c ul.list-normal-01 li a:visited{
color:#688092;
}

/*****************************************************************
2.Contents
*****************************************************************/

#tabs-contents-t {
	clear:both;
	width:960px;
	height:69px;
	text-indent:-9999px;
	background-image:url(/hebel/topics/asanohikari/images/contents/tab-contents-corrent.png);
	background-repeat:no-repeat;
	background-position:0 0;
	z-index:130;
	position:relative;
}

#tabs-contents-t2 {
	clear:both;
	width:960px;
	height:69px;
	text-indent:-9999px;
	background-image:url(/hebel/topics/asanohikari/images/contents/tab-contents-corrent.png);
	background-repeat:no-repeat;
	background-position:0 0;
	z-index:130;
	position:relative;
	margin:0 0 13px 0;
}


#c-box {
	width:960px;
	height:560px;
	position:relative;
	padding:0 0 0 0;
}

#c-box2 {
	width:960px;
	height:658px;
	position:relative;
	margin:0 0 55px 0;
	background-image:url(/hebel/topics/asanohikari/images/bg-50.png);
	background-repeat:repeat;
	overflow:hidden;
	border-bottom:1px solid #c4c4c4;
}

#contents-c {
	margin:0 auto 0 auto;
	width:960px;
}

.contents-current {
	width:475px;
	height:69px;
	margin:0 10px 0 0;
	float:left;
	text-align:left;
}

.contents-uncurrent {
	width:475px;
	height:69px;
	margin:0 0 0 0;
	float:left;	
}

.contents-uncurrent a{
	display:block;
	width:475px;
	height:69px;
	margin:0 0 0 0;
	float:left;	
}

.contents-uncurrent a:hover {
	width:475px;
	height:69px;
	background-image:url(/hebel/topics/asanohikari/images/contents/tab-contents-corrent.png);
	background-repeat:no-repeat;
	background-position:-484px -71px;
}

*:first-child+html .content-detail-img {
	margin:0 0 0 0;
	padding:0 0 0 0;
	position:relative;
	z-index:120;
	position:absolute;
	top:56px;
	border-right:1px solid #C4C4C4;
	border-bottom:1px solid #C4C4C4;
	border-left:1px solid #C4C4C4;
}


.content-detail-img {
	margin:0 0 0 0;
	position:relative;
	z-index:120;
	position:absolute;
	top:56px;
	border-right:1px solid #C4C4C4;
	border-bottom:1px solid #C4C4C4;
	border-left:1px solid #C4C4C4;
	z-index: 55;
}

#box-nav {
	width:960px;
	position:absolute;
    bottom:45px; 
	text-align:center;
}


.pre a:hover,.to-index a:hover,.next a:hover {
	text-decoration:underline;	
}

.pre a{
	width:36px;
	height:13px;
	font-size:12px;
	display:block;
	color:#000;
	float:left;
	text-align:center;
	border-right:1px dotted #000;
	margin:0 0 0 415px;
	padding:0 4px 0 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration:none;
}

.to-index a{
	width:36px;
	height:13px;
	font-size:12px;
	display:block;
	color:#000;
	float:left;
	text-align:center;
	padding:0 11px 0 11px;
	border-right:1px dotted #000;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration:none;
}

.to-index2 a{
	width:36px;
	height:13px;
	font-size:12px;
	display:block;
	color:#000;
	float:left;
	text-align:center;
	border-right:1px dotted #000;
	margin:0 0 0 442px;
	padding:0 11px 0 11px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration:none;
}

.next a {
	width:36px;
	height:13px;
	font-size:12px;
	display:block;
	color:#000;
	float:left;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration:none;
	padding:0 0 0 4px;
}

/*****************************************************************
3.Cacestady
*****************************************************************/

#tabs-casestudy-t {
	clear:both;
	width:960px;
	height:69px;
	text-indent:-9999px;
	background-image:url(/hebel/topics/asanohikari/images/case-study/tab-casestudy-corrent.png);
	background-repeat:no-repeat;
	background-position:0 0;
	z-index:100;
	position:relative;
	margin:0 0 13px 0;
}

.casestudy-current {
	width:475px;
	height:69px;
	margin:0 10px 0 0;
	float:left;	
}

.casestudy-uncurrent {
	width:475px;
	height:69px;
	margin:0 0 0 0;
	float:left;	
}

.casestudy-current a{
	display:block;
	width:475px;
	height:69px;
	margin:0 0 0 0;
	float:left;	
}

.casestudy-current a:hover {
	width:475px;
	height:69px;
	background-image:url(/hebel/topics/asanohikari/images/case-study/tab-casestudy-corrent.png);
	background-repeat:no-repeat;
	background-position:0 -71px;
}


/*
 * jQuery UI Tabs 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
/*.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }*/
/*.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }*/
.ui-tabs .ui-tabs-nav { margin-top: 0px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } 
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }



#tabs {
	width:960px;
	margin:0 auto 20px auto;
    overflow:hidden;
	padding:0 0 3px 0;
	
}

#tabs2 {
	width:960px;
	margin:0 auto 0 auto;
    overflow:hidden;
	padding:0;
    position:relative;
}

#tabs-e {
	width:900px;
	height:294px;
	overflow:hidden;
	background-image:url(/hebel/topics/asanohikari/images/line-t.gif);
	background-repeat:no-repeat;
	margin:0;
	padding:15px 30px 0 30px;
	background-color:#FFF;
}

#tabs-e2 {
	width:900px;
	overflow:hidden;
	background-image:url(/hebel/topics/asanohikari/images/line2.gif);
	background-repeat:repeat-y;
	margin:-26px 0 0 0;
	padding:24px 30px 30px 30px
}

#tabs-e2-1 {
	width:900px;
	height:548px;
	overflow:hidden;
}

li.contents-b span {
  display:block;
  width: 475px;
  height:70px;
  overflow:hidden;
  text-indent: -9999px;
  background-image:url(/hebel/topics/asanohikari/images/tab3.jpg);
  background-repeat:no-repeat;
  background-position:0 0;
  position:absolute;
  top:0px;
}

li.casestudy span {
  display:block;
  width: 475px;
  height:70px;
  padding-top:70px;
  overflow:hidden;
  text-indent: -9999px;
  background-image:url(/hebel/topics/asanohikari/images/tab3.jpg);
  background-repeat:no-repeat;
  background-position:-485px 0;
  position:absolute;
  top:-70px;
}

li.contents-b a {
	width:475px;
    padding-top: 70px;
	background-image:url(/hebel/topics/asanohikari/images/tab3.jpg);
	background-repeat:no-repeat;
	background-position:0 70px;
    overflow:hidden;
}

li.casestudy a {
	width:475px;
    padding-top: 70px;
	background-image:url(/hebel/topics/asanohikari/images/tab3.jpg);
	background-repeat:no-repeat;
	background-position:-485px -70px;
    overflow:hidden;
}

li.contents-b a.selected {
  display:block;
  width: 475px;
  height:70px;
  overflow:hidden;
  background-position:0px 0px;
  position:absolute;
  top:-70px;
}

li.casestudy a.selected {
  display:block;
  width: 475px;
  height:70px;
  overflow:hidden;
  background-position:-485px 70px;
 position:absolute;
  top:-70px;
}

/*
html>/**/ /*body li.casestudy a.selected {
  padding-top: -21px\9;
}
*/
ul.nav {
    width: 960px;
    height: 70px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
}

li.contents-b {
	display:block;
	width:475px;
	height:65px;
	margin:0;
	position: absolute;
	top: 0;
	left: 0;
} 

li.casestudy {
    display:block;
	width:475px;
	height:65px;
	margin:0;
	position: absolute;
	top: 0;
	right: 0;
}

.tab-inner-g {
	width:150px;
	height:233px;
	border-top:14px solid #8cbe1e;
	border-bottom:1px solid #C4C4C4;
	background-image:url(/hebel/topics/asanohikari/images/line-b.gif);
	background-repeat:repeat-y;
	float:left;
	padding:10px;
	margin:0 12px 12px 0;	
}

.tab-inner-b {
	width:150px;
	height:233px;
	border-top:14px solid #50b4d2;
	border-bottom:1px solid #C4C4C4;
   background-image:url(/hebel/topics/asanohikari/images/line-b.gif);
	float:left;
	padding:10px;
	margin:0 12px 12px 0;	
}

.tab-inner-y {
	width:150px;
	height:233px;
	border-top:14px solid #fac800;
   background-image:url(/hebel/topics/asanohikari/images/line-b.gif);
	background-repeat:repeat-y;
	border-bottom:1px solid #C4C4C4;
	float:left;
	padding:10px;
	margin:0 12px 12px 0;	
}

.tab-inner-y-l {
	width:150px;
	height:233px;
	border-top:14px solid #fac800;
	border-bottom:1px solid #C4C4C4;
	background-image:url(/hebel/topics/asanohikari/images/line-b.gif);
	background-repeat:repeat-y;
	float:left;
	padding:10px;
	margin:0 0 12px 0;	
}

.tab-inner-p {
	width:150px;
	height:233px;
	border-top:14px solid #ff8c8c;
	border-bottom:1px solid #C4C4C4;
	background-image:url(/hebel/topics/asanohikari/imagess/line-b.gif);
	background-repeat:repeat-y;
	float:left;
	padding:10px;
	margin:0 12px 0 0;	
}

.tab-inner-p-l {
	width:150px;
	height:233px;
	border-top:14px solid #ff8c8c;
	border-bottom:1px solid #C4C4C4;
	background-image:url(/hebel/topics/asanohikari/images/line-b.gif);
	background-repeat:repeat-y;
	float:left;
	padding:10px;
	margin:0 0 0 0;	
}

.tab-inner-b-l {
	width:150px;
	height:233px;
	border-top:14px solid #50b4d2;
	border-bottom:1px solid #C4C4C4;
   background-image:url(/hebel/topics/asanohikari/images/line-b.gif);
	background-repeat:repeat-y; 
	float:left;
	padding:10px;
	margin:0 0 0 0;	
}

.tab-inner-g-l {
	width:150px;
	height:233px;
	border-top:14px solid #8cbe1e;
	border-bottom:1px solid #C4C4C4;
	background-image:url(/hebel/topics/asanohikari/images/line-b.gif);
	background-repeat:repeat-y;
	float:left;
	padding:10px;
	margin:0 0 0 0;	
}

.tab-inner-text img {
	margin:0 0 13px 0;	
}

.top-tab-inner-image {
	margin:0 0 13px 0;
}

.c-green {
	width:15px;
	height:15px;
    background-image:url(/hebel/topics/asanohikari/images/c-green.gif);
	background-repeat:no-repeat;
	backgarong-position:0 0;
	text-indent:-9999px;
	margin:0 5px 0 0;
	float:left;
}

.c-blue {
	width:15px;
	height:15px;
    background-image:url(/hebel/topics/asanohikari/images/c-blue.gif);
	background-repeat:no-repeat;
	backgarong-position:0 0;
	text-indent:-9999px;
	margin:0 5px 0 0;
	float:left;
}

.c-yellow {
	width:15px;
	height:15px;
    background-image:url(/hebel/topics/asanohikari/images/c-yellow.gif);
	background-repeat:no-repeat;
	backgarong-position:0 0;
	text-indent:-9999px;
	margin:0 5px 0 0;
	float:left;
}

.c-pink {
	width:15px;
	height:15px;
    background-image:url(/hebel/topics/asanohikari/images/c-pink.gif);
	background-repeat:no-repeat;
	backgarong-position:0 0;
	text-indent:-9999px;
	margin:0 5px 0 0;
	float:left;
}

.c-orange {
	width:15px;
	height:15px;
    background-image:url(/hebel/topics/asanohikari/images/c-orange.gif);
	background-repeat:no-repeat;
	backgarong-position:0 0;
	text-indent:-9999px;
	margin:0 5px 0 0;
	float:left;
}

.c-tite {
	width:130px;
	margin:0 0 0 0;
	font-size:13px;
	font-weight:bold;
	line-height:16px;
	float:left;
	text-align:left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.c-tite a{
	color:#000;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	line-height:16px;
	float:left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.c-tite a:hover {
	text-decoration:underline;	
}

.tab-inner-text {
	width:145px;
	height:216px;
	margin:0 0 0 0;
	padding:0 5px 0 0;
	border-bottom:1px dotted #C4C4C4;
}

.tab-inner-text2 {
	width:145px;
	height:216px;
	margin:0 0 0 0;
	padding:0 5px 0 0;
	border-bottom:1px dotted #C4C4C4;
}

.tab-in-title {
	width:155px;
	overflow:hidden;	
}

.c-text {
	clear:both;
	width:155px;
	font-size:12px;
	line-height:17px;
	margin:10px 0 12px 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:left;
}

.c-text-u {
	text-align:right;
	font-size:10px;
	padding:8px 0 0 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#moreDetail {
	text-align:right;
	padding:0 0 0 0;
	float:right;
	margin:5px 0 0 0;
	background-image:url(/hebel/topics/asanohikari/images/arrow.gif);
	background-repeat:no-repeat;
	background-position:0 1px;
	padding: 0 0 2px 0;
	width:75px;
	height:9px;
	
}

.moreDetail-p a{
	width:75px;
	height:9px;
	display:block;
	text-decoration: none;
	padding:0;
	margin:0 5px 0 0;
	color:#000;
	font-size:13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.moreDetail-p a:hover {
	text-decoration:underline;	
}

/*Topページコラム*/

#t-column {
	width:960px;
	margin:0 auto 35px auto;
	overflow: hidden;
}

.column-title {
    width: 262px;
    height: 74px;
    margin: 70px auto 35px auto;
}

#column-box-t {
	width:960px;
	overflow:hidden;
	margin:0;	
}

.column-box-left, .column-box-center, .column-box-right {
    width: 301px;
    background-image:url(/hebel/topics/asanohikari/images/top_line_column_back.png);
	background-repeat:repeat-y;
	padding: 0;
	float: left;
	height: 100%;
}

.column-box-left {
    margin: 0;
}

.column-box-center {
    margin: 0 28px 0 29px;
}

.column-box-right {
    margin: 0;
}

.btn_matome_kurashi, .btn_matome_nemuri, .btn_matome_akari {
    width: 301px;
    height: 45px;
    margin: 15px 0 0 0;
    padding: 0;
}

.btn_matome_kurashi a, .btn_matome_nemuri a, .btn_matome_akari a {
    background-position: 0 0;
    width: 301px;
    height: 45px;
    background-repeat: no-repeat;
    display: block;
    text-indent: -9999px;
}

.btn_matome_kurashi a {
    background-image:url(/hebel/topics/asanohikari/images/top_btn_kurashi.png);
}

.btn_matome_nemuri a {
    background-image:url(/hebel/topics/asanohikari/images/top_btn_nemuri.png);
}

.btn_matome_akari a {
    background-image:url(/hebel/topics/asanohikari/images/top_btn_akari.png);
}

.btn_matome_kurashi a:hover, .btn_matome_nemuri a:hover, .btn_matome_akari a:hover {
    background-position: 0 -55px;
}

.top-column-m-title {
    width: 226px;
    height: 98px;
    margin: 30px 37px 30px 38px;
}

.top-column-article {
    width: 226px;
    margin: 20px 37px 20px 38px;
}

.column-line {
    width: 226px;
    height: 1px;
    margin: 0 37px 0 38px;
}

#t-column .column-p {
	margin:0 0 7px 0;	
}

#top-column-inner {
	width:898px;
	height:278px;
	border:1px dotted #C4C4C4;
	background-color:#FFF;
	padding:30px;
}

.top-column-inner {
	width:960px;
	margin:0 0 0 0;	
}

.top-column-inner-g {
	width:266px;
	margin:0 32px 0 0;
	float:left;
}


.top-column-inner-r {
	width:266px;
	margin:0 0 0 0;
	float:left;
}

.top-column-title {
    margin: 15px 0 0 0;
	width:266px;
	overflow:hidden;	
}

.top-column-title-u {
	width:145px;
	overflow:hidden;	
}

.top-column-image {
	margin:0 0 14px 0;	
}

.top-column-image-u {
	margin:0 0 7px 0;	
}

.c-title-column {
	width:240px;
	margin:0 0 0 0;
	font-size:13px;
	font-weight:bold;
	line-height:16px;
	float:left;
	text-align:left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.c-title-column-c {
	width:258px;
	margin:0 0 0 0;
	font-size:10px;
	font-weight:bold;
	float:left;
	text-align:left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.c-title-column-u {
	width:124px;
	margin:0 0 0 0;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	float:left;
	text-align:left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.c-title-column a{
	color:#000;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	line-height:16px;
	float:left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.c-title-column-u a{
	color:#000;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	float:left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.c-title-column a:hover {
	text-decoration:underline;	
}

.c-title-column-u a:hover {
	text-decoration:underline;	
}


.c-text-column {
	clear:both;
	font-size:12px;
	line-height:18px;
	margin:12px 0 12px 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:left;
}

.c-text-column-u {
	clear:both;
	width:131px;
	font-size:12px;
	line-height:18px;
	margin:12px 0 12px 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:left;
}

#top-column-inner-u {
	width:960px;
	overflow:hidden;	
}

.top-column-inner-u-g {
	width:161px;
	height:194px;
	border-left:1px dotted #C4C4C4;
	border-bottom:1px dotted #C4C4C4;
	padding:20px 0 25px 30px;
	background-color:#FFF;
	float:left;
}

.top-column-inner-u-r {
	width:160px;
	height:194px;
	border-left:1px dotted #C4C4C4;
	border-right:1px dotted #C4C4C4;
	border-bottom:1px dotted #C4C4C4;
	padding:20px 0 25px 30px;
	background-color:#FFF;
	float:left;
}

/*Topページコラム*/


/*まとめページコラム*/

.matome-navi {
    margin: 0 0 42px 0;
    width: 960px;
    height: 37px;
    background-image:url(/hebel/topics/asanohikari/images/matome_navi.gif);
    background-position: 0 -43px;
    background-repeat: no-repeat;
}

ul.matome-navi-ul {
    width: 960px;
    height: 37px;
    overflow: hidden;
}

li.matome-navi-1 {
    width: 296px;
    height: 37px;
    margin: 0 1px 0 0;
}

li.matome-navi-2 {
    width: 223px;
    height: 37px;
    margin: 0 1px 0 0;
}

li.matome-navi-3 {
    width: 223px;
    height: 37px;
    margin: 0 1px 0 0;
}

li.matome-navi-4 {
    width: 215px;
    height: 37px;
}

.matome-navi-1, .matome-navi-2, .matome-navi-3, .matome-navi-4 {
     float: left;
}

.matome-navi-1 a, .matome-navi-2 a, .matome-navi-3 a, .matome-navi-4 a, .matome-navi-2-cul, .matome-navi-3-cul, .matome-navi-4-cul {
    display: block;
    text-indent: -9999px;
}

.matome-navi-1 a {
    width: 296px;
    height: 37px;
}

.matome-navi-2 a {
    width: 223px;
    height: 37px;
}

.matome-navi-3 a {
    width: 223px;
    height: 37px;
}

.matome-navi-4 a {
    width: 215px;
    height: 37px;
}

.matome-navi-1 a:hover, .matome-navi-2 a:hover, .matome-navi-3 a:hover, .matome-navi-4 a:hover, .matome-navi-2-cul, .matome-navi-3-cul, .matome-navi-4-cul {
    background-image:url(/hebel/topics/asanohikari/images/matome_navi.gif);
    background-repeat: no-repeat;
}

.matome-navi-1 a:hover {
    background-position: 0 0;
}

.matome-navi-2 a:hover, .matome-navi-2-cul {
    background-position: -297px 0;
}

.matome-navi-3 a:hover, .matome-navi-3-cul {
    background-position: -521px 0;
}

.matome-navi-4 a:hover, .matome-navi-4-cul {
    background-position: -745px 0;
}

.matome-navi-2-cul {
    width: 223px;
    height: 37px;
    margin: 0 1px 0 0;
    display: block;
    float: left;
    text-indent: -9999px;
}

.matome-navi-3-cul {
    width: 223px;
    height: 37px;
    margin: 0 1px 0 0;
    display: block;
    float: left;
    text-indent: -9999px;
}

.matome-navi-4-cul {
    width: 215px;
    height: 37px;
    margin: 0;
    display: block;
    float: left;
    text-indent: -9999px;
}

.title-c {
	width:960px;
	border-bottom:dotted 1px #000;
	overflow: hidden;
	margin: 0 0 45px 0;
}

.title-c img{
	float:left;
	padding: 0 0 7px 0;
	margin: 0 11px 0 0;
}

.title-c p {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	margin:2px 0 0 0;
	float:left;
	color:#231815;
	font-weight:bold;
}

.topic-path {
	float:right;
	margin:5px 0 0 0;
}

ul.topic-path li {
	display:inline;
	float:left;
	color:#646464;
	font-size:10px;
	padding:0 0 0 5px;
	font-weight:normal;
}

ul.topic-path li a{
	text-decoration:none;
	color:#4D4D4D;
}

ul.topic-path li a:hover{
	text-decoration:underline;
}

h3.matome-column-title {
    margin: 0 0 30px 0;
}

p.matome-column-description {
    font-size: 14px;
    line-height: 25px;
    margin: 0 0 35px 0;
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


#matome-column-inner-u {
	width:960px;
	overflow:hidden;
	margin: 0 0 80px 0;
	border-top:1px dotted #C4C4C4;
	border-right:1px dotted #C4C4C4;
}

.matome-column-inner-u-g {
	width:161px;
	height:194px;
	border-left:1px dotted #C4C4C4;
	border-bottom:1px dotted #C4C4C4;
	padding:20px 0 25px 30px;
	background-color:#FFF;
	float:left;
}

/*まとめページコラム*/



/*
 * jQuery UI CSS Framework 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }