@charset "UTF-8";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
入口
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#entrance {
	width: 100%;
	height: 100%;
	background-color: #ffffff;
}
#ent_h1 {
	width: 100%;
	height: 100%;
	background-color: #ffffff;
}
#ent_lnk {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
}
#ent_img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 670px;
	height: 620px;
	margin-left: -335px;
	margin-top: -310px;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
home
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#home {
	background: #ffffff url(../img/bg.jpg) no-repeat left top;
}
#home #wrap_outer {
	margin: 0 auto;
	width: 1000px;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ヘッダー
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#h_header {
	padding-top: 40px;
}
#h_header h1 {
	float: left;
	width: 245px;
	height: 90px;
}
#h_header address {
	display: block;
	float: right;
	width: 136px;
	height: 90px;
}
#h_header .title_sub {
	clear: both;
	padding-top: 85px;
	padding-left: 44px;
}
#h_header .title_cmc {
	padding-top: 15px;
	padding-left: 44px;
	padding-bottom: 86px;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
コンテンツエリア
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#h_contents {
	clear: both;
	padding-top: 50px;
	padding-right: 166px;
	padding-bottom: 80px;
}
.h_side {
	float: left;
	width: 190px;
}
.h_main {
	float: right;
	width: 407px;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
左サイド
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* about us */
.h_side .aboutus {}
.h_side .aboutus a {
	display: block;
	width: 50px;
	height: 13px;
	background: url(../img/tit_aboutus.png) no-repeat;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

/* 編集日誌 */
.h_side .nisshi {
	margin-top: 12px;
	margin-bottom: 60px;
}
.h_side .nisshi a {
	padding-right: 5px;
	border-right: 1px solid #0f6fff;
	color: #0f6fff;
	font-weight: bold;
	font-size: 92%;
}

/* 引用文:言葉の花束 */
.h_side .quote {
	padding-bottom: 30px;
	font-size: 95%;
	color: #777777;
	line-height: 1.6;
}
.h_side .quote a {
	color: #777777;
}
.h_side .quote a:active,
.h_side .quote a:focus,
.h_side .quote a:hover {
	color: #0f6fff;
}
.h_side .hanataba a {
	display: block;
	width: 20px;
	height: 10px;
	background: url(../img/marker_4.gif) no-repeat left top;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

/* メニュー */
.h_side .mininav {
	margin: 250px 0 60px;
	margin: 210px 0 60px;
}
.h_side .mininav li {
	margin-bottom: 5px;
	line-height: 0;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
メインコンテンツ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.h_main .grp_1 h2 a {
	display: block;
	height: 23px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}
.h_main h2.critic a {
	width: 134px;
	background: url(../img/tit_critic.png) no-repeat;
}
.h_main h2.events a {
	width: 126px;
	background: url(../img/tit_events.png) no-repeat;
}
.h_main h2.creation a {
	width: 135px;
	background: url(../img/tit_creation.png) no-repeat;
}
.h_main h2.punctum a {
	width: 127px;
	background: url(../img/tit_punctum.png) no-repeat;
}
.h_main h2.archives a {
	width: 204px;
	background: url(../img/tit_archives.png) no-repeat;
}
.h_main_lead {
	position: relative;
	margin-left: 59px;
	padding-bottom: 40px;
	width: 348px;
	color: #777777;
	vertical-align: middle;
}
.h_main_lead a {
	display: block;
	color: #777777;
}
.h_main_lead a:active,
.h_main_lead a:focus,
.h_main_lead a:hover {
	color: #dd0072;
}
.h_main_lead .date {
	position: absolute;
	bottom: 42px;
	right: 0px;
	font-size: 83%;
	color: #dd0072;
	padding-left: 13px;
	background: #ffffff url(../img/marker_2.gif) no-repeat left center;
}

.h_main .grp_2 {
	margin-left: 59px;
	padding: 50px 0;
	border-top: solid 1px #cccccc;
}
.h_main .grp_2 h2 {
	position: relative;
	width: 348px;
	font-weight: normal;
}
.h_main .grp_2 h2 a {
	display: block;
}
.h_main .grp_2 h2 .date {
	position: absolute;
	bottom: 0px;
	right: 0px;
	font-size: 83%;
	color: #dd0072;
	padding-left: 13px;
	background: #ffffff url(../img/marker_2.gif) no-repeat left center;
}

.h_main .grp_3 {
	margin-left: 59px;
	padding-top: 40px;
	border-top: solid 1px #cccccc;
}
.h_main .grp_3 h2.news a {
	display: block;
	margin-bottom: 20px;
	width: 32px;
	height: 17px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	background: url(../img/tit_news.png) no-repeat;
}

/* news */
.h_main .news_list li {
	position: relative;
	padding-bottom: 30px;
	width: 348px;
	color: #777777;
}
.h_main .news_list li a {
	display: block;
	color: #777777;
}
.h_main .news_list li a:active,
.h_main .news_list li a:focus,
.h_main .news_list li a:hover {
	color: #dd0072;
}
.h_main .news_list .date {
	position: absolute;
	bottom: 32px;
	right: 0px;
	font-size: 83%;
	color: #dd0072;
	padding-left: 13px;
	background: #ffffff url(../img/marker_2.gif) no-repeat left center;
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
JavaScript
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ツールチップ */
#easyTooltip {
	padding: 10px;
	font-size: 95%;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#easyTooltip2 {
	width: 21em;
	padding: 10px;
	font-size: 95%;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/* 透過png */
* html .iepng,
* html .h_side .aboutus a,
* html .h_side .blog a,
* html .h_main h2.critic a,
* html .h_main h2.events a,
* html .h_main h2.creation a,
* html .h_main h2.archives a,
* html .h_main h2.feature a,
* html .h_main h2.punctum a,
* html .h_main h2.news a {
	behavior: expression(IEPNGFIX.fix(this));
}