/* RESET */
html,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
footer,nav,section { display: block; }

/* LAYOUT */
html { background-color: #fff; }

.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.selfclear { zoom:1; }
.selfclear:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }


img { border: 0; }
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }


.shadow { -webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; box-shadow: rgba(0,0,0,0.35) 0 1px 3px; }
img.shadow { padding: 5px; background: #fff; margin-bottom: 2px; *border: 1px solid #e2e2e2; _position: relative; }

.roundedtop { border-radius: 4px 4px 0 0; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; }
.roundedbottom { border-radius: 0 0 4px 4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; }
.roundedright { border-radius: 0 4px 4px 0; -webkit-border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0; }
.roundedleft { border-radius: 4px 0 0 4px; -webkit-border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; -khtml-border-radius: 4px 0 0 4px; }
.roundedtopleft { border-radius:4px 0 0; -webkit-border-top-left-radius:4px; -moz-border-radius:4px 0 0; -o-border-radius:4px 0 0; -khtml-border-radius:4px 0 0; }
.roundedtopright { border-radius: 0 4px 0 0; -webkit-border-top-right-radius:4px; -moz-border-radius:0 4px 0 0; -o-border-radius:0 4px 0 0; -khtml-border-radius: 0 4px 0 0; }
.roundedbottomleft { border-radius: 0 0 0 4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius: 0 0 0 4px; -o-border-radius: 0 0 0 4px; -khtml-border-radius: 0 0 0 4px; }
.roundedbottomright { border-radius: 0 0 4px 0; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 0 4px 0; -o-border-radius: 0 0 4px 0; -khtml-border-radius: 0 0 4px 0; }

body {
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "繝｡繧､繝ｪ繧ｪ", Meiryo, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", Helvetica, Arial, Verdana, sans-serif;
	font-family:  "Lucida Grande", "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; background-color: transparent; color: #333; -webkit-font-smoothing: antialiased;
	font-size:11px;
}

a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
a.block { display: block; cursor: pointer; }
a.block span,
a.block em { color:#08c; cursor: pointer; }
a.block:hover { text-decoration: none; }
a.block:hover span,
a.block:hover em { color: #08c; text-decoration: underline; }

h1,h2,h3,h4,h5,h6,strong { color:#000; }
h1,h2,h3,h4 { font-weight: bold; }
h2,h3,h4 { line-height: 18px; }
h1,h2 { margin-bottom: 18px; }
h1 { font-size: 24px; line-height: 36px; }
h2 { font-size: 16px; }
h3 { font-size: 1em; }
h4 { font-size: 10px; }
p { margin-bottom: 18px; }
p.intro { color: #777; font-size: 16px; line-height: 22px; font-weight: normal; }
.more { text-align: right; }

ul { list-style: none outside; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
ul.square,
ul.circle { margin-left: 2em; margin-bottom: 18px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }
ol.sosumi { margin-left: 0; padding-left: 2em; *padding-left: 2.2em; }


/* box setting */
.box-frame-header-black, .box-frame-header-red, .box-frame-header-blue, .box-frame1, .box-frame2, .box-frame3 { margin-bottom:0px;}
.box-frame-spc1 { margin-bottom:1px;}
.box-frame-spc2 { margin-bottom:2px;}
.box-frame-spc3 { margin-bottom:3px;}
.box-frame-spc5 { margin-bottom:5px;}
.box-frame-spc10 { margin-bottom:10px;}

.box-frame-header-black .btl	{ background-image:url(../../../common_images/boxframe/4_tl.png);}
.box-frame-header-black .btr	{ background-image:url(../../../common_images/boxframe/4_tr.png);}
.box-frame-header-black .bbl	{ background-image:url(../../../common_images/boxframe/4_bl.png);}
.box-frame-header-black .bbr	{ background-image:url(../../../common_images/boxframe/4_br.png);}
.box-frame-header-black .btc	{ background-image:url(../../../common_images/boxframe/4_tc.png);}
.box-frame-header-black .bbc	{ background-image:url(../../../common_images/boxframe/4_bc.png);}
.box-frame-header-black .bml	{ background-image:url(../../../common_images/boxframe/4_ml.png);}
.box-frame-header-black .bmr	{ background-image:url(../../../common_images/boxframe/4_mr.png);}
.box-frame-header-black .bmc	{ background-image:url(../../../common_images/boxframe/4_bg.png);}

.box-frame-header-red .btl	{ background-image:url(../../../common_images/boxframe/5_tl.png);}
.box-frame-header-red .btr	{ background-image:url(../../../common_images/boxframe/5_tr.png);}
.box-frame-header-red .bbl	{ background-image:url(../../../common_images/boxframe/5_bl.png);}
.box-frame-header-red .bbr	{ background-image:url(../../../common_images/boxframe/5_br.png);}
.box-frame-header-red .btc	{ background-image:url(../../../common_images/boxframe/5_tc.png);}
.box-frame-header-red .bbc	{ background-image:url(../../../common_images/boxframe/5_bc.png);}
.box-frame-header-red .bml	{ background-image:url(../../../common_images/boxframe/5_ml.png);}
.box-frame-header-red .bmr	{ background-image:url(../../../common_images/boxframe/5_mr.png);}
.box-frame-header-red .bmc	{ background-image:url(../../../common_images/boxframe/5_bg.png);}

.box-frame-header-blue .btl	{ background-image:url(../../../common_images/boxframe/6_tl.png);}
.box-frame-header-blue .btr	{ background-image:url(../../../common_images/boxframe/6_tr.png);}
.box-frame-header-blue .bbl	{ background-image:url(../../../common_images/boxframe/6_bl.png);}
.box-frame-header-blue .bbr	{ background-image:url(../../../common_images/boxframe/6_br.png);}
.box-frame-header-blue .btc	{ background-image:url(../../../common_images/boxframe/6_tc.png);}
.box-frame-header-blue .bbc	{ background-image:url(../../../common_images/boxframe/6_bc.png);}
.box-frame-header-blue .bml	{ background-image:url(../../../common_images/boxframe/6_ml.png);}
.box-frame-header-blue .bmr	{ background-image:url(../../../common_images/boxframe/6_mr.png);}
.box-frame-header-blue .bmc	{ background-image:url(../../../common_images/boxframe/6_bg.png);}

.box-frame1 .btl	{ background-image:url(../../../common_images/boxframe/1_tl.png);}
.box-frame1 .btr	{ background-image:url(../../../common_images/boxframe/1_tr.png);}
.box-frame1 .bbl	{ background-image:url(../../../common_images/boxframe/1_bl.png);}
.box-frame1 .bbr	{ background-image:url(../../../common_images/boxframe/1_br.png);}
.box-frame1 .btc	{ background-image:url(../../../common_images/boxframe/1_tc.png);}
.box-frame1 .bbc	{ background-image:url(../../../common_images/boxframe/1_bc.png);}
.box-frame1 .bml	{ background-image:url(../../../common_images/boxframe/1_ml.png);}
.box-frame1 .bmr	{ background-image:url(../../../common_images/boxframe/1_mr.png);}
.box-frame1 .bmc	{ background-image:url(../../../common_images/boxframe/1_bg.png);}

.box-frame2 .btl	{ background-image:url(../../../common_images/boxframe/2_tl.png);}
.box-frame2 .btr	{ background-image:url(../../../common_images/boxframe/2_tr.png);}
.box-frame2 .bbl	{ background-image:url(../../../common_images/boxframe/2_bl.png);}
.box-frame2 .bbr	{ background-image:url(../../../common_images/boxframe/2_br.png);}
.box-frame2 .btc	{ background-image:url(../../../common_images/boxframe/2_tc.png);}
.box-frame2 .bbc	{ background-image:url(../../../common_images/boxframe/2_bc.png);}
.box-frame2 .bml	{ background-image:url(../../../common_images/boxframe/2_ml.png);}
.box-frame2 .bmr	{ background-image:url(../../../common_images/boxframe/2_mr.png);}
.box-frame2 .bmc	{ background-image:url(../../../common_images/boxframe/2_bg.png);}

.box-frame3 .btl	{ background-image:url(../../../common_images/boxframe/3_tl.png);}
.box-frame3 .btr	{ background-image:url(../../../common_images/boxframe/3_tr.png);}
.box-frame3 .bbl	{ background-image:url(../../../common_images/boxframe/3_bl.png);}
.box-frame3 .bbr	{ background-image:url(../../../common_images/boxframe/3_br.png);}
.box-frame3 .btc	{ background-image:url(../../../common_images/boxframe/3_tc.png);}
.box-frame3 .bbc	{ background-image:url(../../../common_images/boxframe/3_bc.png);}
.box-frame3 .bml	{ background-image:url(../../../common_images/boxframe/3_ml.png);}
.box-frame3 .bmr	{ background-image:url(../../../common_images/boxframe/3_mr.png);}
.box-frame3 .bmc	{ background-image:url(../../../common_images/boxframe/3_bg.png);}

.btl,.btr,.btc,.bbl,.bbr,.bbc	{ height:6px; font-size:0; line-height:0;}
.btl,.btr,.bbl,.bbr	{ width:6px;}
.btc,.bbc	{ margin:0 6px;}
.bml,.bmr	{ width:6px;}
.bfmgn .bmc	{ margin:0 6px;}
.bfmgn	{ padding:0px 5px 0 5px;}
.bmm { overflow:hidden;}

.btl	{ float:left; background-repeat:no-repeat;}
.bbl	{ float:left; background-repeat:no-repeat; background-position:left bottom;}
.btr	{ float:right; background-repeat:no-repeat; background-position:right top;}
.bbr	{ float:right; background-repeat:no-repeat; background-position:right bottom;}
.bmm	{ position:relative; clear:both;}
.bml,.bmr,.bmc	{ height:100%;}
.bml	{ position:absolute; left:0px; background-repeat:repeat-y;}
.bmr	{ position:absolute; right:0px; background-repeat:repeat-y; background-position:right top;}
.btc	{ background-repeat:repeat-x;}
.bbc	{ background-repeat:repeat-x; background-position:left bottom;}

/* title headers */
#senko {
  display: block;
  width: 900px; margin: 0 auto;
  height: 40px;
  background: url(../../../common_images/home_sprite/top.png) no-repeat 0 -64px;
}

/* main menu */
ul#main-menu { width: 900px; margin: 0 auto; list-style: none; }
ul#main-menu li { display: inline; }	
ul#main-menu li a { display: block; float: left; height: 32px; background-image: url(../../../common_images/home_sprite/top.png); text-indent: -9999px; outline: none; }
ul#main-menu li a.home			{ width: 70px;	background-position: 0 0; }
ul#main-menu li a.science		{ width: 110px;	background-position: -70px 0; }
ul#main-menu li a.utilities 	{ width: 118px;	background-position: -180px 0; }
ul#main-menu li a.upgrade		{ width: 112px;	background-position: -298px 0; }
ul#main-menu li a.support		{ width: 80px;	background-position: -410px 0; }
ul#main-menu li a.shop			{ width: 78px;	background-position: -490px 0; }
ul#main-menu li a.about			{ width: 85px;	background-position: -568px 0; }
ul#main-menu li a.inquiry		{ width: 112px;	background-position: -653px 0; }
ul#main-menu li a.userreg		{ width: 108px;	background-position: -765px 0; }
ul#main-menu li a.dummy			{ width: 27px;	background-position: -873px 0; }
ul#main-menu li a.home:hover, ul#main-menu li a.home:focus 						{ background-position: 0px -32px; }
ul#main-menu li a.science:hover, ul#main-menu li a.science:focus				{ background-position: -70px -32px; }
ul#main-menu li a.utilities:hover, ul#main-menu li a.utilities:focus			{ background-position: -180px -32px; }
ul#main-menu li a.upgrade:hover, ul#main-menu li a.upgrade:focus				{ background-position: -298px -32px; }
ul#main-menu li a.support:hover, ul#main-menu li a.support:focus				{ background-position: -410px -32px; }
ul#main-menu li a.shop:hover, ul#main-menu li a.shop:focus						{ background-position: -490px -32px; }
ul#main-menu li a.about:hover, ul#main-menu li a.about:focus					{ background-position: -568px -32px; }
ul#main-menu li a.inquiry:hover, ul#main-menu li a.inquiry:focus				{ background-position: -653px -32px; }
ul#main-menu li a.userreg:hover, ul#main-menu li a.userregy:focus				{ background-position: -765px -32px; }

/* homefooter */
#homefooter { width:900px; margin:0 auto; padding:0; }
#homefooter { margin:0 auto 22px; text-align:center; font-size:10px; color:#6e6e6e; }
#homefooter .piped a { border-color:#ccc; }

#homefooter #links { border:1px solid #e5e5e5; border-width:1px 0; padding:.5em 0; margin:1.5em 0 2em; zoom:1; }
#homefooter #links:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#homefooter #links p { margin-bottom:0; }
#homefooter #links p.left { float:left; width:auto; text-align:left; text-indent:10px; }
#homefooter #links ul.right { float:right; padding-right:10px; margin-bottom:0; }
#homefooter #links ul.piped a { padding-left:.5em; margin-left:.5em; }

#homefooter p.left a { margin-right:0; }
#homefooter p.left { width:50%; float:left; text-align:left; text-indent:10px; }
#homefooter p.right { width:50%; float:right; }
#homefooter p.links { border:1px solid #e5e5e5; border-width:1px 0; padding:.5em 0; margin:1.5em 0 2em; }

#blockfooter { margin:0 auto 2px; text-align:center; font-size:10px; color:#6e6e6e; }
#blockfooter .piped a { border-color:#ccc; }

#blockfooter #links { margin:1em 0 0em; zoom:1; }
#blockfooter #links:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#blockfooter #links p { margin-bottom:0; }
#blockfooter #links p.left { float:left; width:auto; text-align:left; text-indent:10px; }
#blockfooter #links ul.right { float:right; padding-right:20px; margin-bottom:0; }
#blockfooter #links ul.piped a { padding-left:.5em; margin-left:.5em; }

#blockfooter p.left a { margin-right:0; }
#blockfooter p.left { width:50%; float:left; text-align:left; text-indent:10px; }
#blockfooter p.right { width:50%; float:right; }
#blockfooter p.links { padding:.5em 0; margin:1.5em 0 2em; }

.footerlinks { display: block; zoom: 1; }
.footerlinks:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.footerlinks li { float: left; display: inline; }
.footerlinks a { border-left: 1px solid #797c80; padding: 0 0 0 0.75em; margin-left: 0.75em; }
.footerlinks a.first { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; }

#grid3 { margin-left:20px; }
#grid3 .content { float:left; width:280px; height:205px; padding:0; color:#000; }
#grid3 a:nth-child(1n) { margin-left:10px; }
#grid3 a.first { margin-left:0; }
#grid3 a.second { left:320px; *left:322px; }
#grid3 a.third { right:0; }

div#tab-container ul{
height:30px;
border-left:1px solid #999;
border-bottom:1px solid #999;
list-style:none;
}
 
div#tab-container ul li{
width:100px;
height:29px;
border:1px solid #999;
border-left:none;
border-bottom:none;
background-color:#DDD;
float:left;
}
 
div#tab-container ul li.activeli{
height:30px;
background-color:#FFF;
}
 
div#tab-container ul li a{
display:block;
width:100px;
height:22px;
padding-top:8px;
color:#000;
text-align:center;
text-decoration:none;
}
 
div#tab-container ul li.activeli a{font-weight:bold;}
 
div.tab{
border:1px solid #999;
border-top:none;
padding:10px;
background-color:#FFF;
}