@charset "utf-8";
/*
Theme Name: リンク工房
Theme URI: http://www.jam-design.jp/
Description: <a href="http://www.rinkkoubo.com/" title="リンク工房">リンク工房</a>様のウェブサイト用テンプレート
Version: 1.0
Author: 株式会社ジャム・デザイン
Author URI: http://www.jam-design.jp/
*/


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */



/*
-----------------------------------------------
▼基本デザイン
----------------------------------------------- */

* {
margin:0;
padding:0;
}
body {
font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','MS PGothic','ＭＳ Ｐゴシック', sans-serif;
font-size:12px;
color:#333333;
text-align:center;
line-height:1.5;
background:url(images/body_bg.gif);
}

a {
font-family:'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','MS PGothic','ＭＳ Ｐゴシック', sans-serif;
}
img {
border:0;
}
ul{
list-style-type:none;
}
select,
input,
textarea {
font-family:'MS PGothic';
}
html > body select,
html > body input,
html > body textarea {
font-family:'Lucida Grande',sans-serif;
}
table,h1,h2,h3,h4,h5,h6 {
font-size:100%;
}
table {
border-collapse:collapse;
}

a:link {color:#3366cc;}
a:visited {color:#3366cc;}
a:hover,a:active {color:#993333;}

/*\*/ a { overflow:hidden;} /**/

/* Win IEちらつき防止▼ */
* html {
filter:expression(document.execCommand("BackgroundImageCache", false, true));
}

.cboth {
clear:both;
height:0;
}
/* IE 用▼ */
* html .cboth {
height:.1em;
overflow:hidden;
margin-top:-.1em;
}
hr {
visibility:hidden;
border:0;
}

/*
-----------------------------------------------
▼全体ブロック構成
----------------------------------------------- */
body{
background:url(images/body_bg.gif) repeat-x #e5e1d3;
}

#all{
width:904px;
margin:0 auto;
padding:10px 0;
}

#main{
background:url(images/main_bg.jpg) repeat-y;
text-align:left;
padding-left:14px;
zoom:1;
}

#side{
margin-top:10px;
width:206px;
float:left;
}

#con{
margin-top:10px;
width:654px;
float:left;
}

/*
-----------------------------------------------
▼ヘッダー
----------------------------------------------- */
#head{
width:904px;
height:101px;
background:url(images/head_bg.gif) no-repeat;
position:relative;
text-align:left;
}

h1{
width:345px;
height:56px;
position:absolute;
top:35px;
left:5px;
}

#head strong{
font-size:12px;
color:#fff;
position:absolute;
top:10px;
left:25px;
}


#hBtn01{
width:142px;
height:37px;
position:absolute;
top:35px;
left:509px;
}
#hBtn02{
width:142px;
height:37px;
position:absolute;
top:35px;
left:657px;
}


/*
-----------------------------------------------
▼サイド
----------------------------------------------- */

/* ナビ */
#navi{
margin-bottom:15px;
}

#navi li a{
display: block;
width:206px;
height: 35px;
background:url(images/navi.gif);
text-indent: -10000em;
overflow: hidden;
line-height: 1px;
}

#navi01 a{background-position:0 0 !important;}
#navi01 a:hover{background-position:-206px 0 !important;}

#navi02 a{background-position:0 -35px !important;}
#navi02 a:hover{background-position:-206px -35px !important;}

#navi03 a{background-position:0 -70px !important;}
#navi03 a:hover{background-position:-206px -70px !important;}

#navi04 a{background-position:0 -105px !important;}
#navi04 a:hover{background-position:-206px -105px !important;}

#navi05 a{background-position:0 -140px !important;}
#navi05 a:hover{background-position:-206px -140px !important;}

#navi06 a{background-position:0 -175px !important;}
#navi06 a:hover{background-position:-206px -175px !important;}

#navi07 a{background-position:0 -210px !important;}
#navi07 a:hover{background-position:-206px -210px !important;}

#navi08 a{background-position:0 -245px !important;}
#navi08 a:hover{background-position:-206px -245px !important;}

#navi09 a{background-position:0 -280px !important;}
#navi09 a:hover{background-position:-206px -280px !important;}

#navi10 a{background-position:0 -315px !important;}
#navi10 a:hover{background-position:-206px -315px !important;} 

/* 店舗案内 */
#shopInfo{
border:solid 1px #ccc;
background-color:#fff;
padding:10px 12px;
zoom:1;
margin-top:20px;
margin-bottom:15px;
}

#shopInfo ul{
margin-top:10px;
margin-bottom:8px;
}

#shopInfo li{
background:url(images/mk01.gif) no-repeat left center;
padding-left:12px;
}

#shopInfo p{
margin-top:4px;
}


/*
-----------------------------------------------
▼フッタ
----------------------------------------------- */
#foot{
width:904px;
height:183px;
background:url(images/foot_bg.gif) no-repeat;
position:relative;
text-align:left;
color:#fff;
}

.foot1{
width:28em;
float:left;
padding:15px 0 15px 15px;
}
.foot1 h2{
font-size:18px;
margin-bottom:15px;
}

.foot1 p{
font-size:14px;
}

.foot2{
float:right;
padding:15px 0 15px 15px;
}

