@charset "utf-8";
/* -----------------------------------------------------------
CSS Information
	トップページ
----------------------------------------------------------- */

/*-----------------------------------------------
トップページスライダー 2015/01/23 t.kakiuchi
-----------------------------------------------*/

#main_slider {
	position: relative;
	background:url(https://www.hankoya.com/img/common/back_main_img.png) repeat-x;
	padding-top: 5px;
        margin-bottom: 10px;
	width: 750px;
        /* height: 274px; */
        overflow: hidden;
	clear: both;
}

.banner {
	position: relative;
}

.bx-wrapper{
        width: 750px;
        height: 214px;
        overflow: hidden;
        z-index: 10;
}

.bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 60px;
        outline: 0;
        width: 27px;
        height: 84px;
        text-indent: -9999px;
        z-index: 5000;

}

.bx-wrapper .bx-prev {
	left: 0px;
	background: url(https://www.hankoya.com/images/common/controll.png) no-repeat 0 0px;
	z-index: 30;
        filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
        display: none;
}

.bx-wrapper .bx-next {
	right: 0px;
	background: url(https://www.hankoya.com/images/common/controll.png) no-repeat -33px 0;
	z-index: 30;
        filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
        display: none;
}

.bx-wrapper .bx-prev:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

.bx-wrapper .bx-next:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}


.bg_img {
	margin: 0 auto 0;
	width: 750px;
        height: 214px;
        border-bottom: 1px solid #c2c2c2;
        overflow: hidden;
}

.bx-pager img {
        width: 125px;
	max-width: 125px;
	-ms-interpolation-mode: bicubic;
        margin-left: 4px;
}

.bx-pager a.active img {
	padding: 0;
}

.bx-pager a.active:hover img {
	background: #CC0000;

}

/*隙間を無効化してから隙間を設定する*/
.bx-pager {
    height: 61px;
    background: #e9e9e9 url(https://www.hankoya.com/img/home/back_move2.png) repeat-x center bottom;
    letter-spacing: -.40em;
}

.bx-pager {
	margin: 0 auto 10px;
	padding-left: 28px;
	width: 740px;
}

.bx-pager a {
	display: inline-block;
	width: 133px;
	height: 51px;
        padding-top: 9px;
	margin-right: 8px;
	margin-right: 2px\9;
	letter-spacing: normal;
	*display: inline;
	*zoom: 1;
}

.bx-pager a.active{
        background: url(https://www.hankoya.com/images/common/topslider_waku.png) no-repeat 0 -1px;
}

html.lt-ie8 .bx-pager a {
	margin-right: 0;
        z-index: 666;
}


.bx-pager a.thumb-edge {
	display: inline-block;
	background: #FFF;
	width: 125px;
	height: 45px;
	margin-right: 0;
	letter-spacing: normal;
	*display: inline;
	*zoom: 1;
}

#topslider li a img:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
/*-----------------------------------------------
 __display
-----------------------------------------------*/

div#dWrap {
	position: relative;
	height:1810px;
}
div#display00 {
	position: absolute;
    top: 1785px;
	height:60px;
	clear:both;
}
div#display00 p {
	padding:5px;
	text-align:left;
	font-size:11px;
	border:solid 1px #999;
}

div#display01 {
	overflow:auto;
	overflow:hidden;
/*	position: absolute;
	top:0px;下部にコンテンツ追記した場合高さを持てないため非表示*/
}
div.display_new_lineup{
	overflow:auto;
	overflow:hidden;
}

div#display02,
div#display03 {
	clear:both;
	margin-bottom:30px;
}
div#display03 {
	width:692px;
}


/*-----------------------------------------------
 __レビューバナー
-----------------------------------------------*/
#review-box {
	position: relative;
	z-index: 0;
}
#review-box span.review-box-date {
	z-index: 2;
	position: absolute;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	right: 37px;
	top: 5px;
	color: #333;
}


/*-----------------------------------------------
 __item
-----------------------------------------------*/


#dWrap img {
	display:block;
}

div.item {
	float:left;
	width:220px;
	margin:0 14px 0px 0;
}
p.menu-title{
	margin:0;
}
p.menu-title span.mft-title{
	display:none;
}
div.waku {
	padding-top:6px;
	background:#F5F5F5;
	border-right:solid 1px #b6babe;
	border-bottom:solid 1px #b6babe;
	border-left:solid 1px #b6babe;
	width:220px;
	float:left;
}

