/*=========================================================
2010 Taiyoudou.com
Made by 2010 sakurakyoto.net - all rights reserved. 
http://www.sakurakyoto.net/

==========================================================*/

/*   ページのレイアウト用CSS  */
body{
	font-family: "ＭＳ Ｐゴシック",Osaka, sans-serif,Arial;
	color: #666666;
	margin: 0px;
	padding: 0px;
	background-image: url("../images/dots.jpg"); /* ページの背景画像 */
}

/* 表示の崩れを回避する */
br.clear{
        clear:both;
        padding:0px;
        margin:0px;
        height:0px;
        line-height:0;
}

/* Pタグの設定　空白を消す */
p {
	font-size:13px;
	text-align:left;
        margin:25px;
        padding:10px;
        line-height:125%;
}

/* aタグの設定 */
a {
        font size:13px;
      	color:#9C5BDC ;
	text-decoration:none;
	font-weight:none;
}

/* IEのBRバグを回避する */
br  {
        letter-spacing:normal;
}


h1{
        position:relative;
	font-family:Osaka,sans-serif,Arial;
	font-size:0.6em;
        color:#B3B3B3;
	font-weight:normal;
	margin:5 10 0 0px;
        height:5px;
        text-align:right;
}

/* ------------------- div の設定 ここから---------------------- */

#wrapper { 
 margin: 0 auto;
 width: 822px;
}
#header {
 color: #333;
 width: 800px;
 padding: 10px;
 height: 180px;
 margin: 10px 0px 5px 0px;
 background-image: url("../images/2010title.png");
 background-repeat: no-repeat;
 background-position: center center;
}
#main {
 background: url(../images/left-col.jpg);
 margin-bottom: 5px;
 overflow: auto;
 width: 100%
}
#navigation {
 color: #e5ccff;
 height: 32px;
 padding: 0px;
 margin: 0px 0px 5px 0px;
 background: #e5ccff;
}
#leftcolumn { 
 display: inline;
 color: #333;
 margin: 0px 0px;
 padding: 10px 0px;
 width: 195px;
 float: left;
}
#rightcolumn { 
 float: right;
 color: #333;
 margin: 0px;
 padding: 10px;
 width: 583px;
 display: inline;
 position: relative;
}
#footer { 
 width: 820px;
 clear: both;
 color: #444444;
 background: #eddbff;
 margin: 0px 0px 0px 0px;
 padding: 10px 0px 10px 0px;
 text-align:center;
}
.clear { clear: both; background: none; }


/* ------------------- 上のメニュー の設定 ここから---------------------- */



ul.topNavi {
	margin: 0;
	padding: 0;
	line-height: 1;
	background-color: #e5ccff;
	font-weight: bold;
	list-style-type: none;
}

ul.topNavi li {
	margin: 0;
	padding: 0;
	float: left;
	width: 135px;
	text-align: center;
	font-weight: bold;
	font-size: 13px; /* 文字サイズ */
}

ul.topNavi li a {
	border-right: 1px solid #eee;
	padding: 9px 20px;
	display: block;
	position: relative; /* for IE6 */
	color: #777;
	background-color: #e5ccff;
	font-weight: bold;
	text-decoration: none;    
}

ul.topNavi li a:hover {
	border-color: #ccc;
	color: #fff;
	font-weight: bold;
	background-color: #cc99ff;
}

/* ClearFix */

ul.topNavi {
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: 1px;
	overflow: hidden;
	/**/
}

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

/*IE--BRバグ回避*/
br  {
letter-spacing:normal;
}


/* ------------------- 上のメニュー の設定 ここまで---------------------- */

/* -------------------  左サイドメニューここから ------------------ */

#left {
	float: left;
	clear: left;
	width: 210px;
	padding: 0px 0px;
	margin: 0px 0px;
	color: #FFFFFF;
}


.hidari {　/* ピンクのラベル */
	padding:3px 0px 0px 2px;
	margin: 0px 0px;
	background-image: url(../images/sidepink.png);
	background-position: left top;
	background-repeat: no-repeat;
	height: 22px;
	width: 155px;
	margin: 0px;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
}


.test {
	height:28px;
	width:145px;
	padding:3px 0px 0px 10px;
	margin:1px;
	display:block; 
	font-size:14px;
	}


.test li {
	height:28px;
	width:145px;
	padding:0;
	margin:1px;
	display:block; 
	background-image: none;
	list-style-type: none;
}


.test li a{
	height:28px;
	width:145px; 
	padding:0;
	margin:1px;
	display:block; 
	border-left:10px solid #d1e8ff;
	background-color:#ffffff;
	text-decoration:none;
	color:#777;
	list-style-type: none;
	}


