@chareset "Shift_JIS";

/* ページの基本設定 */

body {
	font-family:"ＭＳ Ｐゴシック", Osaka, sans-serif;
	color:#333333;
	background-color:#ffffff;} 
*{margin:0;
padding:0;}	

h2, h3, h4{font-size:14px;
text-align:left;
vertical-align:top;}

h6 {font-size:12px;
color:#666666;}

p, li {font-size:12px;
	line-height:1.5em;
text-align:left;
vertical-align:top;}
#copyright {font-size:x-small;}

/* リンクの基本設定 */

a {text-decoration:none; 
color: #660000;}
a img{border:none;}
a:hover {text-decoration:none;
color: #999999;}
a:visited {color: #663366;}
	
td.top {vertical-align:top;}

/* レンタルヘッダのデザイン */

h1 {margin:0;
	padding:0;
}	

p.menubar{font-size:small; 
text-align:right;
color:#99cc00;
background-color:#deffc2;}
p.menubar a{text-decoration:underline;
color:#99cc00;}
p.menubar a:hover{color:#99cc00;}

p.mainmenubar{font-size:small; 
text-align:left;
color:#660000;
background-color:#E3E3E3;}
p.mainmenubar a{text-decoration:underline;
color:#660000;}
p.mainmenubar a:hover{color:#009966;}

/* topicsのデザイン */
.topics {width:97%;	/* IEのバグ対策 */
	border:1px solid;
text-align:left;
margin:5px;
	padding:5px;
	border-color:#FF0000;}
.topics h2 {margin:0 0 0 10px;
	color:#006600;}
.topics h2 a{font-size:14px;
color:#006600;
background-color:#ffffff;}
.topics a:visited{color:#006600;}

.topics h3 {margin:0;
	padding:5px 10px;
	background:;}

.topics p{font-size:12px;
margin:0;
padding:3px 5px;
color:#ff0000;}

/* newsのデザイン */
.new{margin:0 0 10px 0;
padding:1px;
border:1px solid #999999;
}
.new h2{
	padding:5px;
	color:#333333;
background-color:#E3E3E3;}
.news {scrollbar-base-color:#999999;
width:200px;
height:180px;
overflow:auto;
}	
.news li{line-height:1.2em;
margin:5px;}
.day{ font-style:italic;
font-weight:bold;
text-decoration:underline;}

/* menuのデザイン */

#left, #right {margin:0;
background:;}	
.menu {margin:0 0 10px 0;
padding:1px;
border:1px solid #cccccc;}	

/* menuの黄緑タイトル */
.menu h2 {margin:0px;
	padding:4px;
	color:#ffffff;
background-color:#99cc00;}

/* menuのリスト */
.menu h3{padding:2px 0 2px 5px;
	border-top:1px dotted #999999;
		border-bottom:1px dotted #999999;}
.menu ul {margin:1px 0;
	padding:0;
	list-style-type:none;}
.menu li a{ width:200px;
	margin:0px 1px;
	padding:1px 1px 2px 15px;
	background:url("../img/menu_w.gif") no-repeat left;}
	
.menu li a:hover{
	color:#ffffff;
	background:url("../img/menu_g.gif") no-repeat left;
}

/* mainのデザイン */

.main {width:100%;	/* IEのバグ対策 */
	margin-bottom:20px;
	background-color:#ffffff;}

.links{border:1px solid #333333;
text-align:left;
margin:5px;
padding:5px;}


/* mainの濃緑塗タイトル */
.main h2 {margin:0;
	padding:1em;
	color:#ffffff;
	background-color:#99cc00;}
.main h2 a{font-size:14px;}
.main h2 a:visited{font-size:14px;}

/* mainのグレー塗タイトル */
.main h3 {margin:5px 0 3px 0;
	padding:5px;
	background:#E3E3E3;}

/* mainの薄緑タイトル */
.main h4 {margin:5px 0;
font-size:medium;
	padding:0 0 0 3px;
	background:;
	color:#99cc00;
	border-color:;} 
	
/* mainのタイトル */
.main h5 {margin:5px 0;
	padding:0 0 0 5px;
	color:;
	background:;
	}


	
.main h6 {margin:0;
	padding:5px;
	font-size:14px;}
.main h6 a{font-size:14px;}
.main h6 a:visited{font-size:14px;}

/* セールの枠デザイン */
.sale{border:1px solid #99cc00;
text-align:left;
margin:0px;
padding:0px;}
.sale h4 a{margin:5px 0;
font-size:medium;
	padding:0 0 0 3px;
	background:;
	color:#99cc00;
	border-bottom:1px solid #99cc00;}



.title{margin:10px 5px;
font-weight:bold;
font-size:14px;}

/* mainの本文 */
p {padding:8px;}
p img {margin: 0 5px;}
.clearfloat{clear:left;}

/* mainのイントロ */
p.intoro{font-style:oblique;
font-size:x-small;}

/*枠 */
.item0{}
.item1{
margin:5px;
padding:0;
vertical-align:top;}
.item1 p{margin:0 4px;
padding:0;
	font-size:;
background:;}

.item{
height:;
margin:2px 5px;
padding:2px;
vertical-align:top;
background-color:#ccff99;}
.item p{font-size:12px;}


.item2{ border:1px solid;
margin:2px;
padding:2px;
vertical-align:top;
border-color:#006600;}

.item3{
height:500px;
margin:2px;
padding:0px;
vertical-align:top;
background-color:#99FF66;}
.item3 p{font-size:12px;}

/* mainの最後尾 */
p.categories {clear:both;
	margin:5px 10px;
	text-align:right;
	border-top:dashed 1px;
	border-top-color:#d5d5d5;}	

/* ページのトップに戻る */
p.backtotop {clear:both;
margin:0 10px 5px 0;
	text-align:right;}	

/* 手順setp */
p.step{
font-size:large; 
text-align:left; 
border-top:solid 1px #99cc00;
border-left:solid 1px #99cc00;
border-right:solid 1px #99cc00;
color:#99cc00;
color:#99cc00;
background-color:#deffc2; 
}

/* サムネイルなしリストオレンジ*/
.campaign{margin:5px;
padding:-20px 5px;
background-color:#ffefd5;}
.campaign h6{font-size:large;
margin: 0px 5px;
color:#ff6600;}
.campaign p{font-size:small;
margin: 0px;
}

/* サムネイルなしリストエンジ*/
.nabi{margin:5px;
padding:0px;background-color:#ffe4e1;}
.nabi h6{font-size:medium;
padding:2px 3px;
color:#ffffff;
background-color:#660000;}
.nabi p{font-size:small;
margin:2px 3px;}

/* リストエンジ横*/
.nabi2{margin:5px;
padding:0px;
background-color:#ffe4e1;}
.nabi2 h6{ font-size:medium;
margin:5px 70% 5px 5px;
padding:2px 3px;
color:#ffffff;
background-color:#660000;}
.nabi2 p{font-size:small;
margin:-25px 3px 2px 30%;}

/* mainのリストボックス */	

p.leaf1{height:70px;
padding:25px 10px 10px 10px;
background:url("../img/leaf1.jpg") no-repeat center;}

/* mainの表 */	
thead{background-color:#99cc00;}
tbody.jp{background-color:#ccff99;}

/* mainの画像位置 */
#f1{float:right;
margin:0 0 5px 5px;}
#f2{float:left;
margin:0 5px 5px 0;}

/* mainのリスト */
.main ul{list-style-type:none;
margin:10px;}
.main ol{padding:10px 5px 10px 15px;
margin:10px;}
.list li {padding:2px 0 2px 30px;
margin:10px;
	background:url("../img/leaf.jpg") no-repeat left;
	border-bottom:1px dotted;
	border-bottom-color:#999999;}

.check ul{margin:5px;
padding:10px;
border-bottom:3px double #999999;
border-right:3px double #999999;
border-left:1px solid #999999;
border-top:1px solid #999999;}

.check li {padding:2px 0 2px 25px;
margin:10px;
	background:url("../img/check.gif") no-repeat left;
	border-bottom:1px dotted #999999;
	}


/* 未使用 */
#kyo-ei {background:url("../img/menu1.jpg") no-repeat right;}
#hanano {}
#submenu {}
#woods {}



/* bottomのデザイン */

#bottom {margin:20px 10px 10px 10px;}
#bottom input {margin:5px 0;}
#copyright {padding:0;}


/* ロールオーバーボタンのデザイン */

#rollover {margin:0;
	padding:0 0 0 0;}
#rollover a {display:block;
	height:22px;
	margin:4px 0 1px 0;
	padding:2px 0 2px 20px;
	font-size:small;
	font-weight:bold;
	background:url("") no-repeat;}
#rollover a:hover {
	background-position:0 -30px;}
#rollover a:active {
	background-position:0 -60px;}
	
/*point1薄緑のデザイン*/

.point1{margin:5px;
padding:5px;
	border-left:solid 3px;
	background-color:#deffc2;
	border-left-color:#99cc00;}
.point1 h2{font-size:medium;
color:#999999;}
.point1 h3{font-size:large;
color:#99cc00;}
.point1 p{margin:2px 3px;
font-size:small;
color:#999999;}

/*topics*/

.team-6 {font-size:9px;
margin:3px 0;}

.howto{
font-size:12px;
}