/**************************************************************************************************
�ythemesCSS�z�h�L�������g( doc )
**************************************************************************************************/
* {
	/* $doc_fontFamily$ */font-family: 'MS Gothic', 'OsakaMono', Osaka, sans-serif;/* /$doc_fontFamily$ */
	/* $doc_fontSize$ */font-size: medium;/* /$doc_fontSize$ */
	/* $doc_color$ */color: #transparent;/* /$doc_color$ */
}
body {
	/* $doc_backgroundColor$ */background-color: #transparent;/* /$doc_backgroundColor$ */
	/* $doc_backgroundImage$ */background-image: none;/* /$doc_backgroundImage$ */
	/* $doc_backgroundPosition$ */background-position: top left;/* /$doc_backgroundPosition$ */
	/* $doc_backgroundRepeat$ */background-repeat: repeat;/* /$doc_backgroundRepeat$ */
	/* $doc_borderColor$ */border-color: #transparent;/* /$doc_borderColor$ */
	/* $doc_borderStyle$ */border-style: none;/* /$doc_borderStyle$ */
	background-attachment: scroll;
	border-width: 1px;
}

/**************************************************************************************************
�ythemesCSS�z���C���p���b�g( mainPalette )
**************************************************************************************************/
div.main div.palette {
	/* $mainPalette_backgroundColor$ */background-color: #transparent;/* /$mainPalette_backgroundColor$ */
	/* $mainPalette_borderColor$ */border-color: #000000;/* /$mainPalette_borderColor$ */
	/* $mainPalette_borderStyle$ */border-style: none;/* /$mainPalette_borderStyle$ */
	/* $mainPaletteBody_fontFamily$ */font-family: 'MS Gothic', 'OsakaMono', Osaka, sans-serif;/* /$mainPaletteBody_fontFamily$ */
	/* $mainPaletteBody_fontSize$ */font-size: medium;/* /$mainPaletteBody_fontSize$ */
	/* $mainPaletteBody_color$ */color: #000000;/* /$mainPaletteBody_color$ */
	border-width: 1px;
}
div.main div.palette h1 {
	/* $mainPaletteHeader_backgroundColor$ */background-color: #transparent;/* /$mainPaletteHeader_backgroundColor$ */
	/* $mainPaletteHeader_borderColor$ */border-color: #000000;/* /$mainPaletteHeader_borderColor$ */
	/* $mainPaletteHeader_borderStyle$ */border-style: solid;/* /$mainPaletteHeader_borderStyle$ */
	/* $mainPaletteHeader_color$ */color: #000000;/* /$mainPaletteHeader_color$ */
	/* $mainPaletteHeader_fontFamily$ */font-family: 'MS Gothic', 'OsakaMono', Osaka, sans-serif;/* /$mainPaletteHeader_fontFamily$ */
	/* $mainPaletteHeader_fontSize$ */font-size: medium;/* /$mainPaletteHeader_fontSize$ */
	/* $mainPaletteHeader_fontStyle$ */font-style: ;/* /$mainPaletteHeader_fontStyle$ */
	/* $mainPaletteHeader_fontWeight$ */font-weight: bold;/* /$mainPaletteHeader_fontWeight$ */
	/* $mainPaletteHeader_textAlign$ */text-align: left;/* /$mainPaletteHeader_textAlign$ */
	/* $mainPaletteHeader_textTransform$ */text-transform: ;/* /$mainPaletteHeader_textTransform$ */
	border-width: 1px;
}

/**************************************************************************************************
�ythemesCSS�z�T�u�p���b�g( subPalette )
**************************************************************************************************/
div.sub div.palette {
	/* $subPalette_backgroundColor$ */background-color: #transparent;/* /$subPalette_backgroundColor$ */
	/* $subPalette_borderColor$ */border-color: #000000;/* /$subPalette_borderColor$ */
	/* $subPalette_borderStyle$ */border-style: none;/* /$subPalette_borderStyle$ */
	/* $subPaletteBody_fontFamily$ */font-family: 'MS Gothic', 'OsakaMono', Osaka, sans-serif;/* /$subPaletteBody_fontFamily$ */
	/* $subPaletteBody_fontSize$ */font-size: medium;/* /$subPaletteBody_fontSize$ */
	/* $subPaletteBody_color$ */color: #000000;/* /$subPaletteBody_color$ */
	border-width: 1px;
}
div.sub div.palette h1 {
	/* $subPaletteHeader_backgroundColor$ */background-color: #transparent;/* /$subPaletteHeader_backgroundColor$ */
	/* $subPaletteHeader_borderColor$ */border-color: #000000;/* /$subPaletteHeader_borderColor$ */
	/* $subPaletteHeader_borderStyle$ */border-style: solid;/* /$subPaletteHeader_borderStyle$ */
	/* $subPaletteHeader_color$ */color: #000000;/* /$subPaletteHeader_color$ */
	/* $subPaletteHeader_fontFamily$ */font-family: 'MS Gothic', 'OsakaMono', Osaka, sans-serif;/* /$subPaletteHeader_fontFamily$ */
	/* $subPaletteHeader_fontSize$ */font-size: medium;/* /$subPaletteHeader_fontSize$ */
	/* $subPaletteHeader_fontStyle$ */font-style: ;/* /$subPaletteHeader_fontStyle$ */
	/* $subPaletteHeader_fontWeight$ */font-weight: bold;/* /$subPaletteHeader_fontWeight$ */
	/* $subPaletteHeader_textAlign$ */text-align: left;/* /$subPaletteHeader_textAlign$ */
	/* $subPaletteHeader_textTransform$ */text-transform: ;/* /$subPaletteHeader_textTransform$ */
	border-width: 1px;
}

