@charset "utf-8";
/*
Theme Name: -パソコン
Theme URI: http://espoir-ins.co.jp/
Description: 205
Version: 1.0

*/

*{margin:0;padding:0;}

html{background:#ffffff;}

ol, ul{list-style:none;}

body{
font: 14px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#252525;
background:#fff url(images/header-background.png) repeat-x 0 0;
}

a{
color:blue;
text-decoration:none;
}
a:hover{color:red;text-decoration:none;}
a:active, a:focus {outline: 0;}


/* レイアウト
*****************************************************/
#wrapper-out{
width:100%;
}

#container{
width:1000px;
margin:0 auto;
}


/* ヘッダー
*****************************************************/
#header{
width:1000px;
height:112px;
margin:0 auto;
border:0px red solid;
}



/* スライダー
------------------------------------------------------------*/
#wideslider{
width:620px;
margin:10px auto;
}

/* メイン
*****************************************************/
#main{
float:right;
width:690px;
margin:40px 0 0 15px;
border:0px red solid;
}

#main p{
font-size:14px;
line-height:26px;
letter-spacing:0.1em;
}



/* サイドバー　
*****************************************************/
#sidebar{
float:left;
width:295px;
height:auto;
margin:40px 0 0 0;
padding:0 0 40px 0;
border:0px red solid;
background:url(images/sidebar-background.png) repeat-y 0 0;
}

.sidebar-menu{
margin:25px 0 0 20px;
}


/* フッター
*****************************************************/
#footer-out{
width:100%;
height:107px;
border:0px blue solid;
background:#fff url(images/header-background.png) repeat-x 0 0;
}

.go-top img{
margin:0;
}

#footer{
width:1000px;
margin:0 auto;
} 

/* 固定ページ
*****************************************************/
.h2-title{
}

h3{
margin:30px 0;
font-size:18px;
text-align:center;
font-family:"HG正楷書体-PRO";
}



/* 御道具紹介
------------------------------------------------------------*/
#tool{
}

.tool-photo-center{
width:400px;
margin:20px auto;
}

.tool-photo-center img{
border:2px silver solid;
}

p.photo1{
margin:10px 95px;
text-align:center;
}

p.photo2{
margin:10px 110px;
text-align:center;
}

.tool-photo-left1{
float:left;
width:150px;
margin:21px 15px 20px 80px;
}

.tool-photo-left1 img{
border:2px silver solid;
}

.tool-photo-right1{
float:left;
width:350px;
margin:20px 80px 20px 15px;
}

.tool-photo-right1 img{
border:2px silver solid;
}

.tool-photo-left2{
float:left;
width:150px;
margin:135px 15px 20px 80px;
}

.tool-photo-left2 img{
border:2px silver solid;
}

.tool-photo-right2{
float:left;
width:350px;
margin:20px 80px 20px 15px;
}

.tool-photo-right2 img{
border:2px silver solid;
}


/* 催事情報
------------------------------------------------------------*/
#event{
}

.date{
margin:0 0 0 550px;
font-size:16px;
}

.content{
margin:20px;
font-size:14px;
line^height:26px;
letter-spacing:0.1em
}

table.saiji{
margin:50px 0 50px 120px;
}

table.saiji th{
font-weight:normal;
text-align:right;
}

table.saiji td{
text-align:left;
}


/* 会社概要
------------------------------------------------------------*/
#shop{
}

#shop p{
font-size:14px;
line-height:26px;
letter-spacing:0.05em;
}


table.profile{
width:670px;
margin:20px 0;
border-collapse:collapse;
border-spacing:0;
border:#989487 1px solid;
}

tr.profile-1{
border:#989487 1px solid;
}

tr.profile-1 th{
padding:20px 20px 20px 20px;
border:#989487 1px solid;
font-weight:normal;
text-align:left;
width:160px;
/*background:#f1f1f3;*/
background:#f6d8bc;
border-right:none;
font-size:14px;
}

tr.profile-1 td{
padding:20px 20px 20px 20px;
font-size:14px;
line-height:26px;
border:#989487 1px solid;
}


