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


nav#outside {
    position: absolute;
    left: 4%;
    z-index: 9999;
}
nav#outside ul {
    margin: 0;
    display: flex;
}
nav#outside li a {
    width: 80px;
    border-radius: 0 0 10px 10px;

    font-size: .9em;
    display: block;
    height: 30px;
    color: #fff;
    text-shadow: 1px 1px 0 #333;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    padding: 5px;
}

nav#outside li a:link,
nav#outside li a:visited {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.8em;
}

nav#outside #deli {
    background: #FF0066;
    background: linear-gradient(to bottom, #FF0066 30%, #9E003F 100%);
}
nav#outside #hote {
    background: #20B2AA;
    background: linear-gradient(to bottom, #20B2AA 30%, #115E59 100%);
}
nav#outside #caba {
    background: #3231B3;
    background: linear-gradient(to bottom, #3231B3 30%, #16164F 100%);
}
nav#outside #recr {
    background: #D6C700;
    background: linear-gradient(to bottom, #D6C700 30%, #756B00 100%);
}
nav#outside #ebook {
    background: #893700;
    background: linear-gradient(to bottom, #893700 30%, #421A00 100%);
}






#tab_button {
	width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 9999;
}

#tab_button div.deli {
	position: absolute;
	width: 110px;
	left: -50px;
}
#tab_button div.caba {
	position: absolute;
	width: 110px;
	left: 60px;
}

#tab_button>div>div {
	position: fixed;
	height: 40px;
	width: 110px;
	top: -1px;
	right: auto;
	overflow: hidden;	/* 追加 */
	z-index: 100;
}
#tab_button>div>div img {
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
}

#tab_button>div>div img:hover {
	left: auto;
	right: 0;
}



/******************************************************************************* common */

a {
	color: #184FFF;
	text-decoration: underline;
}
/*----------------------------------------------------------------------------------------- 説明文用 */

.indText{
	display:inline-block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration:none;
}
#top_bar{
	min-width:1000px;
	max-width:1002px;
	background-color:#000;
	height: 20px;
	padding:9px 0px 4px 0px;
	text-align:right;
	color:#fff;
	font-size:14px;
	margin:0 auto;
}
/*----------------------------------------------------------------------------------------- clear情報はすべてここ */

div#header>#menu:after,
div#header>#menu ul:after,
#top_search_form>ul:after,
.job_container>div:after,
.job_container div dl:after,
.job_container div div.left dd:after,
.more a:after,
#voice_container>ul li:after,
#blog_container>ul li:after,
#blog_container>ul li>div:after,
#blog_container>ul li>div>dl dd:after,
#pickup_side>div:after,
#pickup_side>div>div:after,
#detail_container>div #contact:after,
#detail_container>div dl:after,
#detail_access:after,
#detail_access #qr:after,
#article:after,
#container:after,
#content:after,
#footernav:after,
#footer>div>div>div:after,
#footer>div>div:after,
#footer>div>div>ul:after,
.spec .banner:after,
#search_form:after,
#search_form>form>#type:after,
div.pageinfo:after,
div.result:after,
#grade_two:after,
#grade_three:after,
#detail:after{
	content:" ";
	display:block;
	clear:both;
}
/*----------------------------------------------------------------------------------------- MenuBar Hack */

html, body {
	margin: 0;
	padding: 0;
	background: url(img/bg.png);
	font-family: sans-serif;
	/*height: 100%;*/
	color: #333;
}
/*----------------------------------------------------------------------------------------- Form Fix */

input, select {
	vertical-align: middle;
}
/*----------------------------------------------------------------------------------------- General Class */

.bold {
	font-weight: bold;
}
.clear {
	clear: both;
}
.fixed {
	position: fixed;
	top: 0;
	z-index: 9999;
}
.bottom10px {
	margin-bottom: 10px;
}
/*----------------------------------------------------------------------------------------- Container */

#wrapper {
	width:100%;
	min-width: 1000px;
	margin: 0 auto;
	background: url(img/contens_bg-tans.png) repeat-y center;
	position: relative;
}
#container {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 2em;
}
/*----------------------------------------------------------------------------------------- Header */

#top_content{
	width:100%;
	min-width:1000px;
	background: url(img/contens_bg-tans.png) repeat-y center;
	position:relative;
}
#header {
	width:100%;
	background: url(img/menu_bg.png) repeat-x bottom;
	height: 91px;
}
#header #menu {
	width: 960px;
	margin:0 auto;
	display: block;
}
#header>#menu>h1 {
	height: 91px;
	width: 200px;
	overflow:hidden;
	float: left;
}
/* IE8 */
#header #menu h2 {
 font-size: .55em\9;
}
/* IE10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#header #menu h2 {
	font-size: .6em;
}
}
/*----------------------------------------------------------------------------------------- Menu Button */

div#header>#menu ul{
	width:600px;
	float:right;
}
div#header>#menu ul>li{
	float:left;
}
div#header>#menu ul>li a{
	width: 120px;
	height: 50px;
	margin-top: 20px;
	display: block;
	background-image:url(img/menu-trans.png);
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
div#header>#menu ul>li.menu_01 a{
	background-position:120px 0px;
}
div#header>#menu ul>li.menu_01 a:hover{
	background-position:0px 0px;
}
div#header>#menu ul>li.menu_02 a{
	background-position:120px 200px;
}
div#header>#menu ul>li.menu_02 a:hover{
	background-position:0px 200px;
}
div#header>#menu ul>li.menu_03 a{
	background-position:120px 150px;
}
div#header>#menu ul>li.menu_03 a:hover{
	background-position:0px 150px;
}
div#header>#menu ul>li.menu_04 a{
	background-position:120px 100px;
}
div#header>#menu ul>li.menu_04 a:hover{
	background-position:0px 100px;
}
div#header>#menu ul>li.menu_05 a{
	background-position:120px 50px;
}
div#header>#menu ul>li.menu_05 a:hover{
	background-position:0px 50px;
}
/*----------------------------------------------------------------------------------------- Article */

#article {
	width: 960px;
	padding-top:3px;
}
#article>#left{
	width:680px;
	float:left;
}
#article>#left>div{
	width:100%;
	margin-top:5px;
	position: relative;
}
#article>#left>div>h2{
	width:300px;
	height: 40px;
	margin-top: 12px;
	margin-left: 15px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#article>#right{
	width:270px;
	float:right;
}
/* ------------------------------------------------------------------------------------ Result No Match*/
#rnm {
	background: url(img/base_960x60-trans.png);
	height: 48px;
	width: 950px;
	margin: 10px 0 0 0;
	padding-top: 12px;
	padding-left: 10px;
	text-align: center;
	font-weight: bold;
	color: #c00;
}

