@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:#000099;
		text-decoration:none;
}
a:hover,
a:active,
#left-col .le-co2 a:hover,
#left-col .le-co2 a:active{
		color:#F66;
		text-decoration:underline;
}

#left-col .le-co2 a{
		color:#333;
		text-decoration:none;
}


/*コンテンツ*/
#content,#header2,#top-img2,#footer2,#gra-navi{
	width:900px;
}

#content{
	padding-top:0px;
	padding-bottom:0px;
	overflow:hidden;
	font-size:130%;
}

/*header*/
#header{
	height:100px;
	padding-top:0px;
	background-color:#FFFFFF;	
}


/*img*/
#top-img{
	background-color:#FFFFFF;
}

/*グランドナビゲーション*/

#gra-navi ul{
	overflow:hidden;
}


#gra-navi ul li{
	display:inline;
}


#gra-navi a   {     
    height: 80px;   
    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: 180px; 
	background: url(img/navi1.png) no-repeat;
}   
#gra-navi .gnavi02 a  {
	width: 180px; 
    background: url(img/navi2.png) no-repeat;   
}   
#gra-navi .gnavi03 a  {
	width: 180px; 
    background: url(img/navi3.png) no-repeat; 
}   
#gra-navi .gnavi04 a  {
	width: 180px; 
    background: url(img/navi4.png) no-repeat;   
}   
#gra-navi .gnavi05 a  {
	width: 180px; 
    background: url(img/navi5.png) no-repeat;   
}


#gra-navi a:hover {
    background-position: 0 -80px;   
}


/*left-col*/
#left-col{
	width:280px;
	float:left;
	
}

#left-col .le-co1{
	background-image:url(img/left1.png);
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top:5px;
	color:#FFF;
	height:40px;
	line-height:30px;
}

#left-col .le-co2{
	background-image:url(img/left2.png);
	background-repeat:no-repeat;
	padding-left:40px;
	padding-top:5px;
	color:#333;
	height:40px;
	line-height:30px;
}

#pr-link{
	padding:15px;
	font-size: 11px;
	line-height: 1.2em;
}

#pr-link p{
	padding-top:10px;
}

#pr-link a{
	color:#669966;
	text-decoration: underline;
}

#pr-link a:hover,
#pr-link a:active{
	color:#09C;
}

/*right-col*/
#right-col{
	width:590px;
	float:left;
	padding-left:30px;
}

.ri-txt{
	padding:5px 5px 20px 5px;
}

#right-col .re-dt1{
	background-image:url(img/right2.jpg);
	background-repeat:no-repeat;
	height:50px;
	padding-left:20px;
	line-height:50px;
	color:#FFF;
	
}

#right-col .re-dt2{
	background-image:url(img/right3.jpg);
	background-repeat:no-repeat;
	height:50px;
	padding-left:20px;
	line-height:50px;
}

#right-col .re-dd{
	width:170px;
	background-color:#F3F3F3;
	height:200px;
	padding:10px;
}

#right-col div{
	float:left;
	width:190px;
	padding:10px 0;
	margin-left:5px;
}

/*point.html*/
.po1{
	font-size:120%;
	color:#f4a460;
	padding-top:10px;
}

.po2{
	font-size:120%;
	color:#3cb371;
	padding-top:10px;
}

.po3{
	font-size:120%;
	color:#009900;
	padding-top:10px;
}

/*link.html*/
.linkshu{
	padding-bottom:10px;
}

.linkshu a{
	font-size:110%;
	color:#C6F;
}

.linkshu a:hover,
.linkshu a:active{
	color:#FCF;
}



/*footer*/
#footer{
	clear:both;
	height:100px;
	background-color:#ffcc99;
	color:#000000;
	padding-top:20px;
	font-size:130%;
}

#footer p{
	text-align:center;
	line-height:2.5em;
}#footer_link_box {
	padding: 10px;
	clear: both;
	width: 880px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	font-size: 11px;
	background-color: #FFFFCC;
}