@charset "utf-8";

/*--SGLdesignCSS -- 2010,05,24 Rel-ish yu-ki--*/

/* FF Scrolbar */
html {
	overflow-y: scroll;
}

/* Base Font */
body {
	background: #fff url(../img/bg_x.jpg) repeat-x left top;
	font: 13px "MS P Gothic","ＭＳ Ｐゴシック" sans-serif;
	*font-size: small;
	*font: x-small;
	line-height: 130%;
	color: #333;
}

table {
    font-size: inherit;
    font: 100%;
}

html>/**/body {
	font-size: 0.83em;
}


/* $$SPAN */
span.txt_s {
	font-size: 85%;
}

span.txt_l {
	font-size: 116%;
}

span.txt_b {
	font-weight: bold;
}

span.txt_red {
	color: #F00;
}

span.txt_gred {
	color: #c00;
}

span.txt_pink {
	color: #f36;
}

span.txt_black {
	color: #333;
}


/* ==page top */
.pg_top {
	width: 560px;
	margin: 0 auto;
	text-align: right;
}


/* #liquid */
#liquid {
	width: 814px;
	margin: 0 auto;
}

/* #header */
#header {
	position: relative;
	width: 814px;
	height: 8.7em;
	z-index: 10;
}

#header h1 {
	float: left;
	font-size: 0;
	line-height: 0;
}

#header div {
	position: relative;
}

#header div p {
	position: absolute;
	width: 480px;
	height: 93px;
	left: 7px;
	top: 0;
}

* html #header div p {
	position: absolute;
	left: 7px;
	top: 0;
}

#header h2 {
	font-size: 85%;
	font-weight: bold;
	color: #FFF;
}

#header span {
	display: block;
	position: absolute;
	top: 0;
	right: 10px;
}

/* #contents */
#contents {
	position: relative;
	background: url(../img/contents_box_in_y.png) repeat-y left 30px;
	z-index: 5;
}

.c_box_top {
	height: 14px;
	background: url(../img/contents_box_top.jpg) no-repeat left top;
	font-size: 0;
	line-height: 0;
}

.c_box_bottom {
	height: 14px;
	background: url(../img/contents_box_bottom.jpg) no-repeat left bottom;
	font-size: 0;
	line-height: 0;
	vertical-align: bottom;
}

/* =left */
.left {
	display: inline;
	float: left;
	width: 200px;
	margin: 3px 0 0 20px;
}

/* =gmenu */
.gmenu {
	width: 200px;
	background: #f8bebe;
}

.gm_box_top {
	height: 5px;
	background: url(../img/g_menu_top.jpg) no-repeat left top;
	font-size: 0;
	line-height: 0;
}

.gm_box_bottom {
	height: 5px;
	background: url(../img/gmenu_bottom.jpg) no-repeat left bottom;
	font-size: 0;
	line-height: 0;
	vertical-align: bottom;
}

.gmenu ul {
	width: 189px;
	margin: 0 auto;
	line-height: 0;
}

.gmenu li {
	margin: 2px 0;
}


/* =cp */
.cp_banner {
	margin: 15px 0 0;
}


/* =side_profile */
.side_profile {
	margin: 15px 0;
	background: #f8bebe;
}

.side_profile h3 {
	height: 98px;
	background: url(../img/side_profile_top.jpg) no-repeat left top;
}

.side_profile img {
	display: block;
	margin: 0 auto 10px;
}

.side_profile p {
	width: 181px;
	margin: 0 auto 1em;
	font-size: 108%;
	line-height: 160%;
}

.prf_box_bottom {
	height: 10px;
	background: url(../img/side_profile_bottom.jpg) no-repeat left bottom;
	font-size: 0;
	line-height: 0;
	vertical-align: bottom;
}

/* =side_contactus */
.side_contactus {
	width: 194px;
	margin: 5px 0 0;
	background: #ffe1e1;
	border-bottom: solid 3px #f33;
	border-left: solid 3px #f33;
	border-right: solid 3px #f33;
}

.side_contactus h3 {
	position: relative;
	margin: 0 -3px;
	height: 59px;
	background: url(../img/side_contact_top.jpg) no-repeat left top;
}

.side_contactus ul {
	width: 187px;
	margin: 3px auto 10px;
	line-height: 0;
}

.side_contactus li {
	padding: 5px 0 0;
}

/* =right */
.right {
	display: inline;
	float: right;
	width: 575px;
	margin: 0 12px 0 0;
}

/* =alpha */
.alpha {
	width: 774px;
	padding: 20px 20px 0;
	clear: both;
}

.alpha ul {
	line-height: 0;
}

.alpha li {
	display: inline;
}


/* #footer */
#footer {
	margin: -50px 0 0;
	background: #f8bebe;
}

#footer ul {
	padding: 60px 0 0;
	text-align: center;
	line-height: 0;
}

#footer li {
	display: inline;
	background: url(../img/line_bg.gif) repeat-y left top;
	padding: 0 1px 0 6px;
	font-size: 85%;
	line-height: 150%;
}

#footer li.umenu_first {
	padding: 0 1px 0 0;
	background: none;
}

#footer li a:link,
#footer li a:visited,
#footer li a:active
{
	color: #333;
	text-decoration: none;
}

#footer li a:hover {
	color: #333;
	text-decoration: underline;
}


#footer p {
	width: 800px;
	margin: 20px auto;
	text-align: right;
}

#footer p em {
	font-style: normal;
	font-weight: bold;
}

#footer p strong {
	font-size: 116%;
	color: #f36;
}

address {
	text-align: center;
	color: #666;
}




/*-----------------------------cf*/
#contents:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}

#contents { display: inline-block; }

/* exlude MacIE5 \*/

* html #contents { height: 1% }

#contents {display:block;}
/* end MacIE5 */

/*--------------------------------bg*/
.bg {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
}