﻿
* {
    margin:0; padding:0;
}
    

body {
	color:#888;
	font:12px/18px Verdana, Trebuchet MS, Arial, sans-serif, "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3";
	background-color: #fafafa;

}
a {
	color:#cd000d;
	text-decoration:none;
}
a:hover{ color:Red; text-decoration:underline;}
a:focus { outline:none;}

a.gray_link
{
	color: #888;	
	text-decoration: underline;
}

a.gray_no_underline
{
	color: #444;	
	text-decoration: none;
}
a.gray_no_underline:hover
{
	color: #cd000d;	
	text-decoration: none;
}


h1, h2, h3, h4, h5, h6
{    
    margin:0;
	font-size:12px;
	line-height:40px;
	font-weight:normal;
	color:#222;
	margin-bottom:10px;
}


h1.small_title,
h2.small_title
{
    line-height:1.4em !important;
    font-size:11px !important;
    margin-bottom:0px !important;
    letter-spacing: 0.1em !important; 
    padding: 7px 0 7px 0;
}

h1.small_title a,
h1.small_title a:hover
{
    color:#888;
    text-decoration: none;
}

p
{
	line-height: 1.8em;
}

.left
{
	float:left;	
}

.right
{
	float:right;	
}

.clear_both
{
	clear:both;	
}

img
{
    border:none;
}

.tc_red
{
	color:Red;
}

/*---------------------------------------*/

#wrapper 
{

}
#page 
{

}
#page_area 
{

}
#page_btm 
{

}

#main 
{ 
	/*
    background-image: url("images/main_bg.png");
	background-repeat:repeat-x;
	background-position: 0 50px;
*/
	padding-bottom:30px;	
	background-color:#fff;
	

}

#main_block
{ 
    background-color:#fff;
    margin:0px auto;
	width:970px;
	min-height:380px;	
	padding-top:10px;
	/*border:solid 1px #cdcdcd;*/
}

.no_padding_top
{
	padding-top:0px ! important;
}

.content_block
{ 
	background-color:#fff;
    margin:0px auto;
	width:970px;
}

.content_block_w600
{ 
	background-color:#fff;
    margin:0px auto;
	width:600px;
}


#main_block p,
.content_block p
{
	 margin-left:10px;	 
}



.padding_left_10
{
	padding-left: 10px;
}


/*---------------------------------------*/


div.tree_columns p
{
    margin:5px;
}

div.tree_columns .column_left,
div.tree_columns .column_mid,
div.tree_columns .column_right
{
    display: block;
    float:left;    
    width: 283px;
    background-color:#f0f0f0;  
    height:280px;  
    overflow:hidden;
}

div.tree_columns .column_left h1,
div.tree_columns .column_mid h1,
div.tree_columns .column_right h1,
div.tree_columns .column_left h2,
div.tree_columns .column_mid h2,
div.tree_columns .column_right h2
{
    font-size:14px;
    font-weight:bold;
    line-height: 46px;
    padding-left:40px;
    color: #fff;
    background-color: #d5cb77;
    
}

div.tree_columns .column_mid
{
    margin-left: 10px;
    margin-right: 10px;
}



/*----------------------------------------------*/
#slide
{
    
}

#slide_block
{    
     /*border-right:solid 1px #dedde1;
     border-left:solid 1px #dedde1;*/
    
    margin:0px auto;
	width:960px;
}

#slide_block *
{
    margin:0;    
     
}

.slide_space
{
    min-height:25px;
}

div.column_main_narrow
{
    float:left;
    width: 420px; 
    padding: 5px 5px 20px 10px; 
    margin-left:-5px; 
	min-height:200px; 
	margin-bottom:0;
}
div.column_main_wide
{
    float:left;    
    width: 685px; 
    padding:5px 5px 20px 10px;
    margin-left:-5px; 
    min-height:200px; 
	margin-bottom:0;
 
}

div.column_main_full
{
    padding: 10px 13px 20px 12px;  
}

div.column_border_left
{
    background-image: url("images/border_5px.gif");
	background-repeat: no-repeat;
	background-position: 0 top;	
}


div.column_sub_left
{
    width: 250px; 
    padding: 5px 10px 20px 5px;
    float:left;
     background-image: url("images/border_5px.gif");
	background-repeat: no-repeat;
	background-position: right top;	
	min-height:200px;   
	z-index:-1;
}

div.column_sub_right
{
    width: 250px; 
    padding: 5px 5px 20px 10px;
    float:left;
    margin-left:0px; 
     background-image: url("images/border_5px.gif");
	background-repeat: no-repeat;
	background-position: left top;	  
	min-height:200px;
}


/*--header-------------------------------------*/

#header 
{
    
	height:60px;
	background-image: url("images/header_bg.png");
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#fff;	
}
#header_block
{
    margin:0px auto;
	width:970px;
	padding:0px;
	height:60px; 
}

#logo
{
   height:30px; 
   float:left;
   width:290px;
   display:block;
   padding-top:25px;
   padding-bottom:5px;
}

#logo strong a 
{
    display:block;
    height:30px; 
    width:250px;
	background-image: url("images/logo_nobuyuki_taguchi_2011.png");
	background-repeat: no-repeat;
	background-position: left top;	
	overflow:hidden;
	text-indent:-9999px;
}

/*---------------------------------------*/
#login
{
    float:right;
    display:block;
    height:20px;
    padding:0;
    color:red;  
    /*
    background-image: url("images/sign_in_bg.png");
	background-repeat: no-repeat;
	background-position: left top;

	border: solid 1px #ddd;
	*/
	overflow:hidden;
	margin-top:40px;

}



