@charset "utf-8";

* {
margin:0px;
padding:0px;
}

body {
background-image:url(image/body_bg.gif);
background-position:center;
background-repeat:repeat-y;
text-align:center;
font-size:80%;
font-family:"ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif, Osaka, "ヒラギノ角ゴ Pro W3";
margin:0px 0px 5px 0px;
padding:0px;
}

p {
line-height: 1.3em;
}

#top_image {
	margin: 0 0 0 0;
	font-size: 0px;
}

h1, h2, h3, h4, h5, h6 {
font-size:1em;
font-weight:normal;
}

img {
border:0px;
}

a {
color:#3C5388;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

a:visited {
	color: #7C358E;
}

/*---------------------------------
   container
---------------------------------*/
#container {
background-image:url(image/side_bar_a_bg.gif);
background-position:left;
background-repeat:repeat-y;
width: 750px;
text-align:left;
padding:0px;
margin:0px auto 15px auto;
}

/*---------------------------------
   header
---------------------------------*/
#header {
width: 750px;
margin: 0px auto 0px auto;
}

#header #midashi {
width: 710px;
font-size:1em;
font-weight:normal;
text-align:right;
padding:0 0 5px 0;
margin:3px auto 10px auto;
border-bottom:#CCCCCC solid 1px;
}

#header #title h1 {
display:none;
}

#header #title p {
display:none;
}

/*--- head sub_menu01 ---*/
#header #sub_menu01 {
width:750px;
height:25px;
margin:0 auto 0 auto;
background-image:url(image/sub_menu01.gif);
}

#header #sub_menu01 ul{
	width:360px;
	height:25px;
	padding:0px;
	margin:0 0 0 0px;
	display:block;
	float: right;
}

#header #sub_menu01 li{
	width:90px;
	height:25px;
	float:left;
	padding:0px;
	margin:0px;
	display:block;
	clear: right;
}

#header #sub_menu01 li a {
height:25px;
display:block;
background-repeat:no-repeat;
background-position:0 0;
text-indent:-9999px;
overflow:hidden;
}

#header #sub_menu01 li a:hover {
background-position:0 -25px;
text-indent:-9999px;
overflow:hidden;
}

#header #sub_menu01 li#menu_profile, #header #sub_menu01 li#menu_profile a {background-image:url(image/sub_menu01_profile.gif);}
#header #sub_menu01 li#menu_staff, #header #sub_menu01 li#menu_staff a {background-image:url(image/sub_menu01_staff.gif);}
#header #sub_menu01 li#menu_contact, #header #sub_menu01 li#menu_contact a {background-image:url(image/sub_menu01_contact.gif);}
#header #sub_menu01 li#menu_mailform, #header #sub_menu01 li#menu_mailform a {background-image:url(image/sub_menu01_contact.gif);}
#header #sub_menu01 li#menu_sitemap, #header #sub_menu01 li#menu_sitemap a {background-image:url(image/sub_menu01_sitemap.gif);}


/*--- head menu ---*/
#header #head_menu {
	width:750px;
	height:54px;
	margin:0 auto 0 auto;
	background-image:url(image/menu_bg.gif);
	clear: right;
}

#header #head_menu ul {
height:54px;
padding:0px;
margin:0 2px 0px 0px;
display:block;
}

#header #head_menu li {
width:187px;
height:54px;
float:left;
padding:0px;
margin:0px;
display:block;
}

#header #head_menu li a {
height:54px;
display:block;
background-repeat:no-repeat;
background-position:0 0;
text-indent:-9999px;
overflow:hidden;
}

#header #head_menu li a:hover {
background-position:0 -54px;
text-indent:-9999px;
overflow:hidden;
}

#header #head_menu li#menu_website_creation, #header #head_menu li#menu_website_creation a {background-image:url(image/menu_website_creation.gif);}
#header #head_menu li#menu_web_consulting, #header #head_menu li#menu_web_consulting a {background-image:url(image/menu_web_consulting.gif);}
#header #head_menu li#menu_works, #header #head_menu li#menu_works a {background-image:url(image/menu_works.gif);}
#header #head_menu li#menu_news, #header #head_menu li#menu_pcstaff_news a {background-image:url(image/menu_pcstaff_news.gif);}


/*---------------------------------
   side_bar_a
---------------------------------*/
#side_bar_a {
width: 187px;
float:left;
padding:0 0 0 0;
margin: 10px 0 0 0px;
text-align:center;
}

#side_bar_a ul {
margin:0 0 5px 5px;
}

