@charset "utf-8";
/* ===========================================================
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
--------------------------------------------------------- 
.ADMIN{padding:0;}*/


html {
	height:100%;
}
body {
	height:100%;
	font-family: "meiryo", "���C���I", "�q���M�m�p�S Pro W3", "Hiragino
Kaku Gothic Pro", "Osaka", "�l�r �o�S�V�b�N", "sans-serif";
}
a, a:link, a:active, a:visited {
	color:#333;
	text-decoration:underline;
}
a:hover, a:active, a:focus {
	color:#333;
	text-decoration:none;
}
/* ===========================================================
 skin
=========================================================== */
#cafe-skin1Column,
#cafe-skin2Columns,
#cafe-skinTop,
#cafe-skinStore {color:#333;min-width:1000px;height:100%; font-size:12px; line-height:170%;}

/* ===========================================================
 containerBody
=========================================================== */
#containerBody {
	clear:both;
	padding:0;
	margin:0;
	border-top: solid 2px #8fb7a2;
}
/* ===========================================================
 headBody
=========================================================== */
.HeadbgWrapper {
	background:url(images/headBg.gif) repeat-x bottom; overflow:hidden; _zoom:1;text-align:center;
}
#headBody {
	width:1000px; clear:both; overflow:hidden; _zoom:1; margin:0 auto;
}
#headBody .Logo {
	float:left;
	width:300px;
	margin:0;
	padding:16px 0 10px 0;
	text-align:left;
}
#headBody .HeadWrapper {float:right;padding:10px 0 0 0; text-align:left;}
#headBody .HeadWrapper .HeadPane       {padding:0 0 10px 0; text-align:right;}
#headBody .HeadWrapper .HeadBottomPane {padding:0 0 15px 0;}
#headBody .HeadWrapper .hNavi { width:660px; }

/* ===========================================================
 SEOnavi > hNavi
=========================================================== */
.hNavi {
	clear:both;
}
/* ===========================================================
 pageBody
=========================================================== */
#pageBody {	clear:both;background: url(images/containerTopBg.gif) left top repeat-x;min-height:550px; text-align:center;}
#pageBody .TopPane { width:1060px; margin:0 auto; padding:15px 0 0 0; text-align:left; }
#pageBody .pageWrapper { width:1000px; margin:0 auto; padding:0; overflow:hidden; clear:both; text-align:left;}

.breadcrumb { width:980px ; margin:0 auto; padding:10px; font-size:11px; color:#FFF; text-align:left;}
.breadcrumb a,
.breadcrumb a:link,
.breadcrumb a:visited { color:#FFF; text-decoration:none;}
.breadcrumb a:hover { text-decoration:underline;}

/* ===========================================================
 #cafe-skinTop > pageBody
=========================================================== */
#cafe-skinTop #pageBody .pageWrapper { padding:20px 0 0 0;}
#cafe-skinTop #pageBody .pageWrapper .contentWrapper { width:640px; float:left; min-height:515px;}
#cafe-skinTop #pageBody .pageWrapper .subWrapper { width:315px; float: right; padding:10px 0; min-height:515px;}

#cafe-skinTop #pageBody .pageWrapper .ContentPane { clear:both;}

#cafe-skinTop #pageBody .subWrapper .SubTopPane,
#cafe-skinTop #pageBody .subWrapper .SubPane,
#cafe-skinTop #pageBody .subWrapper .SubBottomPane { clear:both;} 

/* ===========================================================
 #skin2Columns > pageBody
=========================================================== */
#cafe-skin2Columns .ContentPane{ width:700px; float:right; padding:30px; min-height:515px; background:url(/Portals/0/Skins/TFS/images/contentsBg2.png) 0 0 no-repeat;}
#cafe-skin2Columns .SidePane{ width:220px; float:left;}

/* ===========================================================
 #skin1Columns > pageBody
=========================================================== */
#cafe-skin1Column .ContentPane{ width:940px; margin:0 auto; padding:30px; min-height:515px; background:url(/Portals/0/Skins/TFS/images/contentsBg1.png) 0 0 no-repeat;}

/* ===========================================================
 #skin1Columns > pageBody
=========================================================== */
#cafe-skinStore .pageWrapper { width:940px; background:url(/Portals/0/Skins/TFS/images/contentsBg1.png) 0 0 no-repeat; padding:30px; }
#cafe-skinStore .ContentPane { width:940px; margin:0 auto; padding-bottom:20px;}
#cafe-skinStore .ContentLeftPane { width:600px; float:left; }
#cafe-skinStore .ContentRightPane { width:300px; float:right; }
#cafe-skinStore .ContentBottomPane { width:940px; clear:both; overflow:hidden; _zoom:1; margin:0 auto; padding-top:30px; }

/* ===========================================================
 footBody
=========================================================== */
.footWrapper { background: url(images/footBg.gif) 0 0 repeat-x; background:#0b6334; text-align:center;}
#footBody{ width:1000px; margin:0 auto; clear:both; overflow:hidden; _zoom:1; text-align:left;}
#footBody .FootPane { padding:10px 0px 0px 0px; width:750px;margin:0 auto; float:left;}
#footBody p.footlogo { float: right; padding:10px; margin:0px; }
.pagetopWrapper { text-align:center; }
.pagetopWrapper p.pagetop { width:1000px; text-align:right; margin:0 auto 0 auto; padding:0px; }
*:first-child+html p.pagetop { width:1000px; text-align:right; margin:0 auto -6px auto; padding:0px; }
.CopyrightWrapper { background:url(images/copyrightBg.gif) repeat-x bottom; color:#FFFFFF; height:25px; line-height:25px;}
.Copyright { width:1000px; margin:0 auto; text-align:left; font-size:10px; color:#3a885e; }