/* ----------------------------------------------------------------------------------------- Page Info*/

.pageinfo {
	height: 40px;
	width: 670px;
	padding: 5px;
}
.pageinfo .info {
	float: left;
}
.pageinfo .pager {
	float: right;
	margin-top: 1em;
	font-size: .8em;
}

.pageinfo .pager a,
.pageinfo .pager a:hover,
.pageinfo .pager b {
	border: 1px solid #ccc;
	display: inline-block;
	padding: 5px;
	margin: 3px;
}
.pageinfo .pager a {
	text-decoration: none;
}
.pageinfo .pager a:hover {
	text-decoration: underline;
}
.pageinfo .pager b {
	background-color: #ccc;
}

.pageinfo .pager img {
	vertical-align: text-top;
}
.pageinfo .info .total_result {
	color: #184FFF;
	font-size: 2em;
	font-weight: bold;
}
/**************************************************************************** leanModal */

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
.modal_close{
	width:36px;
	height:36px;
	top:-33px;
	right:-33px;
	cursor:pointer;
	position:absolute;
	overflow:hidden;
	z-index:8000;
}
/**************************************************************************** menual side */

#manual>li>div,
#dictionary>li>div{
	display:none;
}
#manual>li>div,
#dictionary>li>div{
	width:450px;
	font-size:12px;
	line-height:1.3em;
	color:#333;
	background-color:white;
	border:15px solid white;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#manual>li>div h4,
#dictionary>li>div h4{
	background-repeat:no-repeat;
	width:280px;
	height: 40px;
	margin:0px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#manual>li>div #guide,
#dictionary>li>div #guide{
	margin-bottom:10px;
}
#manual>li>div #content .culumn,
#dictionary>li>div #content .culumn{
	border:1px solid #999;
	margin-bottom:5px;
}
#manual>li>div #content .culumn .label,
#dictionary>li>div #content .culumn .label{
	width:60px;
	height:15px;
	padding:2px;
	background-color:#F69;
	color:#FFF;
}
#manual>li>div .culumn .label_long {
	width:150px;
	height:15px;
	padding:2px;
	background-color:#F69;
	color:#FFF;
}
#manual>li>div #content .culumn .text,
#dictionary>li>div #content .culumn .text{
	padding:2px;
	line-height:1.4em;
}

#dictionary>li>div #content .culumn .label {
	background-color:#39F;
}

#manual01 h4 {background: url(img/h4_manual_01-trans.png);}
#manual02 h4 {background: url(img/h4_manual_02-trans.png);}
#manual03 h4 {background: url(img/h4_manual_03-trans.png);}
#manual04 h4 {background: url(img/h4_manual_04-trans.png);}
#manual05 h4 {background: url(img/h4_manual_05-trans.png);}
#manual06 h4 {background: url(img/h4_manual_06-trans.png);}
#dictionary01 h4{background: url(img/h4_dictionary_01-trans.png);}
#dictionary02 h4{background: url(img/h4_dictionary_02-trans.png);}
#dictionary03 h4{background: url(img/h4_dictionary_03-trans.png);}
#dictionary04 h4{background: url(img/h4_dictionary_04-trans.png);}


#dictionary02 #content,
#dictionary03 #content{
	border:1px solid #999;
}
#dictionary #content .blue {
	padding:2px;
	background-color:#B8CFF3;
	color:#006;
}
#dictionary #content .white {
	padding:2px;
	background-color:#fff;
}


#dictionary>li>div#dictionary04 #content .culumn .label {
	width:160px;
}
/************************************************************************** pickup side */

#pickup_side{
	width:270px;
}
#pickup_side>img{
	width:100%;
	height:16px;
}
#pickup_side>img:first-child{
	vertical-align:bottom;
}
#pickup_side>div {
	width: 250px;
	background: url(img/base_270x25-trans.png) repeat-y;
	height: auto;
	padding:0px 10px;
	line-height: 1.5em;
}
#pickup_side>div>h2 {
	width: 240px;
	height: 40px;
	background: url(img/h4_pickup_side-trans.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#pickup_side>div>div{
	width:250px;
	padding-bottom:2px;
}
#pickup_side>div>div>img{
	width:70px;
	height:70px;
	margin:5px 5px 5px 3px;
	float:left;
}
#pickup_side>div>div>div {
	width:170px;
	height:80px;
	border:1px solid #CCC;
	float:left;
}
/*********************************************************************** mobile-qr side */

#mobile-qr_side {
	width: 270px;
	height: 245px;
	display:block;
}
/************************************************************************** manual side */

#manual_side {
	width: 250px;
	background: url(img/base_270x300-trans.png) no-repeat;
	height: 280px;
	padding: 10px;
	line-height: 1.5em;
}
#manual_side>h3 {
	background: url(img/h4_manual-trans.png) no-repeat;
	height: 40px;
	margin-top: 2px;
	margin-left: 2px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#manual_side>h4 {
	background: url(img/h4_dictionary-trans.png) no-repeat;
	height: 40px;
	margin-top: 2px;
	margin-left: 2px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#manual_side ul li {
	margin-left: 15px;
	font-size:11px;
	line-height: 1.7em;
}
/**************************************************************************** side book */

#side_book{
	width:260px;
	margin:0 auto;
}
#side_book>a{
	display:block;
	position:relative;
}
#side_book>a span{
	margin-top:7px;
	font-size:0.875em;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
#side_book>a img{
	width:100%;
	margin:5px 0;
	position:relative;
	z-index:10;
}
/*************************************************************************** What's New */

#info_side {
	width: 250px;
	height: 280px;
	background: url(img/base_270x300-trans.png);
	padding: 10px;
	line-height: 1.5em;
}
#info_side>h2 {
	width: 240px;
	height: 40px;
	background: url(img/h4_info_side-trans.png);
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#info_side>ul {
	font-size: 0.7em;
	text-align: left;
	height: 240px;
	width: 240px;
	overflow: auto;
	margin-left: 10px;
	line-height: 1.5em;
}
#info_side>ul>li {
	line-height: 1.5em;
	padding-left: 1em;
	margin-bottom: .5em;
}
#info_side>ul>li>span{
	margin-right:3px;
}