#side_bar_a p {

padding: 0px;
margin:0 5px 10px 10px;
}

#side_bar_a img {
text-align: center;
margin:0px auto 0px auto;
}

#side_bar_a #other_blog01 {
background-image:url(image/sidebar_m_bg.gif);
border-bottom:#9C9A9C solid 1px;
background-repeat:repeat-y;
margin:0px auto 10px auto;
width:170px;
text-align:left;
}

#side_bar_a #other_blog01 li {
list-style-type:none;
margin:0 3px 3px 3px;
}

#side_bar_a #other_blog01 h3 {
color: #666666;
margin:3px;
padding:0 0 2px 0;
border-bottom:#CCCCCC dotted 2px;
}

#side_bar_a #t_bg {
font-size:0px;
height:12px;
margin:0px;
padding:0px;
background-image:url(image/sidebar_t_bg.gif);
}

#side_bar_a #m_bg {
background-image:url(image/sidebar_m_bg.gif);
border-bottom:#9C9A9C solid 1px;
background-repeat:repeat-y;
margin:0px auto 10px auto;
text-align:left;
width: 170px;
}

#side_bar_a #b_bg {
font-size:0px;
height:12x;
margin:0px;
padding:0px;
background-image:url(image/sidebar_b_bg.gif);
background-repeat:no-repeat;
width:170px;
}

#side_bar_a h2 {
padding:0px;
margin:0 0 10px 9px;
}


/*--- side_bar_a menu ---*/
/*#side_bar_a ul {
width:230px;
padding:0px;
margin:0 0 0 9px;;
display:block;
}

#side_bar_a li {
width:230px;
height:35px;
padding:0px;
margin:0px;
display:inline;
}

#side_bar_a li a {
text-indent:-9999px;
display:block;
background-repeat:no-repeat;
background-position:0 0;
height:35px;
}

#side_bar_a li a:hover {
background-position:0 -35px;
}

#side_bar_a li#menu01, #side_bar_a li#menu01 a {background-image:url(image/side_menu01.gif)}
#side_bar_a li#menu02, #side_bar_a li#menu02 a {background-image:url(image/side_menu02.gif)}
#side_bar_a li#menu03, #side_bar_a li#menu03 a {background-image:url(image/side_menu03.gif)}
#side_bar_a li#menu04, #side_bar_a li#menu04 a {background-image:url(image/side_menu04.gif)}
#side_bar_a li#menu05, #side_bar_a li#menu05 a {background-image:url(image/side_menu05.gif)}
*/

.staff_blog {
	margin: 10px 0;
}

/*---------------------------------
   content
---------------------------------*/
#content {
width: 560px;
padding: 0px;
margin: 15px 0 0 0;
float:right;
}

#content h2 {
font-size:1em;
padding:0px;
margin:0 0 10px 0;
}

#content h4 {
margin:0 0 3px 0;
}


#content p {
padding: 0px;
margin:0 0 0.5em 0px;
}

#content #service {
margin:0 0 15px 0;
}


/* top information */
#content #information {
width: 250px;
margin:0 0 5px 0;
float:left;
}

#content #information dl {
border-bottom:#cccccc dotted 1px;
margin: 0 0 3px 0;
}

#content #information dt {
color:#333333;
padding: 0px;
margin: 0 0 0 0;
}

#content #information dd {
}

.upload {
font-size: 10px;
color:#F06060;
}

.info_works {
height: 15px;
width: 40px;
background-image:url(image/information_works.gif);
background-repeat:no-repeat;
background-position:left center;
text-indent:-9999px;
}

.info_news {
height: 15px;
width: 40px;
background-image:url(image/information_news.gif);
background-repeat:no-repeat;
background-position:left center;
text-indent:-9999px;
}

/* top message */
#content #message {
width: 250px;
margin:0 0 5px 0;
float:right;
}


/* top works */
#content #works {
margin:0 0 15px 0;
clear:both;
}

#content #works ul {
padding:0px;
margin:0px;
display:block;
}

#content #works li {
width:120px;
float:left;
padding:0px;
margin:8px 2px 0 3px;
display:block;
}

#content #works img {
margin:0 auto 8px auto;
display:block;
}

ul.link {
	padding:0px;
	margin:0px 0px 0px 20px;
	display:block;
}

/* category  */
#content .entry {
background-image:url(image/cut_512px.gif);
background-position:bottom;
background-repeat:no-repeat;
padding:0 0 15px 0;
margin:0 5px 13px 10px;
}