.footUl01,
.footUl02,
.footUl03{
display:block;
float:left;
margin-right:20px;
}

.footUl01{
margin-top:8px;
margin-right:45px;
}

.footUl03{
margin-top:37px;
}

.footUl01 li,
.footUl02 li,
.footUl03 li{
margin-bottom:6px;
font-size:12px;
}


#foot a:link {color:#fff;text-decoration:none;}
#foot a:visited {color:#fff;}
#foot a:hover,a:active {color:#fde694;}

/*
-----------------------------------------------
▼TOP
----------------------------------------------- */
#topCopy{
background:url(images/top_bg.jpg) no-repeat;
}

#topCopy p{
padding-top:360px;
font-weight:bold;
font-size:14px;
margin-left:80px;
}

#topicsBox{
width:614px;
margin-left:19px;
}

#topicsBox h2{
margin-bottom:5px;
}


.topics{
background-color:#fff;
padding:10px 15px;
margin-bottom:15px;
}

.topics h3{
border-bottom:dotted 2px #888;
margin-bottom:10px;
font-size:16px;
color:#006699;
}

.topics h3 a:link {color:#006699;text-decoration:none;}
.topics h3 a:visited {color:#006699;}
.topics h3a:hover,.topics h3 a:active {color:#006699;}

.topics .right{
float:right;
padding-left:10px;
padding-bottom:10px;
}

.topics .right{
float:right;
}

.topics p,.topics ul{
margin-bottom:6px;
font-size:115%;
font-weight:normal;
}

/*
-----------------------------------------------
▼下層
----------------------------------------------- */
#cateCopy{
width:614px;
margin-left:19px;
}

#cateCopy h2{
border-bottom:solid 1px; 
margin-bottom:15px;
}
#cateCopy .left{
float:left;
padding-right:15px;
padding-bottom:10px;
}

#cateCopy p{
font-size:120%;
}

.catePage{
background:url(images/cate_bg.jpg) no-repeat;
padding-bottom:10px;
padding-top:20px;
padding-left:60px;
font-size:150%;
margin-bottom:5px;
}

/*
-----------------------------------------------
▼問い合わせ
----------------------------------------------- */
#inqBox{
background:url(images/info_bg.gif) repeat-x;
border:solid 1px #ccc;
padding:15px;
zoom:1;
margin:10px 0 15px 0;
}

#inqBox h3{
font-size:18px;
}

#inqBox a{
font-size:16px;
font-weight:bold;
}

#inqBox p{
margin-top:8px;
font-size:14px;
font-weight:bold;
}

#inqBox p strong{
font-size:18px;
color:#ff6600;
}

#inqBox p span{
font-weight:normal;
}

/*
-----------------------------------------------
▼会社概要
----------------------------------------------- */

.companyTbl td,.companyTbl th{
border-bottom:dotted 1px #999;
padding:5px;
font-size:115%;
vertical-align:top;
}

.companyTbl th span{
text-indent:1em;
font-size:90%;
}
.companyTbl {
margin-bottom:15px;
}

/*
-----------------------------------------------
▼道案内
----------------------------------------------- */
.mapInfo{
margin-left:50px;
}
.mapInfo strong{
font-size:120%;
margin-bottom:0 !important;
}

#con .mapInfo ul{
margin-top:0 !important;
padding-top:0 !important;
}

.gmap{
margin-left:10px;
margin-top:25px;
}

.gmap strong{
font-size:120%;
}

.telfax{
border:solid 4px #ccc;
padding:6px;
margin-bottom:20px;
}

.telfax strong{
color:#ff6600;
font-size:16px;
}

.telfax h4{
font-size:14px;
}

.post h2{font-size:140%;}
.post h3{font-size:130%;}
.post h4{font-size:120%;}
.post h5{font-size:110%;}




.olderEntry a{
background:url(images/next.gif) no-repeat 0 5px;
padding:8px 0 12px 45px;
font-size:14px;
display:block;
}

.olderEntry{
display:block;
}

.newerEntry a{
background:url(images/back.gif) no-repeat top right;
padding:8px 45px 12px 0;
font-size:14px;
display:block;
}

/*
-----------------------------------------------
▼公開後追加2010317
----------------------------------------------- */

#newTop p{
font-weight:bold;
font-size:14px;
margin-left:60px;
margin-top:-50px;
padding-bottom:10px;
}

/*
-----------------------------------------------
▼公開後追加20101006
----------------------------------------------- */

.ganen1{width:400px;padding:2px;font-size:115%;}
.ganen2{width:6em;padding:2px;font-size:115%;}
.ganen3{width:300px;padding:2px;font-size:115%;}
.ganen4{width:400px;padding:2px;font-size:115%;}
.ganen5{width:120px;padding:2px;font-size:115%;}
.ganen6{width:550px;padding:2px;font-size:115%;}
.ganen7{width:9em;padding:2px;font-size:115%;}
.formStyle p{margin-bottom:15px;}


.formStyle input{padding:2px;font-size:125%;}

.formStyle .wpcf7-mail-sent-ok{
font-size:150%;font-weight:bold;}

.daibiki td{
border-left:solid 1px;
border-bottom:solid 1px;
padding:4px;
}

.daibiki{
border-right:solid 1px;
border-top:solid 1px;
margin-bottom:15px;
}


/* css_end */