@charset "utf-8";
/*
Theme Name: Shoichi
Theme URI: 
Description: 
Version: 1.0
Author: Shoichi
Author URI: 
Tags: 
*/

/*
reset
==============================================================================
*/

* {
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6,h7 {
	font-size:100%;
	font-weight:normal;
	margin:0;
	padding:0;
}

img, a img {
	border:none;
	vertical-align:middle;
}

ol li,
ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

ol, ul, dl, li, dt, dd {
	zoom:1;
}

textarea {
	font-size:100%;
}

strong {
	font-weight:bold;
}

table {
	text-align:left;
	border-collapse:collapse;
}

th {
	text-align:left;
}

/*
clear
==============================================================================
*/

.clearfix { 
	zoom:100%;
}

.clearfix:after {
	content:" "; 
	clear:both; 
	height:0; 
	display:block; 
	visibility:hidden;
}

.clear {
	clear:both; 
}

/*
text color
==============================================================================
*/

.red{
	color:#FF0000;
	font-weight:bold;
}

.blue {
	color:#006699;
	font-weight:bold;
}

/*
layout
==============================================================================
*/

.left {
	display:block;
	float:left;
}

.right {
	display:block;
	float:right;
}

img.left {
	margin-right:10px;
	padding:3px;
	border:1px solid #CCCCCC;
}

img.right {
	margin-left:10px;
	padding:3px;
	border:1px solid #CCCCCC;
}

.alignLeft {
	text-align:left;
}

.alignRight {
	text-align:right;
}

.alignCenter {
	text-align:center;
}

.padding5 {
	padding:5px;
}

.padding10 {
	padding:10px;
}

.padding20 {
	padding:20px;
}

.inline {
	display:inline;
}

.hidden {
	display:none;
}

/*
layout
==============================================================================
*/

body {
	color:#444444;
	font-size:14px;
	background:#FAF8E2 url(http://shoichi.co.jp/images/common/bg.gif) left top repeat-x;
}

#container {
	width:780px;
	margin:0 auto;
	background:#FFFFFF;
}

#wrapper {
	padding:0 25px;
}

#main {
	float:right;
	width:520px;
	overflow:hidden;
}

#side {
	float:left;
	width:190px;
}

/*
header
==============================================================================
*/

#header {
	margin-bottom:20px;
	background:url(http://shoichi.co.jp/images/common/bg_header.gif) left bottom repeat-x;
}

#header .headerLeft {
	float:left;
	padding:7px 0 15px 25px;
}

#header .headerLeft .message {
	color:#999999;
	font-size:13px;
}

#header .headerLeft .message b,
#header .headerLeft .message strong {
	font-weight:normal;
}

#header .headerLeft .logo {
	
}

#header .headerRight {
	position:relative;
	float:right;
	padding:0 15px 0 0;
}

#header .headerRight ul.nav {
	position:absolute;
	right:155px;
	top:7px;
	width:300px;
	text-align:right;
}

#header .headerRight ul.nav li {
	font-size:13px;
	display:inline;
	padding:0 6px;
	border-right:1px solid #CCCCCC;
}

#header .headerRight ul.nav li.end {
	padding:0 0 0 6px;
	border-right:none;
}

#header .headerRight .btnInquiry {
	position:absolute;
	right:20px;
	top:0;
}

#header .headerRight .tel {
	position:absolute;
	right:20px;
	top:40px;
}

#header .description {
	color:#FFFFFF;
	font-size:13px;
	text-align:right;
	padding:4px 7px 2px;
	background:#FF9900 url(http://shoichi.co.jp/images/common/bg_description.gif) left top no-repeat;
}



/*
side
==============================================================================
*/

#side {
}

#side .sideNav {
	margin-bottom:15px;
	padding-bottom:4px;
	background:url(http://shoichi.co.jp/images/common/side_bg.gif) left bottom no-repeat;
}

#side .sideNav h2 {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding:8px 0 6px;
	background:url(http://shoichi.co.jp/images/common/side_h2_bg.gif) left top no-repeat;
	/*border-bottom:1px solid #DFD4BE;*/
}

