@charset "utf-8";
html                {  background:#FCFBF8 url(../images/bg01.jpg) 0px 0px repeat-x; }
body                { margin:0; padding:0; background:#FCFBF8 url(../images/bg01.jpg) 0px 0px repeat-x; }
body                { font-size: 12px;  color: #666666;  line-height: 180%;  font-family:'メイリオ','Meiryo,sans-serif','ＭＳ Ｐゴシック','Osaka'; }
*html body          { font-family:'ＭＳ Ｐゴシック','Osaka';}
*html body          { margin:0; padding:0; background:#FCFBF8 url(../images/bg01.jpg) 0px 0px repeat-x; }
*:first-child+html body          { margin:0; padding:0; background:#FCFBF8 url(../images/bg01.jpg) 0px 0px repeat-x; } 

.clear           	{ clear: both; visibility: hidden; height: 0; }

a:link			    { color:#3399FF; text-decoration:underline;}
a:visited	    	{ color:#3399FF; text-decoration:underline;}					
a:hover		    	{ color: #FF6600; text-decoration:none;}
a:active	    	{ color: #FF6600; text-decoration:none;}

p                   { text-align:left;  margin: 0px; padding: 0px;}

.align_center       { text-align:center; }

.margin_btm10	    { margin-bottom : 10px; }
.margin_btm20	    { margin-bottom : 20px; }
.margin_btm30	    { margin-bottom : 30px; }
.margin_btm40	    { margin-bottom : 40px; }
.margin_btm50	    { margin-bottom : 50px; }


img	                { border: 0; }

ul                  { list-style-type:none; margin:0; padding:0; }




/*------------------------------------------------------------------------
layout
--------------------------------------------------------------------------*/

#layout             { display: block; width: 950px; margin-right: auto;	margin-left: auto;	padding: 0px; }

*html #layout       { display: block; width: 950px; margin:0 auto 0 auto; padding: 0px; }


/*------------------------------------------------------------------------
head
--------------------------------------------------------------------------*/

#head                { display: block; height: 51px; width: 950px; background-image: url(../images/head.jpg); background-repeat: no-repeat; margin: 0px; position:relative; }
#head h1             { display:block; text-align:left; color:#787878; font-size:10px; margin:0; padding:20px 0 0 0; font-weight:normal; }


/*------------------------------------------------------------------------
main menu
--------------------------------------------------------------------------*/

#menu                  { display: block; background-image: url(../images/headmenu.jpg); background-repeat: no-repeat; width: 950px; height: 199px; margin:0; padding:0; position:relative; }

#menu a	            { display:block; text-decoration: none; outline: none; text-indent:-9999px; }

#menu #rogo a	        { display:block; width: 310px; height:150px; top:0px; left:0px; position:absolute; }

#main_menu                  { display:block; background:url(../images/main_menu.jpg) 0px 0px no-repeat; width:630px; height:121px; top:36px; left:319px; position:absolute; }
#main_menu ul               { list-style-type: none; padding: 0; margin: 0; height:121px; overflow: hidden; }
#main_menu li               { float:left;	display:block;}

#main_menu01 a				{ background: url(../images/main_menu.jpg) 0px 0px no-repeat;  width: 144px; height:121px; text-indent:-9999px;  }
#main_menu02 a  			{ background: url(../images/main_menu.jpg) -144px 0px no-repeat;  width: 108px; height:121px; text-indent:-9999px; }
#main_menu03 a				{ background: url(../images/main_menu.jpg) -252px 0px no-repeat;  width: 122px; height:121px; text-indent:-9999px; }
#main_menu04 a				{ background: url(../images/main_menu.jpg) -374px 0px no-repeat;  width: 131px; height:121px; text-indent:-9999px; }
#main_menu05 a				{ background: url(../images/main_menu.jpg) -505px 0px no-repeat;  width: 125px; height:121px; text-indent:-9999px; }

#main_menu01 a:hover		{ background: url(../images/main_menu.jpg) -630px 0px no-repeat; }
#main_menu02 a:hover   		{ background: url(../images/main_menu.jpg) -774px 0px no-repeat; }
#main_menu03 a:hover		{ background: url(../images/main_menu.jpg) -882px 0px no-repeat; }
#main_menu04 a:hover		{ background: url(../images/main_menu.jpg) -1004px 0px no-repeat; }
#main_menu05 a:hover   		{ background: url(../images/main_menu.jpg) -1135px 0px no-repeat; }

.pankuzu                { display: block; padding:5px 0 5px 5px; width:680px; text-align:left; margin:0 0 5px 0; font-size: 85%; }
   
*html #main_menu            { margin: -1px auto 0 auto; }
   


/*------------------------------------------------------------------------
----2column layout----
--------------------------------------------------------------------------*/

#container					 { width: 950px; margin: 0 auto 30px auto; } 
#container_left				 { width: 300px; float: left; margin:0; }  
#container_right			 { width: 630px; float: right; margin:0; } 



/*------------------------------------------------------------------------
container_left
--------------------------------------------------------------------------*/

#information   { display:block; width:590px; height:210px; border:1px solid #252C67; }
#bn01 a        { display:block; background:url(../images/bn01.jpg) 0px 0px no-repeat; width:290px; height:162px; text-decoration:none; text-indent:-9999px; margin:0 auto; }
#bn01 a:hover  { background:url(../images/bn01.jpg) -290px 0px no-repeat; text-decoration:none; }

#aisatu  { display:block; width:300px; margin:0 auto 10px auto; color:#993366; text-align:center; }

#link    { display:block; width:283px; margin:0 auto 20px auto; }
#link ul { list-style-type:none; margin:0; padding:0; }
#link li { display:block; margin:0 0 5px 7px; background:url(../images/arrow.jpg) 0px 7px no-repeat; padding:0 0 0 12px; }



/*------------------------------------------------------------------------
container_right
--------------------------------------------------------------------------*/

#main_image        { display:block; width:630px; height:380px; margin: 0 auto; }

#info     { display:block; border:1px solid #DCCEBB; width:628px; height:300px; margin:0 auto 30px auto; } 

.annai    { display:block; width:630px; margin:0 0 0 0; }
.imgph    { display:block; width:74px; height:74px; float:left; }
.txtarea  { display:block; width:538px; float:right; }
.syousai a{ display:block; background:url(../images/syosai.jpg) 0px 0px no-repeat; width:155px; height:28px; text-indent:-9999px; text-decoration:none; float:right; }
.syousai a:hover { background:url(../images/syosai.jpg) -155px 0px no-repeat; text-indent:-9999px; text-decoration:none; }



/*------------------------------------------------------------------------
TOIAWASE
--------------------------------------------------------------------------*/

#toi_bn  { display:block; width:525px; height:277px; margin:0 auto 30px auto; }


/*------------------------------------------------------------------------
pagetop
--------------------------------------------------------------------------*/


.pagetop a        { display:block; background:url(../images/pagetop.jpg) 0px 0px no-repeat; width:120px; height:19px; float:right; text-indent:-9999px; margin:20px 0 0 0; padding:0 0 30px 0; }
.pagetop a:hover  { background:url(../images/pagetop.jpg) -120px 0px no-repeat; text-decoration:none; }


/*------------------------------------------------------------------------
footer
--------------------------------------------------------------------------*/

#footer           { display: block; background:url(../images/footer_bg.jpg) 0px 0px repeat-x; height:157px; padding: 43px 0 0 0; text-align:center; min-width: 950px; width:auto;  }

#footer_area      { display:block; width:950px; height:157px; text-align:center; padding:0 0 15px 0; margin:0 auto; color:#FFFFFF; }
#footer_menu      { width:890px; margin:0 auto 0 auto;  }
#footer_menu a    { color:#FFFFFF; }
#footer_menu ul   { list-style-type:none; margin:0; padding:0; text-align:center; }
#footer_menu li   { float:left; border-right:1px solid #F0F0F0; padding:0px 10px 0 10px; line-height:1.1; margin:10px 0 0 0; }
#footer_menu li.rt{ float:left; border-right:none; padding:0px 10px 0 10px; line-height:1.1; margin:10px 0 0 0; }

#footer #copy    { width:850px; float:right; text-align:left; padding:30px 0 20px 0; } 
#copyright        { width:650px; float:right; text-align:right; padding:10px 0; }
