@charset "utf-8";

/*	[contents]
----------------------------------------------------------- */
div#contents_inner01 {
	background: url(../../images/business_word2/bg_tl_business_word2.jpg) center 0 no-repeat;
}




/*	[main]
----------------------------------------------------------- */

div#main {
	width: 920px;
	background: url(../../images/common/bg_main01.gif) 0 0 no-repeat;
}


/*----- search -----*/

div.search {
	padding: 20px 0 30px 0;
}

div.search div {
	display: inline-block;
	padding: 1px;
	border: 1px solid #e5e5e5;
	vertical-align: middle;
}

* html body div.search div {
	display: inline;
	zoom: 1;
}

*+html body div.search div {
	display: inline;
	zoom: 1;
}

div.search input {
	display: block;
	float: left;
	border: 0;
	vertical-align: middle;
}

div.search input.text_area {
	width: 246px;
	height: 19px;
	color: #666666;
	line-height: 19px;
}

* html body div.search input.btn_search {
	margin-right: -2px;
}


/*----- initial -----*/

div#main div#initial {
	margin: 0 0 40px 0;
	overflow: hidden;
	zoom: 1;
}

div#main div#initial table {
	float: left;
	margin: 0 0 0 10px;
}

div#main div#initial table#kana {
	margin: 0 45px 0 0;
}

div#main div#initial table td {
	padding: 0 13px 20px 0;
}


/*----- category -----*/

div#main div#category {
	overflow: hidden;
	zoom: 1;
}

div#main div#category ul {
	background: url(../../images/business_word2/i_line_top.gif) 0 0 no-repeat;
	overflow: hidden;
	zoom: 1;
	margin: 0 -29px 0 0;
}

div#main div#category ul li {
	float: left;
	padding: 8px 10px;
	margin: 0 29px 0 0;
	width: 267px;
	_width: 287px;
	background: url(../../images/common/i_line01.gif) left bottom repeat-x;
}

div#main div#category ul li a {
	padding: 0 0 0 8px;
	background: url(../../images/common/i_arrow02.gif) left center no-repeat;
}

div#main div#category ul li a:link,
div#main div#category ul li a:visited,
div#main div#category ul li a:active {
	color: #666666;
	text-decoration: none;
}

div#main div#category ul li a:hover {
	color: #1c9de7;
	text-decoration: underline;
}


/* [detail]
----------------------------------------------------------- */

/*----- detail_box -----*/

div#detail div#detail_box {
	background: url(../../images/common/bg_main01.gif) left bottom no-repeat;
	padding: 0 0 30px 0;
	overflow: hidden;
	zoom: 1;
}


/*----- list_box -----*/

div#detail div#list_box {
	float: left;
	width: 280px;
	_width: 298px;
	padding: 10px 9px;
	border: 1px solid #e2e7eb;
	background: #f3f7fb;
}

div#detail div#list_box h4 {
	color: #1f5fa9;
	font-weight: bold;
	padding: 0 0 0 12px;
	margin: 0 0 10px 5px;
	background: url(../../images/common/i_ico_list01.gif) left 5px no-repeat;
}


/*----- list_inner -----*/

div#detail div#list_inner {
	background: url(../../images/business_word2/bg_list_inner.gif) 0 0 repeat;
	padding: 1px;
}

div#detail div#list_inner div {
	background: #ffffff;
	padding: 14px 10px 14px 14px;
}

div#detail div#list_inner div ul {
	width: 100%;
	height: 315px;
	overflow: auto;
}

div#detail div#list_inner div ul li {
	margin: 0 0 5px 0;
}

div#detail div#list_inner div ul li a {
	padding: 0 0 0 8px;
	background: url(../../images/business_word2/i_ico01.gif) left 5px no-repeat;
	color: #666666;
}

div#detail div#list_inner div ul li a:hover {
	color: #1c9de7;
}


/*----- text_box -----*/

div#detail div#text_box {
	float: right;
	width: 600px;
}

div#detail div#text_box h4 {
	color: #1f5fa9;
	font-weight: bold;
	font-size: 116%;
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
	background: url(../../images/common/i_line01.gif) left bottom repeat-x;
}

div#detail div#text_box h4 span {
	padding: 0 0 0 14px;
	background: url(../../images/common/i_ico_title01.gif) left center no-repeat;
}



/* [success]
----------------------------------------------------------- */

/*----- result -----*/

