@charset "utf-8";



/* リセット */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;letter-spacing:0;}
h1,h2,h3,h4,h5{font-size:100%;}
ol,ul{list-style:none;}

/*共通 */
html{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","Osaka－等幅",sans-serif;
}

body{
	font-size:65%;
	color:#333333;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","Osaka－等幅",sans-serif;
	background-color:#FFF;
}

body div{margin:0 auto;
}


img{
	border-style:none;
}

a {
        color:#09F;
}
a:hover,
a:active {
		color:#096;
		text-decoration:none;
}



/*コンテンツ*/
#content,#header,#gra-navi,#top-img,#footer{
	width:900px;
}

#content{
	padding:20px 0 50px 0;
	overflow:hidden;
}

.line{
	background-color:#EFEFEF;
	height:5px;
}




/*header*/
#top-txt{
	font-size:120%;
	padding-left:50px;
	line-height:2.0em;
}

#header{
	padding:15px 0 25px 0;
}

/*グランドナビゲーション*/

#gra-navi ul{
	overflow:hidden;
}


#gra-navi ul li{
	display:inline;
	padding-top:10px;
	padding-bottom:10px;
}




#gra-navi a   {     
    height: 43px;   
    display: block;   
    text-indent: -9999px;   
    overflow: hidden;   
}   
#gra-navi:after   { height:0; visibility: hidden; content: "."; display: block; clear: both; }   
#gra-navi li  {   
    float: left;   
}   
#gra-navi .gnavi01 a  { 
	width: 150px; 
	background: url(img/navi1.jpg) no-repeat;
}   
#gra-navi .gnavi02 a  {
	width: 150px; 
    background: url(img/navi2.jpg) no-repeat;   
}   
#gra-navi .gnavi03 a  {
	width: 150px; 
    background: url(img/navi3.jpg) no-repeat; 
}   
#gra-navi .gnavi04 a  {
	width: 150px; 
    background: url(img/navi4.jpg) no-repeat;   
}   
#gra-navi .gnavi05 a  {
	width: 150px; 
    background: url(img/navi5.jpg) no-repeat;   
}
#gra-navi .gnavi06 a  {
	width: 150px; 
    background: url(img/navi6.jpg) no-repeat;   
} 

#gra-navi a:hover {
    background-position: 0 -46px;   
}



/*left-col*/
#left-col{
	float:left;
	width:200px;
}

#left-col img{
	padding-bottom:5px;
}

.left-line{
	border-top:#CCC dotted 1px;
	padding-top:10px;
}



/*right-col*/
#right-col{
	float:left;
	width:670px;
	padding-left:30px;
}

#right-col p{
	padding:10px 20px 20px 20px;
	font-size:130%;
	line-height:1.5em;
}

.color1{
	font-size:110%;
	color:#F99;
}

.sashikomipr{
	margin:0 20px 0 20px;
}

/*footer*/
#footer{
	clear:both;
}

#footer p{
	text-align:center;
	padding:20px 0 100px 0;
	font-size:120%;
	color:#33CC99;
}