@charset "UTF-8";
/*
Theme Name: theanin.jp
Theme URI: http://www.theanin.jp/
Description:theanin.jp
Version: 
Author: Shizuka Uchida 
*/
@charset "EUC-JP";

/*
--------------------------------------
20090630
  1-1 RESET
  1-2.Universal selector
  1-3.Structure Module

   1-3-1.maincontainer
   1-3-2.sidebox

  1-4.Text Module
  1-5.Hypertext Module
  1-6.List Module
  1-7.Edit Module
  1-8.Forms Module
  1-9.Tables Module
  1-10.Image Module
  1-11.Object Module
  1-12.Navigation Module
  
  2-1商品ページ

---------------------------------------*/
.demo{color:#669966; background-color:#eeffee; 
border-width:1px; border-style:outset ; padding:8px; text-align:center; }


/*===============================
 1-1.RESET---
================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
    margin: 0; 
    padding: 0;
}
html{
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;

}
ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
table{
	border-collapse: collapse;
	border-spacing:0;
}
caption, th{
    text-align: left;
}
/*===============================
 1-2.Universal selector
================================*/
/*===============================
 1-3.Structure Module
================================*/

.maincolor-style {
	background: #f3fcd2;
	color:#666666;
	font-weight: 700;
}

.fltrt {
float:right;
margin-left:8px;
}

.fltlft {
float:left;
margin-right:8px;
}

.clearfloat {
clear:both;
/*height:0;
font-size:1px;
line-height:0;*/
}


/*
======================================
	1-3-1. メインコンテナ
=======================================*/


body {
	font:95% Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	/*for IE6*/
	zoom:1;
	text-align:center;
	background: #FFFFFF repeat-x;
}/*IE用*/




.wrapper {
	width : 800px;
	line-height:125%;
	text-align: center;
	margin:0 auto;
	zoom:1;
}
#header {
	width: 780px;
	text-align: left;
	height: 130px;
	position:relative;
	background: url(images/header.gif) no-repeat;
	padding-left: 0px;
	margin-left: 10px;
	padding-top: 0px;
	margin-top: 0px;
}


.container {
	width:800px;
	text-align: center;
	margin:0;
	padding:0px;
	/*behavior:url(iepngfix.htc);*/
	/*for IE6*/
	zoom:1;
}
.contents {
	width:780px;
	text-align: left;
	margin:0px;
	zoom:1;
	height: auto;
	padding: 20px;
	
	
}

.right-contents {
	width:540px;
	text-align: left;
	margin: 0 0 0 230px;
	zoom:1;
	height: auto;
}


.clearfloat {
	clear:both;
    height:0;
   /* font-size: 1px;*/
    line-height: 0px;
}

#footer {
	background: url(images/footer.gif) repeat-x;
	padding: 0;
	margin-bottom: 0px;
	margin-top:5px;
	height: 50px;
	width: 780px;
	margin-left: 10px;
}
.footnavi {
	text-align: center;
	color: #8D5793;
	font: 700 12px/20px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	float: none;
}




/*===============================
1-3-2.サイドボックス
=================================*/
#left-side {
	float: left;
	width: 210px;
	background: #FFFFFF repeat-y;
	overflow: hidden;
}


.box-top {
	background: url(images/side-top.gif) no-repeat;
	width:187px;
	height: 45px;
	color: #FFFFFF;
	zoom:1;
	font: bold 16px/25px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: left;
	padding-left: 20px;
	padding-top: 10px;
}
.box-middle {
	background: url(images/side-mid.gif) repeat-y;
	text-align: left;
	padding-top: 5px;
}
.box-footer {
	background: url(images/side-bottom.gif) no-repeat;
	height: 30px;
	width:210px;
}


/*===============================
  1-4.Text Module
================================*/



h1 {
	color: #663333;
	text-indent: -20000px;
	letter-spacing: 0em;
	text-align: left;
	font: 14px
	}

h2 {
	color: #8D5793;
	text-indent: 0px;
	letter-spacing: 0em;
	text-align: left;
	font: normal 1.5em/50px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 10px 0px;
	border-bottom: 1px solid #8D5793;
	}
	

h3
{
	color: #8D5793;
	background: url(images/h3-header.gif) no-repeat 2px 5px;
	text-indent: 25px;
	font: bold 18px/1.5em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 5px 0px 0px;
	border-top: 1px solid #DDDDDD;
	padding-top: 3px;
	padding-bottom: 3px;
} 

