@charset "utf-8";
/*
Theme Name: contents_hiroba
Theme URI: http://
Description: contents_hiroba
Version: 0.2
Author: BFnet
Author URI: 
Tags: 
*/
html{
	font-size: 13px;
}
body{
	margin: 0 auto;
	padding: 0;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "Osaka","ＭＳ Ｐゴシック", "MS P Gothic", Verdana,Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.2em;
	color: #565656;
	background: #e7e7e7;
	width: 920px;
}

h1,h2,h3,h4,h5,strong{
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
}

a					{color: #3646a0; text-decoration: none;}
a:link		{}
a:visited	{}
a:hover		{color: #ff0000; text-decoration: underline;}
a:active	{}
a:hover img.filt {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
div{
	margin: 0;
	padding: 0;
}

p{
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}

img{
	display: inline;
	padding: 0;
	margin: 0;
	border: 0;
	vertical-align: baseline;
}

li{
	list-style-position: outside;
	list-style-type: none;
}

form{
	margin: 0.5em 0;
	padding: 0;
}

cite{
	font-style: normal;
}

ul,ol{
	margin:0;
	padding:0 0 0 1em;
	display: block;
}

#bgwrap{
	background: #ffffff;
	border-bottom: 1px solid #cccccc;
}
#widthcap{
	width: 860px;
	margin: 0 auto;
	position: relative;
}

#morehead{
	font-size: 85%;
	position: absolute;
	bottom: 6px;
	left: 220px;
	width: 350px;
	overflow: hidden;
}

#searchbox{
	position: absolute;
	top:5px;
	right:0;
}
#searchbox form{
	margin: 0;
	padding: 0;
	width: 230px;
	height: 20px;
	background: url(./img/spr_main.jpg) no-repeat 0 -656px;
	overflow: hidden;
	position: relative;
}
#searchbox .stext{
	border: 0;
	margin: 0;
	padding: 0;
	width: 180px;
	font-size: 85%;
	position: absolute;
	top: 3px;
	left: 5px;
}
#searchbox .gsubmit{
	border: 0;
	margin: 0;
	padding: 0;
	width: 40px;
	height: 20px;
	text-indent: -9999px;
	font-size: 85%;
	position: absolute;
	top: 0;
	left: 190px;
	background: url(./img/spr_main.jpg) no-repeat -190px -656px;
	overflow: hidden;
	cursor: pointer;
}
#searchbox .gsubmit:hover{
	background: url(./img/spr_main.jpg) no-repeat -420px -656px;
}

#fontsize{
	width: 58px;
	height: 30px;
	margin: 0;
	padding: 0 0 0 72px;
	list-style-type: none;
	/zoom: 1;
	overflow: hidden;
	position: absolute;
	right: 0px;
	top: 30px;
	background: url(./img/spr_main.jpg) 0 -676px no-repeat;
}
#fontsize li{
	margin: 0;
	padding: 0;
	height: 30px;
	display: block;
	overflow: hidden;
	float: left;
	display: block;
}
#fontsize li.fs_small{
	width: 13px;
}
#fontsize li.fs_medium{
	width: 19px;
}
#fontsize li.fs_big{
	width: 23px;
}
#fontsize li a{
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
	background: url(./img/spr_main.jpg) no-repeat;
}
#fontsize li.fs_small a{
	background-position: -72px -676px;
}
#fontsize li.fs_medium a{
	background-position: -85px -676px;
}
#fontsize li.fs_big a{
	background-position: -104px -676px;
}
#fontsize li.fs_small a:hover{
	background-position: -202px -676px;
}
#fontsize li.fs_medium a:hover{
	background-position: -215px -676px;
}
#fontsize li.fs_big a:hover{
	background-position: -234px -676px;
}

