@charset "utf-8";

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

CSS Document for ƒVƒ‚ƒ“’ƒ–{•ÜB@‹¤’Ê

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

@import url("common.css");

/* Base ------------------------------ */

* {
	font-style: normal;
	margin: 0;
	padding: 0;
}

body {
	margin: 0 auto;
	padding: 0;
	font-family: "ƒƒCƒŠƒI", "Meiryo", "Lucida Grande", "Verdana", "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", "Osaka", "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", sans-serif;
	color: #3F4343;
	line-height: 1.6em;
	text-align: center;
	background: #FFF1E1;
}
p {
	margin: 1.20em 0;
}
img {
	border: none;
}
form {
	margin: 0;
	padding: 0;
}

.clr {
	clear:both;
}

/* Heading ------------------------------ */

h3, h4 { text-align : left;}

h1 {
	padding: 0px 14px;
	position: absolute;
	z-index: 1;
	top: 9px;
	right: 69px;
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
	font-size: 9px;
	color: #330000;
	background-image: url(../images/shimon_img_03.jpg);
	background-position: 0px center;
	background-repeat: no-repeat;
}

h2 {
	margin: 25px 0 15px 0px;
	padding: 3px 0px 9px 0px;
	font-size: 123.1%;
	color: #56567C;
	line-height: 1.2em;
	background: url(../images/h2back.gif) no-repeat 0px 22px;
}

.sub-h201 {
	padding: 2px 0px 4px 28px;
	background-image: url(../images/hana.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.sub-h202 {
	padding: 2px 0px 4px 28px;
	background-image: url(../images/hana_p.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


/* Base Layout ------------------------------ */

#container {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 908px;
	background: url(../images/back_img.gif) repeat-y left top;
}


#header {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 850px;
	height: 158px;
	text-align: center;
	overflow: hidden;
}

#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0px;
	width: 856px;
	z-index: 0;
}

#contents {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0;
	width: 606px;
	text-align: justify;
	z-index: 1;
	font-size: 108%;
}

.contents-w580 {
	margin: 15px 13px 13px 13px;
	padding: 0px;
	width: 580px;
}

.contents-text-w-r0 {
	margin: 0;
	padding: 0px 0px 0px 25px;
}

.contents-text-w {
	margin: 0;
	padding: 0px 15px 0px 25px;
}


/* topicpath ------------------------------ */


#topicpath {
	position: relative;
	margin: 0 auto;
	padding: 0px 0px 12px;
	text-align: left;
	font-size: 77%;
}

#topicpath p {
	margin: 0px;
	padding: 0px;
	color: #56567C;
	line-height: 1em;
}

#topicpath a:link    { color: #56567C; text-decoration: underline; }
#topicpath a:visited { color: #56567C; text-decoration: underline; }
#topicpath a:active  { color: #56567C; text-decoration: underline; }
#topicpath a:hover   { color: #FF266D; text-decoration: underline; }

/* side -------------------------------- */

#side {
	position: relative;
	float: right;
	margin: 0 auto;
	padding: 8px 0px;
	width: 250px;
}

.side-menu {
	font-size: 108%;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

		.side-menu:after{
			  clear: both;
			  display: block;
			  height: 0;
			  content: ".";
			  visibility: hidden;
			}
	
			.side-menu{display: inline-table;}
	
			/* Hides from IE-mac \*/
			* html .side-menu{height: 1%;}
			.side-menu {display: block;}
			/* End hide from IE-mac */


.side-menu  ul {
	list-style: none;
	overflow:hidden;
	background: url(../images/side_back.gif) repeat-y 0em;
	margin: 0px;
	padding: 0px;
}

.side-menu li {
	list-style: none;
	overflow:hidden;
	background-image: url(../images/side_border.gif);
	background-repeat: no-repeat;
	background-position: 24px bottom;
	margin: 0px;
	padding: 0px;
}

		.side-menu li:after{
			  clear: both;
			  display: block;
			  height: 0;
			  content: ".";
			  visibility: hidden;
			}
	
			.side-menu li{display: inline-table;}
	
			/* Hides from IE-mac \*/
			* html .side-menu li{height: 1%;}
			.side-menu li {display: block;}
			/* End hide from IE-mac */

	
#side .side-menu li a {
	line-height: 18px;
	display:block;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 8px 35px 12px 57px;
}

#side .side-menu li  a:hover{
	text-decoration: none;
}

