@charset "utf-8";
html                { background-color: #FFFFFF; }
body                { margin:0; padding:0; background:#FFFFFF url(../top_img/bg.jpg) no-repeat center 0px; }
body                { font-size: 12px; color: #333333; line-height: 165%; font-family:'メイリオ','Meiryo,sans-serif','ＭＳ Ｐゴシック','Osaka'; }
*html body          { font-family:'ＭＳ Ｐゴシック','Osaka';}

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

a:link			    { color:#333; text-decoration:none;}
a:visited	    	{ color:#333; text-decoration:none;}					
a:hover		    	{ color: #990000; text-decoration:none;}
a:active	    	{ color: #333; text-decoration:none;}

h1                  { color: #FFFFFF ; margin-top: 12px; font-size:1px; font-weight:normal; }

p                   { text-align:left;  margin: 0px; padding: 0px;}

.align_right        { text-align:right; } 
.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; }

form                { margin:0; }
input.line          { border:1px solid #C0C8D8; }


/*------------------------------------------------------------------------
layout
--------------------------------------------------------------------------*/

#layout             { display: block; width: 1000px; margin-right: auto;	margin-left: auto;	padding: 0px; }


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

#head              { display: block; height: 53px; width: 1000px; background-image: url(../top_img/head.jpg); background-repeat: no-repeat;margin: 0px; position:relative; }
#head a	           { display:block; text-decoration: none; outline: none;}

#head_rogo a	   { display:block; width:170px; height:53px; float: left; text-align: left; text-indent:-9999px;  }

#h_menu            { display:block; width:290px; height:10px; top:19px; left:708px; position:absolute; }
#h_menu ul         { list-style-type:none; margin:0; padding:0; }
#h_menu li         { float:left; display:block; }
#h_menu01 a        { background:url(../top_img/h_menu.jpg) 0px 0px no-repeat; width:60px; height:10px; text-indent:-9999px; }
#h_menu02 a        { background:url(../top_img/h_menu.jpg) -60px 0px no-repeat; width:99px; height:10px; text-indent:-9999px; }
#h_menu03 a        { background:url(../top_img/h_menu.jpg) -159px 0px no-repeat; width:72px; height:10px; text-indent:-9999px; }
#h_menu04 a        { background:url(../top_img/h_menu.jpg) -231px 0px no-repeat; width:59px; height:10px; text-indent:-9999px; }

#h_menu01 a:hover  { background:url(../top_img/h_menu.jpg) 0px -10px no-repeat; text-decoration:none; }
#h_menu02 a:hover  { background:url(../top_img/h_menu.jpg) -60px -10px no-repeat; text-decoration:none; }
#h_menu03 a:hover  { background:url(../top_img/h_menu.jpg) -159px -10px no-repeat; text-decoration:none; }
#h_menu04 a:hover  { background:url(../top_img/h_menu.jpg) -231px -10px no-repeat; text-decoration:none; }


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

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

#main_menu                  { display: block; background-image: url(../top_img/menu.jpg) 0px 0px no-repeat; width: 1000px; height: 30px; margin:0 auto; padding:0; }
#main_menu a	            { display:block; text-decoration: none; outline: none; height:30px; }
#main_menu01 a				{ background: url(../top_img/menu.jpg) 0px 0px no-repeat;  width: 167px; text-indent:-9999px;  }
#main_menu02 a  			{ background: url(../top_img/menu.jpg) -167px 0px no-repeat;  width: 167px; text-indent:-9999px; }
#main_menu03 a				{ background: url(../top_img/menu.jpg) -334px 0px no-repeat;  width: 167px; text-indent:-9999px; }
#main_menu04 a				{ background: url(../top_img/menu.jpg) -501px 0px no-repeat;  width: 167px; text-indent:-9999px; }
#main_menu05 a				{ background: url(../top_img/menu.jpg) -668px 0px no-repeat;  width: 166px; text-indent:-9999px; }
#main_menu06 a				{ background: url(../top_img/menu.jpg) -834px 0px no-repeat;  width: 166px; text-indent:-9999px; }

#main_menu01 a:hover		{ background: url(../top_img/menu.jpg) 0px -30px no-repeat; }
#main_menu02 a:hover   		{ background: url(../top_img/menu.jpg) -167px -30px no-repeat; }
#main_menu03 a:hover		{ background: url(../top_img/menu.jpg) -334px -30px no-repeat; }
#main_menu04 a:hover		{ background: url(../top_img/menu.jpg) -501px -30px no-repeat; }
#main_menu05 a:hover   		{ background: url(../top_img/menu.jpg) -668px -30px no-repeat; }
#main_menu06 a:hover   		{ background: url(../top_img/menu.jpg) -834px -30px no-repeat; }


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

.pankuzu                { display: block;	padding: 1px;	width: 700px;	text-align: left;	margin:0 0 10px 0; font-size: 85%;  color: #666666;	text-decoration:none;}
.pankuzu a              { color: #3366FF; text-decoration:none;}
.pankuzu a:hover        { color: #FFCC00;	text-decoration:none;}
   


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

#main_image            { display:block; width:1000px; height:250px; margin: 0 auto 25px auto; }


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

#container					 { display:block; width: 1000px; margin: 0 auto 30px 0 ;  } 
#container_left				 { display:block; width: 765px; float: left; margin:0 0 0 0; }  
#container_right			 { display:block; width: 220px; float: right; margin:0 0 0 0; } 


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

.stit     { display:block; }

#container_left table { margin:0 0 15px 0; }
#container_left th    { font-weight:normal; text-align:left; }

#waku01            { display:block; background:url(../top_img/products_bg.jpg) 0px 0px no-repeat; width:765px; margin:0 0 25px 0; height:45px; }
#products_box      { display:block; width:750px; margin:0 auto; }
#products_box ul   { list-style-type:none; margin:0; padding:0; }
#products_box li   { display:inline; float:left; margin:0 16px 0 0; }
#products_box li.rt{ display:inline; float:left; margin:0; }

#block01          { display:block; margin:0 0 35px 0; }
#block01 #left    { display:block; width:502px; float:left; }
#block01 #right   { display:block; width:244px; float:right; }

#sp_box           { display:block; margin:15px 0 0 0; }
#sp_box ul        { list-style-type:none; margin:0; padding:0; }
#sp_box li        { display:inline; float:left; }
#sp_box li.rt     { display:inline; float:right; }

#sp01 a           { display:block; background:url(../top_img/sp_bn01.jpg) 0px 0px no-repeat; width:240px; height:90px; text-indent:-9999px; }
#sp01 a:hover     { background:url(../top_img/sp_bn01.jpg) -240px 0px no-repeat; text-decoration:nonel; }

#sp02 a           { display:block; background:url(../top_img/sp_bn02.jpg) 0px 0px no-repeat; width:240px; height:90px; text-indent:-9999px; }
#sp02 a:hover     { background:url(../top_img/sp_bn02.jpg) -240px 0px no-repeat; text-decoration:nonel; }

#of_box           { display:block; margin:15px 0 0 0; }
#of_box ul        { list-style-type:none; margin:0; padding:0; }
#of_box li        { display:inline; float:left; }
#of_box li.rt     { display:inline; float:right; }

#of a           { display:block; background:url(../top_img/of_bn.jpg) 0px 0px no-repeat; width:240px; height:90px; text-indent:-9999px; }
#of a:hover     { background:url(../top_img/of_bn.jpg) -240px 0px no-repeat; text-decoration:nonel; }

#group_box      { display:block; margin:10px 0 15px 0; }
#group_box ul   { list-style-type:none; margin:0; padding:0; }
#group_box li   { display:inline; float:left; margin:0 7px 0 0; }
#group_box li.rt{ display:inline; float:right; }

#gr01 a           { display:block; background:url(../top_img/gr_bn01.jpg) 0px 0px no-repeat; width:184px; height:50px; text-indent:-9999px; }
#gr02 a           { display:block; background:url(../top_img/gr_bn02.jpg) 0px 0px no-repeat; width:184px; height:50px; text-indent:-9999px; }
#gr03 a           { display:block; background:url(../top_img/gr_bn03.jpg) 0px 0px no-repeat; width:184px; height:50px; text-indent:-9999px; }
#gr04 a           { display:block; background:url(../top_img/gr_bn04.jpg) 0px 0px no-repeat; width:184px; height:50px; text-indent:-9999px; }
#gr05 a           { display:block; background:url(../top_img/gr_bn05.jpg) 0px 0px no-repeat; width:184px; height:50px; text-indent:-9999px; }

#gr01 a:hover     { background:url(../top_img/gr_bn01.jpg) 0px -50px no-repeat; text-decoration:none; }
#gr02 a:hover     { background:url(../top_img/gr_bn02.jpg) 0px -50px no-repeat; text-decoration:none; }
#gr03 a:hover     { background:url(../top_img/gr_bn03.jpg) 0px -50px no-repeat; text-decoration:none; }
#gr04 a:hover     { background:url(../top_img/gr_bn04.jpg) 0px -50px no-repeat; text-decoration:none; }
#gr05 a:hover     { background:url(../top_img/gr_bn05.jpg) 0px -50px no-repeat; text-decoration:none; }


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

#douga            { display:block; margin:5px 0 15px 0; }

#right_bn_box     { display:block; margin:15px 0 15px 0 ;}
#right_bn_box ul  { list-style-type:none; margin:0; padding:0; }
#right_bn_box li  { display:block; margin:0 0 10px 0; }

#rt_bn01 a        { display:block; background:url(../top_img/rt_bn01.jpg) 0px 0px no-repeat; width:220px; height:60px; text-indent:-9999px; }
#rt_bn02 a        { display:block; background:url(../top_img/rt_bn02.jpg) 0px 0px no-repeat; width:220px; height:60px; text-indent:-9999px; }
#rt_bn03 a        { display:block; background:url(../top_img/rt_bn03.jpg) 0px 0px no-repeat; width:220px; height:60px; text-indent:-9999px; }
#rt_bn04 a        { display:block; background:url(../top_img/rt_bn04.jpg) 0px 0px no-repeat; width:220px; height:90px; text-indent:-9999px; }
#rt_bn05 a        { display:block; background:url(../top_img/rt_bn05.jpg) 0px 0px no-repeat; width:220px; height:90px; text-indent:-9999px; }
#rt_bn06 a        { display:block; background:url(../top_img/rt_bn06.jpg) 0px 0px no-repeat; width:220px; height:90px; text-indent:-9999px; }
#rt_bn07 a        { display:block; background:url(../top_img/rt_bn07.jpg) 0px 0px no-repeat; width:220px; height:220px; text-indent:-9999px;}
#rt_bn08 a        { display:block; background:url(../top_img/rt_bn08.jpg) 0px 0px no-repeat; width:220px; height:90px; text-indent:-9999px; }
#rt_bn09 a        { display:block; background:url(../top_img/rt_bn09.jpg) 0px 0px no-repeat; width:220px; height:90px; text-indent:-9999px; }

#rt_bn01 a:hover  { background:url(../top_img/rt_bn01.jpg) -220px 0px no-repeat; text-decoration:none; }
#rt_bn02 a:hover  { background:url(../top_img/rt_bn02.jpg) -220px 0px no-repeat; text-decoration:none; }
#rt_bn03 a:hover  { background:url(../top_img/rt_bn03.jpg) -220px 0px no-repeat; text-decoration:none; }
#rt_bn04 a:hover  { background:url(../top_img/rt_bn04.jpg) -220px 0px no-repeat; text-decoration:none; }
#rt_bn05 a:hover  { background:url(../top_img/rt_bn05.jpg) -220px 0px no-repeat; text-decoration:none; }
#rt_bn06 a:hover  { background:url(../top_img/rt_bn06.jpg) -220px 0px no-repeat; text-decoration:none; }
#rt_bn07 a:hover  { background:url(../top_img/rt_bn07.jpg) -220px 0px no-repeat; text-decoration:none; }
#rt_bn08 a:hover  { background:url(../top_img/rt_bn08.jpg) -220px 0px no-repeat; text-decoration:none; }
#rt_bn09 a:hover  { background:url(../top_img/rt_bn09.jpg) -220px 0px no-repeat; text-decoration:none; }



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


#pagetop a        { display:block; background:url(../common/images/pagetop.jpg) 0px 0px no-repeat; width:63px; height:11px; float:right; text-indent:-9999px; margin:30px 0 15px 0; overflow:hidden; }
#pagetop a:hover  { background:url(../common/images/pagetop.jpg) 0px -11px no-repeat; text-decoration:none; }


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

#footer           { display: block; background:url(../top_img/footer_bg.jpg) 0px 0px repeat-x; height:250px; margin:0; text-align:center; }
#footer_box       { display:block; width:1000px; height:100px; margin:0 auto; position:relative; }
#footer_menu      { display:block; width:600px; position:absolute; left: 1px; top: 18px; }
#footer_menu ul   { list-style-type:none; margin:0; padding:0; }
#footer_menu li   { display:inline; float:left; background:url(../top_img/arrow.jpg) 0px 5px no-repeat; padding:0 15px 0 10px; margin:0; font-size:10px; color:#FFFFFF; }

#footer_menu li a         { color:#FFFFFF; }
#footer_menu li a:hover   { color:#990000; }

#copyright        { display:block; background:url(../top_img/copy.jpg) 0px 0px no-repeat; width:221px; height:20px; text-indent:-9999px; position:absolute; top:18px; left:778px; }



/*------------------------------------------------------------------------
Dropdown _menu CSS
--------------------------------------------------------------------------*/


* {
	margin: 0px;
	padding: 0px;
}
option {
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}

ul,ol,dl,img {
	margin: 0px;
	padding: 0px;
}
ul,ol {
	list-style-type: none;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 0%;
	line-height: 0%;
}

/* ---------- */
#wrapper {
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}

#navi {
	height: 20px;
}

#contents {
	background-color: #F3F3F3;
	height: 150px;
	text-align: center;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #999999;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
}
p {
	color: #999999;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 12px;
}

a.bnr:hover img{filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.70;}