/* お問い合わせ
------------------------------------------------------------*/
#contact{
background:#fff;
}

.contact{
margin:40px 20px 20px 20px;
}

.contact p{
font-size:14px;
line-height:26px;
letter-spacing:0.1em;
}

.contact ul{
margin:20px 40px;
}

.contact ul li{
list-style:disc;
font-size:20px;
line-height:40px;
/*text-decoration:underline;*/
color:red;
}

table.order1{
table-layout:fixed;
width:660px;
margin:20px auto;
border-collapse:collapse;
border-spacing:0;
}

table.order1 th{
width:160px;
padding:10px 20px;
font-weight:normal;
text-align:center;
background:#f1f1f3; 
border:#989487 1px solid;
}

table.order1 td{
padding:10px 20px;
border:#989487 1px solid;
text-align:left;
}

input[type="text"], textarea{ 
vertical-align:middle; 
max-width:90%; 
line-height:30px; 
height:34px; 
padding:1px 5px; 
border:1px solid #d4d4d7; 
border-radius:3px; 
-webkit-border-radius:3px; 
-moz-border-radius:3px; 
font-size:100%; 
color:#555; 
background:#fcfcfc; 
} 

textarea{ 
width:550px; 
height:100px; 
line-height:1.5; 
} 

input[type="submit"],input[type="reset"],input[type="button"], p.readon a{ 
vertical-align:top; 
margin:0 0 20px 0;
padding:0 10px 0 22px; 
background:#2e69a4; 
background:-moz-linear-gradient(top, #2e69a4 0%, #4486c9 100%); 
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e69a4), color-stop(100%,#4486c9)); 
background:-webkit-linear-gradient(top, #2e69a4 0%,#4486c9 100%); 
background:-o-linear-gradient(top, #2e69a4 0%,#4486c9 100%); 
background:linear-gradient(to bottom, #2e69a4 0%,#4486c9 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e69a4', endColorstr='#4486c9',GradientType=0 ); 
border:0; 
border-radius:3px; 
-webkit-border-radius:3px; 
-moz-border-radius:3px; 
line-height:28px; 
height:34px; 
font-size:120%; 
color:#fff; 
} 

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,p.readon a:hover{ 
background:#4486c9; 
background:-moz-linear-gradient(top, #4486c9 0%, #2e69a4 100%); 
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#4486c9), color-stop(100%,#2e69a4)); 
background:-webkit-linear-gradient(top, #4486c9 0%,#2e69a4 100%); 
background:-o-linear-gradient(top, #4486c9 0%,#2e69a4 100%); 
background:linear-gradient(to bottom, #4486c9 0%,#2e69a4 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4486c9', endColorstr='#2e69a4',GradientType=0 ); 
cursor:pointer; 
} 

*:first-child+html input[type="submit"]{
padding:3px;
}


/* 交通案内
------------------------------------------------------------*/
#guide{
}

.guide-h3{
margin:20px 0 20px;
font-size:20px !important;
font-weight:bold;
}

.guide-map{
width:600px;
margin:20px auto;
}

.guide-map img{
border:1px silver solid;
}

p.guide1{
padding:0 0 0 150px;
color:red;
}


/* 茶道具の手入れと保存のしかた　アーカイブ
------------------------------------------------------------*/
#care-archive{
}

#care-archive p{
padding:0 40px;
}

.care-left{
float:left;
margin:20px 10px 30px 100px;
}

.care-center{
float:left;
width:36px;
margin:20px 0 30px 0;
}

.care-right{
float:right;
margin:20px 270px 30px 0;
}


/* 茶道具の手入れと保存のしかた　
------------------------------------------------------------*/
#care{
padding:0 20px;
}

.care-h3{
margin:0 auto 20px;
font-size:20px !important;
font-weight:bold;
text-align:center;
}

#next{
font-size:16px;
letter-spacing:0.2em;
}

.left{
float:left;
margin:30px 0 0 20px;
}

.right{
float:right;
margin:30px 20px 0 0;
}
#togi{
text-indent:100%;
white-space:nowrap;
overflow:hidden;
line-height:0.01em;
}