@charset "UTF-8";

/* ***********************************************************************
1 : Init
*********************************************************************** */
*{margin:0;padding:0;}

html {
color: #333333;
background: #ffffff;
overflow-y: scroll;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}

table {
}

fieldset, img {
border: 0;
}

img {
display: block;
}

address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

ul {
list-style: none;
}

ul,li{ margin:0; padding:0; }

caption, th {
text-align: left;
font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}

q:before, q:after {
content: '';
}

abbr, acronym {
border: 0;
font-variant: normal;
}

sup {
vertical-align: text-top;
}

sub {
vertical-align: text-bottom;
}

input, textarea, select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}

input, textarea, select {
*font-size: 100%;
}

legend {
color: #333;
}



/* ***********************************************************************
2 : Text
*********************************************************************** */

body, table, form, select, input, textarea {
font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
color: #666;
line-height: 1.6;
letter-spacing: 0;
}

body {
font-size: 0.724em;
}

h1 {
text-indent: -9999px;
text-decoration: none ! important;
}

h1 a {
display: block;
}

ol {
list-style-type: decimal;
list-style-image: none;
list-style-position: outside;
}

em {
color: #85A900;
}

br {
letter-spacing: 0;
}

optgroup {
font-style: normal;
}


/* ========= Link ========= */

a, a:link {
color: #000;
text-decoration: underline;
outline: none;
}

a:visited {
color: #333;
text-decoration: underline;
}

a:active,
a:hover {
color: #e45000;
text-decoration: none;
}



/* ***********************************************************************
1 : Structure
*********************************************************************** */
body {
background: url(http://webheibon.jp/images/body_bg.gif) top repeat-x;
text-align: center;
}

#wrapper {
width: 1035px;
margin: 0 auto;
padding: 30px 0;
text-align: left;
}

#container {
}



/* ***********************************************************************
2 : LEFT
*********************************************************************** */
#left {
width: 269px;
float: left;
display: inline;
margin: 0 10px 50px 0;
padding: 0;
position: relative;
}

#logo {
margin: 0 0 50px 0;
}

#logo h1 a {
width: 269px;
height: 348px;
background: url(http://webheibon.jp/images/logo.gif) top left no-repeat;
overflow: hidden;
}

.left_content {
margin: 0;
padding: 0 0 0 45px;
}

