/**********************************************************************
Liebe〜リーベ〜｜heiのイラストサイト(html/css by.yoshida-2013.07.16)
外郭実装
**********************************************************************/

@charset "Shift_JIS";

/* ==================================
 BODY基本
================================== */
* { margin:0; padding:0;}

body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,abbr,em,img,dl,dt,dd,fieldset,legend,form,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	font-family:inherit;
	font-style:inherit;
	font-size:100%;}

html {
	overflow-y: scroll;}

body{
	font-family:Verdana, Arial, Osaka, "ＭＳ Ｐゴシック", sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	/*line-height:1.5;*/
	letter-spacing:0.04em;
	background:#f0f8ff url(../img/HPback.jpg) no-repeat 50% 0 fixed;}
	

body,span,div,p,table,th,td{
	font-size:12px;
	line-height:140%;
	/* MacIE5非適応 \*/
	letter-spacing:0.07em;
	/* MacIE5非適応ここまで */}


html[xmlns] h1,h2,h3,h4,h5,h6,strong,em {/*mac safari 太字用*/
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, Arial,Helvetica, sans-serif;
	font-style:normal;
	font-weight: bold;}

body .alt{
	width: 0;
	height: 1px;
	overflow: hidden;}


/* MacIE5非適応 \*/
br {
	letter-spacing:normal;}
/* MacIE5非適応ここまで */

img{
	border:0;margin:0;padding:0;}

.clear {
	clear:both;}

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

.clearfix {display:inline-table;zoom:1;}

/* MacIE5非適応 \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* MacIE5非適応ここまで */

.hide{
	width:0;height:0;overflow:hidden;}

body a:link,a:visited {
	color: #6A6A6A;
	text-decoration: none;}

body a:hover {
	color: #6A6A6A;
	text-decoration: none;}

/* ==================================
外郭
================================== */
#outline {
	width: 970px;
	margin:0 auto;
	text-align: left;}

#outline {   
    overflow: hidden;}

* html #outline {   
    height: 1%;} 

#wrap{
	width:970px;
	margin:0 0 0 0;
	padding:0;}
/* ==================================
ヘッダ
================================== */
#header{
	width:970px;
	height:530px;
	clear:both;}
/* ==================================
メイン外郭
================================== */
#content{
	width:970px;
	margin:0;}

/* ==================================
フッダ
================================== */
#footer {
	width: 970px;
	height: 150px;
	margin: 0 auto 30px auto;
	background:url(../img/footer_back.png) no-repeat;}

#footer_wrap{
	width: 700px;
	float:left;
	margin:0 0 0 130px;
	text-align: left;}

#footer_wrap a:link,
#footer_wrap a:visited {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #000;}

#footer_wrap a:hover {
	color: #933;
	text-decoration: none;
	border-bottom: 1px solid #933;}

#footer_wrap #banner{
	margin:40px 0 0 0;}

#footer_wrap #banner img{
	width: 234px;
	height: 60px;
	float:left;}

#footer_wrap #banner .txt{
	margin:0 0 0 10px;
	float:left;
	font-size: 10px;
	line-height: 180%;}

/* ==================================
ページ共通*hrラインなど
================================== */
hr { display:none;}/*hrラインハイド*/

.line_dot{
	width:870px;
	height:40px;
	clear: both;
	background: url(../img/line_dot.gif) repeat-x;}
/* ==================================
ページトップ
================================== */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 80%;}

#page-top a {
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 20px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	background-color: #CB708F;}

#page-top a:hover {
	text-decoration: none;
	background-color: #D78EA8;}