@charset "utf-8";

/* ==========================
   0.基本構造

			2.#header
			3.ul#siteNavi
			4.ul#siteNaviSub
			5.#contents
			6.#content
			7.#sideNavi
			8.#footer
========================== */


.boxUnit00{
	padding: 20px;
	border: 1px solid #ccc;
}
.boxUnit01{
	padding: 20px;
	border: 1px solid #ccc;
	background-color: #efefef;
}
.boxUnit02{
	background-color: #FFFFCC;
	padding: 20px;
	border: 1px solid #DEDABE;
}
.boxUnit03{
	background-color: #E0F5FE;
	border: 1px solid #CBE0ED;
	padding: 20px;
}




/* ================================================================
   0.基本構造
================================================================ */
body {
	font-size: 13px;
	color: #333;
	line-height: 1.6;
}

#header{
	width: 900px;
	margin: 0px auto 0px auto;
	font-size: 11px;
}
#contents{
	background: url(../img/_body_bk.jpg) repeat-y center top;
	width: 900px;
	clear: both;
	float: none;
	margin: 0px auto;
	padding: 0px;
}
#footer{
	width: 100%;
	margin: 0px auto;
	font-size: 11px;
	line-height: 1.3;
}

#headerWP,
#contentsWP{	background: url(../img/_body_bk.jpg) repeat-y center top;	width: 100%;}
#headerWP{	padding-top: 28px;}
#contentsWP{	padding-top: 15px;}

/* 回り込み解除 */
#headerWP,
#header,
#contentsWP,
#contents,
#footer{	zoom:1; } 
#headerWP:after,
#header:after,
#contentsWP:after,
#contents:after,
#footer:after{	content:".";	display:block;	height:0;	clear:both;	visibility:hidden;}

/* a:link
------------------------------------------------- */
a:link,a:visited{
	color: #156ea3;
	text-decoration: none;
}
a:hover,a:active{
	color: #e63c69;
	text-decoration: underline;
}




/* ================================================================
   2.#header
================================================================ */
#header {	padding-bottom: 10px;}
#header h1,
#header h2 a{
	float: left;
	width: 163px;
	height: 43px;
	background: url(../img/_bisco_logo.gif) no-repeat left top;
	text-indent: -9999px;
}

#header #siteNavi{
	float: right;
	padding-top: 20px;
}
#header #siteNavi li{
	display: block;
	float: left;
	border-left: 1px solid #c0c0c0;
	padding: 0px 5px;
}
#header #siteNavi li.last{	border-right: 1px solid #c0c0c0;}
#header #siteNavi li a:link,
#header #siteNavi li a:visited{
	display: block;
	padding: 0px;
	border-bottom: 3px solid #c0c0c0;
	line-height: 1.1;
	text-decoration: none;
	color: #666;
}
#header #siteNavi li a:hover,
#header #siteNavi li a:active{
	border-bottom: 3px solid #069;
	color: #069;
	text-decoration: none;
}
#header #siteNavi li.current a:link,
#header #siteNavi li.current a:visited{
	border-bottom: 3px solid #e63c69;
	color: #e63c69;
}
#header #siteNavi li.current a:hover,
#header #siteNavi li.current a:active{
	border-bottom: 3px solid #e63c69;
	color: #e63c69;
}




/* ================================================================
   4.#contents
================================================================ */

/* two colmun
------------------------------------------------- */
.twoC #contents{	background: url(../img/_col2_contects_bk.gif) repeat-y left top;}
.twoC #content{
	float: right;
	width: 690px;
}
.twoC #sideNavi{
	float: left;
	width: 180px;
}

/* one colmun　
------------------------------------------------- */
.oneC #content{
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}




/* ================================================================
   4.#content
================================================================ */
#content{}

#content .unit{ margin-bottom: 30px; zoom:1;}
#content .unit:after{	content:".";	display:block;	height:0;	clear:both;	visibility:hidden;}

#content .unitLine{
	padding-bottom: 30px;
	background: url(../img/dot01.gif) repeat-x left bottom;
}

#content .cell{	padding-left: 10px;}
#content .unit p{
	padding-bottom: 1em;
	line-height: 1.8;
}
#content .unit p.last{	padding-bottom: 0em;}