h4{
	color: #8D5793;
	font: bold 15px/1.5em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 10px 0px 0px;
	border-top: 1px solid #DDDDDD;
	padding-top: 5px;
	padding-bottom: 5px;
	}
p {
	line-height:1.8em;
	font-size: 1em;
	text-indent: 1em;
	margin-bottom:0.8em;

	}
	.atamazoroe{
	text-indent: -1em;}
	
.book {
	
	line-height:1.6em;
	font-size: 0.8em;
	}


ul.children{
padding-left:30px;

} 
ul.children a{
	display:block;
	padding-right:10px;
	padding-bottom:3px;
	padding-top:2px;
	margin-right:30px;
} 






/*===============================
 1-5.Hypertext Module
================================*/
.ex_link {
padding-left: 20px;
background: transparent url(images/ex_link.gif) no-repeat center left;
}

.pdf_dl {
padding-left: 23px;
background: transparent url(images/pdf_dl.gif) no-repeat center left;
}

/*===============================
1-7.Edit Module
================================*/
/*===============================
 1-8.Forms Module
================================*/
/*===============================
 1-9.Tables Module
================================*/


/*===============================
 1-10.Image Module
================================*/

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

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.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;
}

img.midasi {
margin-top: 3px;
margin-bottom: 3px;
}
/*===============================
  1-11.Object Module
================================*/
/*===============================
   1-12.Navigation Module

================================*/
/* リスト全体 */
#globalNavi-block {
	position: absolute;
	top: 78px;
	left: 90px;
	width: 690px;
}


ul#globalNavi
   {
	height:28px;            /* リスト全体の高さ */
	list-style:none;        /* リストマークを無しにする */
	text-align:center;      /* 文字を中央 */
	font-size:13px;         /* 文字を大きく */
	line-height:28px;       /* 行の高さを調整 */
   }

/* 各項目 */
ul#globalNavi li
   {
	width:97px;            /* 項目の幅 */
	height:28px;            /* 項目の高さ */
	float:left;
	border-right: 1px solid #FFFFFF;
   }

/* リンク部分 */
ul#globalNavi li a
   {
	display:block;            /* リンク範囲をブロックに変換 */
	width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
	height:100%; /* 背景画像繰り返し表示しない */
	color:#333333;            /* リンク文字色 */
   }

ul#globalNavi li a:link
   {
	color:#333333;
}         /* まだ見ていないリンク色 */

ul#globalNavi li a:visited
   {color:#333333;}         /* 既に見たリンク色 */
 
ul#globalNavi li a:hover
   {
	border-bottom: 3px solid #CC6699;
   }


/*サブナビゲーション*/

/*左メニュー*/

ul.subnavi /*このリストの名前*/
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
}



ul.subnavi li
{
	margin: 0 0 0 10px;
	line-height: 25px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	text-indent:15px;
	display: block;
	width: 185px;
	font-size: 0.9em;
}



ul.subnavi li a/*リンク文字(通常時)*/ {
	display: block;
	margin: 0;
	text-decoration: none;
	font-weight:normal;
	line-height: 30px;
	padding-left:5px;
	font-size: 12px;
	width: 189px;		
	
}




ul.subnavi li a:hover /*マウスがリンクに乗った時*/ {
	color: #006666;
	display: block;
	background: url(images/arrow.gif) no-repeat 2px center;
	
} 

ul.subnavi ul.cildren li a{
	background: none;
	list-style: none;
	padding-left: 0px;
	padding-right: 0px;
	border-bottom: 1px dotted #BBBBBB;
	
}


ul.subnavi li ul li a:hover {
	background: none ;
	list-style: none ;
}

/*トピックパス*/
.topic_path {
	margin:0;
	position: absolute;
	top: 120px;
	left: 10px;
	font-size: 10px;
	font-weight: bold;
	color: #3B6896;
	width: 645px;
	text-align: left;
}

.topic_path ul {
	margin:10px 0;
}
 .topic_path ul li {
	display:inline;
	line-height:110%;
	list-style-type:none;
}
 .topic_path ul li a {
	padding-right:10px;
	background:url(../../theanine/topic_path.gif) no-repeat right center;
}

.back-link {
	background: no-repeat left center;
	font-size: 12px;
	text-align: right;
	padding-right: 0px;
}

div#campany-logo
{
	width:350px;
	height:55px;
	position:
	absolute;
	z-index: 3;
	left: 0px;
	top: 20px;
	font-size: 0.9em;
	padding-left:0px;
}

