@charset "euc-jp";
html                { background-color: #FFFFFF;}
body                { background-color: #FFFFFF;	background-image: url(../images/bg01.jpg);	background-repeat: repeat-x;	margin: 0px;	padding: 0px;}
body                { font-size: 10pt;  color: #666666;  line-height: 160%;  font-family:'£Í£Ó £Ð¥´¥·¥Ã¥¯','Osaka';}


em                  { font-size: 5px;	visibility: hidden;}

.clear           	{ clear: both; visibility: hidden; height: 0; }

#layout             { display: block;	width: 790px; margin-right: auto;	margin-left: auto;	padding: 0px; background:url(../images/bg02.jpg) 0px 0px repeat-y;}

a:link			    {	color:#0000EE;	text-decoration:none;}
a:visited	    	{	color:#990000;	text-decoration:none;}					
a:hover		    	{	color:#FFCC00;	text-decoration:underline;}
a:active	    	{	color:#FF0000;	text-decoration:none;}

h1                  { color: #FFFFFF ; margin-top: 5px;  font-size:1px ; font-weight:normal ; }
p                   { text-align: left; }
p                   { margin: 0px;	padding: 0px;}
img	                { border: 0; }

.align_right        { text-align: right; }
.align_left         { text-align: left; }
.align_center         { text-align: center; }

.font_bold          { font-weight:bold; }





/*------------------------------------------------------------------------
margin
--------------------------------------------------------------------------*/

.margin_top5	    { margin-top : 5px; }
.margin_top10	    { margin-top : 10px; }
.margin_btm10	    { margin-bottom : 10px; }
.margin_both10	    { margin-top : 10px; margin-bottom : 10px; }
.margin_btm30	    { margin-bottom : 30px; }
.margin_left30	    { margin-left : 30px; }


/*------------------------------------------------------------------------
head
--------------------------------------------------------------------------*/

#head                      { display: block; background:url(../images/head.jpg) 0px 0px no-repeat; height: 100px;	width: 790px;}
#head ul                   { list-style-type: none;   margin: 0; padding: 0;}
#head li                   { display:block; float:left; display:inline; }
#head a	                   { display:block; text-decoration: none; outline: none; color:#ffffff ;}
#head_rogo a			   { width: 320px;	height:100px;	float: left;	text-align: left;}


/*------------------------------------------------------------------------
main menu
--------------------------------------------------------------------------*/

#main_menu                  { display: block; background-image: url(../images/menu_bg.jpg);	background-repeat: no-repeat; text-align:center; width: 790px; height: 33px;}
#main_menu                  { padding:12px 0 0 0; font-size:12px; }
#main_menu a                { display:block; outline: none; }
#main_menu ul               { list-style-type: none; padding: 0; margin:0 auto 0 auto; width:690px; }
#main_menu li               { float:left; display:inline; padding:0 12px 0 12px;}



*html #main_menu            { margin: -1px 0 0 0; }


/*------------------------------------------------------------------------
pankuzu
--------------------------------------------------------------------------*/


.pankuzu                     { display: block;	padding: 1px;	width: 720px;	text-align: left;	margin: 0px; font-size: 85%;  color: #333;	text-decoration:none; padding: 0 0 10px 0; }
.pankuzu a                   { color: #CC6666; text-decoration:none;}
.pankuzu a:hover             {	color: #FF6600;	text-decoration:none;}


/*------------------------------------------------------------------------
main image
--------------------------------------------------------------------------*/


#main_area                  { display:block ; width:790 ; height:458 ; margin: 0; }

#botan_box     { display:block; margin:15px auto 10px auto; padding:0; width:764px; height:78px; }
#botan_box ul  { list-style-type:none; margin:0; padding:0; }
#botan_box li  { display:block; display:inline; float:left; width:375px; height:78px; }
#botan_box li.r{ display:block; display:inline; float:right; width:375px; height:78px; }


#botan01 a        { display:block; background:url(../images/btn01.jpg) 0px 0px no-repeat; width:375px; height:78px; text-indent:-9999px; }
#botan02 a        { display:block; background:url(../images/btn02.jpg) 0px 0px no-repeat; width:375px; height:78px; text-indent:-9999px; }
#botan03 a        { display:block; background:url(../images/btn030.jpg) 0px 0px no-repeat; width:375px; height:78px; text-indent:-9999px; }

#botan01 a:hover  { background:url(../images/btn01.jpg) 0px -78px no-repeat; text-decoration:none; }
#botan02 a:hover  { background:url(../images/btn02.jpg) 0px -78px no-repeat; text-decoration:none; }
#botan03 a:hover  { background:url(../images/btn030.jpg) 0px -78px no-repeat; text-decoration:none; }


/*------------------------------------------------------------------------
2column layout
--------------------------------------------------------------------------*/

.container					 { display:block; width: 790px; margin: 0 0 20px 0; } 
.container_left				 { display:block; width: 378px; float: left; margin:0 0 0 10px;}  
.container_right			 { display:block; width: 378px; float: right; text-align: left; margin:0 10px 0 0; } 

* html .container_left		 { display:block; width: 378px; float: left; margin:0 10px 0 6px;}
* html .container_right		 { display:block; width: 378px; float: right; text-align: left; margin:0 8px 0 0; } 


/*------------------------------------------------------------------------
container_left/right
--------------------------------------------------------------------------*/

.stit                        { display:block; width:378px; margin:0 0 10px 0;}
.stit_topmargin15            { display:block; width:378px; margin:15px 0 10px 0;}
.frame_box                   { display:block; width:378px; border:1px solid #E4E7E9; }
.frame_box_list              { display:block;}
.frame_box_list ul           { list-style-type:none; margin:0; padding:0;}
.frame_box_list li           { display:inline; width:160px ; margin:2px 0 0 5px; padding:0 0 0 15px; background:url(../images/arrow01.gif) 0px 0px no-repeat; float:left; }
.frame_box_list li a        { color:#3366FF; } 


.frame_box01                   { display:block; width:378px; border:1px solid #E4E7E9; }
.frame_box01_list              { display:block; font-size:12px; }
.frame_box01_list ul           { list-style-type:none; margin:0; padding:0;}
.frame_box01_list li           { display:inline; width:160px ; margin:2px 0 0 5px; padding:0 0 0 15px; background:url(../images/arrow01.gif) 0px 0px no-repeat; float:left; }
.frame_box01_list li a        { color:#3366FF; } 


/*------------------------------------------------------------------------
pagetop
--------------------------------------------------------------------------*/

.pagetop a                    { display:block ; width:560px ; padding: 10px 0 20px 0 ; text-align:right ; font-size:90% ; color:#3366FF;}
.pagetop a:visited            { color:#3366FF;} 
.pagetop a:hover            { color:#3366FF;}


/*------------------------------------------------------------------------
footer
--------------------------------------------------------------------------*/

#footer                     { display: block;	height: 120px;	padding: 0px;	margin: 30px 0 0 0;	text-align: center; }

#footer_menu                { display: block; background:url(../images/footmenu_bg.gif) 9px 0 no-repeat; text-align:center; width: 790px; height: 33px;}
#footer_menu                  { padding:10px 0 0 0; font-size:12px; }
#footer_menu a                { display:block; outline: none; }
#footer_menu ul               { list-style-type: none; padding: 0; margin:0 auto 0 auto; width:690px; }
#footer_menu li               { float:left; display:inline; padding:0 12px 0 12px;}


/*------------------------------------------------------------------------
copyright
--------------------------------------------------------------------------*/
#copyright						{ display:block; width : 790px; padding: 10px 0 0 0; text-align: center; font-size: 90%; margin: 0px auto 0px auto;}
#copyright p					{ text-align: center;	color: #333;}
#copyright a                    { color:#3366FF; }
#copyright a:hover		    	{ color:#3366FF;	text-decoration:underline;}
#copyright a:visited	    	{ color:#3366FF;	text-decoration:none;}					
#copyright a:active	         	{ color:#FF0000;	text-decoration:none;}



/*------------------------------------------------------------------------
clearfix
--------------------------------------------------------------------------*/

/* clearfix \*/

.frame_box:after {
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.frame_box {
	display: inline-block;
	margin-top: 0px;
}

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


/* End clearfix \*/