/*
@import "page.css";
@import "home.css";
@import "list.css";
@import "archive.css";
*/

/*----------------------------
共通制御
----------------------------*/
BODY{
	margin:0 auto;
	padding:0;
	color:#666666;
	font-size:14px;
	font-family:MSゴシック;
}

IMG{
	border:none;
	margin:0;
	padding:0;
}

A IMG{
	border:none;
	margin:0;
	padding:0;
}

DIV#container{
	width:800px;
	margin:0 auto;
	padding:0;
	text-align:center;
}

DIV#top_center{
	float:left;
	width:480px;
	margin:12px 0 0 0;
	padding:0;
	text-align:left;
}

DIV#top_right{
	float:left;
	width:140px;
	margin:12px 0 0 20px;
	padding:0;
	text-align:left;
}

/* float属性解除 */
.clear_float{
	clear:both;
}

P.center{
	text-align:center;
}

P.center2{
	padding:50px 0 0 0;
	text-align:center;
}


/* フォント関連 */

.t-g{color:#456D45;}
.t-o{color:#FF9900;}

/* フォント関連 */

.page_link{
	background:url("/images/icon2.gif") no-repeat left 1px;
	padding:1px 0 0 20px;
	margin:0;
	line-height:150%;
}

/*
DIV.icon{
	background:url("images/icon2.gif") no-repeat left 1px;
	padding:1px 0 0 30px;
	margin:0;
}
*/

DIV.icon{
	padding:0 0 0 20px;
	clear:both;

	background:url("images/icon2.gif") no-repeat left 0;
	margin:20px 0 0 0;
}


/*----------------------------
header.php
----------------------------*/
DIV#header{
	height:60px;
	width:800px;
	margin:10px auto 4px auto;
	padding:0 0 2px 0;
	text-align:center;
	background:url("images/main-line.gif") repeat-x center bottom #FFFFFF;
	color:#304930;
}

DIV#header_left{
	float:left;
	width:400px;
	margin:0;
	padding:0;
	text-align:left;
}

DIV#header_left P{
	font-size:11px;
	text-align:center;
	margin:-14px 0 0 0;
}

DIV#header_right{
	float:left;
	width:400px;
	height:50px;
	margin:0;
	padding:10px 0 0 0;
	text-align:right;
}

DIV#header_right FORM{
	display:inline;
	margin:0;
	padding:0;
}

DIV#header_right INPUT{
	display:inline;
	padding:0;
	margin:0;
}

DIV#header_right P{
	text-align:right;
	margin:4px 0 0 0;
	padding:0;
}

DIV#header_right input#s{
	width:150px;
	height:16px;
	line-height:90%;
}

DIV#header_right input#searchsubmit{
	width:60px;
	height:22px;
}


DIV#header A{color:#304930; text-decoration:none;}
DIV#header A:link{color:#304930; text-decoration:none;}
DIV#header A:visited{color:#304930; text-decoration:none;}
DIV#header A:hover{color:#304930; text-decoration:underline;}

/*----------------------------
sidebar.php
----------------------------*/
DIV#sidebar{
	float:left;
	width:140px;
	margin:12px 20px 0 0 ;
	padding:0;
	text-align:left;
}

UL.side_banner{
	list-style-type:none;
	margin:0 0 5px 0;
	padding:0;
}

UL.side_menu_box{
	list-style-type:none;
	margin:0 0 10px 0;
	padding:0;
	background:url("images/menu-bg.gif") repeat-y center center;
	border-bottom:1px solid #304930;
}

UL.side_menu_box LI{
	margin:0;
	padding:0;
}

/*----------------------------
footer.php
----------------------------*/
DIV#footer{
	height:62px;
	width:800px;
	margin:60px 0 0 0;
	padding:0;
	text-align:center;
	font-size:11px;
	clear:both;
}

DIV#footer DIV.main-line{
	height:6px;
	margin:5px 0;
	border:1px solid white;
	background:url("images/main-line.gif") repeat-x center center;
}

DIV#footer P{
	width:800px;
	margin:3px 0;
	padding:0;
	text-align:center;
	font-size:10px;
	letter-spacing:1px;
}



/*----------------------------
footer link
----------------------------*/

.ftnavi ul {
	padding: 10px 0px 10px 0;
	margin: 0px;
	font-size: 12px;
	color: #333333;
	line-height: 130%;
	text-align: center;
}

.ftnavi li.ftother {
	color:#333333;
	padding-right:15px;
}

.ftnavi ul li {
	display:inline;
	color: #333300;
	list-style-type:none;
}

.ftnavi ul li a,
.ftnavi ul li a:link, 
.ftnavi ul li a:visited {
	color: #000066;
	text-decoration: none;
}