.linkbox{
	background:url(https://www.hankoya.com/images/cojp/img/home/back_item.gif) no-repeat;
	width:210px;
	padding-top:6px;
	height:72px;
	margin:0 auto 1px;
}

.linkbox{ cursor: pointer }

.linkbox p.floatL{
	float:left;
	display:inline;
	margin:0 6px 6px 6px;
	padding:0;
}

.linkbox p.title{
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:13px;
}

.linkbox p.comment{
	margin:0;
	padding:0 3px 0 0;
	font-size:11px;
	line-height:110%;
}

.linkbox p.price{
	margin:0;
	padding:0;
	font-size:13px;
	font-weight:bold;
	color:#CC0000;
}

/*-----------------------------------------------
 __voice
-----------------------------------------------*/

#realtime {
	width:692px;
	margin:40px 0 30px;
}

#realtime p {
	text-align:center;
	font-size:13px;
	background-color:#eaeaea;
	margin:0;
	padding:3px 0;
}

#r_order_review,
#r_order_inner {
	border:1px solid #999;
	border-top:none;
	margin:0;
	padding:0;
}

#r_review {
	//width:423px;
	width:auto;
	float:left;
	position:relative;
}

#link_voice{
	position:absolute;
	top:10px;
	right: 10px;
}

#link_voice a:hover img{
	opacity: 0.7;
}

#realtime iframe {
	vertical-align:bottom;
}

#r_review iframe {
	margin:0 0 0 5px;
}

#r_order {
	width:auto;
	float:right;
}

/*#r_order iframe {
	margin:0 0 0 10px;
}*/


/*-----------------------------------------------
 __new
-----------------------------------------------*/

#news {
	width:340px;
	float:left;
}

#contentsj {
	width:340px;
	float:right;
}

#display02 .dis2_waku,
#display03 .dis3_waku {
	border:1px solid #999;
	border-top:none;
	margin:0;
	padding:0;
}

#display02 .dis2_inner {
	height:344px;
	overflow:auto;
}

#news dl {
	margin:15px 20px;
	padding:0;
	font-size:13px;
	line-height:130%;
}

#news dt {
	font-weight:bold;
	border-left:solid 3px #363;
	padding-left:6px;
	color:#363;
}

#news dd {
	border-bottom:dotted 1px #666666;
	margin-bottom:5px;
	padding:5px 0 5px 8px;
}

#contentsj dl {
	clear:both;
	border-bottom:dotted 1px #333;
	margin:5px 20px;
	padding:8px 0;
}

#contentsj dt {
	float:left;
	width:70px;
}

#contentsj dd {
	margin-bottom:5px;
	padding:0px 0px 0px 0;
	line-height:130%;
	font-size:13px;
	min-height:80px;
	height:auto !important;
	height:80px;
}

#contentsj span {
	color:#069;
	line-height:1.6;
}

#display02 .dis2_waku p {
	clear:both;
	background:url(https://www.hankoya.com/images/cojp/img/home/back_backnumber.png) repeat-x;
	border-top:solid 1px #999;
	text-align:right;
	margin:0;
	padding:3px 2px 3px 0px;
}

#display02 .dis2_waku a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}


/*-----------------------------------------------
 __recommend
-----------------------------------------------*/

#display03 .dis3_waku {
	padding:20px 15px;
}

#display03 .dis3_waku .left {
	width:326px;
	float:left;
}

#display03 .dis3_waku .right {
	width:325px;
	float:right;
}


#display03 img {
	vertical-align:top;
}

#display03 .dis3_waku a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}


/*-----------------------------------------------
 __印鑑の豆知識
-----------------------------------------------*/

