@charset "utf-8";
/*
Theme Name: officeHamada
Theme URI: http://www.o-hamada.net/wordpress/wp-content/themes/officeHamada/
Description: OfficeHamada Theme for WordPress
Version: 1.0
Author: bit-brains
Author URI: http://www.bit-brains.jp/
*/

/* Set Base Stting
----------------------------------------- */
/* default.css*/
/*
===== CONTENTS ===========================================

	1: universal reset 
	2: body and base setting
		: general params
		: acronyms and abbreviations styles
	3: link setting

==========================================================
*/


/*
===== 1: universal reset =================================
*/

*{
	margin:0;
	padding:0;
}

/*
===== 2: body and base setting ===========================
*/

body {
	text-align:center;/* box centering */
	font: normal 1.4 'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;
	margin: 0px;
	padding: 0px;
	background: #FFF ;
	color:#000;
}

/* general params
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	padding: 0;/* margin&padding reset */
	line-height: 1.6;/* base line height */
	text-align: left;
	display: block;
	margin: 0px;
	font-size:small;
}
table {margin : 0;empty-cells: show; font-size:small;}
hr,.areaAnchor,.anchor { display : none; }
img {
	border: none;/* img do not want a border */
	vertical-align: bottom;
}
li { list-style: none; }/* link do not want a dot */

/* acronyms and abbreviations styles 
-------------------------------------*/
acronym,abbr{cursor:help;}

/*
===== 3: form setting ===========================
*/
select{ padding-right:10px; }
*+html select{padding-right:0;}/* for IE7&Opera */
* html select{padding-right:0;}/* for IE6 */　　

/*
===== 3: link setting ===========================
*/
a:link {
color: #000000;
text-decoration: underline;
}
a:visited {
color: #000000;
text-decoration: underline;
}
a:hover {
color: #cccccc;
text-decoration:none;
}

/* layout.css*/
/*
===== CONTENTS ===========================================

	1: CONTAINER
	2: HEADER
	3: FOOTER
	4: NAVIGATION
	5: MAIN CONTENT

==========================================================
*/

/*
===== 1: CONTAINER ==========================================
*/
.container {
	width:780px;
	margin:0 0;
}

/*
===== 2: HEADER ==========================================
*/
#header {
}
#header .container {
    background-image: url(http://www.o-hamada.net/wordpress/wp-content/themes/officeHamada/images/bg_header.gif);
    background-repeat: no-repeat;
    background-position: 92% 0%;
}
#header h1, p#title {
    padding: 0;
    width: auto;
    float: none;
    background: none;
    font-size: 10px;
    font-weight:normal;
    color: #999999;
    margin-left: 10px;
}
#logo {
    display: inline;
    float: left;
    margin: 14px 0 0 10px;
}
#contact {
    display: inline;
    float: right;
    margin: 20px 0 0 0;
}
.userbility {
   position: absolute;
   left: -9999px;
}
/*
===== 3: FOOTER ==========================================
*/
#footer{
    border-top: solid thin #cccccc;
    clear: both;
    padding: 10px 0 10px 0;
}
address, address a {
    text-align: center;
    font-style: normal;
    color: #000;
    text-decoration: none;
}
#footer p {
    text-align: center;
    color: #000;
}

/*
===== 4: NAVIGATION ======================================
*/
#gnavi {
    background-image: url(http://www.o-hamada.net/wordpress/wp-content/themes/officeHamada/images/icon/bg_gnavi.jpg);
    background-repeat: repeat-x;
    background-color: #3399cc;
    border-top: solid 1pt #3399cc;
    border-bottom: solid 1pt #3399cc;
}
#gnavi .container {
}

