@charset "UTF-8";
/* CSS Document */

/*body { behavior:url("../sikisokai/csshover2.htc"); }*//*--IEで擬似クラス:hoverがaタグ以外にも有効にする方法--*/
body{
	background-color: #FFFAE1;
	font-size: 85%;
	
}


  /*-----ヘッダー----------*/


div#line{
  background: url(img/tetu_bgside.gif) repeat-y center;
  
}
  

div#header{
  background:url(img/tetu_bg.gif) no-repeat center top;
  height: 155px;
  position: relative;
  z-index: 100;
  
}

h1{
  position: absolute;
  top: 14px;
  left: 20px;
  
}

p#home{
  position: absolute;
  top: 10px;
  left: 640px;
  
}

p#home a{
  background:url(img/tetu_homebutton.gif) no-repeat;
  width: 56px;
  padding-top: 44px;
  
}

      /*-----なび----------*/

#navi {
	position: absolute;
	top: 80px;
	left: 40px;
	width: 672px;
	
}

#navi li{
	float: left;
	font-weight: bold;
	font-size: 0.9em;
	vertical-align: middle;
	
}

#navi a{
	background: url(img/tetu_navibutton.gif) no-repeat left top;
	text-decoration: none;
	display: block;
	color:#000000;
	width:96px;
	height:28px;
	line-height: 28px;
}	


#navi li a:hover,
#navi li a.stay{
	 
	background: url(img/tetu_navibutton.gif) no-repeat right top;
	color:#FFFFFF;
	
}

#navi li:hover ul{ display: block;}

/* ---- TOPページ ---*/
.idx p {
	text-indent: 0;
	margin: 0;
}

.idx h3 {
	margin: 10px 0;
}

#idxBox:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

#idxBox {
}

#idxBox #pdtDetail {
	width: 237px;
	margin-top: 15px;
}

#idxBox #pdtDetail dl {
	margin: 10px 0 10px 10px;
	font-size: 92.4%;
}

#idxBox #pdtDetail dl dt {
	margin-top: 5px;
	color: #CC3300;
	font-weight: bold;
	font-size: 123.1%;
}

#idxBox #pdtDetail dl dd {
	margin: 0;
	padding: 0;
}

#idxBox #pdtDetail dl dd span {
	font-size: 80%;
}

#tetsuDetail {
	float: right;
	width: 408px;
	margin-top: 10px;
}

#tetsuDetail p#dotBox {
	padding: 10px;
	font-size: 92.4%;
	line-height: 1.5;
	background: url(img/bg_dotbox.gif) no-repeat;
}

#tetsuDetail ul {
	width: 400px;
	margin: 5px 0 0 auto;
	font-size: 85%;
}

#tetsuDetail ul li {
	background : url(img/tetu-bg-list.gif) no-repeat 0px 0px;
	padding-left : 18px;
	margin-bottom : 5px;
	line-height : 1.2;
}

#tetsuDetail ul li span {
	font-size: 85%;
}

#tetsuDetail ul li.notes {
	font-size: 85%;
	margin-left: 20px;
	padding-left: 2.6em;
	text-indent: -2.6em;
	background: none;
}

#tetsuDetail ul li span.spot {
	font-size: 100%;
	color: #CC3300;
}

#tetsuDetail ul#dotBox2 {
	width: 350px;
	margin: 5px 0 0 auto;
	padding: 40px 10px 5px 10px;
	line-height: 1.2;
	background: url(img/bg_dotbox2.gif) no-repeat;
}

#tetsuDetail p.table {
	margin: 5px 0 0 55px;
}


/* ---- DATEページ ---*/
.date p {
	text-indent: 0;
	margin: 0;
}

.date p#leadTxt {
	margin: 8px 0 10px 16px;
	font-weight: bold;
}

.date .dateBox {
	margin: 0 0 20px 0;
}

.date .dateBox:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

.date .dateBox img.btm {
	clear: both;
	vertical-align: bottom;
}

.date #sec01 {background: url(img/date_sec01_bg.gif) repeat-y;}
.date #sec02 {background: url(img/date_sec02_bg.gif) repeat-y;}
.date #sec03 {background: url(img/date_sec03_bg.gif) repeat-y;}

.date .dateBox h3 {
	margin-top: 0;
}

.date .dateBox .left {
	display: inline;
	overflow: hidden;
	margin-left: 7px;
}
.date .dateBox .right {
	display: inline;
	overflow: hidden;
	margin-right: 8px;
}

.date .dateBox h4 {
	margin-top: 0;
	font-size: 107.8%;
}

.date .dateBox .left {
	display: inline;
	overflow: hidden;
	margin-left: 8px;
}

