@charset "utf-8";
/* CSS Document */

/*@font-face      {
        font-family: WebFont;
        src: url('http://valse.lolipop.jp/photo_on_photo/font/A-OTF-ShinGoPro-Regular.otf') format("opentype");
        }*/


html{


}


body{
color:#4D4D4D;
line-height:1.55;

font-size:12px;
/*font-family:"WebFont","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;*/
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;

background-color:#262626;

padding:0px;
margin:0px;
}



#wrapper{
width:100%;

background-image:url(../img/base/body_bg.gif);
background-repeat:repeat-x;
background-position:top;

background-color:#FFFFFF;
}


#contents{
width:940px;
margin:auto;
}



#header{
height:65px;
padding-top:65px;

}


#header ul{
list-style-type:none;
margin:0px;
padding:0px;
}


#header ul li a{
font-size:0px !important;
margin:0px;
padding:0px;
cursor:pointer;
float:left;
}

#header ul li{
float:left;
}




#site_id a{
width:362px;
height:57px;
background-image:url(../img/g_navi/site_id.png);
background-repeat:no-repeat;
background-position:10px -2px;
float:left;
}



#method a{
width:115px;
height:57px;
background-image:url(../img/g_navi/g_navi_1.png);
background-repeat:no-repeat;
background-position:center 12px;
float:left;
}


#method a:hover{
background-image:url(../img/g_navi/g_navi_1_o.png);
}


#test a{
width:115px;
height:57px;
background-image:url(../img/g_navi/g_navi_2.png);
background-repeat:no-repeat;
background-position:center 12px;
float:left;
}


#test a:hover{
background-image:url(../img/g_navi/g_navi_2_o.png);
}


#blog a{
width:115px;
height:57px;
background-image:url(../img/g_navi/g_navi_3.png);
background-repeat:no-repeat;
background-position:center 12px;
float:left;
}


#blog a:hover{
background-image:url(../img/g_navi/g_navi_3_o.png);
}


#bbs a{
width:115px;
height:57px;
background-image:url(../img/g_navi/g_navi_4.png);
background-repeat:no-repeat;
background-position:center 12px;
float:left;
}

#bbs a:hover{
background-image:url(../img/g_navi/g_navi_4_o.png);
}


#about a{
width:115px;
height:57px;
background-image:url(../img/g_navi/g_navi_5.png);
background-repeat:no-repeat;
background-position:center 12px;
float:left;
}

#about a:hover{
background-image:url(../img/g_navi/g_navi_5_o.png);
}





/*


	  <ul>
		<li id="site_id"><a href="#"></a></li>
		<li class="method"><a href="#"></a></li>
		<li class="test"><a href="#"></a></li>
	    <li class="blog"><a href="#"></a></li>
        <li class="bbs"><a href="#"></a></li>
        <li class="about"><a href="#"></a></li>
	  </ul> 


#header ul{
margin:0px;
padding:0px;
list-style:none;
}

#header ul li{
font-size:0px !important;
margin:0px;
padding:0px;
float:left
}



#header ul li a{
font-size:0px !important;
margin:0px;
padding:0px;
cursor:pointer;
float:left
}


#site_id{
width:362px;
height:57px;
background-image:url(../img/g_navi/site_id.png);
background-repeat:no-repeat;
background-position:10px 0px;
float:left;
}

#site_id a{
}


#space_l{
width:8px;
height:90px;
background-image:url(../img/g_navi/space_l.png);
background-repeat:no-repeat;
background-position:top left;
float:left
}

.space_m{
width:18px;
height:90px;
background-image:url(../img/g_navi/space_m.png);
background-repeat:no-repeat;
background-position:top left;
float:left
}

#space_r{
width:8px;
height:90px;
background-image:url(../img/g_navi/space_r.png);
background-repeat:no-repeat;
background-position:top left;
float:left
}



/* a jax CSS hover
-------------------------------------------------*/

	/* BEGIN CSS */
