@charset "utf-8";
/* CSS Document */

html                { background-color: #FFF;}
body                { background-color: #FFF; margin: 0px; padding: 0px; background:url(../images/bg.jpg) 0px 0px repeat-x;  }
body                { font-size: 12px;  color: #333333;  line-height: 170%;  font-family:'メイリオ','Meiryo,sans-serif','ＭＳ Ｐゴシック','Osaka'; }
*html body          { font-family:'ＭＳ Ｐゴシック','Osaka';}


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

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



/*------------------------------------------------------------------------
Clear
--------------------------------------------------------------------------*/


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

/*------------------------------------------------------------------------
Link
--------------------------------------------------------------------------*/

a:link			    { color:#0066CC; text-decoration:none;}
a:visited	    	{ color:#006699; text-decoration:none;}					
a:hover		    	{ color:#0066CC; text-decoration:underline;}
a:active	    	{ color:#0066CC; text-decoration:none;}



/*------------------------------------------------------------------------
H1,P
--------------------------------------------------------------------------*/


p                   { text-align: left; margin:0; padding:0; }
h1,h2,h3,h4,h5      { visibility:hidden; font-size:6px; font-weight:normal; margin:0; }


/*------------------------------------------------------------------------
Form
--------------------------------------------------------------------------*/

form                { margin: 0px;	padding: 0px;}
.gray              { border:1px solid #CCC; }

/*------------------------------------------------------------------------
Img
--------------------------------------------------------------------------*/

img	                { border: 0; }
.imgover            {}


/*------------------------------------------------------------------------
Font
--------------------------------------------------------------------------*/

.font_bold          { font-weight:bold; }
.fontcolor_999      { color:#999;}
.small_txt          { font-size:10px; }

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

.margin_top5	    { margin-top : 5px; }
.margin_top10	    { margin-top : 10px; }
.margin_top20	    { margin-top : 20px; }
.margin_top30	    { margin-top : 30px; }
.margin_top40	    { margin-top : 40px; }

.margin_btm10	    { margin-bottom : 10px; }
.margin_btm20	    { margin-bottom : 20px; }
.margin_btm30	    { margin-bottom : 30px; }
.margin_btm40	    { margin-bottom : 40px; }

.margin_left10	    { margin-left : 10px; }
.margin_left20	    { margin-left : 20px; }
.margin_left30	    { margin-left : 30px; }

.margin_right10	    { margin-right : 10px; }
.margin_right20	    { margin-right : 20px; }
.margin_right30	    { margin-right : 30px; }

.margin_both10	    { margin-top : 10px; margin-bottom : 10px; }
.margin_auto        { margin:0 auto;}


/*------------------------------------------------------------------------
Space
-------------------------------------------------------------------------*/

.space10         { display:block; height:10px; }
.space20         { display:block; height:20px; }
.space30         { display:block; height:30px; }
.space40         { display:block; height:40px; }
.space50         { display:block; height:50px; }


/*------------------------------------------------------------------------
color
--------------------------------------------------------------------------*/

.color_red		    { color:#B11425; } 

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

.pagetop              { display:block ; width:650px ; padding: 20px 5px 5px 0 ; text-align:right ; font-size:90% ; color:#EEE;}
.pagetop a:hover      { text-decoration:none; }



/*------------------------------------------------------------------------
Form
--------------------------------------------------------------------------*/

form                { margin: 0px; padding: 0px; }
input               { margin: 2px 5px 2px 2px; }
select              { margin: 2px 5px 5px 2px;}


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

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

.clearfix { display: inline-table; }

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



/*------------------------------------------------------------------------
Layout
--------------------------------------------------------------------------*/

#layout             { display: block; width: 900px; margin:0 auto; padding: 0px; background:#FFFFFF; }



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

#head                      { display: block; height: 69px;	width: 900px; background:url(../images/head.jpg) 0px 0px no-repeat; margin: 0 auto 15px auto; }
#head a	                   { display:block; text-decoration: none; outline: none; }
#head_rogo a			   { display:block; width: 534px; height:69px; float: left; }
#hmenu                     { display:block; float:right; margin:0; width:320px; height:40px; }
#hmenu ul                  { display:block; list-style-type: none;   margin: 0 0 0 0; padding: 0; width:320px; height:40px;  }
#hmenu li                  { float:left; display:inline; margin:0; padding:0; }

#hmenu01 a                 { display:block; background:url(../images/hmenu.jpg) 0px 0px no-repeat; width:107px; height:40px; }             
#hmenu02 a                 { display:block; background:url(../images/hmenu.jpg) -107px 0px no-repeat; width:106px; height:40px; }             
#hmenu03 a                 { display:block; background:url(../images/hmenu.jpg) -213px 0px no-repeat; width:107px; height:40px; }             

#hmenu01 a:hover           { background:url(../images/hmenu.jpg) -320px 0px no-repeat; }             
#hmenu02 a:hover           { background:url(../images/hmenu.jpg) -427px 0px no-repeat; }             
#hmenu03 a:hover           { background:url(../images/hmenu.jpg) -533px 0px no-repeat; }             



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

#main_menu ul               {	list-style-type: none;	padding: 0;	margin: 0;}
#main_menu li               {	float:left;	display:inline;}

#main_menu                  { display: block; width: 900px; height: 100px; margin:0 auto ; background:url(../images/menu.jpg) 0px 0px no-repeat;}
#main_menu a	            { display:block; text-decoration: none; outline: none; height:65px;}
#main_menu01				{ background: url(../images/menu.jpg) 0px 0px no-repeat;  width: 113px; height:65px; }
#main_menu02   				{ background: url(../images/menu.jpg) -113px 0px no-repeat;  width: 112px; height:65px; }
#main_menu03				{ background: url(../images/menu.jpg) -225px 0px no-repeat;  width: 112px; height:65px; }
#main_menu04				{ background: url(../images/menu.jpg) -337px 0px no-repeat;  width: 112px; height:65px; }
#main_menu05				{ background: url(../images/menu.jpg) -449px 0px no-repeat;  width: 112px; height:65px; }
#main_menu06				{ background: url(../images/menu.jpg) -561px 0px no-repeat;  width: 112px; height:65px; }
#main_menu07				{ background: url(../images/menu.jpg) -673px 0px no-repeat;  width: 112px; height:65px; }
#main_menu08				{ background: url(../images/menu.jpg) -785px 0px no-repeat;  width: 115px; height:65px; }

#main_menu01 a:hover		{ background: url(../images/menu.jpg) -900px 0px no-repeat; }
#main_menu02 a:hover   		{ background: url(../images/menu.jpg) -1013px 0px no-repeat; }
#main_menu03 a:hover		{ background: url(../images/menu.jpg) -1125px 0px no-repeat; }
#main_menu04 a:hover		{ background: url(../images/menu.jpg) -1237px 0px no-repeat; }
#main_menu05 a:hover   		{ background: url(../images/menu.jpg) -1349px 0px no-repeat; }
#main_menu06 a:hover		{ background: url(../images/menu.jpg) -1461px 0px no-repeat; }
#main_menu07 a:hover		{ background: url(../images/menu.jpg) -1573px 0px no-repeat; }
#main_menu08 a:hover		{ background: url(../images/menu.jpg) -1685px 0px no-repeat; }

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


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


.pankuzu                     { display: block; width: 900px; text-align: left; margin: 0px; text-decoration:none; padding: 7px 0 0 10px; }
.pankuzu a                   { color: #0066CC; text-decoration:underline;}
.pankuzu a:hover             {	color: #0066CC;	text-decoration:none;}


/*------------------------------------------------------------------------
main flash
--------------------------------------------------------------------------*/


#flash_area                  { display:block ; width:900px ; height:366px ; margin: 0; }


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

#container					 { display:block; width: 900px; margin: 0 auto; background:#FFFFFF; } 
#containerL		    		 { display:block; width: 650px; float: left; margin:0;}  
#containerR     			 { display:block; width: 230px; float: right; text-align: left; margin:0; } 

#title                       { display:block; margin:0 0 20px 0; }

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

#containerLb                 { display:block; width:630px; margin:0 auto 20px auto; }
.containerLb_im              {
	display:block;
	width:150px;
	margin:0 5px 0 0;
	float:left;
}
.containerLb_txt             {
	display:block;
	width:465px;
	float:right;
	line-height:1.6;
}
.syousai a                   {
	display:block;
	width:115px;
	height:31px;
	background:url(../images/syosai01.jpg) 0px 0px no-repeat;
	margin:10px 0 5px 350px;
}
.syousai a:hover             { background:url(../images/syosai01.jpg) -115px 0px no-repeat; text-decoration:none; }
#s_tit01                     { display:block; background:url(../images/stit01.jpg) 0px 0px no-repeat; width:650px; height:48px; }
.s_tit01_nabi                { display:block; background:url(../images/arrow01.gif) 3px 8px no-repeat; padding:5px 0 0 15px; width:150px; float:right; } 
#containerL .whatsNew {
	width: 650px;
	overflow: auto;
	overflow-x:hidden;
	height: 503px;
}
#containerL .whatsNew .topicsBox {
	width: 630px;
}


#pickup ul                   { list-style-type:none; margin:0; padding:0; }
#pickup li                   { display:inline; width:317px; height:140px; float:left; margin:0 10px 10px 0; }
#pickup li.right             { display:inline; width:317px; height:140px; float:right; margin:0 0 10px 0; }
#pickup a                    { text-decoration:none; }

#pickup01 a                  { display:block; background:url(../images/b_bn01.jpg) 0px 0px no-repeat; width:317px; height:140px; }
#pickup02 a                  { display:block; background:url(../images/b_bn02.jpg) 0px 0px no-repeat; width:317px; height:140px; }
#pickup03 a                  { display:block; background:url(../images/b_bn03.jpg) 0px 0px no-repeat; width:317px; height:140px; }
#pickup04 a                  { display:block; background:url(../images/b_bn04.jpg) 0px 0px no-repeat; width:317px; height:140px; }

#pickup01 a:hover            { background:url(../images/b_bn01.jpg) -317px 0px no-repeat; }
#pickup02 a:hover            { background:url(../images/b_bn02.jpg) -317px 0px no-repeat; }
#pickup03 a:hover            { background:url(../images/b_bn03.jpg) -317px 0px no-repeat; }
#pickup04 a:hover            { background:url(../images/b_bn04.jpg) -317px 0px no-repeat; }


#main               { display:block; margin:10px 0 20px 0; }
#main #title        { display:block; width:650px; margin:0 0 30px 0; }
#main .stit         { display:block; background:url(../images/obi01.jpg) 0px 0px no-repeat; width:630px; height:26px; margin:0 0 30px 0; padding:5px 0 0 20px; font-size:14px; font-weight:bold; }


/*------------------------------------------------------------------------
container_right
--------------------------------------------------------------------------*/

#movie                        { display:block; margin:0 0 15px 0; }
#bn01 a                       { display:block; background:url(../images/r_bn01.jpg) 0px 0px no-repeat; width:230px; height:135px; margin:0 0 15px 0; }               
#bn02 a                       { display:block; background:url(../images/r_bn02.jpg) 0px 0px no-repeat; width:230px; height:120px; margin:0 0 15px 0; }               
#bn03 a                       { display:block; background:url(../images/r_bn03.jpg) 0px 0px no-repeat; width:230px; height:120px; margin:0 0 15px 0; }               
#bn04 a {
	background-image: url(../images/b_bn05.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 120px;
	width: 230px;
	margin-bottom: 15px;
}
#bn05  a {
	background-image: url(../images/b_bn06.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 120px;
	width: 230px;
	margin-bottom: 15px;
}
#bn06 a { 
	background-image: url(../images/b_bn07.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 120px;
	width: 230px;
	margin-bottom: 15px;
}


#bn01 a:hover                 { background:url(../images/r_bn01.jpg) -230px 0px no-repeat; text-decoration:none; }
#bn02 a:hover                 { background:url(../images/r_bn02.jpg) -230px 0px no-repeat; text-decoration:none; }
#bn03 a:hover                 { background:url(../images/r_bn03.jpg) -230px 0px no-repeat; text-decoration:none; }
#bn04 a:hover,#bn05 a:hover,#bn06 a:hover {
	background-position: -230px 0px;
}

#member_tit a  {
	background-image: url(../images/loguin.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 29px;
	width: 230px;
	background-position: 0px 0px;
	text-indent: -9999px;
}

#member_tit a:hover {
	background-position: -230px 0px;
}



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

.pagetop                      { display:block ; width:650px ; padding: 10px 0 5px 0 ; text-align:right ; font-size:90% ;}

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

#footer                       { display: block; background:url(../images/footer_bg.gif) 0px 0px repeat-x; height: 320px; margin: 50px 0 0 0;  } 
#footer_box                   { display:block; width:900px; margin:0 auto; } 

#foot_rogo                    { display:block; background:url(../images/rogo_s.gif) 0 30px no-repeat; width:900px; margin:0px auto; padding:30px 0 0 0; height:60px;  }
#foot_rogo_txt                { display:block; margin:0 0 0 150px; font-size:10px; color:#7A828B;  }

.foot_line                      { width:900px; margin:20px auto 0 auto; }

#footer_C				{ width: 900px; margin:0 auto 0 auto; font-size:10px; color:#7A828B; line-height:1.8; padding:20px 0 20px 0; } 
#footer_C a				{ color:#7A828B; } 

#footer_C_left			{
	width: 560px;
	float: left;
	text-align:left;
}  
#footer_C_right			{ width: 270px; float: right; text-align:left; line-height:2.2; } 

/*-----Link------*/

.footer_C_left_l        { width:140px; float: left; text-align:left; }
.footer_C_left_l ul     { list-style-type:none; margin:0; padding:0; }
.footer_C_left_l li     { display:block; background:url(../images/arrow01.gif) 0px 6px no-repeat; padding:0 0 0 12px; margin:3px; }
.footer_C_left_l li a   { font-size:10px; }


.mail a                         { text-decoration:underline; }
.mail a:hover                   { text-decoration:none; } 


/*------------------------------------------------------------------------
copyright
--------------------------------------------------------------------------*/
#copyright						{ display:block; width : 360px; padding: 0px; margin: 10px 0 0 0; float:right;}
#copyright p					{ text-align: right; font-family:Arial, Helvetica, sans-serif; }