img#campany-logo {
	width:350px;
	height:55px;
}

div#sitemap {
	position: absolute;
	left: 650px;
	height: 30px;
	width: 130px;
	top: 40px;
	z-index: 2;
}

img#sitemap {

	height: 30px;
	width: 100px;
	
}

div#searchform {
	position: absolute;
	left: 580px;
	height: 20px;
	width: 1px;
	top: 5px;
	z-index: 1;
}
#submitbotan {
	position: absolute;
	height: 30px;
	width: 50px;
	top:0px;
	left: 155px;
}

/*フッターナビゲーション*/
.wrapper #footer a {
	color: #663300;
	font: normal 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#footer-navi {
	padding-left: 50px;
	width: 700px;
}

#footer-navi li {
	float: left;
	list-style: none;
	border-right: 1px solid #663333;
	padding-right: 3px;
	padding-left: 3px;
	display: inline;
	display: block;

}



#leftend a{
	border-left: 1px solid #663333;
}







/*エントリー本文ページ*/
.breadcrumb {
	font: normal 10px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #005500;
	margin-left: 50px;
}

#postdate {
	font: normal 10px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #005500;
	text-align: right;
}
.wrapper .container #inner-container .right-contents #home {
	font: bold 1em/1.5em "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	color: #996633;
	background: url('images/top-contentsback.gif') no-repeat right bottom;
	_height: 200px;
	min-height: 200px
}
.wrapper .container #inner-container .right-contents .news {
	margin-left: 20px;
	margin-top: 20px;
	list-style: none;
	border: 1px solid #999966;
	padding: 10px;
	background: #FFFCE9;
}
.wrapper .container #inner-container .right-contents .news #newstopics li {
	list-style-type: none; 
	display: block;
}
.wrapper .container #inner-container .right-contents .news h4 {
	font: bold 14px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #005500;
}

.wrapper .container #inner-container .right-contents .link a {
	line-height: normal;
	background: url(images/aicon.gif) no-repeat left center;
	border-bottom-style: none;
	padding: 3px 3px 3px 15px;
	display: block;
	margin: 10px 10px 10px 2px;
	font-weight: 600;
	color: #660099;
}

.wrapper .container #inner-container .right-contents .link {
	
	list-style-type: none;
	}


.wrapper .container #inner-container .right-contents .description {
	font-size: 0.9em;
	color: #663333;
	margin-left: 0px;
	margin-bottom: 5px;
	text-indent: 0px;
}
.childpage .page-item a {
	list-style: url('images/green-lisythead_09.gif') inside;
		display: block;
}

 .childpage ul li  {
	list-style-type: none;
	padding-left: 20px;
	margin-left: 20px;
	
}


/*サイトマップ*/
.tree ul {
background-position:-9px 15px;
background-image:url('images/ul.gif');
background-repeat:repeat-y;
margin:0;
padding:0;
}

.tree li {
font-size:1em;
font-weight:700;
list-style-type:none;
margin:0;
padding:3px 0 3px 24px;
}

.tree li a:hover {
text-decoration:underline;
}

.tree ul ul {
background-position:-1px 15px;
background-image:url('images/ul.gif');
background-repeat:repeat-y;
}

.tree ul li {
background-position:0 7px;
background-image:url('images/li.gif');
background-repeat:no-repeat;
}

.tree ul li a {
font-weight:700;
text-decoration:underline;
}

.tree ul ul li {
background-position:8px 7px;
background-image:url('images/li.gif');
background-repeat:no-repeat;
}

.tree ul ul li a {
background-position:0 7px;
font-size:1em;
text-decoration:none;
}

.tree ul ul ul li a {
background-position:0 7px;
font-size:0.8em;
text-decoration:none;
}
.wrapper .container #inner-container .right-contents .catname {
	height: 20px;
	width: 300px;
	position: relative;
	top: 30px;
	left: 20px;
	z-index: 1;
	color: #666600;
	font-size: 0.8em;
	font-weight: bold;
}
.excerpt {
	color: #222222;
	border-bottom: 1px dotted #993300;
	font-size: 0.9em;
	padding-left: 5px;
}

.blueback{
	background: #CCFFFF;
	width: 100px;
}

.wrapper .container #inner-container {
	width: 780px;
	margin-left: 10px;
}
#next-pre a{
	font-size: 0.8em;
	color: #933;
	text-align:  dcenter;
}