#side .side-menu a, #side .side-menu a:link {
	color:#56567C;
	text-decoration: none;
	background-image: url(../images/side_icon_b.gif);
	background-repeat: no-repeat;
	background-position: 29px 6px;
}

#side .side-menu a:hover {
	color:#FF266D;
	text-decoration: none;
	background-image: url(../images/side_icon_p.gif);
	background-repeat: no-repeat;
	background-position: 29px 6px;
}

#side .side-menu a:visited {
	color:#567C19;
	text-decoration: none;
}

#side .menu-title {
	background-image: url(../images/side_img_u.gif);
	background-position: 0px 0px;
}

#side .menu-title-p {
	padding: 0px;
	margin: 0px;
	background-image: url(../images/side_m_p.png);
	background-position: 0px 0px;
	width: 250px;
	height: 58px;
}

#side .menu-title-b {
	padding: 0px;
	margin: 0px;
	background-image: url(../images/side_m_b.png);
	background-position: 0px 0px;
	width: 250px;
	height: 58px;
}

#side .menu-title-text {
	padding: 33px 15px 10px 0px;
	margin: 0px auto;
	text-align: center;
	color:#FFF;
	line-height: 1em;
	font-size: 15px;
	font-weight: bold;
}

.side-bn {
	text-align: right;
	margin: 6px 17px 10px 0px;
}

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

#footer {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 850px;
	height: 90px;
	text-align: center;
	overflow: hidden;
	background: #FFE6D6 url(../images/footer_back_img.gif) repeat-x 0px 0px;
	z-index: 2;
}


#footer p {
	margin: 0;
	padding: 0;
	line-height: 1.1em;
}

#footer #footer-menu {
	margin: 12px 0px 0px 0px;
	padding: 0;
	font-size: 10.5px;
	padding: 0px;
	color: #FFC0BB;
}

#footer #f-address-copyright {
	margin: 10px 0px 0px 0px;
	padding: 0;
	font-size: 77%;
	color: #56567C;
}

#footer #footer-menu a, #footer #footer-menu a:link {
	color:#FFC0BB;
	text-decoration: none;
}

#footer #footer-menu a:active, #footer #footer-menu a:hover {
	color:#CCFFFF;
	text-decoration: none;
}

#footer #footer-menu a:visited {
	color:#CC6666;
	text-decoration: none;
}

#footer #f-address-copyright #copyright a, #footer #f-address-copyright #copyright a:link{
	color:#56567C;
}

#footer #footer-menu #copyright a:visited {
	color:#56567C;
}
#footer #f-address-copyright #copyright a:active, #footer #f-address-copyright #copyright a:hover {
	color:#56567C;
}


/* etc --------------------------------- */

.f-right-top {
	margin: 0px;
	padding: 0px 0 25px 13px;
	font-size: 10px;
	background-image: url(../images/fr_top_img.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
	float: right;
}

.f-right-top p {
	margin: 0px;
	padding: 0px;
	line-height: 1em;
}

.f-right {
	text-align: right;
}
.f-center {
	text-align: center;
}
.sideBn {
	text-align: right;
	margin: 10px 0 4px 0;
}
.right {
	float: right;
	margin-left: 20px;
}
.left {
	float: left;
	margin-right: 20px;
}

.left-simple {
	float: left;
}

.line-a {
	margin: 0px;
	padding: 20px 0px;
}

.center {
	text-align: center;
	margin: 0 auto;
}

.border {
	background: url(images/border.gif) repeat-x 0em 0em;
	margin: 0px;
	padding: 5px 0px;
	width: 100%;
	height: 1px;
	overflow: hidden;
}
.sample_side_bn {
	margin: 0px;
	padding: 10px 0px 10px 8px;
}

.hanbai_bn-l {
	margin: 10px 0;
	padding: 0;
	float: left;
	overflow: hidden;
}
.hanbai_bn-r {
	margin: 10px 0;
	padding: 0;
	float: right;
	overflow: hidden;
}


/* float clear ------- */

		#wrap:after{
			  clear: both;
			  display: block;
			  height: 0;
			  content: ".";
			  visibility: hidden;
			}
	
			#wrap{display: inline-table;}
	
			/* Hides from IE-mac \*/
			* html #wrap{height: 1%;}
			#wrap {display: block;}
			/* End hide from IE-mac */

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

a, a:link {
	color: #56567C;
	text-decoration: underline;
}
a:visited {
	color: #cc6666;
	text-decoration: underline;
}
a:active, a:hover {
	color: #FF266D;
}

/* strong ------------------------------ */
strong {
	color: #D63F71;
}