#headmenu{
}
#headmenu ul{
	padding: 0;
	list-style-type: none;
	/zoom: 1;
	overflow: hidden;
}
#headmenu li{
	margin: 0;
	padding: 0;
	width: 172px;
	height:40px;
	display: block;
	overflow: hidden;
	float: left;
}
#headmenu a{
	margin: 0;
	padding: 0;
	width: 100%;
	height:100%;
	display: block;
	overflow: hidden;
	background: url(./img/spr_main.jpg) 0 -74px no-repeat;
	text-indent: -9999px;
}
#headmenu li.home a{
	background-position: 0 -74px;
}
#headmenu li.home a:hover{
	background-position: 0 -114px;
}
#headmenu li.publicity a{
	background-position: -172px -74px;
}
#headmenu li.publicity a:hover{
	background-position: -172px -114px;
}
#headmenu li.ourbusiness a{
	background-position: -344px -74px;
}
#headmenu li.ourbusiness a:hover{
	background-position: -344px -114px;
}
#headmenu li.about a{
	background-position: -516px -74px;
}
#headmenu li.about a:hover{
	background-position: -516px -114px;
}
#headmenu li.contact a{
	background-position: -688px -74px;
}
#headmenu li.contact a:hover{
	background-position: -688px -114px;
}

#topimage{
	margin: 5px auto;
	padding: 0;
	height: 180px;
	background: url(./img/spr_main.jpg) 0 -154px no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

#topnavi{
}
#topnavi ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	/zoom: 1;
	overflow: hidden;
}
#topnavi li{
	margin: 0 14px 0 0;
	padding: 0;
	width: 204px;
	height:140px;
	display: block;
	overflow: hidden;
	float: left;
}
#topnavi li.fin{
	margin:0;
	float: right;
}
#topnavi a{
	margin: 0;
	padding: 0;
	width: 100%;
	height:100%;
	display: block;
	overflow: hidden;
	background: url(./img/spr_main.jpg) 0 -334px no-repeat;
	text-indent: -9999px;
}
#topnavi li.publicity a{
	background-position: 0 -334px;
}
#topnavi li.publicity a:hover{
	background-position: 0 -474px;
}
#topnavi li.pcsupport a{
	background-position: -218px -334px;
}
#topnavi li.pcsupport a:hover{
	background-position: -218px -474px;
}
#topnavi li.webdesign a{
	background-position: -437px -334px;
}
#topnavi li.webdesign a:hover{
	background-position: -437px -474px;
}
#topnavi li.contact a{
	background-position: -656px -334px;
}
#topnavi li.contact a:hover{
	background-position: -656px -474px;
}

#topmsg{
	margin: 5px auto;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(./img/spr_main.jpg) 0 -614px no-repeat;
}

#categoryblock, #brand, #twitter{
	margin-bottom: 25px;
}

#categoryblock{
	position: relative;
}

#categoryblock h2{
	margin: 5px 0;
	padding: 3px 5px 1px 5px;
	color:#333333;
	font-size: 105%;
	border-left: 7px solid #3b9dbf;
}

#categoryblock ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	border-top: 1px solid #cccccc;
}
#categoryblock ul li{
	padding: 10px;
	border-bottom: 1px dotted #cccccc;
	margin-top: 5px;
	zoom: 1;
	overflow: hidden;
}
#categoryblock li span{
	margin-right: 10px;
	width: 100px;
	float: left;
}
#categoryblock li img{
	margin-right: 25px;
	width: 60px;
	height: 60px;
	float: left;
}
#categoryblock li p{
	margin-left: 210px;
}
#categoryblock p.more{
	text-align: right;
}

#categoryblock a.backnumber{
	position: absolute;
	top:0;
	right:0;
	width: 130px;
	height: 18px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(./img/spr_main.jpg) 0 -638px no-repeat;
}
#categoryblock a.backnumber:hover{
	background: url(./img/spr_main.jpg) -130px -638px no-repeat;
}

.category-our-business #categoryblock li p{
	margin-left: 100px;
}

#brand ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
/*	border-top: 1px solid #cccccc;*/
}
#brand ul li{
	padding: 10px 0;
	margin-top: 5px;
	zoom: 1;
	overflow: hidden;
}
#brand ul p{
	padding: 0;
	font-size: 90%;
}
#brand img{
	display: block;
	margin: 0 auto;
}

