/* *****************************************************************

 title : kaneta-site common css
 author : http://idyll.jp
 date : 2007/04/03
 modify : 
 
- *************************************************************** */

body {
    margin: 0;
	border: 0;
	text-align: center;
	background-image: url(../image/common/back.jpg);
	background-repeat: repeat-x;
}

#container {
	width: 750px;
	margin: 0 auto;
	text-align: left;
}

#build{
   	margin-top: 10px;
	width: 750px;
	clear: both;
	text-align: left;
}

/* -+-+-+-+-+- header Style */

#globalnav {
	margin: 0;
	padding: 0;
	height: 48px;
	width: 750px;	
	background:url(../image/common/nav_bg.jpg) no-repeat;
}

#globalnav ul {
    width: 750px;
	margin: 0;
	padding: 0;
}

#globalnav li {
    display: inline;
    list-style-type: none;
	margin: 0;
	padding: 0;
}

#globalnav li a {
    text-decoration:none;
	height: 48px;	
	display: block;
	text-indent: -9877em;	
	font-size: 65%;
	float: left;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#globalnav li.g_navi00 a {
     background:url(../image/common/nav.jpg) no-repeat;
     width:282px;
}

#globalnav li.g_navi00 a:hover {
     background:url(../image/common/nav.jpg) no-repeat 0px -48px;
}

#globalnav li.g_navi01 a {
     background:url(../image/common/nav.jpg) no-repeat -282px -0px;
     width:114px;
}

#globalnav li.g_navi01 a:hover {
     background:url(../image/common/nav.jpg) no-repeat -282px -48px;
}

#globalnav li.g_navi02 a {
     background:url(../image/common/nav.jpg) no-repeat -396px 0px;
     width:114px;
}

#globalnav li.g_navi02 a:hover {
     background:url(../image/common/nav.jpg) no-repeat -396px -48px;
}

#globalnav li.g_navi03 a {
     background:url(../image/common/nav.jpg) no-repeat -510px 0px;
     width:114px;
}

#globalnav li.g_navi03 a:hover {
     background:url(../image/common/nav.jpg) no-repeat -510px -48px;
}

#globalnav li.g_navi04 a {
     background:url(../image/common/nav.jpg) no-repeat -624px 0px;
     width:126px;
}

#globalnav li.g_navi04 a:hover {
     background:url(../image/common/nav.jpg) no-repeat -624px -48px;
}

/* -+-+-+-+-+- Info Navi Style ---index only /height 55px/*/

#infonavi{
    margin: 0;
	clear: both;
	height: 39px;
	width: 137px;
	padding: 16px 0px 0px 613px;	
}

#infonavi ul {
    width: 137px;
	margin: 0;
	padding:0;
	background:url(../image/common/infonav_bg.jpg) no-repeat ;
}

#infonavi li {
    list-style-type:none;
	margin: 0;
	height: 17px;
	display:inline;
}

#infonavi li a {
    text-decoration:none;
	height: 17px;	
	display: block;
	float: left;
	text-indent: -9999em;
	font-size: 65%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#infonavi li.i_navi00 a {
     background:url(../image/common/infonav.jpg) no-repeat;
     width:72px;
}

#infonavi li.i_navi00 a:hover {
     background:url(../image/common/infonav.jpg) no-repeat 0px -17px;
}

#infonavi li.i_navi01 a {
     background:url(../image/common/infonav.jpg) no-repeat -72px -0px;
     width:47px;
}

#infonavi li.i_navi01 a:hover {
     background:url(../image/common/infonav.jpg) no-repeat -72px -17px;
}

/* -+-+-+-+-+- Footer Style */

#footer{
	border-bottom: 1px solid #cccccc;	
	height: 50px;
	width: 750px;
	background: url(../image/common/footer.jpg) no-repeat;
	margin: 0;
	padding: 0;	
}

#footnavi{
    margin: 0;
	padding: 20px 15px 0px 15px;
	width: 720px;
}

#footnavi li {
    display: inline;
    list-style-type: none;	
}

#footnavi a{
    height: auto;
	letter-spacing: 0.1em;
	display: block;
	text-decoration: none;
	font-size: 75%;
	float: left;
	padding-right: 10px;		
}

#footnavi a:hover{
	color: #666666;
	text-decoration: none;
}

.mark{
	margin-right: 0.7em;
	border: none;
	float: left;
	padding-top: 2px;
}

.help{
	vertical-align: middle;
	float: left;
}

p.copyright{
	font-size: 65%;
	letter-spacing: 0.05em;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	text-align: right;
	margin: 0;
	padding: 0;
}

/* -+-+-+-+-+- back to TOP Style */

.top{
    margin-top: 50px;
	margin-bottom: 20px;
	padding-right: 5px;
	text-align: right;
	color: #999999;
	clear: both;
}

.top a{
    padding-left: 3px;
}

/* -+-+-+-+-+- Font Style */

.type{
    font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック", Osaka, sans-serif;
	color: #999999;
}

h1{
	font-size: 100%;
	letter-spacing: 0.1em;	
	margin-top: 0px;
	margin-bottom: 1px;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック", Osaka, sans-serif;
}

h2{
	letter-spacing: 0.05em;	
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 75%;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック", Osaka, sans-serif;
	line-height: 1.5em;
}

p{
	font-size: 75%;
	line-height: 1.5em;
	color: #666666;
	margin-top: 0;
	margin-bottom: 0;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-weight: normal;
	letter-spacing: 0.05em;	
}

a{
    color:#666666;
	text-decoration:none;
}

a:hover{
	color:#999999;
	text-decoration:none;
}

/* -+-+-+-+-+- img Style */

.img{
    margin: 0;
	padding: 0;
	border:none;
}

/* -+-+-+-+-+- spacer Style */

.clpd{
   clear:both;
   padding: 0;
}

.mb5{
   clear: both;
   padding: 0;
   margin-bottom: 5px;
}

.mb10{
   clear: both;
   padding: 0;
   margin-bottom: 10px;
}

.mb15{
   margin-bottom: 15px;
   clear: both;
   padding: 0;
}

.mb20{
   margin-bottom: 20px;
   clear: both;
   padding: 0;
}

.mb50{
   clear: both;
   padding: 0;
   margin-bottom: 50px;
   padding: 0;
}

.mtb10{
   clear: both;
   padding: 0;
   margin: 10px 0px;
}

.mt3{
   margin-top: 3px;
   padding: 0;
}

.mt5{
   margin-top: 5px;
   padding: 0;
}

.mtml0{
    margin-left: 0;
	margin-top: 0;
}

.mp0{
    margin: 0;
	padding: 0;
}