.date .dateBox .left {
	width: 310px;
}

.date #sec01 .left {width: 333px;}
.date #sec01 .right {width: auto;}

.date .dateBox .right {
	width: 310px;
}

.date .dateBox dl:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

.date .dateBox dl dt {
	margin: 5px 0 10px;
	font-size: 92.4%;
}

.date .dateBox dl dt span {
	color: #FF9900;
}

.date .dateBox dl dt span.note {
	display: block;
	margin: 0 0 0 10px;
	font-size: 80%;
	color: #333;
}

.date .dateBox dl dd {
	margin: 0 0 10px 0;
	font-size: 12px;
	line-height: 1.3;
}

.date .dateBox dl dd.note {
	margin: 0 0 0 25px;
	font-size: 10px;
	line-height: 1.2;
}

.date .sec02T:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

.date .sec02T {
	margin-bottom: 10px;
}

#sec03 {
	width: auto;
	margin-top: 20px;
	padding:0;
}

#sec03 .left {
	width: 250px;
	margin: 5px 0 0 20px;
}

#sec03 .left p {
	margin: -2px 0 0 15px;
	font-size: 80%;
}

#sec03 .left p#name {
	font-size: 107.8%;
	letter-spacing: 0.1em;
}

#sec03 .left ul li {
	font-size: 80%;
	line-height: 1.2;
	padding: 3px 0 0 0;
}

#sec03 .right {
	width: 320px;
	padding-right: 40px;
}

#sec03 .right p {
	margin-top: 10px;
	font-size: 92.4%;
	line-height: 1.8;
}


  /*-----本文----------*/

div#primary{
  width: 645px;
  padding: 10px 0;
  margin: 0 auto;
  text-align: left;
  
}

div.section{
	margin: 1em auto 0 auto;
	width: 614px;
	
}

span.mark{
	color: #EB6100;
}

p{
	margin: 0 1em;
	text-indent: 1em;
	line-height: 1.5;
}

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

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

.orderTxt p.text {
	text-indent: 0;
}

.orderTxt p.address {
	padding: 1em 2em;
}

img.img{
	float: left;
	margin-top: 1em;
}

div#setumei{
	margin: 1.5em auto 2em 350px;
}
div#setumei ul{
	text-indent: -1em;
}
div#setumei img{
	margin-top: 0.5em;
}


h4{
	font-size: 1.3em;
	color:#1D2088;
	margin-top:1.4em;
}
.qa h4,
.voice h4 {
	border-bottom: #000099 dotted 2px;
}
.qa h4 {
	margin-bottom: 8px;
}

.voice h4 {
	padding-bottom: 5px;
}
	
	
span.question{
	font-size:90%;
	margin-left: 1em;
}
span.answer{
	font-size:110%;
	font-weight: bold;
	color:#FF0000;
	margin: auto 1em auto -1em;
}

h5{
	margin:1em auto 0.3em 1em; font-size:1em;
}
div.qa{
	background: url(img/tetu_haikei.jpg) bottom right no-repeat;
}
div#voice{
	width:510px; float: left;
}
div#voice p{
	margin: 1em auto auto 0;
	width:490px;
	line-height: 1.5;
}

img#photo{
	margin-top:-1em;
}
img.photo{
	margin-top: 1em;
}


div#wide_primary{
  width: 715px;
  padding: 10px 0;
  margin: 0 auto;
  text-align: left;
  
}

h3{
	margin-top:2em;
}

div.group{
	width: 355px; float: left;
}
div.group p{
	width:325px; margin-left:1em; font-size: 0.8em;
}
div.group img{
	margin: 0 auto;
	display: block;
}

div.subsection{
	clear:both;
}

div.lecture{
	border: #FF6600 dotted 1px;
}

div.profile{
	width: 150px; float:left; margin-top: 2em;
}
div.profile p{
	width: 150px; margin: 0 auto; text-align: center;
}
div#profilelist{
	font-size:0.8em;
	margin-top: 2em;
	text-align: left;
	
}

div#comment{
	clear: both;
}


div.small_group{
	width: 322px;
 float: left;
 margin: 1em auto 2em auto;
 border-top: #FF6600 dotted 2px;
}

img#adobe{
	width:88px;
	height:31px;
	margin-top:3px;
	float:left;
}


  /*-----特定商取引に基づく表記----------*/
div.tokutei h2{
	color:#000099;
}
table{
	border-collapse: separate;
  border-spacing: 0.3em;
  text-align: left;
  border: #FF9933 solid 1px;
  
}

table th{
  width: 13em;
  color: #000099;
}

table th,td{
	padding: 5px 10px;
	background-color:#FFF5DC;
	font-size:0.9em;
}