#side .sideNav li {
	font-size:14px;
	margin:0 1px;
	padding:9px 6px;
	background:url(http://shoichi.co.jp/images/common/side_li_bg.gif) left bottom repeat-x;
	border-top:1px solid #DFD4BE;
}

/*
#side .sideNav li.end {
	padding:9px 6px 12px;
	background:none;
	border-bottom:none;
}
*/

#side .sideNav li a {
	color:#333333;
}

#side .sideNav .content {
	padding:10px;
}

/**/

#side .sideProfile {
	color:#504C1A;
	margin-bottom:15px;
	padding:8px;
	background:#FAF8E2;
}

#side .sideProfile h2 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	padding:4px 4px;
	background:#D5D1A0;
}

#side .sideProfile .photo {
	text-align:center;
	margin-bottom:10px;
}

#side .sideProfile ul {
	margin-bottom:8px;
}

#side .sideProfile li {
	font-size:11px;
	line-height:1.5;
}

#side .sideProfile p {
	font-size:11px;
	line-height:1.5;
	margin-bottom:1em;
}

/**/

#side .sideAbout {
	color:#2C5A6F;
	font-size:13px;
	margin-bottom:15px;
	padding:8px;
	background:#DBEFF8;
}

#side .sideAbout h2 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	padding:4px 4px;
	background:#AED7EA;
}

#side .sideAbout h3 {
	margin-bottom:0.5em;
}

#side .sideAbout dt {
	font-weight:bold;
}

#side .sideAbout dd {
	margin-bottom:0.5em;
}

#side .sideBnr {
	margin-bottom:15px;
}

/*
footer
==============================================================================
*/

.pagetop {
	font-size:13px;
	text-align:right;
	padding:0 25px;
}

#footer {
	padding:40px 0;
}

#footer ul.nav {
	font-size:10px;
	text-align:center;
	margin-bottom:10px;
}

#footer li {
	display:inline;
	padding:0 3px;
	border-right:1px solid #CCCCCC;
}

#footer li.end {
	border:none;
}

#footer li.title {
	font-weight:bold;
}

#footer p.description {
	color:#666666;
	font-size:13px;
	text-align:center;
	margin:30px 0 20px;
}

#footer p.copyright {
	color:#999999;
	font-size:13px;
	text-align:center;
}

/*
main
==============================================================================
*/

#main .bread {
	font-size:11px;
	margin-bottom:10px;
}

#main h1 {
	color:#333333;
	font-size:18px;
	font-weight:bold;
	margin-bottom:1em;
	border-top:1px solid #CCCCCC;
}

#main h1 span {
	display:block;
	padding:30px 8px;
	background:url(http://shoichi.co.jp/images/common/h1_bg.jpg) left top no-repeat;
	border-top:1px solid #FFFFFF;
}

#main h2 {
	color:#333333;
	font-size:16px;
	font-weight:bold;
	margin-bottom:1em;
	padding-top:12px;
	background:url(http://shoichi.co.jp/images/common/h2_bg.gif) left top repeat-x;
}

#main h2 span {
	display:block;
	padding:0 8px 8px;
	background:url(http://shoichi.co.jp/images/common/h2_bg.gif) left bottom repeat-x;
}

#main h3 {
	color:#FF6600;
	font-size:16px;
	font-weight:bold;
	margin-bottom:1em;
	padding:4px 0 4px 6px;
	border-left:6px solid #FF9900;
	border-bottom:1px solid #FF9900;
}

#main p {
	font-size:14px;
	line-height:1.6;
	margin-bottom:1em;
}

#main p strong {
	color:#996600;
}

#main ul,
#main ol,
#main dl {
	margin-bottom:1em;
}

#main ul li {
	line-height:1.6;
	padding:0 0 0.5em 24px;
	background:url(http://shoichi.co.jp/images/common/bullet.gif) 3px top no-repeat;
}

#main .catch {
	color:#FF3333;
	font-size:16px;
	font-weight:bold;
	line-height:1.6;
	text-align:center;
	margin-bottom:1em;
}

#main .idea {
	padding:10px;
	border:10px solid #EEEEEE;
	margin-bottom:1em;
}

#main .idea h2 {
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin-bottom:1em;
	padding:10px;
	background-color:#FF9900;
	background-image:none;
	border:5px solid #FFBB22;
}