#info_side>ul .date {
	border-bottom: 1px dotted #666;
	width: 90%;
	font-size: 1.6em;
	display: block;
	margin-top: .5em;
}
#info_side>ul>li .day {
	color:#F06;
	font-size:13px;
}
#info_side>ul>li .place {
	width:38px;
	height:20px;
	padding:1px 1px 1px 2px;
	background-color:#6C3;
	color:#FFF;
}
#info_side>ul>li .new {
	width:36px;
	height:20px;
	padding:1px 1px 1px 4px;
	background-color:#F03;
	color:#FFF;
}
#info_side>ul>li .up {
	width:36px;
	height:20px;
	padding:1px 1px 1px 4px;
	background-color:#F93;
	color:#FFF;
}
/******************************************************************************** index */

/********************************************************************** top search form */

#article>#left #top_search_form {
	height: 490px;
	margin:0;
	line-height: 1.4em;
	font-size: 0.95em;
	z-index: 10;
	background: url(img/base_680x490-trans.png) no-repeat;
}
#top_search_form>h2 {
	height: 40px;
	width: 460px;
	padding-top: 13px;
	background: url(img/h4_top_search-trans.png) no-repeat left bottom;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-left: 15px;
}
#top_search_form>h2+ul h3{
	margin-top:5px;
}
#top_search_form>ul h3 {
	width:150px;
	height:20px;
	color:#F03;
	font-weight:bold;
	font-size:17px;
	margin-bottom:3px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-repeat:no-repeat;
}
#top_search_form #type {
	background: url(img/h4_search_lable_type.png);
}
#top_search_form #category {
	background: url(img/h4_search_lable_category.png);
}
#top_search_form #area {
	background: url(img/h4_search_lable_area.png);
}
#top_search_form #condition {
	background: url(img/h4_search_lable_condition.png);
}
#top_search_form #concept {
	background: url(img/h4_search_lable_concept.png);
}
#top_search_form #age {
	background: url(img/h4_search_lable_age.png);
}

#top_search_form>ul li.search_area_sub {
	float:left;
	margin-top: -5px;
	margin-left: 10px;
	width:145px;
}
#top_search_form>ul li.search_area_subcon { /*条件*/
	float:left;
	margin-top: -5px;
	margin-left: 15px;
	margin-right:0px;
	width:160px;
	height:340px;
	overflow:hidden;
}
#top_search_form>ul li.search_area_subun { /*コンセプト*/
	float:left;
	margin-top:5px;
	margin-left: 20px;
	overflow:hidden;
}
#top_search_form>ul li.search_area_subage { /*年齢*/
	float:left;
	margin-top:5px;
	margin-left: 20px;
	overflow:hidden;
}
#top_search_form .check-group>div{
	cursor:pointer;
	padding:1px 3px;
	font-size:12.16px;
	width:125px;
	margin:1px 0;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
}
#top_search_form .check-group>div.gray {
	background: #EEE;
}
#top_search_form_submit {
	width: 110px;
	height: 85px;
	float:left;
	margin:5px 0px 0px 13px;
}
#top_search_form_submit div#search {
	background: url(img/search_button-trans.png) 0px 85px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	height: 85px;
	width: 110px;
	display: block;
	border: none;
}
#top_search_form_submit div#search:hover {
	background: url(img/search_button-trans.png) 0px 0px;
	cursor: pointer;
}
div.boxwidth {
	width: 130px;
}
div.boxwidth_unleft {
	width: 300px;
}
div.boxwidth_unright {
	width: 185px;
}
#top_search_form .boxwidth_unleft>div,
#top_search_form .boxwidth_unright>div{
	width:86px;
	float:left;
}
#top_search_form .check-group>div.checked {
    color: #FFF;
    background: #F06;
}
/* hover */
#top_search_form .check-group>div:hover{
	color: #FFF;
	background: #09F;
}
div.search_box {
	border: 1px solid #CCC;
	float: left;
	padding: 5px;
	margin-left:0px;
	overflow-x:hidden;
	overflow-y:hidden;
	height:300px;
    background: #FFFFFF;
	position: relative;
}
div.search_box_con {
	border: 1px solid #CCC;
	float: left;
	padding: 5px;
	width:288px;
	height:50px;
    background: #FFFFFF;
}
div.search_box_condition {
	border: 1px solid #CCC;
	float: left;
	padding: 5px;
	margin-left:0px;
	overflow-x:hidden;
	overflow-y:scroll;
	width:148px;
	height:300px;
    background: #FFFFFF;
}
div.search_box_age {
	border: 1px solid #CCC;
	float: left;
	padding: 5px;
	width:185px;
	height:50px;
    background: #FFFFFF;
}
div.search_box_age .left {
	float:left;
}
*:first-child+html div.search_box_condition {
/*	border: 1px solid #CCC;
	float: left;
	padding: 5px;
	margin-left:0px;
	overflow-x:hidden;
	overflow-y:scroll;
	width:148px;
	height:300px;
    background: #FFFFFF;*/
	position: relative;
}
/************************************************************************ job container */