table li{
  list-style: inside disc;
  padding-left:1em;
  text-indent:-1em;
  
}

/*-----ボタン------*/

    /*-----トップ----------*/

a.campaign{
  background: url(img/tetu_campaign12.gif) no-repeat;
  width: 615px;
  padding-top: 82px;
  margin: 0;
  
}

	/*------ご利用にあたって------------*/
a.use{
	background: url(img/tetu_bnuse.gif) no-repeat;
	width: 96px;
	padding-top: 20px;
	margin: -3em 30px auto auto;
	
}


	/*------ご注文について------------*/
a.aboutorder{
	background: url(img/tetu_bnaboutorder.gif) no-repeat;
	width: 96px;
	padding-top: 50px;
	margin: -5em 30px auto auto;
	
}

	/*------注文------------*/

a.order{
	background: url(img/tetu_bnorder.gif) no-repeat;
	width: 96px;
	padding-top: 20px;
	margin: -2.5em 30px auto auto;
	
}




/*----ボタン共通使用-----*/
  
a.button{
  display: block;
  overflow: hidden;
  height: 0 !important;
  background-position: left top !important;
  
}

a.button:hover{
	background-position: right top !important;
}




  /*----アドレス-----*/

#address{
	background: url(img/tetu_bgbottom.gif) repeat-x bottom;
	padding-top: 7px;
	padding-bottom: 18px;
	margin: auto 13px auto 7px;
	font-size:0.9em;
	border-top: #EB6100 dotted 2px;
	clear: both;
  
}

#address a{
	margin-left: 15px;
}

  /*----共通-----*/
span.ruby{
	font-size: 70%;
}

.block{
	display: inline-block;
	margin-top: 5px;
}

span.emphasis{
  color: #00A0E9;
  font-size:1.3em;
  font-weight: bold;
  
}

p#footer{
	margin-top:0;
}
/* ---- 入力フォーム ---*/
table.input{
  width:614px;
  border:none;
}
td.caption{
  width:6em;
}
td.data{
  text-align:left;
  background:#ffffff;
}
td.data input{
  margin:3px 0;
  padding:2px;
}
.required {
  font-size:0.8em;
  font-weight:bold;
}
.error {
  background:#FF6666;
  padding:5px;
  color:#FFFAF0; 
  font-weight:bold;
  font-size:20px;
  width:614px;
  text-align:center;
  border:solid 1px red;
  margin:10px 0;
}
.errmsg {
  background:url(/img/mark03_s.gif) no-repeat;
  padding-left:18px;
  color:#FF0033;
  font-size:16px;
  font-weight:bold;
}
.note {
	font-size:0.9em;
}
strong {
  color:red;
  font-size:1em;
}

.tetu-bg{
	background : url(img/tetu-bg.jpg) no-repeat center top;
width : 640px;
height : 465px;
position : relative;
}

.tetu-bg ul{
	list-style-type : none;
position : absolute;
top : 100px;
left : 310px;
font-size : 12px;
width : 320px;
}

.tetu-bg ul li{
	background : url(img/tetu-bg-list.gif) no-repeat 0px 0px;
padding-left : 18px;
margin-bottom : 3px;
line-height : 13px;
}

.tetu-bg ul li span{
	font-size : 10px;
}

.topic{
	height : 280px;
}

.topic dl{
	width : 315px;
float : left;
margin : 0px 0px 0px 5px;padding : 0px;
}

.topic dl dd{
	padding : 10px;margin : 0px;
font-size : 12px;
line-height : 150%;
}

.topic dl dd span{
	font-size : 10px;
}

/*----お客様の声----*/

dl#custmer{ 
	margin: 1em 2em;
}

dl#custmer dd{
	margin-top: 5px;
	margin-left: 12px;
	margin-bottom: 1em;
	padding-left: 1em;
	line-height: 1.4;
}

/*---- 代引きのTable ----*/
#primary table.price {
	width: auto;
	margin: 5px 0 10px 20px;
	border-collapse: inherit;
	border-spacing: 0;
	border-right: 1px solid #EADAD0;
	border-left: none;
	border-top: none;
	border-bottom: 1px solid #EADAD0;
}

#primary table.price tr th {
	text-align: center;
	font-weight: normal;
	color: #333;
	border-top: 1px solid #EADAD0;
	border-left: 1px solid #EADAD0;
	padding: 5px 10px;
	background-color: #FEEFC2;
}

#primary table.price tr td {
	text-align: center;
	border-top: 1px solid #DDDFE2;
	border-left: 1px solid #DDDFE2;
	padding: 5px 10px;
	background-color: #FFF;
}