#main .idea h2 span {
	display:block;
	padding:0;
	background:none;
}


/*
toppage
==============================================================================
*/

.itemList {
	margin-bottom:1em;
	padding-top:12px;
	background:url(http://shoichi.co.jp/images/top/bg_item.gif) left top no-repeat;
}

.itemList .inner {
	padding:0 15px 15px;
	background:url(http://shoichi.co.jp/images/top/bg_item.gif) left bottom no-repeat;
}

#main .itemList h2 {
	color:#006600;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin-bottom:0.5em;
	padding:0;
	background:url(http://shoichi.co.jp/images/common/dot.gif) left top no-repeat;
}

#main .itemList ul {
	margin:0;
}

#main .itemList li {
	float:left;
	width:103px;
	color:#666600;
	font-size:14px;
	font-weight:bold;
	line-height:1;
	padding:5px 0 5px 19px;
	background:none;
}

#main .itemList li.apparel  { background:url(http://shoichi.co.jp/images/top/denim.gif) left 3px no-repeat; }
#main .itemList li.brand    { background:url(http://shoichi.co.jp/images/top/bag.gif) left 3px no-repeat; }
#main .itemList li.grocer   { background:url(http://shoichi.co.jp/images/top/bicycle.gif) left 3px no-repeat; }
#main .itemList li.life     { background:url(http://shoichi.co.jp/images/top/restaurant.gif) left 3px no-repeat; }
#main .itemList li.electric { background:url(http://shoichi.co.jp/images/top/tv.gif) left 3px no-repeat; }
#main .itemList li.food     { background:url(http://shoichi.co.jp/images/top/noodle.gif) left 3px no-repeat; }
#main .itemList li.other    { background:url(http://shoichi.co.jp/images/top/chair.gif) left 3px no-repeat; }

body.home #main dt {
	width:100px;
	font-weight:bold;
	line-height:1.6;
}

body.home #main dd {
	line-height:1.6;
	margin-top:-1.6em;
	margin-bottom:0.5em;
	padding-left:100px;
}

/*
flow
==============================================================================
*/

.flowLayout {
	margin-bottom:1em;
}

#main .flowLayout h3 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:0.5em;
	padding:0;
	border:none;
}

body.page-id-5 #main .flowLayout h3 {
	color:#3366CC;
}

body.page-id-7 #main .flowLayout h3 {
	color:#CC3333;
}

#main .flowLayout p {
	margin-bottom:0;
}

.flowExample {
	margin-bottom:1em;
	padding:15px;
	background:#FFFF99;
}

.flowExample h3 {
	margin-bottom:0.5em;
}

.flowExample h4 {
	font-weight:bold;
	line-height:1.5;
	margin-bottom:0.5em;
}

/*
advantage
==============================================================================
*/

table.advantageTbl {
	margin-bottom:1.5em;
}

table.advantageTbl td {
	color:#666633;
	line-height:1.6;
	padding:10px 10px;
	background:#FFFFCC;
}

/*
voice
==============================================================================
*/

#main .voiceGreeting  {
	color:#669900;
	font-size:16px;
	font-weight:bold;
	line-height:1.6;
	text-align:center;
	margin-bottom:1em;
	padding:60px 0 50px;
	background:url(http://shoichi.co.jp/images/voice/bg.jpg) left top no-repeat;
}

.customerVoice {
	margin-bottom:2em;
	padding:0.8em;
	background:#CCBB99;
}

.customerVoice dl {
	padding:10px 10px;
	background:#FFFFFF;
}

.customerVoice dt {
	font-weight:bold;
	margin-bottom:10px;
	padding:5px 0 5px 22px;
	background:#FFDDAA url(http://shoichi.co.jp/images/voice/mail.gif) 3px 4px no-repeat;
}

.customerVoice dt span {
	font-size:11px;
	font-weight:normal;
}

.customerVoice dd {
	line-height:1.5;
	padding:0 5px;
}

/*
qanda
==============================================================================
*/

#main ul.qaIndex {
	margin:0 10px 2em;
	padding:16px 10px 10px 16px;
	border:1px solid #CCCCCC;
}