.attention {color: #e45000;}

.left_content ul.lcList01{
margin: 0 0 2em 0;
}

.left_content .lcList01 li {
background: url(http://webheibon.jp/images/arrow_li.gif) top left no-repeat;
padding: 0 0 0 13px;
line-height: 1.4;
margin: 0 0 6px 0;
height: 1%;
}

.left_content ul.snsIcon{
	width:200px;
	margin:10px 0 50px;
	clear:both;
	overflow:hidden;
}

.left_content .snsIcon li {
	list-style:none;
	float:left;
	margin-left:8px;
}

.left_content .snsIcon li:hover{
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha(opacity=50);
	opacity:0.5;
	zoom:1;
}

.left_today {
margin: 30px 0;
padding: 0;
font-size: 0.86em;
background: url(http://webheibon.jp/images/today_bg.gif) bottom left repeat-y;
}

.left_today_t {
background: url(http://webheibon.jp/images/today_t.gif) top left no-repeat;
padding: 12px 0 0 0;
height: 1%;
}

.left_today_b {
background: url(http://webheibon.jp/images/today_b.gif) bottom left no-repeat;
}

.left_today_content {
width: 179px;
margin: 0 12px;
padding: 0;
}

.left_today_content h4 {
background: url(http://webheibon.jp/images/today_title.gif) top left no-repeat;
width: 179px;
height: 24px;
text-indent: -9999px;
display: block;
margin: 0 0 12px 0;
}

.left_today_content ol {
list-style: none;
padding: 0;
margin: 0;
}

.left_today_content li {
background: none;
padding: 0;
margin: 0 0 12px 0;
}

.left_today_content li img {
width: 179px;
padding: 0;
margin: 0 0 6px 0;
}

.left_today_footer {
text-align: right;
width: 179px;
margin: 0 12px 3px 12px;
padding: 8px 0;
line-height: 1;
border-top: 1px solid #ccc;
}

.left_btn{
	margin:0 0 2em 0;
}

/* tumblr */
.post {
    background-color: #FFFDE6;
    font-size: 12px;
    text-align: left;
    color: #000;
    width: 184px;
    margin: 65px auto 40px;
    padding: 24px 18px 18px 18px;
    border:1px solid #A2A2A2;
}
.post .title{
	text-align: center;
}
.post .title img{
	display: inline !important;
}
.post .title img:hover{
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha(opacity=70);
	opacity:0.7;
	zoom:1;
}
.post #meta{
	overflow: hidden;
	width: 184px;
	margin: 15px 0 0;
}
.post .tag{
	text-align: left;
	text-indent: -9999px;
	width: 97px;
	float: left;
	/*margin: 0 0 0 5px;*/
}
.post .tag.has_news{
	background: url(http://webheibon.jp/images/tag_news.png) no-repeat 0 4px;
}
.post .tag.has_event{
	background: url(http://webheibon.jp/images/tag_event.png) no-repeat 0 4px;
}
.post .tag.has_staff{
	background: url(http://webheibon.jp/images/tag_staff.png) no-repeat 0 4px;
}
.post .tag.has_other{
	background: url(http://webheibon.jp/images/tag_other.png) no-repeat 0 4px;
}
.post .day{
	float: right;
}
.post h2{
    text-align: left;
    margin: 8px 0 0;
    font-size: 12px;
}
.post h2 a{
    color: #000;
    text-decoration: none;
}
.post h2 a:hover{
	color: #666;
}

.post img{
	width: 182px;
    display: block;
    margin: 5px 0 0px;
}
.post img:hover{
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha(opacity=70);
	opacity:0.7;
	zoom:1;
}
.post #readmore{
	width: 184px;
	height: 23px;
	margin: 20px auto 0;
	background-color: #E6E6E6;
	text-align: center;
	padding-top: 3px;
	display: block;
	text-decoration: none;
}
.post #readmore:hover {
	color: #FFF;
	background-color: #808080;
}

.left_btn{
	margin:0 0 2em 0;
}

.social{
	overflow: hidden;
	height:22px;
	padding-bottom:10px;
}
.social ul li{
	float:left;
}
.social ul li.tw{
	width: 78px;
}
.social ul li.fb{
	width: 75px;
	height:22px;
}
.social ul li.ln{
	width: 23px;
}
.social ul li.gg{
	width: 31px;
}


/* ***********************************************************************
3 : MAIN
*********************************************************************** */
#main {
width: 755px;
float: left;
display: inline;
margin: 0;
padding: 53px 0 50px 0;
}




/* ***********************************************************************
4 : ENTRY
*********************************************************************** */
#entry {
width: 211px;
height: 378px;
float: left;
display: inline;
margin: 0 0 0 40px;
padding: 0;
}

.entry_pic {
margin: 0 0 10px 0;
}

.entry_title h3 {
font-weight: bold;
margin: 0 0 8px 0;
line-height: 1.4em;
}

.entry_title h3 a:link,
.entry_title h3 a:visited,
.entry_title h3 a:active,
.entry_title h3 a:hover {
text-decoration: none;
}

.entry_text {
font-size: 0.86em;
}

.entry_date {
background: url(http://webheibon.jp/images/dotline.gif) top left no-repeat;
margin: 12px 0 0 0;
padding: 8px 0 0 0;
color: #000;
line-height: 1.1;
text-align: right;
position: relative;
}

img.new {
display: inline;
margin: 1px 5px 0 0;
position: relative;
top: 1px;
}



/* ***********************************************************************
7 : FOOTER
*********************************************************************** */
#footer {
background: url(http://webheibon.jp/images/dotline_l.gif) top left no-repeat;
width: 989px;
float: right;
margin: 10px 0;
padding: 8px 0 0 0;
text-align: right;
color: #666;
font-size: 0.86em;
}



/* ***********************************************************************
8 : Clear Fix
*********************************************************************** */
.clearFix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearFix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearFix { height: 1%; }
.clearFix { display: block; }
/* End hides from IE-mac \*/