@charset "utf-8";
@import "reset.css";
@import "common.css";
@import "base.css";


/*           share
--------------------------------------------------------------------------------------------*/
div#content h2 {
	background:url(../images/h2_bg.jpg) left top no-repeat;
	text-align:right;
	font-size:1.6em;
	line-height:1.5em;
	padding:4px 22px 0 0;
	width:578px;
	height:35px;
	color:#FFFFFF;
	margin:0 0 7px 0;
}
div#content p.text {
	font-size:1.2em;
	padding:0 0 20px 12px;
	line-height:1.5em;
	width:570px;
}
div#content div {
	padding:0 0 0 10px;
}
div#content div dl {
	float:left;
	width:196px;
}
div#content div dl dd {
	width:184px;
	text-align:center;
	padding:0 12px 0 0;
}
div#content div dl dt {
	width:176px;
	padding:0 12px 12px 7px;
}
div#content div dl dd p.yoko {
	width:180px;
	height:135px;
	padding:1px 1px 1px 1px;
	border:solid 1px #CCCCCC;
}
div#content div dl dd p.yoko a {
	width:180px;
	height:135px;
	display:block;
	overflow:hidden;
}
div#content div dl dd p.tate {
	width:135px;
	height:180px;
	padding:1px 1px 1px 1px;
	border:solid 1px #CCCCCC;
	margin:0 0 0 22px;
}
div#content div dl dd p.tate a {
	width:135px;
	height:180px;
	display:block;
	overflow:hidden;
}
div#content div dl dt {
	padding:8px 0 25px 8px;
	font-size:1.2em;
	width:176px;
}
div#content div dl dt a {
	color:#133FC1;
	text-decoration:underline;
}
div#content div dl dt a:hover {
	color:#0066CC;
}



/*           page
--------------------------------------------------------------------------------------------*/
div#content div#page {
	width:600px;
	padding:10px 0 0 0;
	margin:0 0 24px 0;
}
div#content div#page p {
	font-size:1.4em;
	color:#355218;
	text-align:center;
}
div#content div#page a {
	color:#355218;
	text-decoration:underline;
}
div#content div#page a:hover {
	color:#69A330;
}