@charset "shift_jis";

* {
	font-family: Meiryo, 'メイリオ', 'Lucida Grande', Verdana, 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
}

/* ================ ページ本体 ================ */ 

body {
	margin: 0;
	padding: 0;
	color: #333333;
	text-align: center;
	background-image: url(../img/common/allBack.gif);
	width: 100%;
}

body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

a {
/*\*/
   overflow: hidden;
/**/
	text-decoration: none;
	color: #006699;
}
a:link {
	color: #006699;
}
a:visited {
	color: #006699;
}
a:active {
	text-decoration: underline;
	color: #006699;
}
a:hover {
	text-decoration: underline;
	color: #006699;
}

/* ================ コンテンツ全体 ================ */ 

.container {
    text-align: left;
    margin: 0 auto; /* center on everything else */
    width: 950px;
	background-image: url(../img/common/sp.gif);

}

/* ================ ヘッダー ================ */

.header {
	width: 950px;
	height: 100px;
	margin: 0;
	padding: 0;
	background: url(../img/common/headBack.gif) ;
	text-align: left;
}
.header h1 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	line-height:0;
	font-size: 10%;
}
.headbt {
	text-align: left;
}
.headbt ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.headbt1, .headbt1 a{
	display: block;
	width: 260px;
	height: 60px;
	text-indent: -9999px;
}
.headbt1 a:hover { background-position: 0 -60px}

.footer {
	clear: both;
	margin: 0;
	background-color: #353535;
	padding-top: 15px;
	padding-bottom: 5px;
	color: #FFFFFF;
}
.footer a{
	color: #FFFFFF;
}
.footercopy {
	margin-top: 15px;
	text-align: center;
}

/* ================ ログインボディ ================ */ 

.toploginbody {
	float: left;
	width: 950px;
}

.topmainbody {
	float: left;
	width: 950px;
}

.topbodyleft {
	float: left;
	width: 275px;
	text-align: left;
}

.topbodyright {
	float: right;
	width: 675px;
	text-align: left;
	padding: 0;
	margin: 0;
}
.subbodyright {
	float: right;
	width: 675px;
	text-align: left;
	padding: 0;
	margin: 0;
	background: #FFFFFF;
}


/* ================ ログイン ================ */ 
.toplogin {
	text-align: left;
	width: 250px;
	height: 200px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../img/toploginback.gif);
}
.toploginform {
	width: 230px;
	text-align:center;
	padding-top: 40px;
	padding-left: 10px;
	background-image: url(../img/common/sp.gif);
}
.toploginform-mail h3{
	width: 230px;
	height: 13px;
	margin: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../img/toploginmail.gif);
	text-indent: -9999px;
	line-height:0;
	font-size: 10%;
	
}
.toploginform-pass h3{
	width: 230px;
	height: 13px;
	margin: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../img/toploginpass.gif);
	text-indent: -9999px;
	
}
.toploginform-remind{
	margin-top: 5px;
	margin-bottom: 5px;
}
.toploginform-remind a{
	color: #FFFFFF;
}
.toplogintxform {
	width: 220px;
	height: 18px;
}
.topregister {
	text-align: left;
	width: 250px;
	height: 100px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.topregister ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.topregisterbt, .topregisterbt a{
	display: block;
	width: 250px;
	height: 100px;
	background-image: url(../img/topregisterbt.gif);
	text-indent: -9999px;
}
.topregisterbt a:hover { background-position: 0 -100px}



/* ================ 左メニュー ================ */ 
.topleftmenu {
	text-align: left;
	width: 250px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../img/topmenuback.gif);
	background-position: top center;
	background-repeat: no-repeat;
}
.topleftmenu2 {
	text-align: left;
	width: 250px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../img/topmenu2back.gif);
	background-position: top center;
	background-repeat: no-repeat;
}
.topleftmenu ul, .topleftmenu2 ul{
	list-style: none outside;
	width: 240px;
	margin: 0;
	margin-left: 10px;
	padding: 0;
	padding-top: 40px;
}
.topleftmenu li, .topleftmenu2 li {
	margin: 0px;
	padding: 3px;
	background-image: url(../img/common/sp.gif);
}
.topleftmenubottom {
	width: 250px;
	height: 10px;
	background-image: url(../img/topmenubottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

/* ================ トップページ ================ */ 
.topabout{
	width: 675px;
	line-height: 150%;
	margin-top: 10px;
}
.topabout .topinfo{
	width: 655px;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #ffcc00;
	background: #fff5cc;
	
}
.topabout h3{
	width: 675px;
	height: 24px;
	font-size: 10%;
	background: url(../img/topabouttitle.gif) ;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	line-height:0;
	margin-top: 10px;
	margin-bottom: 5px;
}
.toptopics{
	width: 675px;
}
.toptopics h3{
	width: 675px;
	height: 24px;
	font-size: 10%;
	background: url(../img/toptopicstitle.gif) ;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	line-height:0;
	margin-top: 20px;
	margin-bottom: 5px;
}
.toptopics ul{
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
	list-style: none;
}
.toptopics li{
	padding-top: 5px;
	padding-bottom: 5px;
	background: url(../img/toptopicsline.gif) ;
	background-position:bottom;
	background-repeat:no-repeat;
}
.toptopics .strong{
	background-color: #f0f0cc;
	padding: 5px;
}
.toptopics .date{
	color: #FF6600;
	margin-right: 20px;
	float: left;
}
.leftsubmenu {
	text-align: left;
	width: 250px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../img/common/leftSubMenuTitle.gif);
	background-position: top center;
	background-repeat: no-repeat;
}
.leftsubmenu ul {
	list-style: none outside;
	width: 240px;
	margin: 0;
	margin-left: 10px;
	padding: 0;
	padding-top: 40px;
}
.leftsubmenu li {
	margin: 0px;
	padding: 3px;
	background-image: url(../img/common/sp.gif);
}
.leftmenubottom {
	width: 250px;
	height: 10px;
	background-image: url(../img/topmenubottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

/* ================ 素材カテゴリページ ================ */ 

/* ================ 設置解説ページ ================ */ 

/* テーブルセット *************************************/ 

table.greenbox{
    border-top: solid 1px #caca92;
    border-left: solid 1px #caca92;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}

.greenbox th{
    border-right: solid 1px #caca92;
    border-bottom: solid 1px #caca92;
	color:#996600;
    background-color:#f0f0cc;
    background-image: url(../img/common/greenboxback.gif);
    background-position:left top;
	text-align: center;
}
.greenbox td{
    border-right: solid 1px #caca92;
    border-bottom: solid 1px #caca92;
	text-align: center;
}