@charset "UTF-8";

/*
======== CONTENTS =========
	Site Name: leadbox
	last-updated:2008/10/25
	Description: crossbrowser setting

	1.body
	2.link
	3.common style
	4.font
	5.base layout
	6.parts
	7.ad
	8.clearfix

===========================
*/

/*
===== 1.body ======
*/

body {
	color: #333;
	background: #fff url(/sb/static/common/images/leadbox_bg.png) repeat-x;
	/* 最小幅の指定　950px */
	min-width:950px;
	text-align:center;/* box centering for ie5 */
}

/*
===== 2.link ======
*/

a				{ color: #039; text-decoration: none; }
a:link			{ color: #039; text-decoration: none; }
a:visited		{ color: #639; text-decoration: none; }
a:active , a:hover , a:focus	{ color: #630; text-decoration: underline; }



/*
===== 3: common style ===========================
*/

.clear{clear:both; margin: 0; padding: 0;}
.clear hr{margin: 0;padding: 0; display: none; }

.hidden {display: none;}

/* inline elements */

strong, em {
	font-weight: bold;	/* 太字 */
	font-style: normal;	/* 斜線解除 */
}

del{
	text-decoration: line-through; /* 取り消し線 */
}

ins{
	text-decoration : none;	/* 下線を消す */
	border-bottom: 1px solid #ccc;	/* 灰色の下線 */
}


/*
===== 4.font ======
*/

h1,h2,h3,h4 {
	font-weight: bold;
	font-size:100%;
 }

span.note{
	font-weight: bold;
	color: #c30;
}

.caution{
	color: #CC0000;
	font-weight: bold;

}



#main p{
/*	font-size: 90%;*/
/*	line-height: 1.4;*/
/* 上記をベースにp は個別対応*/
}

div.gotop{
	font-size: 70%;
	line-height: 1.1;
}

img.new{
	margin-left:2px;
	vertical-align:middle;
}


div.pan_nav
{
	font-size: 76%;
	line-height: 1.2;
}

/*
===== 5.base layout ======
*/
#gnavi{
	background: #fff;
}

#header{
	background: url(/sb/static/common/images/header_bg.gif) repeat-x left bottom;
}

#footer{
	background: #fff url(/sb/static/common/images/footer_bg.png) repeat-x;
	padding-top:15px;
}

#header_in,
#footer_in{
	width:950px;
	margin: 0 auto;
	text-align:left;
}

#contents{
	background: url(/sb/static/common/images/contents_bg.gif) repeat-y;
	width:950px;
	margin: 10px auto 0 auto;
	text-align:left;
}



#main {
/*	border-right: 1px solid #004681;*/
	float:left;
	width:630px;
	overflow:hidden;
	margin: 0 0 4px 0;
	text-align:left;
}

#sidebar {
	float:right;
	width:310px;
	margin: 0 0 0 0;
}

/*
===== 6.parts ======
*/


img.img-right{float:right; margin:2px 0px 4px 8px;}/* 右寄せに画像を入れる */
img.img-left{float:left; margin:2px 8px 4px 0;}/* 左寄せに画像を入れる */
img.img-center{margin:2px auto 4px auto;}/* 中央に画像を入れる */



#main div.app{
	margin: 0 0 10px 0;
}

#main div.app_sub{
	margin: 0 0 20px 0;
}

/* キューブ背景のタイトル */
#main div.cate_title{
	background: url(/sb/static/common/images/cate_title_bg.png) no-repeat left bottom;
	margin-bottom:6px;
	min-height:26px;
}

#main div.cate_title span{/*background:red;*/
	font-size: 76%;
	font-weight:bold;
	line-height: 1.2;
	display: block;
	padding:0.4em 4px 4px 18px;
	color:#666;
}


/* ページの上へ */
div.gotop{
	background: url(/sb/static/common/images/dotbar.gif) repeat-x;
	padding: 6px 10px;
	text-align:right;
}

div.gotop a{
	padding-right: 18px;
	background: url(/sb/static/common/images/bullet_up.gif) no-repeat right center;
}


/* パンくず */

div.pan_nav{
	background: #F4F5F6;
	color:#000;
	border-bottom: solid 1px #CDCDCE;
	padding:5px 10px 3px 10px;
	margin-bottom:9px;
}


/* ページング */

table.pg_bar
{
	text-align: left;
	margin: 10px auto 20px auto;
}
table.pg_bar td{
	padding:1px 4px;
	vertical-align:middle;
}

table.pg_bar td.pg_bar_num
{
	text-align: center;
	padding:2px 4px;
}

div.linkmenu{
	padding:2px 0;
}

div.linkmenu span.current{
	background: #036;
	color:#fff;
	padding:2px 5px;
	border:1px solid #ccc;
}

div.linkmenu a{
	padding:2px 5px;
	border:1px solid #ccc;
}

* html div.linkmenu span.current,
* html div.linkmenu a{
/* Win IE 6向け調整*/
	padding:4px 5px;
}


*:first-child+html div.linkmenu span.current
*:first-child+html div.linkmenu a {
/* Win IE 7向け調整 */
	zoom:1;
}

/*
===== 8.clearfix======
*/


.clearfix:after {
	content: url(/sb/static/common/images/spacer.gif);
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Holly Hack Targets IE Win only \*/
 * html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */


div#header:after,
div#contents:after,
div.inner:after,
div#globalnavi:after,
div#footer:after,
div#footer_in:after,
div.apptitle:after,
div#main:after,
div#sidebar:after {
	content: url(/sb/static/common/images/spacer.gif);
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#header,
div#contents,
div.inner,
div#globalnavi,
div#footer,
div#footer_in,
div.apptitle,
div#main,
div#sidebar {
	display: inline-block;
}

/* Holly Hack Targets IE Win only \*/
 * html div#header,
 * html div#contents,
 * html div.inner,
 * html div#globalnavi,
 * html div#footer,
 * html div#footer_in,
 * html div.apptitle,
 * html div#main,
 * html div#sidebar {
	height: 1%;
}
div#header,
div#contents,
div.inner,
div#globalnavi,
div#footer,
div#footer_in,
div.apptitle,
div#main,
div#sidebar {
	display: block;
}
/* End Holly Hack */