.job_container>img:first-child{
	vertical-align:bottom;
}
.job_container>div{
	width:100%;
	background:url(img/base_680x25_main-trans.png) repeat-y;
}
.job_container>div>h2:not(.result) {
	background: url(img/h4_pickup_container-trans.png) no-repeat left bottom;
	height: 40px;
	margin-left: 15px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.job_container>div h2.result {
	background: url(img/headline2_pink-trans.png) no-repeat left top;
	width:640px;
	/*height: 45px;*/
	line-height: 1.0;
	vertical-align:middle;
	padding:0 0 5px 15px;
	margin:0 0 7px 15px;
	font-size: 1.6em;
	font-weight:bold;
	color:#DB1C51;
	font-family:メイリオ;
	text-indent:inherit;
	position:relative;
}
.job_container>div>div{
	margin-left: 15px;
}
.job_container .banner {
	border:1px solid #666;
	width:650px;
	height:250px;
}
.job_container .company {
	color:#C03;
	font-weight:bold;
	padding:5px 0 0 20px;
}
.job_container .left {
	width:250px;
	float:left;
	font-size:13px;
}
.job_container .left dt {
	padding:1px 0px 2px 0px;
}
.job_container .left dd{
	margin-left:57px;
}
.job_container .right {
	width:400px;
	float:left;
	font-size:13px;
	margin:0;
}
.job_container dl dt{
	background-color:#ff4b4b;
	width:53px;
	height:15px;
	color:#fff;
	padding:1px 2px 1px 3px;
	margin:2px 4px 2px 0px;
	text-align:justify;
	text-justify:kashida;
	float:left;
}
.job_container dd{
	padding: 2px 0px;
	line-height:17px;
}
.job_container .right dd{
	height:80px;
	width:335px;
	float:right;
	margin-bottom:5px;
	overflow:auto;
	/*text-overflow: ellipsis;*/
}

.job_container .campaign h2{
	background: url(img/h4_pickup_campaign.png) no-repeat left bottom !important;
}
.job_container .campaign img{
	border: 1px solid #666;
	width: 650px;
}
.job_container .campaign p{
	margin-left: 15px;
	width: 650px;
}
.job_container .campaign span{
	color: #c03;
	font-weight: bold;
	margin: 10px 0;
}
.more a{
	float:right;
	font-size:15px;
	color:#fff;
	background-color:#09F;
	width:335px;
	height:15px;
	padding:3px 0px;
	text-align:center;

	/* InternetExplorer */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#4ECCF5', GradientType=0)"; /*IE10*/
	background: linear-gradient(to bottom, #FFFfff, #4ECCF5); /*IE8*/
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#4ECCF5'); /* IE6 & IE7 */

    background: -moz-linear-gradient(top,#FFF 0%,#4ECCF5);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#4ECCF5));
    border: 2px solid #09F;
    color: #06F;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
    -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
    text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}
.more a:hover{
	/* InternetExplorer */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ECCF5', endColorstr='#0F76E8', GradientType=0)"; /*IE10*/
	background: linear-gradient(to bottom, #4ECCF5, #0F76E8); /*IE8*/
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4ECCF5', endColorstr='#0F76E8'); /* IE6 & IE7 */

    background: -moz-linear-gradient(top,#4ECCF5 0%,#0F76E8);
    background: -webkit-gradient(linear, left top, left bottom, from(#4ECCF5), to(#0F76E8));
    color: #fff;
}
/********************************************************************** voice container */
#voice_container {
	background: url(img/base_680x450-trans.png);
	height: 450px;
}
#voice_container>h2 {
	background: url(img/h4_voice_side-trans.png) no-repeat;
	float:left;
}
#voice_container>div{
	font-size:13px;
	width:220px;
	height: 20px;
	margin-top:20px;
	margin-right:16px;
	padding:2px 2px 0px 2px;
	float:right;
	background-color:#fff;
	border:1px solid #999;
	white-space:nowrap;
}
#voice_container>ul{
	width:655px;
	height:380px;
	font-size:0.7em;
	overflow:auto;
	margin-left:10px;
	line-height:1.5em;
	clear:both;
}
#voice_container>ul li{
	margin-top:3px;
	margin-bottom:0.768em;
	border-bottom:1px inset #999;
}
#voice_container>ul li>img{
	border:1px solid #999;
	margin:0 2px 0.5em 12px;
	float:left;
}
#voice_container>ul li>dl{
	width:500px;
	height:60px;
	margin:0 2px 5px 5px;
	font-size:12px;
	float:left;
}
#voice_container>ul li>dl .shop,
#voice_container>ul li>dl .type{
	width:30px;
	height:15px;
	background-color:#fff;
	border:1px solid #999;
	padding:2px 2px 2px 5px;
	margin:0 2px 2px 0;
	float:left;
}
#voice_container>ul li>dl .type{
	margin-left:5px;
}
#voice_container>ul li>dl .shop+dd,
#voice_container>ul li>dl .type+dd{
	padding-top:2px;
	float:left;
}
#voice_container>ul li>dl .title{
	width:479px;
	height:19px;
	color:#f06;
	overflow:hidden;
	clear:both;
}
#voice_container>ul li>dl .title>span{
	width:49px;
	height:15px;
	color:#fff;
	background-color:#f06;
	padding:2px 2px 2px 5px;
	margin-right:2px;
	display:inline-block;
}
#voice_container>ul li>dl .title+dd{
	height:15px;
	line-height:1.5em;
	padding:3px 2px;
	overflow:hidden;
}
#voice_container>ul li>div{
	width:55px;
	height:40px;
	font-size:10px;
	line-height:1.5em;
	margin-top:17px;
	text-align:center;
	padding:4px 1px 0 2px;
	background-color:white;
	border:1px solid #ccc;
	float:left;
}
/*********************************************************************** blog container */

#blog_container {
	background: url(img/base_680x480-trans.png);
	height: 480px;
}
#blog_container>h2 {
	background: url(img/h4_blog_side-trans.png) no-repeat;
	float:left;
}
#blog_container>div {
	display: block;
	font-size: 13px;
	width: 200px;
	height: 20px;
	margin-top: 20px;
	margin-right: 16px;
	padding: 5px 2px 0px 3px;
	float: right;
	background-color: #fff;
	border: 1px solid #999;
}
#blog_container>ul{
	width: 655px;
	height: 410px;
	line-height: 1.5em;
	margin-left: 10px;
	font-size: 0.7em;
	overflow: auto;
	clear:both;
}
#blog_container>ul>li{
	padding-left:1em;
	padding-bottom:6.6px;
	margin-bottom:6.6px;
	border-bottom:1px inset #999;
}
#blog_container>ul li>img{
	width:170px;
	height:80px;
	margin-top:5px;
	float:left;
}
#blog_container>ul li>div{
	float:left;
}
#blog_container>ul li>div>img{
	width:50px;
	height:50px;
	margin-top:18px;
	padding:11px 0;
	padding-left:11px;
	padding-right:8px;
	background:url(img/icon-trans.png) no-repeat;
	float:left;
}
#blog_container>ul li>div>dl{
	width:350px;
	height:90px;
	background:url(img/blog_bg-trans.png) no-repeat;
	padding-left:22px;
	float:left;
}
#blog_container>ul li>div>dl dt{
	width:340px;
	height:19px;
	margin-top:8px;
	color:#f06;
	font-size:12px;
	overflow:hidden;
}
#blog_container>ul li>div>dl dt>span{
	width:38px;
	height:15px;
	color:#fff;
	background-color:#f06;
	padding:2px 2px 2px 5px;
	margin-right:2px;
	font-size:11.2px;
}
#blog_container>ul li>div>dl dd{
	width:340px;
	height:52px;
	margin-top:1px;
	font-size:12px;
	line-height:1.5em;
	overflow:hidden;
}
#blog_container>ul li>div>dl dd>a{
	width:280px;
	display:block;
	float:left;
}
#blog_container>ul li>div>dl dd>div{
	width:50px;
	height:35px;
	margin-top:10px;
	padding:5px 2px 0 0;
	text-align:center;
	font-size:9px;
	background-color:white;
	border:1px solid #ccc;
	float:right;
}
/******************************************************************************* footer */

