@charset "UTF-8";

@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);

/* ------------------
 1.Basic setup
------------------ */
/*
	color1:#fabe00;
	color2:#b77070;
	color3:#76161b;
	color4:#da0000;
	color5:#ee8800;
*/

* {
	margin:0px;
	padding:0px;
	font-size:100%;
}
body {
	/*background:#fef7e6;*/
	text-align:center;
	letter-spacing:1px;
	line-height:1.3em;
	font-family:'ＭＳ Ｐゴシック', "MS PGothic","Hiragino Kaku Gothic Pro";
	font-size:80%;
	color:#444;
}
img {
	border:0px;
}
strong {

}
em {
	font-style:normal;
}
small {
	font-size:80%;
}
address {
	font-style:normal;
}
a {
	outline:none;
	text-decoration:none;
	color:#b77070;
}
a:hover {
	outline:none;
	text-decoration:underline;
	/*color:#b77070;*/
	color:#f90;
}

/* ------------------
 2.Structure
------------------ */
div#wrap{
	width:840px;
	margin:0px auto;
	background:#fff;
	text-align:left;
}
div#header {
	position:relative;
	width:840px;
	height:122px;
}
div#main {
	overflow:hidden;
	width:840px;
	padding-top:32px;
	padding-bottom:48px;
}
div#main_column {
	_display:inline;
	float:left;
	width:640px;
	margin-left:5px;
}
div#right_column {
	_display:inline;
	float:right;
	width:170px;
	margin-right:5px;
}
div#footer {
	clear:both;
	overflow:hidden;
	width:840px;
	padding-top:32px;
	padding-bottom:12px;
	border-top:6px solid #ffec68;
	background:#fabe00;
	color:#fff;
}
div#ft_blcL {
	_display:inline;
	float:left;
	width:450px;
	margin-left:24px;
	border-right:solid 1px #fcd24d;
}
div#ft_blcR {
	_display:inline;
	float:left;
	width:309px;
	margin-left:24px;
}
.alC {
	text-align:center;
}
/* ------------------
 3.Header
------------------ */
p#seo {
	padding-top:4px;
	margin-bottom:24px;
	font-size:90%;
	color:#76161b;
}
h1 {
	width:302px;
	height:52px;
	margin-left:0px;
}
h1 a {
	display:block;
	overflow:hidden;
	outline:none;
	width:302px;
	height:52px;
	background:url("../img/h1_logo.gif") no-repeat;
	text-indent:-9999px;
}
div#tel {
	position:absolute;
	top:71px;
	right:0px;
	text-align:right;
}
div#tel span {
	display:block;
}
div#tel span#num {
	font-family:'Myriad Pro','メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', sans-serif;
	font-weight:900;
	font-size:25px;
	color:#000;
}
h3.dft {
	clear:both;
	overflow:hidden;
	padding:4px 4px 4px 34px;
	margin-bottom:8px;
	background:#fabe00 url("../img/icon_white/triangle.png") no-repeat 15px 13px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	line-height:1.4;
	font-family: 'Noto Sans JP','メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', sans-serif;
	font-weight:300;
	font-size:15px;
	color:#fff;
}

/* ------------------
 4.Global Navigation
------------------ */
ul#gnavi {
	overflow:hidden;
	height:24px;
	list-style-type:none;
	margin:5px 0px 0px 0px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#f5f1e8;
}
ul#gnavi li {
	float:left;
	_display:inline;
	line-height:26px;
	padding-left:8px;
	margin-left:12px;
}
ul#gnavi li a {
	color:#76161b;
}
ul#gnavi li a:hover {
	/*color:#b77070;*/
	color:#f60;
	text-decoration:none;
}
ul#gnavi li {
	background:url("../img/blt_tri.gif") no-repeat 0px 9px;
}
ul#gnavi li#gl01 {
	padding-left:13px;
	background:url("../img/blt_home.gif") no-repeat 0px 8px;
}