div#success div#result {
	margin: 0 10px;
}

div#success div#result p {
	font-size: 116%;
}

div#success div#result ul {
	margin: 30px 0 0 0;
}

div#success div#result ul li {
	padding: 0 0 0 8px;
	margin: 0 0 5px 0;
	background: url(../../images/business_word2/i_ico01.gif) left center no-repeat;
}


/*----- hint -----*/

div#success div.hint {
	margin: 30px 10px 0 10px;
}

div#success div.hint p {
	margin: 0;
}

div#success div.hint ul {
	margin: 30px 25px;
}


/*----- paging -----*/

div#success div.paging {
	margin: 30px 0 25px 0;
}

div#success div.paging {
	text-align: center;
}

div#success div.paging ul {
	margin: 0;
}

div#success div.paging ul li {
	display: inline;
	margin: 0;
	padding: 0 0 0 6px;
}

div#success div.paging ul li a {
	margin: 0 12px 0 0;
	text-decoration: underline;
}

div#success div.paging ul li.prev a,
div#success div.paging ul li.next a {
	color: #666666;
	text-decoration: none;
}

div#success div.paging ul li.prev a:hover,
div#success div.paging ul li.next a:hover {
	color: #1c9de7;
	text-decoration: underline;
}

div#success div.paging ul li strong {
	margin: 0 12px 0 0;
}

/* クリテ追加 */
.item {width:100%;}

div#detail div#text_box hr{
	border:dashed #333;
	border-width:1px 0 0 0;
	height:1px;/* for IE6 */
	clear:both;/* for IE6 */
	margin:20px 0;
}

.item_add {width:100%;color:#666;}
.item_add p{font-size:110%;line-height:1.5;}
.item_add p.att{font-size:90%;}



/*--------------------------------------------------------------
 responsive  min-width:768px
--------------------------------------------------------------*/
@media(min-width:768px) {

	div#w_sp, div.w_sp {display:none;}


}/* end */


/*--------------------------------------------------------------
 responsive  max-width:768px
--------------------------------------------------------------*/
@media(max-width:768px) {

	div#contents_inner01 {background:#fff;}
	div#main{width:100%;}
	div#w_pc, div.w_pc {display:none;}


	/* 扉：Category List 後でcommon.css　に移動するかもー */
	.openList .li3rd{display:none;border:0;}

	div#w_sp {width:100%;}
	div#w_sp ul.openList {width:100%;border-top:1px solid #ccc;}

	div#w_sp ul.openList li {
		width:100%;
		margin:0;
		line-height:1.8;

		background: -ms-linear-gradient(top, #f4f4f4, #dcdcdc);
		background: -moz-linear-gradient(top, #f4f4f4, #dcdcdc);
		background: -webkit-linear-gradient(top, #f4f4f4, #dcdcdc);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#dcdcdc', GradientType=0)";
	}

	div#w_sp ul.openList li a,
	div#w_sp ul.openList li span {
		display:block;
		padding:10px;
		font-weight:bold;
	}
	div#w_sp ul.openList li span {border-bottom:1px solid #cecece;}
	div#w_sp ul.openList li > p span {background:url(../../images/common/z_ar_list1b.png) 97% center no-repeat;background-size:20px auto;}
	div#w_sp ul.openList li > p span.open {background:url(../../images/common/z_ar_list2b.png) 97% center no-repeat;background-size:20px auto;}

	div#w_sp ul.openList li .li3rd li,
	div#w_sp ul.openList li .liLink li {
		border-bottom:1px solid #cecece;
		background:#e6e6e6 url(../../images/common/z_arrow2.png) 96% center no-repeat;
		background-size:10px auto;
		line-height:1.4;
	}

	div#w_sp ul.openList li .li3rd li a,
	div#w_sp ul.openList li .liLink li a {padding-left:20px;}

	div#w_sp ul.openList li ul{margin-top:-1px;}

	div.search {width:100%;padding:30px 0 20px 15px;} /* ←後で調整 */


	/* カテゴリ一覧 */
	div#detail div#detail_box {background:none;}
	div#detail div#list_box {
		float: none;
		width: 90%;
		margin:0 auto;
	}
	div#detail div#list_inner div ul {height: auto;}
	div#detail div#list_inner div ul li {margin: 0 0 10px 0;}

	/* 詳細 */
	div#detail div#text_box {float:none;width:96%;margin:0 auto 30px;}










}/* end */