#footer {
	width:100%;
	min-width:1000px;
	background:url(/deli/akita/img/footer_bg-trans.png) repeat-y center;
	position:relative;
}
#footer>div{
	font-size: .7em;
	width: 960px;
	margin:0 auto;
	padding: 10px 20px 2em;
	border-top: 1px solid #AAA;
}
#footer>div>div>span{
	display:block;
	float:left;
}
#footer>div>div>span+span{
	margin-left:10px;
}
#footer>div>div a{
	margin-top:5px;
	display:block;
	border-left:1px solid #aaa;
	padding:0 0.7em;
	float:left;
}
#footer>div>div>ul{
	float:right;
	margin-bottom:10px;
}
#footer>div>div>div{
	width:100%;
	margin-bottom:5px;
	font-size:13px;
}
#footer>div>div>ul>li{
	float:left;
}
#footer>div>div>ul>li+li{
	margin-left:10px;
}
#footer>div>div>ul a{
	width:32px;
	height:32px;
	border:0;
	padding:0;
	margin-left:5px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#footer>div>div>div p{
	width:17%;
	float:left;
	color:#FF2628;
	font-weight:bold;
	border-bottom:1px dotted #aaa;
	line-height:25px;
}
#footer>div>div>ul .tw a{
	background-color:#55acee;
}
#footer>div>div>ul .fc a{
	background-color:#425f9c;
}
#footer>div>div>ul .go a{
	background-color:#db4437;
}
#footer>div>div>ul .hb a{
	background-color:#008fde;
}
#footernav>li {
	display: block;
	float: left;
	padding-right: 1em;
	padding-left: 1em;
	border-left: 1px solid #AAA;
}
#footernav>li:first-child {
	border:0px;
	padding-left: 0px;
}
/*********************************************************************** kuchikomi list */

.kuchikomi_list {
	background: url(img/base_680x100-trans.png) no-repeat;
	width: 680px;
	height: 100px;
	margin-bottom: 5px;
	font-size:12px;
}
#article>#left>div.kuchikomi_list:first-child{
	margin-top:0;
}
.kuchikomi_list>img {
	float: left;
	width:40px;
	height:60px;
	border:3px solid #F69;
	margin:18px 2px 5px 15px;
}
.kuchikomi_list>img+div{
	margin-left:5px;
}
.kuchikomi_list>div{
	width: 420px;
	display:block;
	float: left;
}
.kuchikomi_list div>dl{
	margin-top:5px;
	float:left;
}
.kuchikomi_list>div>div{
	margin-top:4px;
	height:42px;
}
.kuchikomi_list dt.shop {
	width: 30px;
	height:15px;
	background-color:#fff;
	border:1px solid #999;
	padding:2px 2px 2px 5px;
	margin:0px 2px 2px 0px;
	float:left;
}
.kuchikomi_list dt.type {
	width: 30px;
	height:15px;
	background-color:#fff;
	border:1px solid #999;
	padding:2px 2px 2px 5px;
	margin:0px 2px 2px 5px;
	float:left;
}
.kuchikomi_list dt.title{
	width: 49px;
	height: 15px;
	color: white;
	background-color: #f06;
	padding: 2px 2px 2px 5px;
	margin-right: 2px;
	/* [disabled]clear: both; */
	float: left;
}
.kuchikomi_list dt.title+dd{
	width:223px;
	height:15px;
	color:#f06;
	overflow:hidden;
	float:left;
	padding-top: 2px;
}
.kuchikomi_list dt.shop+dd {
	float: left;
	padding-top: 2px;
	white-space: pre;
	width: 240px;
	height: 22px;
}
.kuchikomi_list dt.type+dd {
	float: left;
	padding-top: 2px;
	white-space: pre;
	height: 22px;
}
.kuchikomi_list div>p{
	width:105px;
	height:15px;
	margin-top:27px;
	padding:1px 2px 2px 3px;
	background-color:#eaeaea;
	border:1px solid #999;
	float:left;
}
.kuchikomi_list .date {
	display: block;
	float: left;
	width:422px;
	height:80px;
	margin:0 2px 0 5px;
	font-size:14px;
}
.kuchikomi_list .post {
	width:418px;
	line-height: 1.5em;
	padding: 0px 2px;
	height:40px;
	overflow:hidden;
}





.kuchikomi_list .banner {
	width:170px;
	height:80px;
	margin-top:9px;
	border:1px solid #999;
	display:block;
	float: left;
}
/*********************************************************************** link about */

#link_about {
	color: #666;
	font-size:14px;
	margin-top:10px;
}
#link_about strong {
	font-weight: bold;
}
#link_about .astarisk {
	font-size: .8em;
	font-weight: bold;
	color: #C60;
}
#link_about .subTitle{
	font-size:15px;
	font-weight:bold;
	color:#F06;
}
/*********************************************************************** detail container */

#article>#left>div#detail_container {
	height: auto;
	width: 680px;
	margin-top: 0px;
	position: relative;
}
#detail_container>img:first-child {
	vertical-align:bottom;
}
#detail_container>div{
	width:100%;
	background: url(img/base_680x25_main-trans.png) repeat-y;
}
#detail_container>div h2 {
	background: url(img/headline_pink-trans.png) no-repeat;
	width:650px;
	/*height: 40px;*/
	line-height: 1.0;
	margin:0 0 7px 13px;
	padding:0 0 0 15px;
	font-family:メイリオ;
	color:#D06;
	font-size: 1.6em;
	font-weight:bold;
}
#detail_container>div #contact {
	width:650px;
	margin:0 0 3px 13px;
}
#detail_container>div #contact>div{
	height:45px;
	line-height:45px;
	font-size:24px;
	margin-right:5px;
	float:left;
}
#detail_container>div #contact>div>img{
	height: 45px;
	width: 45px;
	vertical-align:middle;
	margin-right:4px;
}
#detail_container>div #label{
	font-size:12px;
	background-color:#FFC;
	border:1px solid #F99;
	width:645px;
	margin:0px 0px 5px 13px;
	padding:2px 1px 2px 4px;
	letter-spacing:0.2em;
	text-align:center;
}
#detail_container>div #banner{
	border:1px solid #aaa;
	width:650px;
	height:250px;
	margin:0px 0px 5px 13px;
}
#detail_container>div #pr{
	background-color:#F36;
	color:#fff;
	font-size:14px;
	letter-spacing:0.1em;
	width:54px;
	padding:2px 1px 1px 2px;
	margin:0px 0px 5px 13px;
}
#detail_container>div #comment{
	font-size:15px;
	font-weight:bold;
	letter-spacing:0.1em;
	margin:0px 0px 5px 13px;
}
#detail_container>div h3 {
	background: url(img/h4_detail-trans.png) no-repeat;
	height: 40px;
	width: 240px;
	margin:0px 0px 0px 13px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#detail_container>div dl{
	width:650px;
	font-size:14px;
	margin:0px 0px 0px 13px;
	background-color:#F36;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