#login a
{
    color:red; 
}

#login ul
{
	margin:0px;
	padding:0px;
	list-style:none;	
}

#login ul li
{
    float:left;
	padding-right:10px;
	padding-left:10px;
	line-height:30px;
	height:30px;
}

#login ul li.contact_us
{
    padding-left:26px;
    background-image: url("images/icon_contact.png");
	background-repeat: no-repeat;
	background-position: left center;
}

#login ul li.sitemap
{
    padding-left:26px;
    background-image: url("images/icon_sitemap.png");
	background-repeat: no-repeat;
	background-position: left center;
}


/*---------------------------------------*/

#menu
{
    height:60px;
    float: right; 
}

#menu_top
{
	height: 35px;    
}

#menu_btm
{
	height: 25px; 
	letter-spacing: 0.1em; 
}


#menu_btm ul {
	margin:0 0 0 5px;
	padding:0;
	list-style:none;
}


#menu .menu {
	font-size:14px;
	font-weight:bold;
	line-height:45px;
	
	
	/*text-transform:uppercase;*/
	
}
#menu_btm li {
	float:left;
	padding:0 0 0 0;

/*
	background-image: url("images/menu_tab_bg.png");
	background-repeat: repeat-x;
	background-position: 0 top;
*/

}
#menu_btm li:last-child{

	/*background-image: none;*/
}

#menu_btm li:first-child{

 /*margin-left:10px;*/
}

#menu_btm a {
	float:left;
	color:#888;
	
}

#menu_btm a span {
	display:block;
	padding:0 15px 0px 15px;
	}


#menu_btm a:hover
{
    text-decoration:none;
    /*
    background-image: url("images/menu_tab_bg_hover.png");
	background-repeat: repeat -x;
	background-position: 0 top;   
*/
    color:#111;

}

#menu_btm li.active a 
{
    color:#000;
    /*
    background:#fff url(images/menu_tab_bg_active.png) repeat-x left 0;
    border-top: solid 1px #ddd;
*/
     overflow:hidden;
    height:44px;
}

#menu_btm a:hover span,
#menu_btm li.active a span 
{
	/*background:url(images/menu_bg.png) no-repeat right 0;*/
}




/*---------------------------------------*/
#footer {

	clear:both;
	border-top: solid 1px #ddd;
	 font-size: 11px;
	 background-color: #fafafa;

}

#footer_block
{
    margin:0px auto;
	width:970px;
	/*	
	background-image: url("images/footer_block_bg.png");
	background-repeat: no-repeat;
	background-position: 0 top;	
*/
	padding:20px 0 0 0;
	min-height:100px;
	/*
	border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    */
}

#footer_left
{
   float: left;  
}

#footer_right
{
   float: right;  
}


#footer a
{
    color:#888;
}

.bespoke_software
{
	position:relative;
    display:block;
    height:45px; 
    width:71px;
	background:url(images/website_design.png) no-repeat;	
	overflow:hidden;
	text-indent:-9999px;
	margin-top:10px;
}



/*----------------------------------------------*/


#panel_folder {
	overflow:hidden;
	border-bottom:2px solid #bae1e9;
	padding:40px 25px 25px 25px;
	position:relative;
	width:890px;
}

#panel_folder ul {
	margin:0 0 0 -17px;
	padding:0;
	list-style:none;
	float:left;
	overflow:hidden;
	width:912px;
}
#panel_folder ul li {
	float:left;
	display:inline;
	margin-left:18px;
	background:url(images/panel_bg.png) repeat-y;
	width:278px;
	height:98px;
	padding:2px;
}
#panel_folder ul li img {
	float:left;
	margin:0 7px 0 0;
}
#panel_folder ul li .description {
	overflow:hidden;
	padding:10px 15px 0 0;
	margin-left:14px;
}
#panel_folder ul li .description strong {
	display:block;
	margin:-4px 0 0;
}
#panel_folder ul li .description p { margin:0 0 5px;}




/*--------------------------------------------------------------------------*/

.sub_menu a
{
    color:#cd000d;
}

.sub_menu
{
     
}

.sub_menu a:hover
{
    color:Red;
}

.sub_menu ul
{
    list-style-type:none;
    padding-left:5px;
}

.sub_menu ul li
{
    line-height:20px;
    margin-top:5px;
    padding:0 0 0 30px;

    background-image: url("images/li_arrow.png");  
    background-repeat: no-repeat;
	background-position: 0 top;	
}

.sub_menu ul li:hover
{
	background-position: 0 bottom;	  
}

.sub_menu ul li:first-child
{    
    margin-top:0px;
}


/*---Custome----------------------------------------------------------------------*/


.link_item
{
	padding:15px;
	border-bottom: solid 1px #ddd;
}

p.about img
{
	margin-top:15px;
	margin-bottom:15px;
}

.mh_200px
{
	min-height:200px;
}

/*------------------------------------------------------------------------**/

div.social_link_block
{
	margin-top:50px;	
}

div.tweet_button
{
	margin-top:5px;	
}
div.facebook_button
{
	margin-top:5px;	
}

div.facebook_button_center
{    
    margin:0px auto;
	width:100px;
	padding-top: 10px;
	height:24px;
}

/*------------------------------------------------------------------------**/

.article_list_block
{
	font-size:11px !important;
}

.article_list_block ul
{
    margin-left: 30px;
}

.st_sharethis_custom{
        background: url("/images/share_this.png") no-repeat scroll left top transparent;
        padding:0 16px 0 0;
       
}