#main ul.qaIndex li {
	line-height:1.6;
	padding:0 0 0.5em 20px;
	background:url(http://shoichi.co.jp/images/q_a/q_s.gif) left 3px no-repeat;
}

dl.qaList dt.q {
	color:#FF3333;
	font-size:16px;
	font-weight:bold;
	padding:10px 0 18px 46px;
	background:url(http://shoichi.co.jp/images/q_a/q.gif) left top no-repeat;
}

dl.qaList dd.a {
	line-height:1.6;
	padding-left:46px;
	background:url(http://shoichi.co.jp/images/q_a/a.gif) left top no-repeat;
}

/*
link
==============================================================================
*/

#main table.linkTbl {
	width:99%;
	border:1px solid #FF9900;
	margin:0 1px 2em;
}

#main table.linkTbl th,
#main table.linkTbl td {
	font-size:14px;
	line-height:1.5;
	padding:8px 8px;
}

#main table.linkTbl thead th {
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	line-height:1;
	background:#FF9900;
}

#main table.linkTbl tbody td {
}

#main table.linkTbl tbody h3 {
	font-weight:bold;
	margin-bottom:10px;
}

#main table.linkTbl tbody p {
	margin-bottom:1em;
}

#main table.linkTbl tbody textarea {
	width:99%;
	margin-bottom:20px;
}

/*
about
==============================================================================
*/

table.aboutTbl {
	margin-bottom:1em;
	border-top:1px solid #BBCCDD;
}

table.aboutTbl th,
table.aboutTbl td {
	padding:16px 10px;
	border-bottom:1px solid #BBCCDD;
}

table.aboutTbl th {
	width:120px;
	color:#336699;
	background:#CCEEFF;
}

/*
recruit
==============================================================================
*/

.recruitBox {
	margin-bottom:1em;
	padding:20px 20px;
	border:4px solid #FFCC00;
}

#main .recruitBox h3 {
	color:#FF6600;
	font-size:16px;
	font-weight:bold;
	margin-bottom:0.5em;
	padding:0;
	border:none;
}

/*
alliance
==============================================================================
*/

#main h3.buy {
	height:80px;
	position:relative;
	color:#FF6600;
	font-size:16px;
	font-weight:bold;
	margin-bottom:1em;
	padding:0 0 0 110px;
	background:url(http://shoichi.co.jp/images/alliance/buy_bg.gif) left bottom no-repeat;
	border:none;
}

#main h3.buy span {
	display:block;
	position:absolute;
	top:48%;
	padding-bottom:5px;
}

#main h3.sell {
	height:80px;
	position:relative;
	color:#003399;
	font-size:16px;
	font-weight:bold;
	margin-bottom:1em;
	padding:0 0 0 110px;
	background:url(http://shoichi.co.jp/images/alliance/sell_bg.gif) left bottom no-repeat;
	border:none;
}

#main h3.sell span {
	display:block;
	position:absolute;
	top:48%;
	padding-bottom:5px;
}

/*
form
==============================================================================
*/

table.formTbl {
	margin-bottom:1em;
	border-top:1px solid #CCCC66;
}

table.formTbl th,
table.formTbl td {
	padding:12px 8px;
	border-bottom:1px solid #CCCC66;
}

table.formTbl thead th {
	color:#336600;
	text-align:center;
	background:#CCFF66;
}

table.formTbl tbody th {
	width:140px;
	background:#FFFF99;
}

#main table.formTbl p {
	font-size:13px;
	margin-top:0.25em;
	margin-bottom:0;
}

#main .wpcf7-list-item {
	display:block;
	padding:2px 0;
}

.ex {
	color:#666666;
	font-size:13px;
	margin-left:5px;
}

.require {
	color:#FF0000;
	font-size:13px;
	margin-left:5px;
}

.btns {
	text-align:center;
	margin:2em 0;
}

input{
padding:2px;
}

.btns input,
.btn {
	padding:4px 10px;
}

/*
blog
==============================================================================
*/

.navigation {
	margin-bottom:1em;
}

.post {
	margin-bottom:3em;
}

.postmetadata {
	text-align:right;
}

.vcard {
	margin-bottom:0.5em;
}

.commentmetadata {
	margin-bottom:0.5em;
}