#detail_container>div dl>dt{
	width:72px;
	padding:3px 1px 3px 5px;
	background-color:#F36;
	color:#fff;
	letter-spacing:0.2em;
	border-top:1px solid #fff;
	float:left;
}
#detail_container>div dl>dd{
	width:566px;
	letter-spacing:0.1em;
	margin-left:78px;
	padding:3px 1px 3px 5px;
	background-color:#FCC;
	border-top:1px solid #fff;
}
#detail_container>div .item_on {
	padding:2px 1px 2px 3px;
	background-color:#F06;
	color:#fff;
	font-weight:bold;
	display:inline-block;
	margin:0px 2px 2px 0px;
}
#detail_container>div .item_off {
	padding:2px 1px 2px 3px;
	background-color:#DDD;
	color:#fff;
	font-weight:bold;
	display:inline-block;
	margin:0px 2px 2px 0px;
}
/*********************************************************************** detail access */

#article>#left>div#detail_access{
	margin-top:0;
}
#detail_access #site{
	background: url(img/base_200x200-trans.png);
	height: 200px;
	width: 200px;
	float:left;
}
#detail_access #site>h3 {
	background: url(img/h4_detail_sitethum-trans.png) no-repeat;
	width: 200px;
	height:40px;
	margin: 15px -8px 0px 13px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#detail_access #site img {
	width:160px;
	height:120px;
	margin:0px 19px;
	border:1px solid #CCC;
	background-color:#999;
}
#detail_access #qr{
	background: url(img/base_480x200-trans.png);
	height: 200px;
	width: 480px;
	float:left;
}
#detail_access #qr>h3 {
	background: url(img/h4_detail_qrcode-trans.png) no-repeat;
	width: 200px;
	height: 40px;
	margin: 15px -8px 0px 13px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#detail_access #qr>#code{
	width:120px;
	height:120px;
	background-color:#999;
	margin:0px 0px 0px 28px;
	float:left;
}
#detail_access #qr>#code>img{
	width:120px;
}
#detail_access #qr>#area{
	width:280px;
	height:70px;
	margin:0px 0px 0px 20px;
	float:left;
}
#detail_access #qr #area form{
	font-size:12px;
	margin:15px 0px 0px 8px;
}
/*********************************************************************** detail blog */

#detail_blog {
	background: url(img/base_680x480-trans.png);
	height: 480px;
}
#article>#left>div#detail_blog>h2 {
	background: url(img/h4_detail_blog-trans.png) no-repeat;
	display:inline-block;
}
#detail_blog .list {
	display: block;
	font-size: 15px;
	width: 200px;
	height: 20px;
	margin-top: 20px;
	margin-right: 16px;
	padding: 2px 2px 0px 3px;
	float: right;
	background-color: #fff;
	border: 1px solid #999;
}
#detail_blog .inner {
	text-align: left;
	float: left;
	height: 410px;
	width: 655px;
	overflow: auto;
	margin-left: 10px;
	line-height: 1.5em;
}
#detail_blog .inner .blog_container {
	display: block;
	line-height: 1.5em;
	padding-left: 1em;
	width: 615px;
	height:auto;
}
#detail_blog .inner .blog_container .top{
	display:block;
	width: 605px;
	height:15px;
	padding:3px 0px 12px 0px;
	margin-bottom:5px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
#detail_blog .inner .blog_container .title {
	display: block;
	width: 400px;
	height:15px;
	color:#F06;
	padding:2px 2px 10px 0px;
	margin:0px 2px 0px 0px;
	float:left;
}
#detail_blog .inner .blog_container .day {
	display: block;
	width:100px;
	height:20px;
	font-size:12px;
	padding:0px 2px 2px 3px;
	text-align:center;
	background-color:#fff;
	border:1px solid #CCC;
	float: right;
}
#detail_blog .inner .blog_container .post_txt {
	display: block;
	width:410px;
	height:auto;
	font-size:12px;
	line-height: 1.5em;
	float: left;
}
#detail_blog .inner .blog_container .post_img {
	display: block;
	width:180px;
	height:270px;
	font-size:12px;
	line-height: 1.5em;
	overflow:hidden;
	margin:0px 10px 0px 10px;
	float: right;
}
#detail_blog .inner .blog_container .post_img img{
	width:100%;
	height:auto;
}

/*********************************************************************** detail kuchikomi */