/*
	.method {
		position:relative;
		display:block;
		height: 90px;
		width: 85px;
		background:url(../img/g_navi/g_navi_1.png) 0 0 no-repeat;
	}
	
		.method2 {
		position:relative;
		display:block;
		height: 90px;
		width: 85px;
		background:url(../img/g_navi/g_navi_1_o.png) 0 0 no-repeat;
	}
	
	
	.method * {
	  display: none;
	}
	
	.method span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 90px;
		width: 85px;
		background:url(../img/g_navi/g_navi_1_o.png) 0 0 no-repeat;
	}








	.category{
		position:relative;
		display:block;
		height: 90px;
		width: 85px;
		background:url(../img/g_navi/g_navi_2_o.png) 0 0 no-repeat;
	}
	
	
		.category2{
		position:relative;
		display:block;
		height: 90px;
		width: 85px;
		background:url(../img/g_navi/g_navi_2.png) 0 0 no-repeat;
	}
	
	
	
	.category * {
	  display: none;
	}
	
	.category span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 90px;
		width: 85px;
		background:url(../img/g_navi/g_navi_2.png) 0 0 no-repeat;
	}




	.archive{
		position:relative;
		display:block;
		height: 90px;
		width: 85px;
		background:url(../img/g_navi/g_navi_3_o.png) 0 0 no-repeat;
	}
	
		.archive2{
		position:relative;
		display:block;
		height: 90px;
		width: 85px;
		background:url(../img/g_navi/g_navi_3.png) 0 0 no-repeat;
	}
	
	
	.archive * {
	  display: none;
	}
	
	.archive span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 90px;
		width: 85px;
		background:url(../img/g_navi/g_navi_3.png) 0 0 no-repeat;
	}





	.tags{
		position:relative;
		display:block;
		height: 90px;
		width: 85px;
		background:url(../img/g_navi/g_navi_4_o.png) 0 0 no-repeat;
	}
	
		.tags2{
		position:relative;
		display:block;
		height: 90px;
		width: 85px;
		background:url(../img/g_navi/g_navi_4.png) 0 0 no-repeat;
	}
	
	
	.tags * {
	  display: none;
	}
	
	.tags span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 90px;
		width: 85px;
		background:url(../img/g_navi/g_navi_4.png) 0 0 no-repeat;
	}




	.profile{
		position:relative;
		display:block;
		height: 90px;
		width: 85px;
		background:url(../img/g_navi/g_navi_5_o.png) 0 0 no-repeat;
	}
	
	
		.profile2{
		position:relative;
		display:block;
		height: 90px;
		width: 85px;
		background:url(../img/g_navi/g_navi_5.png) 0 0 no-repeat;
	}
	
	
	.profile * {
	  display: none;
	}
	
	.profile span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 90px;
		width: 85px;
		background:url(../img/g_navi/g_navi_5.png) 0 0 no-repeat;
	}
	
	
	
	
	
	
		.about{
		position:relative;
		display:block;
		height: 90px;
		width: 85px;
		background:url(../img/g_navi/g_navi_6_o.png) 0 0 no-repeat;
	}
	
	
			.about2{
		position:relative;
		display:block;
		height: 90px;
		width: 85px;
		background:url(../img/g_navi/g_navi_6.png) 0 0 no-repeat;
	}
	
	
	
	.about * {
	  display: none;
	}
	
	.about span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 90px;
		width: 85px;
		background:url(../img/g_navi/g_navi_6.png) 0 0 no-repeat;
	}*/

















#bread_navi{
background-image:url(../img/base/bread_navi_bg.gif);
background-repeat:repeat-x;
background-position:top;
height:35px;
text-align:right;
font-size:10px;
}


#bread_left{
	float:left;
	width:810px;
	padding-top:12px;
	margin:0px;
}

#bread_right{
float:left; 
width:130px;
padding:0px;
margin:0px;
}



#pagebody{
padding:0px 0px 25px 0px;
}


#pagebody_left{
width:220px;
padding:8px 0px 0px 0px;
float:left;
}

#pagebody_right{
width:720px;
float:right;
}

#pagebody_contents{
padding:20px 0px 0px 20px;
line-height:1.7
}


#footer_wrapper{
width:100%;

color:white;

font-size:10px;
text-align:center;

border-top:#CCCCCC solid 1px;
}


#footer{
width:100%;
padding:15px 0px;
margin:0px auto 15px auto;
background-color:#FFFFFF;
color:#333333;
}


#footer img{
margin:0px 15px;
}

#copyright{
padding-bottom:8px;
}