.ftnavi ul li.ftother a,
.ftnavi ul li.ftother a:link, 
.ftnavi ul li.ftother a:visited {
	color:#003366;
	text-decoration: none;
}

.ftnavi ul li a:hover {
	color: #000033;
	text-decoration: underline;
}

.ftnavi ul li.ftother a:hover {
	color: #330000;
	text-decoration: underline;
}







/*
DIV#footer_left{
	float:left;
	width:108px;
	height:50px;
	margin:0;
	padding:7px 0 0 0;
	text-align:left;
	background:url("images/main-line.gif") repeat-x top center;
}

DIV#footer_right{
	float:left;
	width:692px;
	height:50px;
	margin:0;
	padding:15px 0 0 0;
	text-align:center;
	background:url("images/main-line.gif") repeat-x top center;
}

DIV#footer A{color:#666666; text-decoration:none;}
DIV#footer A:link{color:#666666; text-decoration:none;}
DIV#footer A:visited{color:#666666; text-decoration:none;}
DIV#footer A:hover{color:#666666; text-decoration:underline;}

*/


/*----------------------------
rightbar.php
----------------------------*/


/*
DIV#today_p{
	width:134px;
	margin:0 0 5px 0;
	padding:2px;
	border:1px solid #666666;
}
*/

DIV#today_p{
	width:134px;
	margin:0 0 5px 0;
	padding:2px;
}

DIV#rank{
	width:140px;
	margin:3px 0 0 0;
	padding:0;
	font-size:10px;
}

DIV#rank P{
	margin:0;
	padding:0 0 0 16px;
	font-size:10px;
	background:url("images/rank.gif") no-repeat center left;
}

DIV#rank HR{
	margin:0;
	padding:0;
	color:#304930;
}

DIV#rank_left{
	float:left;
	width:45px;
	margin:2px 0 0 0;
	padding:0;
}

DIV#rank_right{
	float:right;
	width:93px;
	margin:2px 0 0 2px;
	padding:0;
	font-size:10px;
	text-align:left;
}

DIV#review{
	width:138px;
	height:250px;
	margin:0;
	padding:0;
	background:url("images/menu-bg.gif") repeat-y center center;
}

H1#top{
	margin:0 auto;
	padding:0;
	font-size:10px;
	text-align:center;
	color:#304930;
	font-weight:normal;
	letter-spacing:1px;
}

DIV#breadcrumb{
	margin:0 auto;
	padding:0;
	font-size:10px;
	text-align:right;
	color:#304930;
	font-weight:normal;
	letter-spacing:1px;
}

UL#recent_comments{
	margin:0 0 10px 0;
	padding:0 4px;
}

UL#recent_comments LI{
	list-style-type:none;
	margin:0 0 10px 0;
	padding:0;
	font-size:10px;
}

/*----------------------------
トップページ
----------------------------*/
DIV#top_center P{
	font-size:14px;
	line-height:140%;
	margin:0;
}

DIV#top_center P.t0{
	font-size:14px;
	line-height:140%;
	margin:8px 0 0 0;
}

DIV#top_center P.t1{
	width:460px;
	font-size:14px;
	line-height:140%;
	margin:0 0 8px 10px;
}

DIV#top_center P.t1b{
	width:430px;
	font-size:14px;
	line-height:140%;
	margin:0 0 28px 30px;
}

DIV#top_center P.t2{
	font-size:14px;
	line-height:140%;
	margin:0 0 0 10px;
}

DIV#top_center P.t2b{
	font-size:14px;
	line-height:140%;
	margin:0 0 8px 10px;
}

DIV#top_center P.t3{
	font-size:12px;
	color:#304930;
	line-height:140%;
	text-align:center;
	margin:0 0 10px 0;
}

DIV#top_box{
	width:464px;
	margin:5px 0;
	padding:5px;
	border:3px double #FF9900;
}

DIV#top_box P{
	color:#304930;
	font-size:14px;
	line-height:140%;
	margin:0;
}

DIV#top_box IMG{
	margin-left:80px;
}


DIV#top_center H2.menu1{
	height:50px;
	font-size:14px;
	margin:0;
	padding:32px 0 0 118px;
	color:#666666;
	background:url("/images/top-menu1.gif") no-repeat center center;
}

DIV#top_center H2.menu2{
	height:50px;
	font-size:14px;
	margin:10px 0 0 0;
	padding:32px 0 0 103px;
	color:#666666;
	background:url("/images/top-menu2.gif") no-repeat center center;
}

DIV#top_center H2.menu3{
	height:50px;
	font-size:14px;
	margin:10px 0 0 0;
	padding:32px 0 0 93px;
	color:#666666;
	background:url("/images/top-menu3.gif") no-repeat center center;
}