#detail_kuchikomi {
	background: url(img/base_680x480-trans.png);
	height: 480px;
	margin-top: 5px;
	position: relative;
}
#detail_kuchikomi>h2 {
	display:inline-block;
	background: url(img/h4_detail_voice-trans.png) no-repeat;
	height: 40px;
}
#detail_kuchikomi .list {
	display:block;
	font-size:15px;
	width:200px;
	height: 20px;
	margin-top:20px;
	margin-right:16px;
	padding:2px 2px 0px 3px;
	float:right;
	background-color:#fff;
	border:1px solid #999;
}
#detail_kuchikomi .inner {
	text-align: left;
	float: left;
	height: 410px;
	width: 655px;
	overflow: auto;
	margin-left: 10px;
	line-height: 1.5em;
}
#detail_kuchikomi .inner .kuchikomi_container {
	display: block;
	line-height: 1.5em;
	padding-left: 1em;
	width: 606px;
	height:auto;
	border-top:1px solid #BBB;
}
#detail_kuchikomi .inner .kuchikomi_container .left{
	display:block;
	width: 50px;
	height:100px;
	padding:0px;
	margin:0px;
	float:left;
}
#detail_kuchikomi .inner .kuchikomi_container .left .icon{
	display:block;
	width: 40px;
	height:60px;
	margin:3px 4px;
	border: 1px solid #999;
}
#detail_kuchikomi .inner .kuchikomi_container .left .number{
	display:block;
	font-size:12px;
	text-align:center;
}
#detail_kuchikomi .inner .kuchikomi_container .right{
	display:block;
	width: 550px;
	height:auto;
	padding:0px;
	margin:3px 3px;
	float:left;
}
#detail_kuchikomi .inner .kuchikomi_container .right .top{
	display:block;
	width: 550px;
	height:15px;
	padding:3px 0px 12px 0px;
	margin-bottom:5px;
	border-bottom: 1px solid #999;
}
#detail_kuchikomi .inner .kuchikomi_container .right .top .title {
	display: block;
	width: 300px;
	height:15px;
	color:#F06;
	padding:2px 2px 10px 0px;
	margin:0px 2px 0px 0px;
	float:left;
}
#detail_kuchikomi .inner .kuchikomi_container .right .top .day {
	display: block;
	width:100px;
	height:20px;
	font-size:12px;
	padding:0px 2px 2px 3px;
	text-align:center;
	background-color:#fff;
	border:1px solid #CCC;
	float: right;
}
#detail_kuchikomi .inner .kuchikomi_container .right .post_txt {
	display: block;
	width:550px;
	height:auto;
	font-size:12px;
	line-height: 1.5em;
	border-bottom: 1px solid #999;
}
#detail_kuchikomi .inner .kuchikomi_container .right .name{
	display: block;
	text-align:right;
	font-size:14px;
}
/*********************************************************************** detail kuchikomi */

#blog_list>li {
	width: 690px;
	height: 100px;
	margin-bottom: 5px;
	font-size:13px;
	margin-left:-10px;
	position:relative;
}
#blog_list>li>a>img{
	width:170px;
	height:80px;
	margin-top:5px;
	float:left;
}
#blog_list>li>div{
	float:left;
}
#blog_list>li>div>img{
	width:50px;
	height:50px;
	margin-top:18px;
	padding:11px 0;
	padding-left:11px;
	padding-right:8px;
	background:url(img/icon-trans.png) no-repeat;
	float:left;
}




#blog_list .banner {
	display: block;
	float: left;
	width:170px;
	height:80px;
	margin-top:9px;
	margin-left:20px;
	border:1px solid #999;
}
#blog_list .icon {
	display: block;
	float: left;
	width:50px;
	height:50px;
	background-image:url(img/icon_test.jpg);
	margin-top:9px;
	margin-left:20px;
	position:absolute;
	bottom:11px;
	left:191px;
	z-index:2;
}
#blog_list .day {
	display: block;
	width: 45px;
	height:30px;
	margin-top:15px;
	margin-left:3px;
	padding:25px 0px 18px 0px;
	text-align:center;
	background-color:#fff;
	border:1px solid #CCC;
	font-size:0.6em;
	float: right;
}
#blog_list .date {
	display: block;
	float: left;
	width:340px;
	height:80px;
	margin:16px 2px 5px 98px;
}
#blog_list .shop {
	display: block;
	width: 30px;
	height:15px;
	float:left;
	background-color:#fff;
	border:1px solid #999;
	padding:2px 0px 0px 5px;
	margin:2px 2px 2px 0px;
}
#blog_list .type {
	display: block;
	width: 30px;
	height:15px;
	float:left;
	background-color:#fff;
	border:1px solid #999;
	padding:2px 0px 0px 5px;
	margin:2px 2px 2px 5px;
}
#blog_list .title {
	display: block;
	width: 49px;
	height:15px;
	color:#FFF;
	background-color:#F06;
	padding:2px 2px 0px 5px;
	margin-right:2px;
	float:left;
}
#blog_list .title_post {
	display: block;
	float:left;
	width: 240px;
	height:15px;
	overflow:hidden;
	color:#F06;
	padding-top:2px;
}
#blog_list .date_post_shop {
	display: block;
	float:left;
	padding-top:5px;
}
#blog_list .date_post {
	display: block;
	float:left;
	padding-top:5px;
}
#blog_list .post {
	display: block;
	line-height: 1.5em;
	padding: 0px 2px;
	height:40px;
	overflow:hidden;
}

.blog_list {
	background: url(img/blog_bg2_440x90-trans.png);
	background-position:80% 100%;
	background-repeat:no-repeat;
	height: 100px;
	width: 690px;
	margin-bottom: 5px;
	font-size:13px;
	margin-left:-10px;
	position:relative;
}

.blog_list .banner {
	display: block;
	float: left;
	width:170px;
	height:80px;
	margin-top:9px;
	margin-left:20px;
	border:1px solid #999;
}

.blog_list .icon {
	display: block;
	float: left;
	width:50px;
	height:50px;
	margin-top:9px;
	margin-left:20px;
	position:absolute;
	bottom:11px;
	left:191px;
	z-index:2;
}

.blog_list .day {
	display: block;
	width: 45px;
	height:30px;
	margin-top:15px;
	margin-left:3px;
	padding:25px 0px 18px 0px;
	text-align:center;
	background-color:#fff;
	border:1px solid #CCC;
	font-size:0.6em;
	float: right;
}
.blog_list .date {
	display: block;
	float: left;
	width:340px;
	height:80px;
	margin:16px 2px 5px 98px;
}
.blog_list .shop {
	display: block;
	width: 30px;
	height:15px;
	float:left;
	background-color:#fff;
	border:1px solid #999;
	padding:2px 0px 0px 5px;
	margin:2px 2px 2px 0px;
}
.blog_list .type {
	display: block;
	width: 30px;
	height:15px;
	float:left;
	background-color:#fff;
	border:1px solid #999;
	padding:2px 0px 0px 5px;
	margin:2px 2px 2px 5px;
}
.blog_list .title {
	display: block;
	width: 49px;
	height:15px;
	color:#FFF;
	background-color:#F06;
	padding:2px 2px 0px 5px;
	margin-right:2px;
	font-size: .8em;
	float:left;
}
.blog_list .title_post {
	display: block;
	float:left;
	width: 240px;
	height:15px;
	overflow:hidden;
	color:#F06;
	padding-top:2px;
}
.blog_list .date_post_shop {
	display: block;
	float:left;
	padding-top:5px;
}
.blog_list .date_post {
	display: block;
	float:left;
	padding-top:5px;
}
.blog_list .post {
	display: block;
	line-height: 1.5em;
	padding: 0px 2px;
	height:40px;
	overflow:hidden;
}
/*********************************************************************** BLOG/KUCHIKOMI INNER */
div#detail_blog div.bk_inner,
div#detail_kuchikomi div.bk_inner {
	width: 650px;
	height: 400px;
	margin-left:15px;
	overflow: scroll;
	overflow-x: hidden;
}

