/*
Theme Name: web-tukurite-com
Theme URI: http://www.keystage21.co.jp/
Description: web-tukurite-com
Author: Keystage21, Inc.
Author URI: http://www.keystage21.co.jp/
Version: 0.1
*/
@charset 'UTF-8';

body {
    color: #505050;
    background-color: white;
    margin: 0;
    padding: 0;
    text-align: center;
}

ul {
    list-style-type: none;
    list-style-image: none;
}

.alternate {
    display: none;
}


#frontpage-post-container {
    background-image: URL(imgs/whats_new_bg.gif);
    margin: 0 auto;
    width: 764px;
    text-align: left;
}
#frontpage-post-top {
    background-image: URL(imgs/whats_new_boxtop.gif);
    width: 764px;
    height: 94px;
}
#frontpage-post-bottom {
    background-image: URL(imgs/whats_new_boxbottom.gif);
    width: 764px;
    height: 23px;
}
.frontpage-post {
    margin: 20px;
}


#wrap {
    margin: 0 auto;
    padding: 0;
    width: 760px;
    text-align: left;
}

#header {
}

#header * {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
}

#navi {
    height: 51px;
}

#navi li {
    float: left;
}

#navi li a {
    height: 51px;
    display: block;
    overflow: hidden;
}    

#navi-about {
    background-image: URL(imgs/navibar.gif);
    background-position: left top; /* 0px 0px; */
    width: 129px;
}
#navi-about:hover { background-position: 0px 51px; }
.navi-about-active { background-position: 0px 51px !important; }

#navi-whatsnew {
    background-image: URL(imgs/navibar.gif);
    background-position: -129px 0px;
    width: 127px;
}
#navi-whatsnew:hover { background-position: -129px 51px; }
.navi-whatsnew-active { background-position: -129px 51px !important; }

#navi-keystage21 {
    background-image: URL(imgs/navibar.gif);
    background-position: -256px 0px;
    width: 127px;
}
#navi-keystage21:hover { background-position: -256px 51px; }
.navi-keystage21-active { background-position: -256px 51px !important; }

#navi-pricelist {
    background-image: URL(imgs/navibar.gif);
    background-position: -383px 0px;
    width: 128px;
}
#navi-pricelist:hover { background-position: -383px 51px; }
.navi-pricelist-active { background-position: -383px 51px !important; }

#navi-contact {
    background-image: URL(imgs/navibar.gif);
    background-position: -511px 0px;
    width: 124px;
}
#navi-contact:hover { background-position: -511px 51px; }
.navi-contact-active { background-position: -511px 51px !important; }

#navi-nikki {
    background-image: URL(imgs/navibar.gif);
    background-position: right top;
    width: 125px;
}
#navi-nikki:hover { background-position: -635px 51px; }
.navi-nikki-active { background-position: -635px 51px !important; }


#frontpage-menu {
    margin-top: 15px;
}

#frontpage-menu * {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
}

#frontpage-menu li {
    float: left;
}

#frontpage-menu li a {
    height: 102px;
    display: block;
    overflow: hidden;
}
#frontpage-menu li a:hover {
    background-image: URL(imgs/top_menu_hover.gif);
}

#menu-homepage {
    background-image: URL(imgs/top_menu.gif);
    background-position: left top; /* 0px 0px */
    width: 253px;
}
#menu-streaming {
    background-image: URL(imgs/top_menu.gif);
    background-position: -253px 0px;
    width: 253px;
}
#menu-blog-cms-sns {
    background-image: URL(imgs/top_menu.gif);
    background-position: -506px 0px;
    width: 252px;
}

#menu-webapp {
    background-image: URL(imgs/top_menu.gif);
    background-position: 0px -102px;
    width: 253px;
}
#menu-rental-server {
    background-image: URL(imgs/top_menu.gif);
    background-position: -253px -102px;
    width: 253px;
}
#menu-netshop-ec {
    background-image: URL(imgs/top_menu.gif);
    background-position: -506px -101px;
    width: 252px;
}