DIV#top_center H2.menu4{
	height:50px;
	font-size:14px;
	margin:10px 0 0 0;
	padding:32px 0 0 108px;
	color:#666666;
	background:url("/images/top-menu4.gif") no-repeat center center;
}

DIV#top_center H2.menu5{
	height:50px;
	font-size:14px;
	margin:10px 0 0 0;
	padding:32px 0 0 98px;
	color:#666666;
	background:url("/images/top-menu5.gif") no-repeat center center;
}

DIV#top_cat_left{
	float:left;
	width:153px;
	margin:0 4px 5px 0;
	padding:0;
	text-align:left;
	font-size:8px;
}

DIV#top_cat_left IMG{
	float:left;
	text-align:left;
	margin:0 4px 0 0;
}

DIV#top_cat_left A{
	display:block;
	margin:0 0 -6px 0;
	padding:0;
	font-size:9px;
}


/*----------------------------
page.php
----------------------------*/
DIV#main{
	width:640px;
	float:left;
	margin:12px 0 0 0;
	padding:0;
	text-align:left;
	background-color:#ffffff;
}

DIV#main h1{
	width:620px;
	height:30px;
	padding:3px 0 0 20px;
	background-image:url("./images/title-bg.gif");
	color:#304930;
	font-size:18px;
}


DIV#main h2{
	height:20px;
	padding:2px 0 2px 15px;
	background-image:url("./images/title-bg2.gif");
	background-repeat:no-repeat;
	color:#304930;
	font-size:16px;
}

DIV#main P{
	line-height:140%;
	margin:0 0 8px 0;
}


DIV#main_box{
	width:600px;
	padding:0;
	margin:0 20px 0 20px;
}

DIV#main_box2{
	width:600px;
	padding:0;
	margin:0 20px 20px 20px;
}


/*----------------------------
archive.php
----------------------------*/
DIV#archive{
	width:600px;
}

DIV#archive DIV.post{
	width:100px;
	height:144px;
	float:left;
	margin:0;
	padding:0 0 0 20px;
	text-align:center;
}

DIV#archive DIV.post IMG{
	margin:0 0 -6px 0;
	padding:0;
}

DIV#archive DIV.post a{
	display:block;
	margin: 0;
	padding: 0;
	text-align:center;
	font-size:11px;
}

/*----------------------------
グリーンマンエッセンスについて
----------------------------*/

DIV#cat_left{
	float:left;
	width:74px;
	margin:0 0 15px 15px;
	padding:0;
	font-size:10px;
	text-align:left;
}

DIV#cat_right{
	float:left;
	width:200px;
	margin:0 0 15px 5px;
	padding:0;
	font-size:11px;
	text-align:left;
	line-height:130%;
}

/*----------------------------
kyeword
----------------------------*/
DIV#key_left{
	float:left;
	width:300px;
	margin:0 0 5px 5px;
	padding:0;
	text-align:left;
}

UL.key_list{
	list-style-type:none;
	margin:0 0 10px 0;
	padding:0;
}

UL.key_list LI{
	margin:0;
	padding:0 0 0 20px;
	background:url("/images/key-bg.gif") no-repeat 10px 6px;
	line-height:140%;
}

/*-----------------------------
 single.php
-----------------------------*/
IMG.itemimg{
	float:left;
}

DIV.itemdesc{
	width:270px;
	float:left;
	padding-left:20px;
}

DIV.itemdesc P.ingredient{
	border-top:1px dotted #304930;
	border-bottom:1px dotted #304930;
	padding:4px 0 4px 10px;
	margin:0;
}

DIV.itemdesc TABLE.order{
	text-align:left;
	vertical-align:bottom;
	width:270px;
}

DIV.itemdesc TABLE.order TD{
	padding:4px 0;
}

DIV.itemdesc TABLE.order TD.cart{
	text-align:right;
	vertical-align:bottom;
}

DIV.itemdesc TABLE.order TD.price, SPAN.price{
	color:#cc3333;
}

DIV.itemdesc TABLE.order TD.price STRONG, SPAN.price Strong{
	font-size:120%;
}

DIV.line{
	padding:10px 0 0 0;
	clear:both;
	height:9px;
	background:url("images/main_line.gif") repeat-x center bottom;
}

P.notice{
	font-size:80%;
	padding:0 0 10px 0;
}

/*-----------------------------
 comments-popup.php
-----------------------------*/
BODY#commentspopup{
	width:500px;
	margin:10px;
}

DIV.popup_header{
	width:500px;
	padding:0;
	text-align:left;
}

DIV.popup_header P{
	font-size:11px;
	text-align:center;
	margin:-14px 0 0 0;
}

BODY#commentspopup h1{
	font-size:14px;
}

BODY#commentspopup DIV.center{
	text-align:center;
}