#gnavi ul {
   display: inline;
   float: right;
   margin-right: 180px;
}
#gnavi li {
   display: inline;
}
#gnavi li a {
   float: left;
   padding: 2px 20px;
   color: #fff;
   text-decoration: none;
   border-right: solid 1pt #3399cc;
}
#gnavi li a:hover {
   background-color: #3399cc;
}
/* module.css */
/*
===== 1: CLEARFIX ==========================================
*/
.clearfix{
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html .clearfix{
	display:inline-table;
	/*\*/display:block;/**/
}
/*
===== 2: EACH MODULE ==========================================
*/
.pagetop{
	text-align:right;
	padding:1em;
}

/* base.css*/
/*
===== CONTENTS ===========================================

	1: BASE STYLE

==========================================================
*/

#wrapper .container {
    background-image: url(http://www.o-hamada.net/wordpress/wp-content/themes/officeHamada/images/bg_side.jpg);
    background-repeat: repeat-y;
    background-position: left;
    padding-bottom: 40px;
}
#wrapper.top .container {
    background-image: none;
}
.current {
    background-color: #3399cc;
    color: #ffffff;
}
#wrapper h1 {
    float: left;
    width: 170px;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 20px;
    padding: 10px 0 10px 0;
}
#main {
   display: inline;
   width: 580px;
   float: right;
   padding: 10px;
}
#mainContent {
   margin: 10px 10px 10px 10px;
}
#mainContent h3 {
   font-size: 16px;
   font-weight: bold;
}
#mainContent p {
   margin: 4px 0 10px 0;
}
#mainContent p img {
   margin: 0;
}
#main h2 {
    background-image: url(http://www.o-hamada.net/wordpress/wp-content/themes/officeHamada/images/icon/h2bar.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    margin: 0 0 16px 4px;
    color: #3399CC;
    font-size: 18px;
    padding-bottom: 10px;
}
#headline {
    background-image: url(http://www.o-hamada.net/wordpress/wp-content/themes/officeHamada/images/bgBlack.jpg);
    background-repeat: repeat;
    border-top: solid thin #333333;
    border-bottom: solid thin #333333;
    margin-bottom: 10px;
}
#headline h2 {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    margin: 10px 0 4px 32px;
}
#flashContent {
    width: 600px;
    float: left;
} 
#side {
    float: left;
    width: 170px;
    display: inline;
}
#side.top {
    float: right; /*top-page用*/
    margin-right:5px;
    background-image: none;
}
#localMenu li {
   background-color: #000000;
   height: 1%;
   margin-top: 4px;
}
#localMenu li#down p {
   background-image: url(http://www.o-hamada.net/wordpress/wp-content/themes/officeHamada/images/icon/listArrow_down.gif);
   background-repeat: no-repeat;
   background-position: 6px center;
   font-size: 12px;
   color: #3399cc;
   text-decoration: none;
   display: block;
   padding: 3px 0 3px 34px;   
}
#localMenu li a {
   background-image: url(http://www.o-hamada.net/wordpress/wp-content/themes/officeHamada/images/icon/listArrow.gif);
   background-repeat: no-repeat;
   background-position: 6px center;
   font-size: 12px;
   color: #3399cc;
   text-decoration: none;
   padding: 3px 0 3px 34px;
   display: block;
}
#localMenu li a.current {
   background-image: none;
   color: #fff;
}
#localMenu li a:hover {
   color: #FFF;
   background:#3399cc;
   text-decoration:none;
}
ul#child {
   border: none;
}
#child li {
   margin: 0;
   padding: 2px 0px 2px 28px;
   background-color: #333;
   font-size: 10px;
}
#child li a {
   background-image: none;
   display: inline;
   color: #FFFFFF;
   font-size: 10px;
   padding: 4px 4px 4px 4px;
}
/*トップページのメインコンテンツ*/
#main.top {
   float: left;
   display: inline;
   width: 424px;
   float: left;
   padding: 8px 16px;
}
#main.top h2 {
   clear: both;
   font-size: 14px;
}
#sideContent h2 {
    background-image: url(http://www.o-hamada.net/wordpress/wp-content/themes/officeHamada/images/icon/h2bar.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
   color: #3399cc;
   font-size: 14px;
}
.midashiLink {
    background-image: url(http://www.o-hamada.net/wordpress/wp-content/themes/officeHamada/images/icon/h2bar.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
}
#main h2.leftside, #mainContent h3.leftside {
    background-image: none;
    float: left;
    font-size: 14px;
    margin-bottom: 0;
}
#main p {
    clear: both;
}
#main.top p {
    text-indent: 1em;
    margin: 8px 0 0 4px;
    padding: 0 10px;
}
#main.top h3 {
    float: left;
    margin: 0 0 40px 4px;
}
#main.top h3 a {
    padding: 4px 6px;
    color: #3399cc;
    text-decoration: underline;
}
#main p.rightside {
    float: right;
    clear: none;
    text-align: right;
    font-size: 10px;
    line-height: 2.3;
    margin: 0;
}
#main p.rightside a {
   background-image: url(http://www.o-hamada.net/wordpress/wp-content/themes/officeHamada/images/icon/arrow.gif);
   background-repeat: no-repeat;
   background-position: left bottom;
   padding-left: 24px;
}
#main.top h2#topContact {
   margin-bottom: 0;
}
#main.top dl {
   margin: 0 0 0 4px;
   padding-top:10px;
   border: solid 1pt #ccc;
}
#main.top dt {
    width: 12em;
    float: left;
    clear: left;
    margin-left: 1em;
    padding-left: 40px;
}
#main.top dt#phone {
    background-image: url(http://www.o-hamada.net/wordpress/wp-content/themes/officeHamada/images/icon/phone.gif);
    background-repeat: no-repeat;
    background-position: left center;
}
#main.top dt#fax {
    background-image: url(http://www.o-hamada.net/wordpress/wp-content/themes/officeHamada/images/icon/fax.gif);
    background-repeat: no-repeat;
    background-position: left center;
}
#main.top dt#mail {
    background-image: url(http://www.o-hamada.net/wordpress/wp-content/themes/officeHamada/images/icon/mail.gif);
    background-repeat: no-repeat;
    background-position: left center;
}
#main.top dd {
    margin: 0 0 10px 20px;
}
#main.top a#pagetop {
    margin-top: 60px;
}
/*トップページのサイドコンテンツ*/
#sideContent {
	width: 300px;
	float: right;
        padding: 8px 0 0 10px;
}
#sideContent .midashiLink {
        margin-left: 0px;
}
#sideContent h2 {
    clear: left;
    margin: 8px 0 0 0;
    padding-bottom: 10px;
}
#sideContent h2.leftside {
    background-image: none;
    float: left;
    margin: 0;
}
#sideContent p.rightside {
    float: right;
    clear: none;
    text-align: right;
    font-size: 10px;
    line-height: 2.3;
}
#sideContent p.rightside a {
   background-image: url(http://www.o-hamada.net/wordpress/wp-content/themes/officeHamada/images/icon/arrow.gif);
   background-repeat: no-repeat;
   background-position: left bottom;
   padding-left: 24px;
}
dl#information {
   margin-bottom: 6px;
}
dl#information dt {
  clear: left;
  float: left;
  width: 6em;
  padding: 2px 0.5em
}
dl#information dd {
  margin-left: 0;
  padding: 2px 0.5em 2px 7em;
}
#sideContent img {
    display: inline;
    margin: 8px 0 4px 16px;
}
#sideContent p.inside {
    margin: 8px 10px 8px 16px;
}
.link a {
    background-image: url(http://www.o-hamada.net/wordpress/wp-content/themes/officeHamada/images/icon/arrow.png);
   background-repeat: no-repeat;
   background-position: 6px center;
   color: #000000;
   text-decoration: none;
   margin-left: 130px;
   padding: 2px 0 2px 8px;
   font-size: 10px;
   font-weight: normal;
}
p#area {
   margin-top: 10px;
   padding: 4px;
   border: solid 1pt #cccccc;
   font-size: 10px;
}
/*
===== 2: SERVICE WORKFLOW ====================================
*/
.flow {
    clear: both;
    margin: 0 0 0 20px;
    border: solid 1pt #CCCCCC;
}
.flow h3 {
    background-color: #999999;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding-left: 10px;
}
#mainContent .flow p {
    margin: 4px 0 10px 20px;
}
.angle {
    float: left;
    margin: 4px 20px 4px 20px;
}
#mainContent p img.workArrow {
    margin: 16px 0 0 270px;
}
/*
===== 3: SERVICE  ====================================
*/
#service h3 {
     margin: 30px 0 6px 20px;
	 font-size: 14px;
    
}
#service p {
     margin: 0 0 0 40px;
}
p#contact{
     margin: 40px 0 6px 20px;  
}
strong {
	 color: #FF0000;
	 font-size: 12px;
}
/*
===== 4: mainのdl&ABOUT  ====================================
*/
#mainContent dl {
     margin-left: 6px;
}
#mainContent dt {
     clear: left;
     float: left;
     padding: 4px 0.5em;
     width: 13em;
}
#mainContent dd {
     padding: 4px 0 4px 14em;
}
#access h2 {
     margin: 0 0 16px 0;
}
#access p {
     margin: 20px 0 0 90px;
}
/*
===== 5: WORKS  ====================================
*/
#mainContent p img.alignnone {
    background-image: url(http://www.o-hamada.net/wordpress/wp-content/themes/officeHamada/images/icon/lupe.gif);
   background-repeat: no-repeat;
   background-position: left bottom;
   padding-bottom: 18px;
   margin: 0 0 26px 8px;
}
/*
===== 6: ABOUT-価格表  ====================================
*/
table {
   border-collapse: collapse;
   border-spacing: 0pt;
   empty-cells: show;
   margin-left: 20px;
}
td {
   border-bottom: 1px solid #cccccc;
   border-right: 1px solid #cccccc;
   padding: 4px;
}
thead {
   background-color: #999999;
   color: #fff;
   text-align: center;
   font-size: 14px;
}
thead th {
   border-top: 1px solid #666;
   border-right: 1px solid #666;
   padding: 4px;
}
/*
===== 7: SITE MAP  ====================================
*/
ul#sitemap, ul#otherSitemap {
   clear: both;
}
ul#sitemap li, ul#otherSitemap li {
   margin: 0 0 0 4em;
   padding: 5px 0 0 20px;
}
ul#sitemap li, ul#otherSitemap li {
   background-image: url(http://www.o-hamada.net/wordpress/wp-content/themes/officeHamada/images/branch.gif);
   background-position: left top;
   background-repeat: repeat-y;
}
/*
===== 8: singleページ内の詳細リンク設定  ====================================
*/
#mainContent p.rightside {
   float: left;
   margin-left: 10px;
   line-height: 1.6;
}
/*
===== 9: footertop  ====================================
*/
#footertop {
  margin: 60px 0 0 4px;
}
#footertop h2 {
  font-size: 14px;
}
#footertop_left {
   width: 240px;
   float: left;
}
#footertop_left p {
   margin-left: 8px;
}
#footertop_right {
   width: 240px;
   float: left;
   margin-left: 40px;
}
#footertop dt {
   width: 4em;
   float: left;
   clear: left;
   padding-left: 36px;
}
#footertop dd {
   margin-left: 1em;
   margin-bottom: 10px;
}
#footertop_right dt#phone {
    background-image: url(http://www.o-hamada.net/wordpress/wp-content/themes/officeHamada/images/icon/phone.gif);
    background-repeat: no-repeat;
    background-position: left center;
}
#footertop_right dt#fax {
    background-image: url(http://www.o-hamada.net/wordpress/wp-content/themes/officeHamada/images/icon/fax.gif);
    background-repeat: no-repeat;
    background-position: left center;
}
#footertop_right dt#mail {
    background-image: url(http://www.o-hamada.net/wordpress/wp-content/themes/officeHamada/images/icon/mail.gif);
    background-repeat: no-repeat;
    background-position: left center;
}
#footertop ul, #footertop dl {
   margin-left: 10px;
}
#pagetop {
   float: right;
   margin-top: 40px;
}
#address a {
   margin: 0 8px;
}
/*
===== 10: LINK  ====================================
*/
#bread a:link, address a:link, #main a:link, #sideContent a:link {
    color: #000000;
    text-decoration: underline;
}
#bread a:visited, address a:visited, #main a:visited, #sideContent a:visited {
    color:#333333;
    text-decoration: underline;
}
#bread a:hover, address a:hover, address a.current:hover, #main a:hover, #sideContent a:hover {
    color: #3399cc;
}
a.current:visited {
   color: #ffffff;
}

/*
===== 11: パンクズリスト  ====================================
*/
#bread {
    text-align: right;
    font-size: 10px;
}
a#logo.current, address a.current {
    background-color: transparent;
    color: #000;
}
a#logo.current:visited, address a.current:visited {
    background-color: transparent;
    color: #000;
}