@charset "utf-8";

/*
 Reset & Redefinition
---------------------------------------------------------------------
--------------------------------------------------------------------- */

*, body,div,pre,p,blockquote,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,pre,
form,fieldset,input,textarea,select,option,table,th,td,tr,embed,object{
	margin:0;
	padding:0;
}

div p,div li,div dt,div dd,div form,div pre,div td,div th,div label,
div div,div h1,div h2,div h3,div h4,div h5,div h6,
p p,p li,p dt,p dd,p from,p pre, p td,p th,p label,p div,
li p,li li,li dt,li dd,li from,li pre,li td,p th,li label,li div,li h3,
td p,td li,td dt,td dd,td from,td pre,td td,td th,td label,td div,
th p,th li,th dt,th dd,th from,th pre,th td,th th,th label,th div,
label p,label li,label dt,label dd,label form,label pre,label td,label th,label div,
form th,form td{
	font-size:100%;
}

p {line-height:1.6;}

html {
	background: url(../images/bg_footer.gif);
	overflow-y:scroll;
}
li{list-style-type:none;}
fieldset,table,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
img {border:0;vertical-align:text-bottom;}

body {
	background:#FFF url(../images/bg_body.gif) repeat-x;
	text-align:center;
	font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-size:80%;
}

/*
 Share Styles
---------------------------------------------------------------------
--------------------------------------------------------------------- */

a:link {color:#e60012;}
a:visited {color:#e60012;}
a:hover {text-decoration:none;}

.txt_r{text-align:right;}
.txt_c{text-align:center;}

.fl_l { float:left;}
.fl_r { float:right;}
.fl_n { float:none !important;}
.clear { clear: both;}

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

#Wrap {
	background-color: #FFF;
	text-align: left;
	width: 947px;
	margin: 0 auto;
}

#Header, #Content {
	width: 947px;
}

#Header {
	background: url(../images/bg_header.gif) repeat-y right top;
}

#Logo {
	float: left;
	width: 237px;
}

#Summary {
	float: left;
	width: 710px;
}

#Header #Summary h2 {
	margin: 30px 0 0 23px;
}

#Header #Summary p {
	font-size: 80%;
	margin: 22px 20px 0 25px;
}

#Header #Summary p strong {
	color:#e60012;
}

#Info {
	background-color: #e60012;
	float: left;
	width: 236px;
	height: 346px;
}

#Main {
	background: url(../images/bg_brand.gif) repeat-y left bottom;
	float: right;

}

#Main .brand {
	float: left;
	width: 237px;
}

#Main .brand h2, #Main .brand .ph {
	background-color: #FFF;
	padding-left: 1px;
}

#Main .brand h3 {
	background-color: #FFF;
}

#Main .brand .intro {
	padding: 8px 10px 15px 14px;
}

.brand:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

* html .brand a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

.brand a:link, .brand a:visited, .brand a:hover {
	color: #2f2f2f;
	text-decoration: none;
}

#Footer {
	background: url(../images/bg_footer.gif);
	height: 40px;
}

#Footer div {
	width: 947px;
	margin: 0 auto;
}

#Footer ul {
	float: left;
	width: 500px;
	padding-top: 12px;
}

#Footer ul li {
	float: left;
}

#Footer ul li.bd {
	border-right: 1px solid #897943;
}


#Footer address {
	text-align: right;
	float: right;
	width: 447px;
	margin-top: 15px;
}

#Footer a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

/*
 ContentClear
---------------------------------------------------------------------
--------------------------------------------------------------------- */

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

* html .clearfix{height:1%;}

/*\*//*/
.clearfix{
	display: inline-table;
}
/**/