/* ------------------
 5.Right Column
------------------ */
div#right_column ul {
	list-style-type:none;
}
div#right_column ul li {
	margin-bottom:8px;
}
li#bn_blog a {
	display:block;
	overflow:hidden;
	outline:none;
	width:170px;
	height:48px;
	background:url("../img/bn_blog.gif") no-repeat;
	text-indent:-9999px;
}
li#bn_blog a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
li#bn_daihyo a {
	display:block;
	overflow:hidden;
	outline:none;
	width:170px;
	height:48px;
	background:url("../img/bt_daihyo_170.gif") no-repeat;
	text-indent:-9999px;
}
li#bn_ptrv a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
li#bn_smartphone a {
	display:block;
	overflow:hidden;
	outline:none;
	width:170px;
	height:65px;
	background:url("../img/shirokuma_systems_b170.gif") no-repeat;
	text-indent:-9999px;
}
li#bn_smartphone a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
li#bn_dictionary a {
	display:block;
	overflow:hidden;
	outline:none;
	width:170px;
	height:65px;
	background:url("../img/bt_dictionary_170px.gif") no-repeat;
	text-indent:-9999px;
}
li#bn_ptrv a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
div.twtr-widget h4 a {
	font-size:12px;
}
div.twtr-widget a.twtr-join-conv {
	letter-spacing:0px;
	/*display:none;*/
}
li#fl_clock {
	margin:0px;
}
li#fl_clock object {
	width:130px;
	margin-left:17px;
}
li#fl_clock embed {
	width:130px;
	/margin-left:17px;
}
li#sales_area dt {
	width:170px;
	height:43px;
	background:url("../img/dt_area.gif") no-repeat;
	text-indent:-9999px;
}
li#sales_area dd {
	padding:4px 8px 32px 8px;
	background:url("../img/dd_area.gif") no-repeat 0px bottom;
	line-height:1.4em;
	font-size:80%;
}
li#about_shirokuma {
	margin-bottom:20px;
	font-size:12px;
}
li#about_shirokuma div {
	padding-top:87px;
	background:url("../img/home/yeah.gif") no-repeat;
}
li#about_shirokuma h2 {
	position:relative;
	padding:1px 0px 3px;
	margin-bottom:12px;
	background:#76161b;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	line-height:1.4;
	letter-spacing:2px;
	text-align:center;
	font-family: 'Noto Sans JP','メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', sans-serif;
	font-weight:500;
	font-size:20px;
	color:#fff;
}
li#about_shirokuma h2::after {
	position: absolute;
	top: 100%;
	left: 50px;
	content: '';
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top: 11px solid #76161b;
}
li#about_shirokuma p {
	margin-bottom:10px;
}
li#about_shirokuma em {
	color:#840000;
}
/* しろくまブログ */
li#shirokuma_blog h2 {
	position:relative;
	padding:1px 0px 1px;
	margin-bottom:12px;
	background:#76161b;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	line-height:1.4;
	letter-spacing:2px;
	text-align:center;
	font-family: 'Noto Sans JP','メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', sans-serif;
	font-weight:500;
	font-size:14px;
	color:#fff;
}
li#shirokuma_blog h2::after {
	position: absolute;
	top: 100%;
	left: 50px;
	content: '';
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top: 8px solid #76161b;
}
div#feed {
	width:170px;
	font-size:11px;
}
div#feed p {
	margin:0px;
	padding:0px;
}
div#feed h3 {
	margin:0px;
	padding:0px;
	line-height:1.2;
	font-weight:normal;
	font-size:12px;
}
div#feed img {
	display:block;
	float:left;
	width:50px;
	height:50px;
	margin-right:4px;
}
div#feed p.entry-content {
	clear:both;
	overflow:hidden;
	padding:7px 0px 6px;
	margin-bottom:10px;
	border-bottom:dotted 1px #666;
	line-height:1.1;
}

/* ------------------
 6.Footer
------------------ */
div#ft_blcL dt {
	width:167px;
	height:28px;
	margin-bottom:6px;
}
div#ft_blcL dt a {
	display:block;
	overflow:hidden;
	outline:none;
	width:167px;
	height:28px;
	margin-bottom:11px;
	background:url("../img/footer_logo.gif") no-repeat;
	text-indent:-9999px;
}
div#ft_blcL address#ft_addr {
	margin-bottom:18px;
}
div#ft_blcL div#ft_tel {
	width:183px;
	height:41px;
	margin-bottom:2px;
	background:url("../img/footer_tel.gif") no-repeat;
	text-indent:-9999px;
}
address#copyright {
	font-size:11px;
}
div#ft_blcL div#ft_mail {
	margin-bottom:18px;
}
a#rttop {
	display:block;
	float:right;
	overflow:hidden;
	outline:none;
	width:95px;
	height:19px;
	margin-bottom:11px;
	background:url("../img/return_top.gif") no-repeat;
	text-indent:-9999px;
}
div#ft_smart {
	height:90px;
	margin-top:24px;
	margin-bottom:24px;
	padding-left:100px;
	background:url("../img/qr_smart.gif") no-repeat;
	font-size:88%;
}
div#ft_smart p {
	margin-bottom:6px;
	line-height:1em;
	letter-spacing:0px;
}
div#ft_smart a {
	text-decoration:underline;
	color:#fff;
}
div#ft_smart a:hover {
	text-decoration:underline;
	color:#76161b;
}
div#ft_blcR li {
	margin-bottom:4px;
}
div#ft_blcR li a {
	color:#fff;
}
div#ft_blcR li a:hover {
	text-decoration:underline;
}
div#ft_blcR div {
	clear:both;
	overflow:hidden;
	height:21px;
}
div#substance {
	margin-right:32px;
	margin-bottom:64px;
	line-height:1.3em;
	font-size:12px;
}
div#substance strong {
	font-weight:normal;
	color:#fffeee;
}
/* ------------------
 7. the others
------------------ */
/* ソーシャルボタン */
div.sns_button {
	overflow:hidden;
	height:35px;
}
div.sns_button span {
	display:block;
	width:110px;
	height:32px;
	float:left;
	padding:0px;
	margin:0px;
	/*border:solid 1px #000;
	background:#fed;*/
}
div.sns_button div {
	width:110px;
	height:37px;
	float:left;
	padding:0px;
	margin:0px;
}
/* アクセスボタン */
a.access_button {
	display:block;
	overflow:hidden;
	width:480px;
	margin:12px auto;
	padding:7px 10px 4px 10px;
	border-radius:3px;
	 -moz-border-radius:3px;
	 -webkit-border-radius:3px;
	background:#fabe00;
	text-align:center;
	font-family:'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', "MS PGothic","Hiragino Kaku Gothic Pro", "sans-serif";
	font-size:1.1em;
	color:#fff;
}
a.access_button:hover {
	text-decoration:none;
	background:#76161b;
}
/* ----- end ----- */