@charset "UTF-8";

/*=========================
スタイルのリセット
=========================*/
html,body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	font-size:100%;
	font-weight: normal;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
ol,ul {
	list-style:none;
}
fieldset,img {
	border:none;
}

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

body {
	color:#333;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
}
/*リンク色*/
a:link { color:#06c; }
a:visited { color:#73c; }
a:hover { color:#c34; }
a:active { color:#f00; }

/*カウンタ類非表示*/
/*.counter {
	display:none;
}
*/

/*=========================
基本スタイル
=========================*/

/*=== ページ全体 ===*/
body {
	padding:0;
	background:url(../img/common/bg_body.png) 0 0 repeat #d5bea6;
}
#wrapper {
	width:890px;
	margin:0 auto;
	padding:60px 0 0 0;
	text-align:left;
	background:url(../img/common/bg_cont.png) 0 0 repeat-y;
	overflow:hidden;
}


/*=== タイトルロゴ ===*/
h1 {
	display:block;
	margin:0 0 40px 45px;
	width:800px;
	height:84px;
	overflow:hidden;;
}
h1 strong {
	position:absolute;
	z-index:-100;
}


/*=== メインコンテンツ ===*/
#cont {
	float:right;
	width:540px;
	margin:0 45px 0 0;
}
#cont p {
	margin:15px 0 0 0;
	padding:0;
	line-height:1.5;
	text-indent:1em;
}
span.infographic {
	display:block;
	float:right;
	width:210px;
	margin:0 0 10px 15px;
	text-align:center;
	font-size:0.7em;
	line-height:1.2;
	text-indent:0;
}
span.infographic img {
	margin-bottom:5px;
}


/*=== メニュー ===*/
#menu {
	float:left;
	width:200px;
	margin:0 0 0 45px;
	letter-spacing: -.40em;
	overflow:hidden;
}
#menu li {
	width:200px;
	line-height:0;
	overflow:hidden;
}




/*=== フッター ===*/

#footer {
	clear: both;
	width:800px;
	margin:0 auto 0;
	padding:40px 0 0 0;
}
#footer ul {
	clear:both;
	margin:60px 0 0 0;
	padding:10px 0;
	border-top:1px solid #ccc;
	text-align: center;
}
#footer ul li {
	display:inline;
	padding:0 20px 0 0;
	font-size:0.88em;
	line-height:1.2;
}
#footer ul li a {
	white-space:nowrap;
	padding-left:15px;
	background:url(../img/common/bullet.png) 0 40% no-repeat;
}

/*=== p ===*/
#footer p {
	padding:10px 0;
	border-top:1px solid #ccc;
	font-size:0.88em;
	line-height:1.2;
	text-align:center;
}

/*=== ページの先頭へ ===*/
#footer p.totop {
	float:right;
	padding:0;
	text-align:right;
	border:none;
}
#footer p.totop a {
	display:block;
	margin:0;
	font-size:0;
	line-height:0;
	width:93px;
	height:19px;
	background:url(../img/common/arrow_top_on.png) 0 0 no-repeat;
	overflow:hidden;
}
#footer p.totop a img {
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
	width:93px;
	height:19px;
}
.totop a:hover img {
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

/*=== カウンター画像 ===*/
#footer p img {
	margin:10px 0 0 0;
}


/*=========================
clearfix
=========================*/
#wrapper,
#footer {
    zoom:1;/*for IE 5.5-7*/
}
#wrapper:after,
#footer:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0; 
	visibility:hidden;
}