#twitter ul{
	display: block;
	/zoom:1;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style: none;
	background: #ffffff;
	border-top: 1px solid #cccccc;
}
#twitter li{
	display: block;
	/zoom:1;
	overflow:hidden;
	margin:0;
	padding: 0;
	border-bottom: 1px dotted #cccccc;
}
.twitdate{
	display: block;
	text-align: right;
	font-size: 80%;
}
#twitter li a{
	display: block;
	padding: 5px;
	margin:5px 0;
	text-decoration: none;
	color: #333333;
}
#twitter li a:hover{
	background: #bfdfff;
}
#twitter .followme{
	padding: 10px 20px;
}




/**/
.contbox{
	/zoom: 1;
	overflow: hidden;
}
.contbox h2{
	margin: 5px 0;
	padding: 2px 2px 1px 2px;
	border-left: 7px solid #3b9dbf;
}
.contbox .title a{
	color: #333333;
}
.contbox .title a:hover{
	color: #ff0000;
	text-decoration: none;
}
.contbody{
	/zoom: 1;
	overflow: hidden;
	border-top: 1px solid #cccccc;
	margin: 5px 0 5em 0;
	padding: 10px 0;
}
.contbody .postdate{
	text-align: right;
	color: #666666;
	font-size: 85%;
}
.contbody p{
	margin-bottom: 0.8em;
}
.the_content_add_css{
	margin: 1em 0;
	padding: 10px;
	border-bottom: 1px solid #cccccc;
}






.tablenav{
	padding: 20px 0;
	text-align: center;
	background: #ffffff;
}
.tablenav .page-numbers{
	padding: 3px 6px;
	margin: 0 5px 0 0;
	border: 1px solid #cccccc;
	background: #ffffff;
}
.tablenav .current{
	color: #9e0c0c;
	border: 1px solid #9e0c0c;
	background: #fabcbc;
}
.tablenav .dots{
	border: none;
}
.tablenav a{
}
.tablenav a:hover{
	text-decoration: none;
}



img.alignleft{
	float: left;
	margin: 0 10px 10px 0;
}
img.aligncenter{
	display: block;
	margin: 1em auto;
}



.kuzu{
	margin: 1em 0;
}



#about_yuilogic{
	display: block;
	/zoom: 1;
	overflow: hidden;
	padding: 10px;
	margin: 25px auto;
	list-style: none;
	width: 458px;
	border: 1px solid #cccccc;
}
#about_yuilogic li{
	display: block;
	/zoom: 1;
	overflow: hidden;
	border-bottom: 1px dotted #cccccc;
	padding: 0 1em;
}
#about_yuilogic li p{
	margin: 0.4em 0;
	width: 12em;
	float: left;
}
#about_yuilogic ul{
	padding: 0;
	margin-left:14em;
	list-style: none;
}
#about_yuilogic ul li{
	margin: 0.4em 0;
	display: block;
	/zoom: 1;
	overflow: hidden;
	border-bottom: none;
}
#about_yuilogic ul li .notice{
	display: block;
	font-size: 70%;
	margin-left: 1em;
}






#wrapper {
	width: 920px;
	margin: 0 auto;
	overflow: hidden;
}
#header {
	width: 920px;
	height: 120px;
	background: url(./img/header_bg.jpg) no-repeat 0 0;
	overflow: hidden;
}
#content_bg {
	padding: 0 40px;
	background: url(./img/bg.jpg) repeat-y 0 0;
	/zoom: 1;
	overflow: hidden;
}

#content {
	width: 600px;
	float: left;
}
.report {
	border-bottom: 1px solid #cccccc;
}
.report_head {
	padding: 20px 0 5px 0;
}
.report_tit {
	font-size: 1.5em;
	padding: 0 0 5px 0;
	margin-bottom: 15px;
}

#sidebar {
	margin-left: 620px;
}

#footer {
	width: 920px;
	height: 30px;
	background: url(./img/footer_bg.jpg) no-repeat 0 bottom;
}

.widgettitle {
	padding-top:20px;
	padding-bottom:10px;
}