/**************************************************************************************************
�ythemesCSS�z�����N( link )
**************************************************************************************************/
a {
	/* $link_color$ */color: transparent;/* /$link_color$ */
}
a:active {
	/* $linkActive_color$ */color: transparent;/* /$linkActive_color$ */
}
a:visited {
	/* $linkVisited_color$ */color: transparent;/* /$linkVisited_color$ */
}
a:hover {
	/* $linkHover_color$ */color: transparent;/* /$linkHover_color$ */
}

/**************************************************************************************************
�ythemesCSS�z�J�X�^��
**************************************************************************************************/
/* $custom_css$ */
/**************************************************************************************************
Custom CSS : common
**************************************************************************************************/
body {
	line-height: 16px;
	margin: 15px 0px;
	padding: 0px;
	background-color: #FFFFFF;
	color: #666666;
	background-image: url(../../themes/user_201002201324251500000001/images/bg.gif);
	background-repeat: repeat-y;
	background-position: center;
}
body *  {
	font-size: 12px;
	font-family: HGPｺﾞｼｯｸM;
}
* html body{padding-left:1px;} /* css hack "centering background-image" for IE (until ver.6) */
*+html body{padding-left:1px;} /* css hack "centering background-image" for IE (ver.7) */
a {
	color: #0033FF;
	text-decoration: none;
}
a:hover {
	color: #FF6600;
}
img {
	border: 0px;
}
h1,h2,h3,h4,p {
	margin: 0px; padding: 0px;
}
td,th {
	font-size: 12px;
	line-height: 16px;
	color: #666666;
}



/**************************************************************************************************
Custom CSS : base
**************************************************************************************************/
#docwrap {
	width: 750px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#demo01_head {
	overflow: hidden;
	padding: 0px;
	width: 720px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}
* html #demo01_head{width:719px;} /* css hack "centering background-image" for IE (until ver.6) */
*+html #demo01_head{width:719px;} /* css hack "centering background-image" for IE (ver.7) */
#demo01_navi {
	margin: 0px;
	width: 165px;
	padding-top: 0px;
	padding-right: 14px;
	padding-bottom: 0px;
	padding-left: 30px;
}
#demo01_navi img {
	vertical-align: top;
}
#demo01_navi li {
	padding: 0px;
	list-style-type: none;
	margin: 0px;
}
#demo01_navi ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#demo01_main {
	border-left: #D1D1D3 4px solid;
	width: 510px;
	padding-right: 10px;
	padding-left: 11px;
}
#demo01_foot {
	overflow: hidden;
	padding: 0px;
	width: 720px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}
* html #demo01_foot{width:719px;} /* css hack "centering background-image" for IE (until ver.6) */
*+html #demo01_foot{width:719px;} /* css hack "centering background-image" for IE (ver.7) */



/**************************************************************************************************
Custom CSS : color
**************************************************************************************************/
.demo01 .cyan {color: #6699CC;}
.demo01 .blue {color: #0066FF;}
.demo01 .brown {color: #663300;}
.demo01 .orange {color: #FF6600;}
.demo01 .eme {color: #669999;}
.demo01 .yellow {color: #FFCC00;}
.demo01 .red {color: #FF3300;}
.demo01 .redbrown {color: #990000;}
.demo01 .green {color: #009900;}
.demo01 .pink {color: #FF6666;}
.demo01 .lpink {color: #FF9999;}
.demo01 .pinkred {color: #FF3399;}
.demo01 .greyell {color: #99CC00;}
.demo01 .dgreen {color: #006600;}
.demo01 .gray {color: #CCCCCC;}
.demo01 .sky {color: #99CCFF;}



/**************************************************************************************************
Custom CSS : margin
**************************************************************************************************/
.demo01 .mgn1 {margin-bottom: 1px;}
.demo01 .mgn3 {margin-bottom: 3px;}
.demo01 .mgn5 {margin-bottom: 5px;}
.demo01 .mgn10 {margin-bottom: 10px;}
.demo01 .mgn12 {margin-bottom: 12px;}
.demo01 .mgn15 {margin-bottom: 15px;}
.demo01 .mgn20 {margin-bottom: 20px;}
.demo01 .mgn30 {margin-bottom: 30px;}
.demo01 .mgn10up {margin-top: 10px;}
.demo01 .mgn15up {margin-top: 15px;}
.demo01 .mgnud10 {margin: 10px 0px;}



/**************************************************************************************************
Custom CSS : layout
**************************************************************************************************/
.demo01 .floleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
.demo01 .floright {float: right; margin-bottom: 5px; margin-left: 5px;}
.demo01 .clear {clear: both;line-height: 0px;height: 0px;}

.demo01 .box {
	margin: 0px;
	padding: 0px 0px 25px;
}

.demo01 .dotline {
	line-height: 10px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #999999;
	margin-top: 15px;
}
.demo01 .sidewaku {
	padding: 9px;
	border: 1px solid #999999;
}
.demo01 .crewaku {
	background-color: #f7f1ed;
	padding: 5px;
}
.demo01 .bggray {
	background-color: #e7e7e9;
	padding: 10px;
}
.demo01 .bgpink {
	background-color: #ffdbdb;
	padding: 10px;
}
.demo01 .bggreen {
	background-color: #e8f3dc;
	padding: 10px;
}
.demo01 .bgyel {
	background-color: #ffebbe;
	padding: 10px;
}
.demo01 .wakubrown {
	padding: 10px;
	border: 1px solid #996633;
}

.demo01 .sec {
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-bottom: 15px;
}
.demo01 .facewaku {
	background-color: #d4eded;
	padding: 10px;
}
.demo01 .qa {
	font-size: 14px;
	font-weight: bold;
	color: #CC6600;
}
.demo01 .sec a {
	text-decoration: underline;
}
/* /$custom_css$ */