div.bk_inner strong { font-weight: bold; }
div.bk_inner a { cursor:pointer; }
div.bk_inner u { text-decoration:underline; }
div.bk_inner em { font-style:italic; }

div.bk_inner {
	text-align: left;
	float: left;
	height: auto;
	width: 615px;
	overflow: auto;
	margin-left: 0;
	line-height: 1.5em;
	overflow: hidden;
}
div.bk_inner .blog_container {
	display: block;
	line-height: 1.5em;
	padding-left: 1em;
	width: 590px;
	height:auto;
}
div.bk_inner .blog_container .top {
	display:block;
	width: 580px;
	height:44px;
	padding:3px 0 12px 0;
	margin-bottom:5px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
div.bk_inner .blog_container .title {
	display: block;
	width: 350px;
	height:15px;
	color:#f06;
	padding:2px 2px 10px 0;
	margin:15px 2px 0 5px;
	float:left;
}
div.bk_inner .blog_container .icon img {
	display: block;
	width: 44px;
	height:44px;
	color:#F06;
	/*background-image:url(images/icon_test.jpg);
	background-repeat:no-repeat;*/
	border:1px solid #ccc;
	text-align:center;
	padding:2px;
	margin:2px;
	float:left;
}
div.bk_inner .blog_container .day {
	display: block;
	width:100px;
	height:20px;
	font-size:12px;
	margin-top:14px;
	padding:0 2px 2px 3px;
	text-align:center;
	background-color:#fff;
	border:1px solid #ccc;
	float: right;
}
div.bk_inner .blog_container .post_txt {
	display: block;
	width:390px;
	height:auto;
	font-size:12px;
	line-height: 1.5em;
	float: left;
}
div.bk_inner .blog_container .post_img {
	display: block;
	width:180px;
	height:auto;
	font-size:12px;
	line-height: 1.5em;
	overflow:hidden;
	margin:0 10px 0 10px;
	float: right;
}
div.bk_inner .blog_container .post_img img {
	width:100%;
	height:auto;
}



div.bk_inner .kuchikomi_container {
	display: block;
	line-height: 1.5em;
	padding-left: 1em;
	width: 590px;
	height:auto;
	border-top:1px solid #bbb;
	clear:both;
}
div.bk_inner .kuchikomi_container .left{
	display:block;
	width: 50px;
	height:100px;
	padding:0;
	margin:0;
	float:left;
}
div.bk_inner .kuchikomi_container .left .icon{
	display:block;
	width: 40px;
	height:60px;
	margin:3px 4px;
	border: 1px solid #999;
}
div.bk_inner .kuchikomi_container .left .number{
	display:block;
	font-size:12px;
	text-align:center;
}
div.bk_inner .kuchikomi_container .right{
	display:block;
	width: 534px;
	height:auto;
	padding:0;
	margin:3px 3px;
	float:left;
}
div.bk_inner .kuchikomi_container .right .top{
	display:block;
	width: 534px;
	height:15px;
	padding:3px 0 12px 0;
	margin-bottom:5px;
	border-bottom: 1px solid #999;
}
div.bk_inner .kuchikomi_container .right .top .title {
	display: block;
	width: 300px;
	height:15px;
	color:#f06;
	padding:2px 2px 10px 0;
	margin:0 2px 0 0;
	float:left;
}
div.bk_inner .kuchikomi_container .right .top .day {
	display: block;
	width:100px;
	height:20px;
	font-size:12px;
	padding:0 2px 2px 3px;
	text-align:center;
	background-color:#fff;
	border:1px solid #ccc;
	float: right;
}
div.bk_inner .kuchikomi_container .right .post_txt {
	display: block;
	width:540px;
	height:auto;
	font-size:12px;
	line-height: 1.5em;
	border-bottom: 1px solid #999;
}
div.bk_inner .kuchikomi_container .right .name{
	display: block;
	text-align:right;
	font-size:14px;
}

/* breadcrumb */
#topicpath {
	width: 960px;
	margin: 0 auto;
    padding: 8px 0 8px 30px;
    font-size: .9em;
    font-weight: bold;
    letter-spacing: 0.1em;
}
#topicpath ul li {
        display: inline;
}
#topicpath ul li:before {
        content: " > ";
}
#topicpath ul li:first-child:before {
        content: "";
}


/* --- for manual.html --- */
#cont_manual {
	margin:20px 25px;
}
#cont_manual section{
	margin-bottom:100px;
}
#cont_manual h2 {
	margin-bottom:30px;
}
#cont_manual h3 img{
	width: 190px;
	margin-bottom:20px;
}
#cont_manual h4{
font-size:1.2rem;
margin-bottom:5px;
margin-top:20px;
color:#F69;
font-weight: bold;
}
#cont_manual div {
text-align:center;
}
#manual_2 .hukusou{
	margin-top:10px;
}
#cont_manual p {
	margin-bottom:40px;
}
/* --- for dictionary.html --- */
#cont_dictionary {
	margin:20px 25px;
}
#cont_dictionary section{
	margin-bottom:100px;
}
#cont_dictionary h2 {
	margin-bottom:30px;
}
#cont_dictionary h3 img{
	width: 190px;
	margin-bottom:20px;
}
#cont_dictionary h4{
font-size:1.2rem;
margin-bottom:5px;
color:#39F;
font-weight: bold;
}
#cont_dictionary div {
text-align:center;
}
#cont_dictionary p {
	margin-bottom:40px;
}

/* --- for footer --- */
#intro {
	font-size: 1.2em;
	margin: 25px 0;
	line-height: 1.8;
}

#intro h4,
#intro h5 {
	font-weight: bold;
	margin: 15px 0;
	font-size: 1.2em;
	color: #FD262E;
}

#intro h4 {
	font-size: 1.4em;
}

#intro a {
	margin-top:5px;
	display: inline;
	border-left:0;
	padding:0;
	float: none;
}