#content #category {
width: 515px;
margin:0 auto 0 auto;
}


/*-- ----------------------------
#content #category h2 {
height:30px;
font-size:1.2em;
font-weight:bold;
color:#444444;
background-image:url(image/midashi_h2.gif);
background-repeat:no-repeat;
text-indent:33px;
padding:6px 0 0 0;
margin:0 0px 5px 0px;
}
---------------------------------*/

#content #category h3 {
height:25px;
font-size:1.0em;
font-weight:bold;
color:#444444;
background-image:url(image/midashi_h3.gif);
background-repeat:no-repeat;
background-position:left center;
text-indent:25px;
padding:10px 0 0 0;
margin:0 0 5px 0px;
}

#content #category h4 {
height: 20px;
font-size:1.0em;
font-weight:bold;
color:#444444;
background-image:url(image/midashi_h4.gif);
background-repeat:no-repeat;
background-position:left center;
text-indent:25px;
padding:7px 0 0 0;
margin:0 0 5px 0px;
}

/* category website_creating */
#category_works #content img {
margin:0 0 3px 0;
}



/* category Works */
#category_works #content {
}

#category_works #content h3 {
display:none;
}

#category_works #content img {
margin:0 10px 15px 0;
float:left;
}

#category_works #content p {
margin:0.1em 0 1em 0;
font-size:90%;
}

#category_works #content #category div {
	height:11em;
	overflow:hidden;
	clear:both;
}


/* category Staff */
#category_staff #content {
}

#category_staff #content h3 {
display:none;
}

#category_staff #content img {
margin:0 10px 20px 0;
float:left;
}

#category_staff #content p {
margin:3px 0 0 0;
font-size:90%;
}

#category_staff #content #category div {
height:11em;
overflow:hidden;
clear:both;
}

/* category contact */
#category_contact #side_bar_a #m_bg {
display:none;
}

/*---------------------------------
   side_bar_b
---------------------------------*/

/*#side_bar_b {
width: 244px;
float: right;
padding:0px;
margin:0 0px 0 0px;
}

#side_bar_b h2 {
padding:0px;
margin:0px 0px 10px 3px;
}

#side_bar_b p {
padding:0px;
margin:0 20px 10px 17px;
}
*/

/*---------------------------------
   footer
---------------------------------*/
#footer {
width:750px;
height:6em;
background-color:#FFFFFF;
border-top:#666666 solid 1px;
margin:20px 0 0 0;
clear:both;
}

#footer p {
font-size:80%;
margin:10px 0 0 15px;
}

#footer ul {
}

#footer li {
list-style-type:none;
background-image: url(image/mark_yazirusi.gif);
background-repeat:no-repeat;
background-position:left center;
padding: 0px;
margin:10px 15px 0 0; 
text-indent :20px;
float:right;
clear:both;
}

/*---------------------------------
   side_form
---------------------------------*/
#side_bar_a input {
width:145px;
}

#side_bar_a textarea {
width:145px;
}

/*---------------------------------
   tool
---------------------------------*/
#tool {
text-align:center;
}

#tool table {
text-align:left;
margin:5px auto 5px auto;
padding:0px;
}



/*---------------------------------
   decoration
---------------------------------*/
.text_red {
color:#CC0000;
}

.text_blue {
color:#0033CC;
}

.text_left {
text-align:left;
}

.text_right {
text-align:right;
}

.text_center {
text-align:center;
}


.font_10px {
font-size:10.5px;
}

.box_center {
margin:0 auto 0 auto;
}

.display_none {
display: none;
}

.image_r {
float: right;
margin: 0 0 1em 10px;
}

.image_l {
float: left;
margin: 0 10px 1em 0;
}

.image_c {
margin: 0 auto 1em auto;
}

/*--------------------------------------
	Table Module		
---------------------------------------*/

table {
	background-color: #dddddd;
	margin: 0.5em 0;
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #8D928D;
}

caption {
	display: none;
}

td,th {
	color: #333333;
	padding : 0.2em 0.5em;
	border-width:0 1px 1px 0;
	border-style: solid;
	border-color: #8D928D;
}

th {
	font-weight: normal;
	color: #444444;
	background-color: #F0F0F0;
}

td {
	color: #444444;
	background-color: white;
}

.tsuhan img{
	padding-bottom: 4px;}

.tsuhan{
	font-size: 10px;
	line-height: 140%;}

.tsuhan span{
	padding: 0 10px;}

.tsuhan a{
	text-decoration: underline;}