/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background:url(http://www.ssiblog.com/makeit/img/body_bk.gif) repeat-y center top #FFFFFF;
	text-align: center;
	width: 100%;
}

/* header ---------------------------------------------- */

#header{ 
	margin: 0 auto;
	background:url(http://www.ssiblog.com/makeit/img/head_bk.gif) repeat-x left top;
	text-align:center;
}

/* contents ---------------------------------------------- */

#content{
	width:750px;
	height:100%;
	background-color: #FFFFFF;
}

#maincontent{
	width:520px;
	float:right;
	margin-top: 3px;
}

a:link { color: #0D5276;text-decoration: none; }
a:visited { color: #0D5276;text-decoration: none; }
a:hover { color: #FA3616;text-decoration: underline; }
a:active { color: #FA3616;text-decoration: none; }

p#title {margin: 0;}

/* left ---------------------------------------------- */

#globalnavi{
	width:230px;
	margin-top: 3px;
	margin-left: 0px;
	float:left;
}

/* side menu ---------------------------------------------- */

.sb {}

.sb ul { 
	margin: 0; 
	padding :0; 
	list-style-type : none; 
}

.sb li { 
	padding :0; 
	margin:0; 
}

.sb a {
	background-image:url(http://www.ssiblog.com/makeit/img/maru_glay.gif); 
	text-decoration:none;
	background-repeat:no-repeat;
	padding-left:15px; 
	font-size:14px;
	lign-height:180%;
	font-weight: bold;
	color:#0E589D; 
	margin:1px 0px;
	height:1.5em;
}

.sb a:hover {
	background-image:url(http://www.ssiblog.com/makeit/img/maru_glay.gif);
	text-decoration:underline;
	background-repeat:no-repeat; 
	font-size:14px; 
	font-weight: bold;
	lign-height:180%;
	color:#FF7F00;
	margin:1px 0px;
	padding-left:15px;
	height:1.5em;
}

/* box  ---------------------------------------------- */

#check{
	width:505px;
	height:350px;
	background-image:url(http://www.ssiblog.com/makeit/img/check.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom:15px;
}

.check{
	padding:85px 20px 5px 35px;
	text-align: left;
	font-size:13px;
	line-height:135%;
	color:#333333;
}

#toi{
	width:230px;
	background-color: #E8E8E8;
}

.toi{
	padding:15px;
	text-align: left;
	font-size:13px;
	line-height:130%;
	color:#333333;
}

.toi1 {
	width:200px;
	height:40px;
	background:url(http://www.ssiblog.com/makeit/img/toi2.gif) no-repeat center;
	}

.toi1 a {
	display:block;
	width:200px;
	height:40px;
	outline:none;
	}

.toi1 a:hover {text-indent:-9999px;}




/* font ---------------------------------------------- */

TD{font-size:13px;line-height:130%;color:#333333;}
.t13{font-size:13px;line-height:130%;color:#333333;}
.t15{font-size:16px;line-height:150%;color:#007A8C;font-weight: bold;}
.t16{font-size:16px;line-height:150%;color:#006AAD;font-family: "ＭＳ Ｐ明朝", "細明朝体";font-weight: bold;}
.t16g{font-size:16px;line-height:150%;color:#009001;font-family: "ＭＳ Ｐ明朝", "細明朝体";font-weight: bold;}


/* banner ---------------------------------------------- */

.linkbunner {
 margin-top: 5px;
 margin-bottom: 5px;
  }

.bn1 {
	width:505px;
	height:100px;
	background:url(http://www.ssiblog.com/makeit/img/bn_make_ov.gif) no-repeat bottom center;
	}

.bn1 a {
	display:block;
	width:505px;
	height:100px;
	font-size:1px;
	line-height:1px;
	outline:none;
	}

.bn1 a:hover {text-indent:-9999px;}

.bn2 {
	width:505px;
	height:100px;
	background:url(http://www.ssiblog.com/makeit/img/bn_micro_ov.gif) no-repeat bottom center;
	}

.bn2 a {
	display:block;
	width:505px;
	height:100px;
	font-size:1px;
	line-height:1px;
	outline:none;
	}

.bn2 a:hover {text-indent:-9999px;}

.bn3 {
	width:505px;
	height:100px;
	background:url(http://www.ssiblog.com/makeit/img/bn_tobu_ov.gif) no-repeat bottom center;
	}

.bn3 a {
	display:block;
	width:505px;
	height:100px;
	font-size:1px;
	line-height:1px;
	outline:none;
	}

.bn3 a:hover {text-indent:-9999px;}


/* footer --------------------------------------------- */

.hr_foot{
	border-top-style: dashed;
	border-top-color: #BFBFBF;
	width: 780px;
}

#footer {
	clear: both;
	background-image: url(http://www.ssiblog.com/makeit/img/foot_logo.gif);
	background-repeat: no-repeat;
	background-position: right;
	font-size: 0.8em;
	width: 750px;
	height:30px;
	padding-top: 15px;
	/*padding-bottom: 0.5em;*/
	padding-left: 20px;
}


#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#footer li {
	float: left;
	padding: 0.5em 0.5em 0;
}

#footer li a {
	padding-left: 12px;
	background-image: url(http://www.ssiblog.com/makeit/img/arrow_right.gif);
	background-position: center left;
	background-repeat: no-repeat;
}

.copy{
	padding-bottom: 10px;
	font-size: 12px;
	color: #666666;
	text-align: center;
}


/* menu --------------------------------------------- */
.menu1 {
	width:230px;
	height:30px;
	background:url(http://www.ssiblog.com/makeit/img/menu/menu_1ov.gif) no-repeat bottom center;
	}

.menu1 a {
	display:block;
	width:230px;
	height:30px;
	font-size:1px;
	line-height:1px;
	outline:none;
	}

.menu1 a:hover {text-indent:-9999px;}

.menu2 {
	width:230px;
	height:30px;
	background:url(http://www.ssiblog.com/makeit/img/menu/menu_2ov.gif) no-repeat bottom center;
	}

.menu2 a {
	display:block;
	width:230px;
	height:30px;
	font-size:1px;
	line-height:1px;
	outline:none;
	}

.menu2 a:hover {text-indent:-9999px;}

.menu3 {
	width:230px;
	height:30px;
	background:url(http://www.ssiblog.com/makeit/img/menu/menu_3ov.gif) no-repeat bottom center;
	}

.menu3 a {
	display:block;
	width:230px;
	height:30px;
	font-size:1px;
	line-height:1px;
	outline:none;
	}

.menu3 a:hover {text-indent:-9999px;}

.menu4 {
	width:230px;
	height:30px;
	background:url(http://www.ssiblog.com/makeit/img/menu/menu_4ov.gif) no-repeat bottom center;
	}

.menu4 a {
	display:block;
	width:230px;
	height:30px;
	font-size:1px;
	line-height:1px;
	outline:none;
	}

.menu4 a:hover {text-indent:-9999px;}

.menu5 {
	width:230px;
	height:30px;
	background:url(http://www.ssiblog.com/makeit/img/menu/menu_5ov.gif) no-repeat bottom center;
	}

.menu5 a {
	display:block;
	width:230px;
	height:30px;
	font-size:1px;
	line-height:1px;
	outline:none;
	}

.menu5 a:hover {text-indent:-9999px;}

.menu6 {
	width:230px;
	height:30px;
	background:url(http://www.ssiblog.com/makeit/img/menu/menu_6ov.gif) no-repeat bottom center;
	}

.menu6 a {
	display:block;
	width:230px;
	height:30px;
	font-size:1px;
	line-height:1px;
	outline:none;
	}

.menu6 a:hover {text-indent:-9999px;}

.menu7 {
	width:230px;
	height:30px;
	background:url(http://www.ssiblog.com/makeit/img/menu/menu_7ov.gif) no-repeat bottom center;
	}

.menu7 a {
	display:block;
	width:230px;
	height:30px;
	font-size:1px;
	line-height:1px;
	outline:none;
	}

.menu7 a:hover {text-indent:-9999px;}

.menu8 {
	width:230px;
	height:30px;
	background:url(http://www.ssiblog.com/makeit/img/menu/menu_8ov.gif) no-repeat bottom center;
	}

.menu8 a {
	display:block;
	width:230px;
	height:30px;
	font-size:1px;
	line-height:1px;
	outline:none;
	}

.menu8 a:hover {text-indent:-9999px;}