/* CSS Document */

/* -------------------------------------------------------------------- */
/* ブラウザのデフォルトスタイルを殺す→全指定 */
/* -------------------------------------------------------------------- */
* {
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	color: #666666;
	background:transparent;
}

h1,h2,h3,h4,h5,h6,b,strong {
	font-weight: bold;
}

img {
	border: none;
}

hr.dotted {
	margin: 10px 0;
	border: dotted;
	color: #FFFFFF;
	border-width: 1px 0px 0px;
	border-color: #333333 black black;
	width: 150px;
}

a 			{ color: #46B3B5; text-decoration: underline; }
a:link		{ color: #46B3B5; text-decoration: underline; }
a:visited	{ color: #46B3B5; text-decoration: underline; }
a:active	{ color: #46B3B5; text-decoration: none;  }
a:hover		{ color: #46B3B5; text-decoration: none;  }

.nocss {
	display: none;
}

.nocssread {
	display: none;
}

/*
 Mac IE 5以外のブラウザは以下を読み込みます。
\*/
.nocssread {
	display: block;
	position:absolute;
	left:-9999px;
	width:9999px;
}
/*
 Mac IE 5以外のブラウザは以下を読み込みます。
*/

/* -------------------------------------------------------------------- */
/*　body部＝基本の設定です。 */
/* -------------------------------------------------------------------- */
html, body{
	margin:0;
	padding:0;
	text-align:center;
	background-color:#FFFFFF;
 	/*font-family:  "メイリオ", "Meiryo", verdana, arial, Helvetica, sans-serif, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka";*/
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	/*font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;*/
	color: #666666;
}

#top {
	width:932px;
	margin-top:14px;
	margin-bottom:14px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#maincol {
	width:544px;
	float:left;
}

#sidecol {
	width:362px;
	float:left;
}

#footer {
	margin: 0;
	padding: 40px 0 20px 0;
	width:100%;
	clear:left;
	font-size:0.8em;
	text-align: center;
	color: #707070;
}

/* -------------------------------------------------------------------- */


#sidecol .banner {
	text-align: right;
	margin: 20px 0 0 0;

}

#sidecol .catalog {
	background-color: #F3F3F3;
	margin: 50px 0 0 0;
	padding: 10px 0 10px 0;
}

#sidecol .catalog hr {
	clear: left;
	margin: 10px 20px 10px 20px;
	height: 2px;
	border: solid; 
	color: #C4C4C4;
	background-color: #C4C4C4;
}

#side_makerc {
	margin: 0 20px;
}

#side_makerc h2 {
	width: 306px;
	height: 28px;
	background-image: url(../img/h2_makerc.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

table.makerc {

}
table.makerc td {
	vertical-align:middle;
	font-size:0.8em;
}

#side_002 {
	margin: 0 20px;
}

#side_002 h2 {
	width: 306px;
	height: 28px;
	background-image: url(../img/h2_002.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#side_002 ul {
	width: 306px;
	list-style: none;
}

#side_002 li {
	float: left;
}

#side_002 .explain {
	clear: left;
	font-size: 0.8em;
}

#side_002 .explain ul {
	width: auto;
	list-style: disc inside;
	margin: 10px 0;
	padding: 0;
}
#side_002 .explain li {
	margin-right: 1em;
	float: none;
	display:inline;
}

#side_002 .explain2 {
	font-size: 0.8em;
}
#side_002 .explain2 ul {
	width: auto;
	list-style: disc inside;
	padding: 0;
}
#side_002 .explain2 li {
	margin-right: 1em;
	float: none;
	display:inline;
}

/*タグ表記の部分です*/
#side_003 {
	margin: 0 20px;
	font-size: 0.8em;
}

#side_003 h2 {
	width: 306px;
	height: 28px;
	background-image: url(../img/h2_003.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#side_003 ul {
	list-style: none;
}

#side_003 li {
	margin: 0 1em 0 0;
	display: inline;
	font-size: 0.8em;
}

#sidecol .catalog2 {
	background-color: #98B479;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
}

#sidecol .catalog2 .description {
	color: #FFFFFF;
	font-size: 0.8em;
	line-height: 160%;
}

#sidecol .catalog2 .description2 {
	margin: 0.8em 0 0 0;
	color: #666666;
	font-size: 0.8em;
	line-height: 160%;
}

#side_004 {
	margin: 0 20px;
}

#side_004 h2 {
	width: 306px;
	height: 28px;
	background-image: url(../img/h2_004.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#side_004 .description {
	line-height: 160%;
	color: #666666;
	font-size: 0.8em;
}

#side_004 .explain {
	margin: 10px 0 0 0;
	font-size: 0.8em;
}

#side_004 .explain2 {
	border-top: 1px dotted #999999;
	padding: 4px 0 0 0;
	font-size: 0.8em;
}

#side_004 .explain2 ul {
	width: auto;
	list-style: disc inside;
	margin: 10px 0;
	padding: 0;
}
#side_004 .explain2 li {
	/*float: left;*/
	display: inline;
	margin-right: 1em;
}


#side_005 {
	margin: 0 20px;
}

#side_005 h2 {
	width: 306px;
	height: 28px;
	background-image: url(../img/h2_005.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#side_005 ul {
	margin: 0;
	list-style: none;
}

#side_005 li {
	float: left;
	margin-top: 22px;
	margin-right: 10px;
}

#side_menu {
	margin: 0;
}

#side_menu h2 {
	width: 360px;
	height: 28px;
	background-image: url(../img/h2_menu.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#side_menu ul {
	width: 100%;
	list-style: none;
}

#side_menu li {
	padding: 1px 0 1px 40px;
	margin: 1px 0;
	font-size: 0.8em;
	font-weight: bold;
	background-image: url(../img/bg_r_menu.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

#side_menu a 			{ color: #FFFFFF; font-weight: bold; text-decoration: underline; }
#side_menu a:link		{ color: #FFFFFF; font-weight: bold; text-decoration: underline; }
#side_menu a:visited	{ color: #FFFFFF; font-weight: bold; text-decoration: underline; }
#side_menu a:active		{ color: #FFFFFF; font-weight: bold; text-decoration: none;  }
#side_menu a:hover		{ color: #FFFFFF; font-weight: bold; text-decoration: none;  }

/* -------------------------------------------------------------------- */