@charset "UTF-8";

*{
margin:0;
padding:0;
}

body{
margin:0;
/*background-image:url('../img/bg.gif');*/
/*background-repeat: repeat-y;*/
background-color:#ffffff;
font-size:10px;
_font-size:62.5%;
line-height:1.6;
/*font-family: "ＭＳ 明朝", "ヒラギノ明朝 Pro W3", "細明朝体", "平成明朝", "ＭＳ Ｐ明朝";*/
font-family: "ＭＳ ゴシック", Osaka, "ヒラギノゴシック W5", "中ゴシック体",  "ＭＳ Ｐゴシック";
color:#000;
height:100%;
}

h1,h2,h3,h4,h5{
margin:0;
padding:0;
}

img{
border:0;
}

ul,li{
margin:0px;
padding:0px;
}


.fnt12{font-size:1.2em;}
.fnt14{font-size:1.4em;}
.fnt15{font-size:1.5em;}
.fnt16{font-size:1.6em;}
.fnt18{font-size:1.8em;}


.pen{
background-color:#ff0;
padding:2px;
}

.red{color:#cc6600;}
.blue{color:#0000ff;}
.green{color:#006600;}

.bold{
font-weight:bold;
}


a:link{color:#0000ff;text-decoration:underline;}
a:visited{color:#0000ff;text-decoration:underline;}
a:hover{color:#330066;text-decoration:underline;}
a:active{color:#330066;text-decoration:underline;}

br.clr{
clear:both;
}

.mb10{
margin-bottom:10px;
}


/*clearfixハック
------------------------------------------------------------ */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block; min-height: 1%;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/*共通　骨組
------------------------------------------------------------ */
/*トップメイン画像*/
#top_img{
	clear:both;
	width:760px;
	margin:0px auto;
}


#wrap{
position:relative;
margin:0px auto;
padding:0px;
width:800px;
background-image:url('../img/bg2.gif');
min-height:100%;
}

*html div#wrap{
height:100%;
}


#container{
width:760px;
margin:0px auto;

}

/*seo対策用文字*/
#lead{
height:20px;
background-color:#f39800;
}


/*ヘッダー*/
#header{
	width:760px;
	height:93px;
	background-image:url('../img/hd_bg.gif');
}

#maincontents{
clear:both;
width:748px;
margin:20px auto 0px;
}

/*メインエリア*/
#contents{
width:500px;
float:left;
background-color:#cccccc;
}

/*ナビゲーションエリア*/
#navi{
width:220px;
float:left;
margin-left:10px;
background-color:#ffcccc;
}




/*共通
------------------------------------------------------------ */
#lead h1{
	font-size:1em;
	color:#ffffff;
	padding:0px 0px 5px 10px;/*[上][右][下][左]*/
	font-weight:normal;
}

#hd_logo{
	width:363px;
	float:left;
}

#hd_right{
width:244px;
float:right;
margin:13px 9px 0 0;
}



#hd_link li{
}

#hd_link ul{
float:right;
margin:0;
padding:5px 0px 0px;
}

#hd_link li{
display:block;
float:left; 
}

/*ナビゲーションエリア
---------------------------------------*/
/*メニュー*/

#menu{
width:183px;
margin:10px auto 22px;
}

#menu ul{
padding:0px;
}
/*
#menu li{
list-style:none;
margin:0px;
padding:0px;
width:186px;
height:30px;
}
*/


#menu2{
width:183px;
margin:10px auto 22px;
}


#menu2 ul{
padding:0px;
}

ul#menu2 li{
list-style:none;
margin:0px;
padding:0px;
width:183px;
height:39px;
}

#navigation{
width:200px;
float:right;
background:url('../img/bg_t2.gif') top right no-repeat;
}


ul#menu li{
list-style:none;
margin:0px;
padding:0px;
width:183px;
height:39px;
}
/*
ul#menu li.t{
list-style:none;
margin:0px;
padding:0px;
width:180px;
height:32px;
}

*/

#area{
width:180px;
height:80px;
margin:10px auto;
background:url(../img/area_bg.gif) no-repeat;
}

#area_inner{
padding:35px 12px 0px;
font-size:1.2em;
line-height:1.5;
}



.bnr{
width:180px;
margin:0 auto 10px;
}

.bnr2{
width:180px;
margin:22px auto 0px;
}

.pagetop{
width:543px;
margin:10px 0px 0px;
text-align:right;
}



/*メインコンテンツ
---------------------------------------*/
#main{
float:left;
	width:543px;
	margin:0;
}

/*フッターコンテンツ
---------------------------------------*/

/*
#ft_main{
width:700px;
margin:auto;
}
*/


#footer{
clear:both;
width:760px;
background:#fff;
padding-top:8px;
margin-top:20px;
background-image:url('../img/ft_bg.gif');
background-repeat:repeat-x;
}

.footer_inner{
width:740px;
height:95px;
margin:auto 10px;
}

.ft_left{
	float:left;
	line-height:1.4;
	color:#056bb8;
	padding:15px 0;
}

.ft_right{
float:right;
}


#foot2{
background-color:#f39800;
width:760px;
font-size:1.2em;
line-height:1.2;
text-align:center;
color:#fff;
padding:10px 0px;
}

.footer_innner img{
float:right;
}