#content .unit ul.catTop li{
	line-height: 1.4;
	padding-bottom: 1em;
	display: block;
}
#content .unit ul.catTop{
	margin-bottom: 1.5em;
	padding-bottom: 3em;
	border-bottom: 1px solid #c0c0c0;
}
#content .unit ul.catBottom{
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	border-bottom: 1px solid #c0c0c0;
	text-align: center;
}
#content .unit ul.catBottom li{	display: inline;	font-weight: bold;}
#content .unit ul.catBottom li.left{	padding-right: 1em;}
#content .unit ul.catBottom li.right{	padding-left: 0.5em;}
#content .unit ul.catBottom li a{	padding: 0px 5px;}

#content .unit ul.catBottomEntry{
	margin-top: 5em;
	padding-top: 1.5em;
	border-top: 1px solid #c0c0c0;
}

/* h1.pageTitle　[白丸・青Back]
------------------------------------------------- */
#content h1.pageTitle,
#content h3.pageTitle{
	margin-bottom: 30px;
	padding: 3px 10px 4px 25px;
	background: #0182D6 url(../img/_site_icon_white.gif) no-repeat 5px 0.4em;
	color: #fff;
	font-size: 16px;
	line-height: 1.3;
}

/* h3.pageLabel　[カテゴリ]
------------------------------------------------- */
#content h3.pageLabel a:link,
#content h3.pageLabel a:visited{
	display: block;
	float: left;
	padding: 0px;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	letter-spacing: 0.1em;
}
#content h3.pageLabel a:hover,
#content h3.pageLabel a:active{	color: #e63c69;}



/* h3.imgTitle
------------------------------------------------- */
#content h3.imgTitle{	padding-bottom: 5px;}
#content h3.imgTitlePB15{	padding-bottom: 15px;}

/* h3.txtTitle　[青丸・白Back]
------------------------------------------------- */
#content h3.txtTitle,
#content h3.txtTitlePB15{
	padding-left: 20px;
	background: url(../img/_site_icon.gif) no-repeat 0px 0px;
	font-size: 14px;
	line-height: 1.3;
}
#content h3.txtTitle{	padding-bottom: 5px;}
#content h3.txtTitlePB15{	padding-bottom: 15px;}

/* h3.txtTitleR　[赤丸・白Back]
------------------------------------------------- */
#content h3.txtTitleR,
#content h3.txtTitleRPB15{
	padding-left: 20px;
	background: url(../img/_site_icon_r.gif) no-repeat 0px 0px;
	font-size: 14px;
	line-height: 1.3;
}
#content h3.txtTitleR{	padding-bottom: 5px;}
#content h3.txtTitleRPB15{	padding-bottom: 15px;}

/* h3.entrySubtitle　[白丸・青Back]
------------------------------------------------- */
#content h3.entrySubtitle{
	margin-bottom: 15px;
	padding: 3px 10px 4px 25px;
	background: #0182D6 url(../img/_site_icon_white.gif) no-repeat 5px 0.5em;
	color: #fff;
	font-size: 14px;
	line-height: 1.3;
}

/* h3.anotherTitle　[灰丸・白Back・下灰Line]
------------------------------------------------- */
#content h1.anotherTitle,
#content h3.anotherTitle{
	margin-bottom: 15px;
	padding: 0.3em 10px 4px 25px;
	background: url(../img/_site_icon_gray.gif) no-repeat 5px 0.25em;
	border-bottom: 3px solid #c0c0c0;
	font-size: 14px;
	line-height: 1.3;
}

/* category flag 用
------------------------------------------------- */
#content span.flag1{	background-color: #0082d6;	color: #fff;}
#content span.flag2{	background-color: #e63c69;	color: #fff;}




/* ================================================================
   5.#sideNavi
================================================================ */
#sideNavi{}
#sideNavi .unit{
	margin-bottom: 15px;
	padding-bottom: 15px;
	background: url(../img/dot01.gif) repeat-x left bottom;
}
#sideNavi .unit2{
	padding-bottom: 15px;
}
#sideNavi h3.txtTitle{/*テキスト用*/
	padding-left: 20px;
	background: url(../img/_site_icon.gif) no-repeat 0px 0px;
	font-size: 14px;
	line-height: 1.3;
}
#sideNavi .cell{
	padding-top: 5px;
	padding-left: 5px;
}