#display04{
	clear:both;
	margin-bottom:30px;
}
#mamechishiki{
	width:658px;
	padding:18px 16px;
	border:1px solid #999;
	border-top:none;
}
#mamechishiki dl{
	clear:both;

}
#mamechishiki dl dt{
	border-left:5px solid #336633;
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
	padding-left:10px;
}
#mamechishiki dl dd{
	line-height:1.2;
	overflow:hidden;
	border-bottom:1px solid #ccc;
	padding-bottom:20px;
	margin-bottom:20px;
}
#mamechishiki dl dd p{
	float:right;
	width:380px;
	margin-bottom:0;
}
#mamechishiki dl dd span{
	margin-top:10px;
	display:block;
	color:#666;
	font-size:12px;
}
#mamechishiki dl dd img.left{
	width:250px;
}
#mamechishiki dl dd a.link_btn{
	margin-top:20px;
	display:block;
	text-align:center;
}
#mamechishiki dl dd a.link_btn:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}


/*-----------------------------------------------
 __コラム
-----------------------------------------------*/
.top_column {
	border-width: 0px 1px 1px;
	border-style: solid;
	border-color: #999;
	margin-bottom: 20px;
	padding-top: 20px;
}
.top_column_heading {
	background: #61995c;
	background: linear-gradient(to bottom, #61995c 0%,#3d8833 100%);
	color: #FFF;
	font-size: 20px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	border-top: 1px solid #61995C;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	padding: 4px 10px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.top_column_heading span { font-size: 16px; }
.align_right { text-align: right; }
.mt20 { margin-top: 20px; }
.top_column_body {
 	padding: 0 20px 20px;
	line-height: 1.6em;
}
.top_column_body dt.heading_dt {
	border-left: 5px solid #336633;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	padding-left: 10px;
}
.top_column_body dd.top_column_img,.top_column_body dd.top_column_txt { display: inline-block; }
.top_column_body dd.top_column_img {
	width: 200px;
	vertical-align: top;
	margin-right: 10px;
}
.top_column_body dd.top_column_img img { width: 100%; }
.top_column_body dd.top_column_txt {
	width: 435px;
}
.top_column_body dd p { margin: 10px 0; }
/* .top_column_img,.top_column_txt { display: inline-block; }
.top_column_img {
	width: 20%;
	border: 1px solid #ccc;
	height: 80px;
}
.top_column_txt { width: 75%; } */
.top_column_body ol li { list-style-position: inside; }
#top_column_ourservice dl {
	border: 1px solid #ccc;
	background: #EFE;
	margin: 0 0 10px;
	padding: 5px 10px;
	font-size: 16px;
	overflow: hidden;
}
dt.ourservice_icon {
	float: left;
	margin-right: 5px;
}
#top_column_ourservice dt,#top_column_ourservice dd { display: inline; }
#top_column_ourservice dt { font-weight: bold; }


/*-----------------------------------------------
 __追加
-----------------------------------------------*/

#main_img_cam6 p {
	margin: 0 0 10px;
}
#main_img_cam6 ul {
	margin: 0 0 15px 28px;
	width: 696px;
}
#main_img_cam6 li {
	float: left;
	margin-bottom: 8px;
	width: 174px;
	list-style: none;
}


#topslider li {
	position: relative;
}

#campaign-date {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 190px;
	left: 375px;
	font-size: 16px;
	color: #fff;
	text-shadow: 0px 0px 5px #317cbc  , 0px 0px 5px #317cbc  , 0px 0px 5px #317cbc  , 0px 0px 5px #317cbc  ;
	font-weight: bold;
	line-height: 1em;
	z-index: 99;
	font-family: Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}



#campaign-date-sub {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 190px;
	left: 384px;
	font-size: 16px;
	color: #fff;
	text-shadow: 0px 0px 5px #317cbc  , 0px 0px 5px #317cbc  , 0px 0px 5px #317cbc  , 0px 0px 5px #317cbc  ;
	font-weight: bold;
	line-height: 1em;
	z-index: 99;
	font-family: Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}

#review-box{margin-bottom:20px;}



/*-----------------------------------------------
 チタンキャンペーン延長　150224htada
-----------------------------------------------*/
#campaign-date_titan {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 191px;
	left: 420px;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	line-height: 1em;
	z-index: 99;
	font-family: Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}



/*-----------------------------------------------
 起業応援セット
-----------------------------------------------*/
#campaign-date_ouen {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 188px;
    left: 18px;
    font-size: 16px;
	color: #fff;
	font-weight: bold;
	line-height: 1em;
	z-index: 99;
	font-family: Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	text-shadow: 2px 2px 0px #000;
}