@charset "shift_jis";

/* CSS Document */

/* --------- リセット --------- */


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;
}

*{
margin:0;
padding:0;
}

body{
	background:#FFFFFF;
	margin:0px;
	padding:0px;
	text-align: center;
}

html{
background:#FFFFFF;
}

ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}


#header {
	width:880px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


#container {
width:820px;
margin:0 auto;
padding:20px 0px 30px 0px;
}

div#c1_mid p{
color:#333333;
line-height:1.4;
}
div#c1_mid {
width:810px;
margin:0 auto;
border-left:#FF88A0 5px solid;
border-right:#FF88A0 5px solid;
}
div#c1_mid_inner{
width:760px;
margin:0 auto;
}
div#c1_btm{
width:820px;
margin:0 auto;
padding-bottom:10px;
background:url(file:///D|/data/hrk/image/c1_btm.gif) no-repeat;
background-position:left bottom;
}

div.contents{
width:820px;
margin:0 auto;
}
div#ticker{
background:url(file:///D|/data/hrk/image/ticker_bg.jpg) no-repeat;
}

p#top_ticker{
width:322px;
margin-left:50px;
padding:0px 0 31px 0;
}



table#c1_1{
margin-left:10px;
margin-bottom:20px;
}
table#c1_2{
margin-left:10px;
}
table#c1_3{
margin-left:10px;
}
table#c1_4{
margin-left:10px;
margin-top:10px;
/*padding-bottom:30px;*/
}
#c1_mid{
padding-bottom:30px;
}


p.text1{
width:316px;
}
p.text2{
width:468px;
margin-top:15px;
}
p.text3{
width:388px;
}
p.text4{
width:341px;
}


td.puru{
padding-left:12px;
}

p.ticker{
width:398px;
margin:0 auto;
margin-top:20px;
}

/**********プロダクト**********/

div#p1{
width:821px;
margin:0 auto;
margin-top:40px;
}


p#cyuui{
width:820px;
margin:0 auto;
margin-top:15px;
margin-bottom:42px;
}
/**********定期**********/

.teiki_1{
width:194px;
background-image: url(../image/c6_b1.gif);
background-repeat: repeat-x;
text-align:center;
}


.teiki_2{
width:194px;
background-image: url(../image/c6_b2.jpg);
background-repeat: repeat-x;
text-align:center;
}


.teiki_3{
width:194px;
background-image: url(../image/c6_b3.gif);
background-repeat: repeat-x;
text-align:center;
}


.teiki_4{
width:194px;
background-image: url(../image/c6_b4.gif);
background-repeat: repeat-x;
text-align:center;
}


/**********天国**********/
/*message*/
.message{
	background:#FFDAD9;
	vertical-align:top;
}
.message_txt{
	background:#FFDAD9;
	vertical-align:top;
	padding:0px 25px 0px 0px;
}

#tengoku{
width:820px;
margin:0 auto;
margin:0px;
line-height:1.6;
background-color: #FFDAD9;
background-image: url(../image/c7_3.jpg);
background-repeat: no-repeat;
}

.tengoku_message{
	width:700px;
	margin-left:30px;
	background:#FFFFCC;
	border:#FF9900 solid 1px;
	padding:20px 30px 20px 30px;
}
.tengoku_message strong{
	display:block;
	margin:0px 0px 0px 0px;
}



div#footer{
width:820px;
margin:0 auto;
padding:0px 0px 30px 0px;
}
p#mail{
width:245px;
margin:0 auto;
}
p#link{
width:419px;
margin:0 auto;
margin-top:25px;
}
p#copy{
width:233px;
margin:0 auto;
margin-top:20px;
}


/* --------- フォント --------- */

.j10 { font-size: 10px; line-height: 16px; }
.j14 { font-size: 14px; line-height: 22px; }
.j18 { font-size: 18px; line-height: 24px; font-weight:bold; }
.j24 { font-size: 24px; line-height: 30px; font-weight:bold; }

.red { color: #FF0000 ;}
.redb { color: #FF0000; font-weight:bold; }
.white { color: #FFF ;}

.both{
clear:both;
}
a:link { 
  color: #CC0000;
  text-decoration: underline;
}

a:visited { 
  color: #CC0000;
	text-decoration:underline;
}

a:hover { 
  color: #CC0000;
  text-decoration: none;
}

a:active { 
  color: #CC0000;
	text-decoration:underline;
}



/* --------- clearfix --------- */

.clearfix:after{
  content:".";/*.という新しい要素を生成*/
	display:block;/*要素をブロック要素に変換*/
	clear:both;/*回り込み解除*/
	visibility:hidden;/*非表示に設定*/
	height:0; /*高さを0*/
}

.clearfix{display:inline-table;zoom:1;}
 /*other IE Mac 5 \*/
 *html.clearfix{height:1%;}
 .clearfix{display:block;}
 /* end other IE Mac5*/


/* --------- margin --------- */

.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}

.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb100 {margin-bottom: 100px !important;}
.mb110 {margin-bottom: 110px !important;}

.mr05 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr20 {margin-right: 20px !important;}

.pd03 {padding: 3px !important;}

.pt10 {padding-top: 10px !important;}
.pt20 {padding-top: 20px !important;}

.ptpb10 {padding-top: 10px !important;
padding-bottom:10px !important;

}

div,form,p,td { 
	margin:0;
	padding:0;
	text-align:left;
	font-size:14px;
	line-height:1.60;
}

img { border:0; }

em { font-style:normal;font-weight:bold; }



#voice {
	width:880px;
	/*text-align:center;*/
	background:#fce0d1;
	padding-bottom:28px;
	background:url(file:///D|/data/hrk/image/v_bg.jpg) no-repeat;
}
/*
#voice_btm {
	width:880px;
	background:url(../image/voice_bottom.gif) no-repeat;
	background-position:left bottom;
	padding-bottom:14px;
	margin-bottom:30px;
}
*/
	#voice h3 {
		padding-bottom:15px;
	}

	#voice #usrbox {
		width:548px;
		height:324px;
		margin-left:47px;
		/*padding-left:10px;
		padding-top:10px;*/
		background:#FFFFFF;
		padding:5px 5px 5px 0;
}