#menu-flash {
    background-image: URL(imgs/top_menu.gif);
    background-position: 0px -204px;
    width: 253px;
}
#menu-seo-sem {
    background-image: URL(imgs/top_menu.gif);
    background-position: -253px -204px;
    width: 253px;
}
#menu-usability-accessibility {
    background-image: URL(imgs/top_menu.gif);
    background-position: -506px -202px;
    width: 252px;
}


#sidebar {
    width: 190px;
    float: left;
    margin-top: 10px;
}

#sidebar * {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
}

#sidebar li {
}

#sidebar li a {
    height: 50px;
    width: 190px;
    display: block;
    overflow: hidden;
}

#sidebar-menu-homepage {
    background-image: URL(imgs/side_menu.gif);
    background-position: -0px -0px;
}
#sidebar-menu-homepage:hover { background-image: URL(imgs/side_menu_on.gif); }
.sidebar-menu-homepage-active { background-image: URL(imgs/side_menu_on.gif) !important; }

#sidebar-menu-webapp {
    background-image: URL(imgs/side_menu.gif);
    background-position: -0px -50px;
}
#sidebar-menu-webapp:hover { background-image: URL(imgs/side_menu_on.gif); }
.sidebar-menu-webapp-active { background-image: URL(imgs/side_menu_on.gif) !important; }

#sidebar-menu-flash {
    background-image: URL(imgs/side_menu.gif);
    background-position: -0px -100px;
}
#sidebar-menu-flash:hover { background-image: URL(imgs/side_menu_on.gif); }
.sidebar-menu-flash-active { background-image: URL(imgs/side_menu_on.gif) !important; }

#sidebar-menu-streaming {
    background-image: URL(imgs/side_menu.gif);
    background-position: -0px -150px;
}
#sidebar-menu-streaming:hover { background-image: URL(imgs/side_menu_on.gif); }
.sidebar-menu-streaming-active { background-image: URL(imgs/side_menu_on.gif) !important; }

#sidebar-menu-rental-server {
    background-image: URL(imgs/side_menu.gif);
    background-position: -0px -200px;
}
#sidebar-menu-rental-server:hover { background-image: URL(imgs/side_menu_on.gif); }
.sidebar-menu-rental-server-active { background-image: URL(imgs/side_menu_on.gif) !important; }

#sidebar-menu-seo-sem {
    background-image: URL(imgs/side_menu.gif);
    background-position: -0px -250px;
}
#sidebar-menu-seo-sem:hover { background-image: URL(imgs/side_menu_on.gif); }
.sidebar-menu-seo-sem-active { background-image: URL(imgs/side_menu_on.gif) !important; }

#sidebar-menu-blog-cms-sns {
    background-image: URL(imgs/side_menu.gif);
    background-position: -0px -300px;
}
#sidebar-menu-blog-cms-sns:hover { background-image: URL(imgs/side_menu_on.gif); }
.sidebar-menu-blog-cms-sns-active { background-image: URL(imgs/side_menu_on.gif) !important; }

#sidebar-menu-netshop-ec {
    background-image: URL(imgs/side_menu.gif);
    background-position: -0px -350px;
}
#sidebar-menu-netshop-ec:hover { background-image: URL(imgs/side_menu_on.gif); }
.sidebar-menu-netshop-ec-active { background-image: URL(imgs/side_menu_on.gif) !important; }

#sidebar-menu-usability-accessibility {
    background-image: URL(imgs/side_menu.gif);
    background-position: -0px -400px;
}
#sidebar-menu-usability-accessibility:hover { background-image: URL(imgs/side_menu_on.gif); }
.sidebar-menu-usability-accessibility-active { background-image: URL(imgs/side_menu_on.gif) !important; }



#content {
    width: 550px;
    float: right;
    margin-top: 10px;
    margin-left: 20px;
}

#content h2, #content h3, #content h4, #content h5, #content h6 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
}

#content h2 {
    width: 520px;
    height: 100px;
    padding: 20px 0 0 30px;
    background-color: #e9f1e7;
    font-size: 140%;
}

#content h3, #content h4, #content h5 {
    margin: 30px 0 15px 0;
    padding: 20px 0 6px 40px;
    background-image: URL(imgs/heading.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}