/* category */
#sideNavi .category ul li{
	margin-left: 0px;
	padding-left: 8px;
	background: url(../img/arr06.gif) no-repeat 0px 0.4em;
}
#sideNavi .category ul li.category{
	margin-left: 0px;
	padding-left: 10px;
	background: url(../img/arr05.gif) no-repeat 0px 0.3em;
	font-weight: bold;
}
#sideNavi .category ul li.sub{
	margin-left: 0px;
	padding-left: 0px;
	background: none;
}
#sideNavi .category ul li a:link,
#sideNavi .category ul li a:visited{	color: #333;	text-decoration: none;}
#sideNavi .category ul li a:hover,
#sideNavi .category ul li a:active{	color: #e63c69;	text-decoration: underline;}
#sideNavi .category ul li.category a:link,
#sideNavi .category ul li.category a:visited{	color: #156ea3;	text-decoration: none;}
#sideNavi .category ul li.category a:hover,
#sideNavi .category ul li.category a:active{	color: #e63c69;	text-decoration: underline;}

/* login */
#sideNavi .login p{	padding-bottom: 2px;}
#sideNavi .login p.last{
	padding-bottom: 0px;
	text-align: center;
}
#sideNavi .login .loginField{
	height: 14px;
	width: 95px;
	border: 1px solid #999;
}
#sideNavi .login .loginAsk{
	height: 16px;
	width: 16px;
	margin-left: 4px;
}

/* keyword */
#sideNavi .keyword .keywordField{
	height: 14px;
	width: 132px;
	margin-right: 4px;
	border: 1px solid #999;
	display: block;
	float: left;
}
#sideNavi .keyword .keywordBtn{
	display: block;
	float: left;
}

/* info */
#sideNavi .info li{	padding-bottom: 2px;}
#sideNavi .info li.last{	padding-bottom: 0px;}

/* banners */
#sideNavi .banners p{	padding-bottom: 10px;}




/* ================================================================
   6.#footer
================================================================ */
#footer a:link,
#footer a:visited{	color: #666;	text-decoration: none;}
#footer a:hover,
#footer a:active{	color: #e15a00;	text-decoration: underline;}
#footer ul{
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-align: center;
	zoom:1;
}
#footer ul:after{	content:".";	display:block;	height:0;	clear:both;	visibility:hidden;}
#footer li{
	display: inline;
	float: none;
	padding-right: 7px;
	padding-left: 7px;
	border-right: 1px solid #c0c0c0;
	line-height: 1.1;
}
#footer .navi01 li.last,
#footer ul.navi02 li.last,
#footer ul.navi03 li.last{	border-right-style: none;}

/* .navi01{
------------------------------------------------- */
#footer .navi01{
	width: 100%;
	margin: 0px auto;
	padding: 30px 0px 10px 0px;
	background: url(../img/_body_bk.jpg) repeat-y center top;
}
#footer .navi01 ul{
	width: 900px;
	margin: 0px auto;
}
#footer .navi01 li.toTop{
	float: right;
	padding: 0px 0px 0px 10px;
	border: none;
	background: url(../img/arr01.gif) no-repeat left center;
}

/* ul.navi02{
------------------------------------------------- */
#footer ul.navi02{
	width: 100%;
	background: #fff url(../img/_footer_bk.gif) repeat-x left top;
	padding-top: 25px;
}
#footer ul.navi02 li{
	padding-right: 7px;
	padding-left: 7px;
	border-right: 1px solid #c0c0c0;
	line-height: 1.1;
}

/* ul.navi03{
------------------------------------------------- */
#footer ul.navi03{
	clear: both;
	float: none;
	width: 100%;
	padding: 25px 0px 45px 0px;
	background: #fff;
}
#footer ul.navi03 li{
	padding-right: 7px;
	padding-left: 7px;
	border-right: 1px solid #c0c0c0;
	line-height: 1.1;
}
#footer ul.navi03 li.copyright{
	display: block;
	float: none;
	padding: 25px 0px 0px 0px;
	border-right: none;
}



/* EOF */