BODY#commentspopup TABLE.confirm{
	width:500px;
	border-top:1px solid #636363;
	border-left:1px solid #636363;
}

BODY#commentspopup TABLE.confirm TD{
	border-right:1px solid #636363;
	border-bottom:1px solid #636363;
	padding:0 0 0 10px;
}


BODY#commentspopup DIV.main-line{
	width:500px;
	height:6px;
	margin:5px 0 0 0;
	border:1px solid white;
	background:url("images/main-line.gif") repeat-x center center;
}

P.form{
	margin:4px 0;
}

P.right{
	text-align:right;
	font-size:12px;
}

UL.commentlist{
	width:600px;
	list-style-type:none;
	margin:0;
	padding:0;
}

UL.commentlist SPAN.commenthead{
	width:580px;
	display:block;
	background:#FFF0c1;
	padding:6px 10px;
	color:#333333;
	float:left;
}

UL.commentlist SPAN.commentuser{
	width:530px;
	display:block;
	margin:0 20px 0 30px;
	padding:6px 0;
}

UL.commentlist SPAN.comment{
	width:530px;
	display:block;
	margin:0 20px 0 30px;
	padding:6px 0;
}
/*-----------------------------
 search.php
-----------------------------*/
TABLE.searchlist{
	width:620px;
}

TABLE.searchlist HR{
	border:1px solid white;
	border-bottom:1px dotted #636363;
}

TABLE.searchlist td.image{
	margin:0 10px 0 0;
	float:left;
}

TABLE.searchlist td.description{
	height:100px;
	vertical-align:top;
	float:left;
	line-height:140%;
}

HR{
	margin:0;
	padding:0;
	color:#304930;
}

DIV.note{
	width:480px;
	margin:20px 0 0 0;
	padding:10px;
	background-color:#eeffee;
	border:1px solid #bbbbbb;
	font-size:12px;
	line-height:130%;
}

DIV.commentbutton{
	width:500px;
	text-align:right;
	margin:10px 0 0 0;
}

DIV.commentbutton INPUT{
	padding:2px 0 0 0;
}


/*-----------------------------
 about school
-----------------------------*/

UL.notice{
	list-style-type:circle;
	line-height:130%;
}

UL.notice2{
	list-style-type:circle;
	line-height:130%;
	margin:0 0 40px 0;
}


/*-----------------------------
 about tradelaw
-----------------------------*/

ADDRESS{
	font-style:normal;
	line-height:140%;
}

/*----------------------------
blog用
----------------------------*/
DIV#blog{
	width:640px;
	float:left;
	margin:12px 0 0 0;
	padding:0;
	text-align:left;
	background-color:#ffffff;
}

DIV#blog h1{
	width:640px;
	margin:0 0 20px 0;
	padding:0;
}

DIV#blog h2{
	width:510px;
	height:25px;
	margin:5px 5px;
	padding:6px 0 0 25px;
	background:url("/images/blog-icon.gif") no-repeat left 5px;
	text-align:left;
	font-size:16px;
}

DIV#blog DIV.blog-box{
	width:580px;
	margin:0 0 20px 30px;
	border:1px solid #CCCCCC;
	background:url("/images/blog-line.gif") repeat-x 0 35px;
}

DIV#blog DIV.blog-text{
	width:520px;
	font-size:14px;
	line-height:140%;
	margin:5px 0 5px 30px;
}

DIV#blog DIV.blog-line{
	width:570px;
	margin:0 0 0 5px;
	background:url("/images/blog-line.gif") repeat-y 0 0;
}

DIV#blog P.blog-date{
	text-align:right;
	margin:0 33px 10px 0;
	font-family:Arial;
	font-size:14px;
	letter-spacing:1px;
}


/*----------------------------
トップニュース
----------------------------*/

DIV#topnews{
	margin:0 auto;
	padding:0;
	font-size:10px;
	text-align:center;
	color:#ff0000;
	font-weight:normal;
	letter-spacing:1px;
}


/*----------------------------
エッセンスの種類
----------------------------*/
DIV.essence_variation{
	width:600px;
	margin:0 auto 0 30px;
	padding:0;
	text-align:left;
	font-size:12px;
	line-height:130%;
}

DIV.essence_variation DIV.ev_box{
	float:left;
	width:280px;
	padding:0 10px;
	text-align:left;
}

DIV.essence_variation DIV.ev_box P{
	text-align:left;
	margin:0;
	padding:0 30px 0 10px;
}

DIV.essence_variation H3{
	width:248px;
	padding:3px;
	text-align:center;
	font-weight:normal;
	background:#F7DE97;
	border-top:3px solid #F4C647;
	border-bottom:3px solid #F4C647;
	font-size:14px;
}

DIV.essence_variation DIV.ev_box UL{
	list-style-type:square;
	line-height:150%;
}