@charset "shift_jis";

/***********************************************/
/* 神誠商事　トップページ　　　　　　 　　　　　　　　　*/
/***********************************************/ 

/* side
------------------------------------------------------------ */

#side-t {
	float:right;
	width:235px;
	margin:0;
	padding:0 16px 0 0;
	}

/*更新情報・イベント*/
#BOXevent {
	background-color:#FAEDF6;
	margin-bottom:10px;
}
#BOXevent a:link {
	color: #111111;
	text-decoration: underline;
}
#BOXevent a:visited {
	color: #111111;
	text-decoration: underline;
}
#BOXevent a:active {
	color: #111111;
	text-decoration: underline;
}
#BOXevent a:hover {
	color: #dd4b97;
	text-decoration: underline;
}
#BOXevent ul {
	height:180px;
	overflow-y:scroll;
}
#BOXevent li {
	background: url(../images/top/line-event.gif) no-repeat;
	background-position:0px 0px;
	padding:7px 5px 9px 24px;
	font-size:84%;
	line-height:130%;
}


/*もしもの時は*/
#BOXif {
	background-color:#FBF8FE;
	border-bottom:1px solid #D9A9E7;
	border-left:1px solid #D9A9E7;
	border-right:1px solid #D9A9E7;
	margin-bottom:10px;
	padding:10px 0 10px 0;

}
#BOXif .telno {
	padding-left:10px;
}
#BOXif p {
	background: url(../images/top/ico-if.gif) no-repeat;
	background-position:10px 0px;
	padding:5px 0px 0px 35px;
	margin-top:8px;
	font-size:78%;
	line-height:130%;
}

#BOXif ul {
	margin:7px 0 0 10px;
}
#BOXif ul li{
	display:block;
	font-size:5px;
	line-height:5px;
}
#BOXif ul li a{
	display:block;
	width:214px;
	height:28px;
	text-indent:-9999px;
}
#BOXif ul .if_bnr01 a{
	background: url(../images/top/bnr-contact.jpg) no-repeat;
}
#BOXif ul .if_bnr01 a:hover{
	background: url(../images/top/bnr-contact_a.jpg) no-repeat;
}


/*お役立ちコンテンツ*/
#BOXcontents {
	border-left:1px solid #cdcdcd;
	border-right:1px solid #cdcdcd;
}
#BOXcontents .if_under {
	margin-left:-1px;
	padding-top:0px;
}
#BOXcontents a:link {
	color: #111111;
	text-decoration: none;
}
#BOXcontents a:visited {
	color: #111111;
	text-decoration: none;
}
#BOXcontents a:active {
	color: #111111;
	text-decoration: none;
}
#BOXcontents a:hover {
	color: #cf7bc4;
	text-decoration: underline;
}
#BOXcontents ul {
	padding-top:8px;
}
#BOXcontents li {
	background: url(../images/top/line-contents.gif) no-repeat;
	background-position:12px 4px;
	padding:0px 0px 10px 31px;
	font-size:84%;
	line-height:150%;
}


/*バナー*/
#BOXbnr .bnr01 {
	margin:10px 0 0 0;
}
#BOXbnr .bnr01 li{
	display:block;
	font-size:5px;
	line-height:5px;
}
#BOXbnr .bnr01 li a{
	display:block;
	width:235px;
	height:64px;
	text-indent:-9999px;
}
#BOXbnr .bnr01 a{
	background: url(../images/top/bnr-cosmos.jpg) no-repeat;
}
#BOXbnr .bnr01 a:hover{
	background: url(../images/top/bnr-cosmos_a.jpg) no-repeat;
}



/* main
------------------------------------------------------------ */

#main-t {
	float:left;
	width:520px;
	margin:0;
	padding:0 0 0 16px;
	}


.m_t_20 {
	margin-top:20px;
}

/*写真・説明付きメニュー　左*/
.BOXmenu01 {
	clear:both;
	float:left;
	width:253px;
	border-top:2px solid #E7A9DC;
	padding:8px 0 0 0;
	margin-bottom:10px;
}
.BOXmenu01 .pic01 {
	float:left;
	margin:0 8px 0 0;
	padding-bottom:10px;
}
.BOXmenu01 p {
	font-size:78%;
	line-height:140%;
	margin-top:7px;
}

.BOXmenu01 ul.detail{
	float:right;
	padding-right:10px;
}
.BOXmenu01 ul.detail li{
	display:block;
	font-size:5px;
	line-height:5px;
}
.BOXmenu01 ul.detail li a{
	display:block;
	width:88px;
	height:19px;
	text-indent:-9999px;
}
.BOXmenu01 ul.detail .detail01 a{
	background: url(../images/top/bnr-detail.jpg) no-repeat;
}
.BOXmenu01 ul.detail .detail01 a:hover{
	background: url(../images/top/bnr-detail_a.jpg) no-repeat;
}

/*写真・説明付きメニュー　右*/
.BOXmenu02 {
	float:right;
	width:253px;
	border-top:2px solid #E7A9DC;
	padding:8px 0 0 0;
	margin-bottom:10px;
}
.BOXmenu02 .pic01 {
	float:left;
	margin:0 8px 0 0;
	padding-bottom:10px;
}
.BOXmenu02 p {
	font-size:78%;
	line-height:140%;
	margin-top:7px;
}

.BOXmenu02 ul.detail{
	float:right;
	padding-right:10px;
}
.BOXmenu02 ul.detail li{
	display:block;
	font-size:5px;
	line-height:5px;
}
.BOXmenu02 ul.detail li a{
	display:block;
	width:88px;
	height:19px;
	text-indent:-9999px;
}
.BOXmenu02 ul.detail .detail01 a{
	background: url(../images/top/bnr-detail.jpg) no-repeat;
}
.BOXmenu02 ul.detail .detail01 a:hover{
	background: url(../images/top/bnr-detail_a.jpg) no-repeat;
}