@charset "utf-8";

/* Share Style
----------------------------------------------------------- */

* {
	margin:0;
	padding:0;
	}

body {
	background:url(../images/body_bg.jpg) repeat-x left top #619E25;
	font-size:85%;
	font-family:Verdana, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Arial, sans-serif,  "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka";
	}

h1,h2,h3,h4,h5,h6 {
	}

p,li,dt,dl {
	margin:0;
	padding:0;
	}
	
ul {
	list-style:none;
	margin:0;
	padding:0;
	}
	
img {
	border:0;
	}
	
a:link {
	background:#FFF;  
	text-decoration:none;  
	color:#038138;  
	}
a:visited {
	background:#FFF;  
	text-decoration:none;  
	color:#000;  
	}
a:hover {
	background:#D9DB62;  
	text-decoration:none;
	color:#038138;  
	}  
a:active {
	background:#D9DB62;  
	text-decoration:none; 
	color:#038138;  
	}
	
#all {
	margin:0 auto;
	width:770px;
	}
	
#contents {
	margin-left:10px;
	width:740px;
	}
	
#contents:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	}

/* header
----------------------------------------------------------- */
#header {
	position:relative;
	background:url(../images/head_bg.gif) no-repeat left top #FFF;
	width:770px;
	height:110px;
	}
	
#header p#soho {
	position:absolute;
	top:37px;
	right:2px;
	width:15px;
	height:92px;
	}

#header h1 {
	position:absolute;
	top:21px;
	left:86px;
	}
	
/* gnavi
----------------------------------------------------------- */
#gnavi {
	margin-bottom:5px;
	background:url(../images/gn_bg.gif) no-repeat left top;
	width:770px;
	font-size:90%;
	}

#gnavi ul {
	padding:10px 30px 10px 86px;
	}

#gnavi ul li {
	display:inline;
	border-left:1px solid #8EC0CB;
	padding:0 6px 0 10px;
	}

#gnavi ul li#aboutsite {
	border-right:1px solid #8EC0CB;
	}
	
#gnavi a {
	color:#038138;  
	}

#gnavi li a.on {
	background-color:#D9DB62;  
	color:#038138;
	}

/* main
----------------------------------------------------------- */
#main {
	float:left;
	padding-top:10px;
	width:494px;
	background-color:#FFF;
	color:#333;
	}
	
#main h2 {
	margin:0 10px;
	padding:10px;
	border:1px solid #8EC0CB;
	background:url(../images/h2_bg.gif) repeat left top;
	color:#333;
	font-size:100%;
	}

#main dl {
	margin:10px 10px 0;
	padding:0 15px 10px;
	border-top:1px solid #8ECDCB;
	border-bottom:1px solid #8EC0CB;
	background:url(../images/main_bg.gif) repeat-y left top;
	line-height:1.6;
	}
	
#main dl dt {
	padding-top:10px;
	}	
	
#main dl dd {
	padding-bottom:10px;
	background:url(../images/dl_bg.gif) repeat-x left bottom;
	color:#333;
	}
	
#main dl dd a {
	color:#038138;  
	}

/* side
----------------------------------------------------------- */
#side {
	float:left;
	padding-top:10px;
	background-color:#FFF;
	width:246px;
	color:#333;
	font-size:90%;
	}

#about {
	margin-bottom:10px;
	border-bottom:1px solid #8EC0CB;
	background:url(../images/side_bg.gif) repeat-y left top;
	width:236px;
	}
	
#plugin {
	background:url(../images/side_bg.gif) repeat-y left top;
	width:236px;
	}
	
#side h2 {
	margin-bottom:10px;
	padding:10px;
	border-top:1px solid #8EC0CB;
	border-bottom:1px solid #8EC0CB;
	font-size:115%;
	font-weight:normal;
	}

#side p {
	margin-bottom:10px;
	padding:0 10px;
	line-height:1.6;
	}
	
#side ul {
	background:url(../images/side_bg.gif) repeat-y left top;
	padding:0px 10px 10px;
	}
	
#side ul li {
	display:inline;
	}	

#side ul li a {
	background:none;
	}	
	
#side ul li img {
	margin-right:5px;
	}
	
/* footer
----------------------------------------------------------- */
#footer {
	clear:both;
	margin-left:10px;
	padding:10px 0;
	border-top:5px solid #619E25;
	background:#FFF;
	width:740px;
	text-align:right;
	font-size:75%;
	}

#footer a {
	color:#038138;
	}


#footer p {
	margin-bottom:5px;
	line-height:1.5;
	color:#666;
	}

/* site
----------------------------------------------------------- */
#site {
	background-color:#FFF;
	padding-top:10px;
	padding-bottom:30px;
	width:740px;
	}

#site a {
	color:#038138;
	}

#site h2 {
	margin:0 10px;
	padding:10px;
	border:1px solid #8EC0CB;
	background:url(../images/h2_bg.gif) repeat left top;
	color:#333;
	font-size:100%;
	}

#site h3 {
	margin:0 10px;
	padding:10px 0 0;
	border:none;
	background:url(../images/dl_bg.gif) repeat-x left top;
	color:#DA4800;
	font-size:100%;
	}

#site p {
	margin:5px 10px 5px;
	line-height:1.5;
	font-size:90%;
	}