#content h3 {
    font-size: 110%;
}

#content h4 {
    font-size: 110%;
    font-weight: normal;
}

#content h5 {
    font-size: 100%;
    font-weight: normal;
}

#content ul {
    list-style-type: disc;
    margin: 0;
    padding: 0;
}


#contact-form li {
    list-style-type: none;
    list-style-image: none;
    margin: 10px 0 0 0;
}

#contact-form li.left {
    width: 200px;
    float: left;
}

#contact-form li.right {

}

.red {
    color: red;
    background-color: transitional;
    font-weight: bold;
}

.privacy-policy {
}

#contact-form-invalid-input {
    background-color: pink;
    padding: 1em;
}

#contact-form-complete {
    background-color: blue;
    padding: 1em;
}

#footer {
    clear: both;
	font-size: 80%;
}

#footer .spacer {
    height: 15px;
}


#footer .mailaddr {
	width: 370px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
}

#footer .mailaddr UL
{
	margin: 0px;
	padding: 0px;
	font-size: 1px;
}


#footer .mailaddr LI
{
  margin: 0px;
  padding: 0px;
  display: inline;
  list-style-type:none;
  font-size: 1px;
}

#footer .mailaddr a:hover
{
	top: 0px;
	left: 0px;
}

#footer .mailaddr LI A
{
  height: 20px;
  display: block;
  float: left;
  text-indent:-9877em;
  text-decoration: none;
  overflow:hidden;
  font-size: 1px;
}

#footer .mailaddr .n01 A
{
  width: 80px;
  background : url(/images/mailaddr.gif) no-repeat -204px 0px;
}

#footer .mailaddr .n02 A
{
  width: 17px;
  background : url(/images/mailaddr.gif) no-repeat -175px 0px;
}

#footer .mailaddr .n03 A
{
  width: 125px;
  background : url(/images/mailaddr.gif) no-repeat -6px 0px;
}

#footer .mailaddr .n04 A
{
  width: 53px;
  background : url(/images/mailaddr.gif) no-repeat -5px -20px;
}


.contenttext .inquiry_address .mailaddr {
	width: 370px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
}

.contenttext .inquiry_address .mailaddr UL
{
	margin: 0px;
	padding: 0px;
	font-size: 1px;
}


.contenttext .inquiry_address  .mailaddr LI
{
  margin: 0px;
  padding: 0px;
  display: inline;
  list-style-type:none;
  font-size: 1px;
}

.contenttextr .inquiry_address  .mailaddr a:hover
{
	top: 0px;
	left: 0px;
}

.contenttext .inquiry_address  .mailaddr LI A
{
  height: 20px;
  display: block;
  float: left;
  text-indent:-9877em;
  text-decoration: none;
  overflow:hidden;
  font-size: 1px;
}

.contenttext .inquiry_address  .mailaddr .n01 A
{
  width: 80px;
  background : url(/images/mailaddr.gif) no-repeat -204px 0px;
}

.contenttext .inquiry_address  .mailaddr .n02 A
{
  width: 17px;
  background : url(/images/mailaddr.gif) no-repeat -175px 0px;
}

.contenttext .inquiry_address  .mailaddr .n03 A
{
  width: 125px;
  background : url(/images/mailaddr.gif) no-repeat -6px 0px;
}

.contenttext .inquiry_address  .mailaddr .n04 A
{
  width: 53px;
  background : url(/images/mailaddr.gif) no-repeat -5px -20px;
}



.mail_images .imgbox
{
	margin-right: 5px;
	float: left;
}

.mail_images .text
{
	float: left;
}

#content .texts_box
{
	border: solid 1px #000000;
	padding: 8px;

}

#content .texts_box .title
{
	font-weight: bold;
}

#content .price_table td,th
{
	background-color: #ffffff;
	padding: 4px;
}

.contenttext .fbox_l
{
	float: left;
	margin-right: 10px;
}

.contenttext .fbox_r
{
	float: right;
	margin-left: 10px;
}

.contenttext .fbox_clear
{
	clear: both;
}



/*
 * Local Variables:
 * coding: utf-8-dos
 * End:
 */