.test li a:hover{
	height:28px;
	width:145px;
	padding:0;
	margin:1px;
	display:block; 
	border-left:10px solid #d77fbb;
	background-color:#f4eaff;
	text-decoration:none;
	color:#743F91;
	list-style-type: none;
	}



.banner { /* バナー画像スペース */
	margin: 0px 0px 5px;
	width: 220px;
}


/* -------------------  左サイドメニューここまで ------------------ */
/* -------------------  右サイドメニューここから ------------------ */


#breadNavi {
	color:#777777;
	font-size:12px;
	height: 15px;
	padding: 0px 0 0 0px;
	margin: 0px 0 10px;
        text-align:left;

}

#breadNavi a {
	color:#cc99ff;
	font-size:12px;
	height: 15px;
	padding: 5 0 0 2px;
	margin: 0px 0 0px;
        text-align:left;
}


#rightcolumn h1 { /* 本文の見出し */
	background-image:url(../images/h1bar001.jpg);
	background-repeat:no-repeat;
        text-align:center;
	font-weight: bold;
	clear:left;
	color:#FFFFFF;
	font-size:18px;
	height:50px;
	margin:0;
	padding:16px 0 0 10px;
}



#rightcolumn h2 { /* 本文の見出し2 */
	background-image:url(../images/h2bk.png);
	background-color: #c3deba;
	background-position:right top;
	background-repeat:no-repeat;
	border:1px solid #78B464;
	clear:left;
	color:#333;
	font-size:16px;
	margin:15px 5px 20px 0px;
	padding:12px 0px 0px 0px;
	height: 26px;
}



#rightcolumn h3 { /* 本文の見出し3 */
	margin:0.5em 10px;
	background-color: #FFFFFF;
	border-left: 7px solid #FF9EFF;
	padding: 3px 0px 3px 5px;
	font-size: 96%;
	border-bottom: 1px solid #CCCCCC;
}

#rightcolumn ul { /* リスト表示 */
        text-align:left;
	margin:1em 20px 2em 40px;
	padding-left:25px;
        font-size: 15px;
}


#rightcolumn h4 { /* 本文の段落 */
        text-align:right;
	margin:0 2px 5px 5px;
        font-size: 15px;
	font-weight: normal;
}


#rightcolumn h4 a { 
        text-align: right;
        color: #4b0082;
        font-size: 15px;
	font-weight: normal;
        text-decoration: none;
}


#rightcolumn h4 a:hover{
        text-align: right;
        font-size: 15px;
	font-weight: normal;
        text-decoration: none;
}


#toShop {
	clear: left;
	margin: 0px !important;
	text-align: right;
	list-style-type: none;
}




#subnavi {
	clear: both;
	padding: 10px 0;
	margin: 20px 0 10px;
	border-top: 1px dashed #999;
	text-align: right;
}



/* -------------------  右サイドメニューここまで ------------------ */

/*フッターの中の文字*/
address {
	font-family: Arial;
	font-size:10px;
	font-style:normal;
	text-align:center;
}
address a {
	font-family: Arial;
	font-size:10px;
	font-style:normal;
	text-align:center;
}

/* ------  テーブル１ ------ */
table {
        color: #3D3D3D;
	margin: auto ;
        font-size: small;
        color: #3D3D3D;
        line-height:125%;
}


.table td {
        font-size: small;
	width: 260px;
	padding: 7px;
	background-color: #FFFFFF;
}


.table td.tb {
        font-size: small;
	width: 80px;
	background-color: #EFDCE2;
        color: #3D3D3D;
}

.table td.tb2 {
        font-size: small;
	width: 150px;
	background-color: #ccccee;
        color: #3D3D3D;
}


.table td.tb3 {
        font-size: small;
	width: 170px;
	background-color: #ddddff;
        color: #3D3D3D;
}


.table th {
        font-size: small;
	background-color: #ccccee;
        font-size: small;

}


/* ------  テーブル２ ------ */
table2 {
	margin: 0 0 10px 2px;
}


.table2 td {
	width: 190px;
	text-align: center;
	padding: 10px;
	background-color: #FFFFFF;
}

.table2 td.tb {
	width: 50px;
	text-align: right;
	background-color: #DCEFE9;
}


/* ------  テーブル３ ------ */
table3 {
	margin: 0 0 10px 2px;
}


.table3 td {
	text-align: center;
	padding: 10px;
}

.table3 td.tb {
	font-size:small;
        color: #3D3D3D;
	width: 250px;
	text-align: left;
	background-color: #FFFFFF;
        line-height:130%;
}