@charset "utf-8";
@import "../../css/contents.css";
/* ===========================================================
common
=========================================================== */

body, h1, h2, h3, h4, p, ul, dl, ol, li, dt, dd, div, h1, p, img {
	margin:0;
	padding:0;
	border:none;
}
/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* ---------------------------------------------------------
Ajax
--------------------------------------------------------- 
#__dnn_body{background:none;}*/

/* ---------------------------------------------------------
admin
--------------------------------------------------------- */
html {
	height:100%;
}
body {
	height:100%;
	font-family: "meiryo", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino
Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "Verdana", "sans-serif";

}
a, a:link, a:active, a:visited {
	color:#40240d;
	text-decoration:underline;
}
a:hover, a:active, a:focus {
	color:#40240d;
	text-decoration:none;
}
/* ===========================================================
 skin
=========================================================== */
#skin-index, #skin2Columns, #skin1Column {
	color:#333333;
	width:100%;
	height:100%;
	background:url(http://www.cowboy-family.jp/Portals/0/Skins/COWBOY/images/bg.jpg) left top repeat;
	text-align:left;
}
#containerBodyWrap {
	background:url(http://www.cowboy-family.jp/Portals/0/Skins/COWBOY/images/bg.jpg) left top repeat;
}
/* ===========================================================
 containerBody
=========================================================== */
#containerBody {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	background:url(images/bg_top.jpg) 0 0 repeat-x;
	overflow:hidden;
}
#containerBody .containerWrapper {
	width:970px;
	margin:0 auto;
	overflow:hidden;
	_zoom:1;
}
/*-------------------------------------------------------------
 containerBody >> #skin-index
----------------------------------------------------------------*/
#skin-index #containerBody {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	background:url(images/bg_top_index.jpg) 0 0 repeat-x;
}
/* ===========================================================
 Head
=========================================================== */
.HeadWrapper {
	width:750px;
	float:right;
	padding:8px 16px 0 0;
	position:relative;
	height:34px;
	z-index:3;
}

.head-star {
	clear:both;
	position:absolute;
	left:235px;
	top:5px;
}
/* ===========================================================
 side
=========================================================== */
.sideWrapper {
	width:200px;
	float:left;
}
/* ===========================================================
 page
=========================================================== */
#pageBody {
	float:right;
	width:747px;
	padding:0 19px 0 0;
}

* html #pageBody {margin:-8px 0 0 0;}

#pageBody .TopPane {
	background: url(images/bg_title.jpg) left top no-repeat;
	padding:28px 0 0 0;
	min-height:51px;
	height:auto !important;
	height:51px;
	text-align:center;
	color:#FFFFFF;
	font-size:30px;
}
#pageBody .TopPane .SubHead { color:#333333; font-size:12px;}
#pageBody .TopPane h1 {
	font-size:100%;
	font-weight:normal;
	font-size:30px;
	color:#FFFFFF;
	text-align:center;
}

#pageBody .ContentPane { padding:0 0 0 6px;}
/*-------------------------------------------------------------
 page >> #skin-index
----------------------------------------------------------------*/
#skin-index #pageBody .pageWrapper {
	padding:43px 0 0 9px;
	background:url(http://www.cowboy-family.jp/Portals/0/Skins/COWBOY/images/shadow.png) left top no-repeat;
	position:relative;
	z-index: 1;
	top:-24px;
	width:744px;
}

* html #skin-index #pageBody { padding:0;}
*:first-child+html #skin-index #pageBody .pageWrapper,
* html #skin-index #pageBody .pageWrapper {top:-36px;}

#skin-index #pageBody .TopPane {
	clear:both;
/*	width:744px;
*/	padding:0 20px 0 0;
	position:relative;
	z-index:2;
	background:none;
	min-height:200px;
	height:auto !important;
	height:200px;
	/*	min-height:346px;
	height:auto !important;
	height:346px;*/
}
#skin-index .ContentPane {
	float:left;
	width:390px;
	padding:0;
}
#skin-index .SubPane {
	float:right;
	width:330px;
}
#skin-index .BottomPane {
	clear:both;
}
/* ===========================================================
 Footer
=========================================================== */
#pagetop {
	clear:both;
	padding:0;
	margin:0;
	height:42px;
}
#pagetop img { vertical-align:bottom;}
.footWrapper {
	background:url(images/footer_bg.jpg) left top repeat-y;
	padding:5px 0 0;
}
.footWrapper .footLogo {
	padding:0 0 13px 21px;
	float: left;
}
.footWrapper .FootPane {
	width:620px;
	float:right;
}
.footWrapper .Copyright {
	clear:both;
	background: url(images/copy_bg.jpg) left top no-repeat;
	height:30px;
	color:#FFFFFF;
	font-size:11px;
*font-size:80%;
	text-align:center;
	line-height:30px;
}
/* ===========================================================
 breadcrumb
=========================================================== */
.breadcrumbWrap { margin:15px 0 30px 0; padding:0 0 0 17px; background: url(images/pan_icon.gif) 0 0 no-repeat;}
.breadcrumbWrap{color:#40240d;}
.breadcrumbWrap a,
.breadcrumbWrap a:link,
.breadcrumbWrap a:visited { color:#40240d;text-decoration: underline;}
.breadcrumbWrap a:hover   { text-decoration:none; }

/* ===========================================================
 search
=========================================================== */
.searchboxWrapper {
	float:left;
	width:247px;
	padding:0 0 0 3px;
}

.searchboxWrapper .searchbox { background:url(images/btn_search.png) 0 0 no-repeat; height:27px; width:54px; text-indent:-9999em; display:block; float:left;}
.searchboxWrapper .NormalTextBox { width:175px; display:block; float:left; padding:4px 5px;}

*:first-child+html .searchbox { float:none; position:absolute; left:190px; top:9px;}
* html .searchboxWrapper{zoom:1;}
* html .searchbox { float:none; position: relative; left:0; top:-14px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .searchbox  { float:none; position:absolute; left:190px; top:10px;}
}


.FontSizer {
	background:url(images/font_size.png) 0 0 no-repeat;
	float:right;
	width:180px;
}
.FontSizer ul {
	margin:0 0 0 83px;
	padding:0;
	list-style:none;
}
.FontSizer ul li {
	float:left;
	padding:0;
	margin:0;
}
.FontSizer ul li a, .FontSizer ul li a:link, .FontSizer ul li a:visited {
	display:block;
	width:27px;
	margin:0 0 0 5px;
	text-indent:-9999em;
	height:27px;
}

.FontSizer ul li a:hover{ background:url(images/font_size.png) -88px -27px no-repeat;}
.FontSizer ul li.fontSizeS a:hover { background-position:-88px -27px;}
.FontSizer ul li.fontSizeM a:hover { background-position:-120px -27px;}
.FontSizer ul li.fontSizeL a:hover { background-position:-152px -27px;}