@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; } :focus { outline:0; } body {
	line-height:1;
	color:black;
	background:white;
	} ol, ul { list-style:none; } table { border-collapse:separate; border-spacing:0; } caption, th, td { text-align:left; font-weight:normal; } blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes:"" ""; }

html {text-align:center; white-space: normal}

body { background:url(../pc/images/bodjy.jpg) repeat-x center top; color:#333; width:600px;text-align:center; margin:0 auto; padding:0 auto; height:100%; background-color:#fff;}

#container { color:#333; width:600px; height:auto; padding:0; height:100%; overflow:hidden; border:1px #CCC solid;}

* html body #container_2  { margin:0 0px 0 2px;} 
*:first-child+html #container_2{ margin: 0 0 0 2px;}


body {
	font-size:12px;/*フォントサイズfirefox*/
	*font-size:90%;/*フォントサイズIE7.0*/
	*font:90%;/*フォントサイズIE6.0）*/
	}

a        { color:#631919; }
a:hover  { color:#900; }
strong   { font-weight:bold; }



/* コンテナーr*/
.container { text-align:center;margin:0px auto; width:600px; height:auto;border:none; overflow: hidden; min-height: 100%; clear:both;margin:0 auto;}



/*box1*/
#box1{ width:600px; height:auto;border:none; padding:0; text-align:left;color:#565656; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; line-height:1.2; overflow:visible; display: inline;overflow: hidden;  clear:both;margin:0 auto;}




* html body #container #box1 .left { margin:0 ;} 
*:first-child+html  #box1 .left{ margin:0 0 0 0px;}




#text_1 { width:530px; height:auto; margin: 10px 0 0 10px;padding:0 2em 1em 15px; text-align:left; line-height:1.8; border-left:#ccc solid 6px; border-right:#ccc solid 6px;}


#text_1 p{ font-size:14px; color:#666; font-weight:bold;}



html{
    height:100%;
}
body{
   
    height:100%;
}

* html .container{
    height:100%;
}

.container{
    width: 100%;
    margin:0px auto;
    position:relative;
    min-height: 100%;
	text-align:center;
}

#container{
    width: 100%;
    margin:0px auto 0 auto;
    position:relative;
    min-height: 100%;
	text-align:center;
}
body > .container {
        height: auto; min-height: 100%;
}

* {margin:0;padding:0;} 


html, body, .container , #container {height: 100%;}

* body .container {
        height: auto; min-height: 100%;
}

* #container {
        height: auto; min-height: 100%;
}



/*footer*/
#footer{  background-color:#ff7bac; background: url(../images/sub_footer.gif) no-repeat left center;width:600px; padding:0px 0 0px 0 ; overflow:hidden;
   	height: 58px;
	clear:both;
	margin:0 auto 0 auto;
	bottom:0;
	position: relative;
   }


#footer address{ margin:20px 0 0 0; padding:0;}


/* CLEAR FIX*/
.clearfix:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
	
.clearfix {display: inline-block; clear:both;margin:0 auto;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block; clear:both;margin:0 auto;}
/* End hide from IE-mac */