body{ 
background-image:url(image/bg.jpg);
background-position:center;
background-repeat:repeat-y;
font-size:16px; 
margin:0 auto;
padding:0;
}

/* ----- header ----- */

#header{ 
background-image: url(image/header.jpg);
background-repeat:no-repeat;
background-position:center;
height:455px;
margin:0 auto;
}

#header2{ 
margin:0px auto;
padding:30px 50px 0px 0px;
background-image:url(image/header2.jpg);
background-position:center;
background-repeat:no-repeat;
color:#000000;
font-size:10px;
line-height:24px;
width:820px;
height:183px;
text-align:right;
}

#header2 a:link    {color:#000000}
#header2 a:visited {color:#000000}
#header2 a:hover   {color:#000000;background: #ffffff;text-decoration:underline}
#header2 a:active  {color:#000000;background: #ffffff;text-decoration:underline}

/* ----- top ----- */

#top{ 
width:805px;
height:60px;
margin:0 auto;
padding:10px 0px 0px 0px;
}

/* ----- center ----- */

#center { 
width:840px;
height:80px;
background-image: url(image/profile-title.jpg);
background-repeat:no-repeat;
background-position:center;
margin:0 auto;
margin-top:20px;
}

#center2 { 
width:840px;
height:80px;
background-image: url(image/ja-title.jpg);
background-repeat:no-repeat;
background-position:center;
margin:0 auto;
margin-top:20px;
}

/* -美味しい笑顔タイトル- */
#center3 { 
width:840px;
height:80px;
background-image: url(image/smile-title.gif);
background-repeat:no-repeat;
background-position:center;
margin:0 auto;
margin-top:20px;
}


/* -あぐりファミリータイトル- */
#center4 { 
width:840px;
height:80px;
background-image: url(image/family-title.gif);
background-repeat:no-repeat;
background-position:center;
margin:0 auto;
margin-top:20px;
}


/* -あぐりCDタイトル- */
#center5 { 
width:840px;
height:140px;
background-image: url(image/cd-title.gif);
background-repeat:no-repeat;
background-position:center;
margin:0 auto;
margin-top:20px;
}


/* ----- wrapper ----- */

#wrapper{
width:830px;
margin:0 auto;
padding:15px 0px 0px 0px;
}

/* ----- smile ----- */
/* -美味しい笑顔本文- */
#smile { 
width:800px;
height:910px;
margin:0 auto;
margin-top:20px;
font-size:0.9em;
line-height:1.2em;
}


/* ----- family ----- */
/* -あぐりファミリー本文- */
#family { 
width:800px;
height:660px;
margin:0 auto;
margin-top:20px;
font-size:0.9em;
line-height:1.2em;
}


/* ----- cd ----- */
/* -あぐりCD本文- */
#cd { 
width:800px;
height:700px;
margin:0 auto;
margin-top:20px;
font-size:0.9em;
line-height:1.2em;
}

/* ----- JA ----- */

#ja_left { 
width:380px;
height:1520px;
margin-left:10px;
margin-top:20px;
font-size:0.8em;
line-height:1.2em;
float: left;
}

#ja_right { 
width:430px;
height:1520px;
margin:0 auto;
margin-top:20px;
font-size:0.8em;
line-height:1.2em;
float: right;
}

/* ----- NAVIGATION ----- */

#navigation {
width:400px;
float:right;
}

#navigation2 {
width:800px;
height:860px;
padding-top:20px;
float:left;
}

/* ----- MAIN CONTENT ----- */

#content { 
width:420px;
float:left;
}



/* ----- 番組コンセプト ----- */

#concept { 
width:358px;
background-image: url(image/concept.gif);
background-repeat:no-repeat;
background-color:#829c5e;
font-size:0.8em;
color:#666666;
line-height:1.5em;
padding:75px 25px 30px 30px;
}




/* ----- 次回予告 ----- */

#yokoku { 
width:378px;
height:130px;
background-image: url(image/yokoku.gif);
background-repeat:no-repeat;
background-color:#829c5e;
font-size:0.8em;
color:#666666;
line-height:1.5em;
padding:70px 5px 0px 30px;
}

a:link {
	color: #829c5e;
}
a:visited {
	color: #829c5e;
}
a:hover {
	color: #ffffff;
	background: #829c5e;
}
a:active {
	color: #ffffff;
	background: #829c5e;
}

#new { 
width:378px;
height:81px;
background-image: url(image/new.gif);
background-repeat:no-repeat;
background-color:#829c5e;
margin-top:10px;
font-size:0.8em;
color:#7a1d11;
line-height:1.4em;
padding:70px 5px 0px 30px;
}

#whatsnew {
overflow:auto;
width:370px;
height:60px;
font-size:0.9em;
line-height:1.5em;
background: #d9c3b3;
}

#sub { 
width:398px;
margin-top:20px;
font-size:0.8em;
color:#7a1d11;
line-height:1.4em;
padding:0px 0px 0px 10px;
}

#bn { 
width:390px;
margin-left:14px;
margin-top:10px;
font-size:0.8em;
color:#7a1d11;
line-height:1.4em;
}

#mail-qr { 
width:390px;
margin-left:14px;
margin-top:15px;
font-size:0.8em;
color:#7a1d11;
line-height:1.4em;
}


#sub2 { 
width:393px;
margin-right:10px;
margin-top:10px;
text-align:right;
height:60px;
}

#sub3 { 
width:393px;
margin-right:10px;
margin-top:10px;
text-align:right;
height:30px;
}



#comment { 
width:407px;
height:620px;
padding-top:80px;
background-image: url(image/comment.gif);
background-repeat:no-repeat;
font-size:0.8em;
color:#6a6a6a;
line-height:1.4em;
}






/* ----- 出演者写真 ----- */


#morisaki {
overflow:auto;
margin-left:40px;
padding:5px 0px 0px 115px;
background-image:url(image/morisaki.jpg);
background-repeat: no-repeat;
background-position: left top;
width:230px;
height:140px;
font-size:0.9em;
line-height:1.5em;
text-align:left;
}

#morisaki2 {
margin:15px 0px 0px 20px;
padding:5px 0px 0px 225px;
background-image:url(image/morisaki-prf.jpg);
background-repeat: no-repeat;
background-position: left top;
width:500px;
height:220px;
font-size:0.9em;
line-height:1.5em;
text-align:left;
}

#matsuzaka {
overflow:auto;
margin-left:40px;
margin-top:10px;
padding:5px 0px 0px 115px;
background-image:url(image/sasaki.jpg);
background-repeat: no-repeat;
background-position: left top;
width:230px;
height:170px;
font-size:0.9em;
line-height:1.5em;
text-align:left;
}

matsuzaka a:link {
	color: #e16f17;
}
#matsuzaka a:visited {
	color: #e16f17;
}
#matsuzaka a:hover {
	color: #ffffff;
	background: #e16f17;
}
#matsuzaka a:active {
	color: #ffffff;
	background: #e16f17;
}


#matsuzaka2 {
margin:15px 0px 0px 20px;
padding:5px 0px 0px 225px;
background-image:url(image/sasaki-prf.jpg);
background-repeat: no-repeat;
background-position: left top;
width:500px;
height:220px;
font-size:0.9em;
line-height:1.5em;
text-align:left;
}

#okurahoma {
overflow:auto;
margin-left:40px;
margin-top:10px;
padding:5px 0px 0px 115px;
background-image:url(image/okurahoma.jpg);
background-repeat: no-repeat;
background-position: left top;
width:230px;
height:220px;
font-size:0.9em;
line-height:1.5em;
text-align:left;
}

#okurahoma2 {
margin:15px 0px 0px 20px;
padding:5px 0px 0px 225px;
background-image:url(image/okurahoma-prf.jpg);
background-repeat: no-repeat;
background-position: left top;
width:500px;
height:220px;
font-size:0.9em;
line-height:1.5em;
text-align:left;
}

#hr{
background-image:url(image/hr.gif);
background-repeat: no-repeat;
background-position: center;
margin-left:40px;
margin-top:10px;
width:340px;
height:15px;
font-size:0em;
}

#hr2{
background-image:url(image/hr2.gif);
background-repeat: no-repeat;
background-position: center;
margin-left:20px;
width:730px;
height:15px;
font-size:0em;
}


/* ----- h-123 ----- */

h1{
margin:0px;
padding:0px;
font-size:1px;
color:#000000;
}

h2{
margin-top:20px;
text-indent:-9999px;
}

h3{
margin:0px 0 12px 0;
padding:3px 20px 2px;
background-image:url(image/h3_cast.gif);
background-position:left;
background-repeat:no-repeat;
font-size:1.1em;
font-weight:bold;
height:39px;
color:#ffffff;
text-indent:-9999px;
clear:both;
}

h4{
margin:0px 0 12px 0;
padding:3px 20px 2px;
background-image:url(image/h4_naiyou.gif);
background-position:left;
background-repeat:no-repeat;
font-size:1.1em;
font-weight:bold;
height:45px;
color:#ffffff;
text-indent:-9999px;
clear:both;
}







/* ----- footer ----- */

#footer { 

background-image:url(image/footer.jpg);
background-position: center top;
padding:40px 0px 10px 0px;
height:60px;
font-size:0.8em;
line-height:2em;
text-align:center;
color:#ffffff;
clear:both;
}

#footer a:link {
	color: #ffffff;
}
#footer a:visited {
	color: #ffffff;
}
#footer a:hover {
	color: #ffffff;
	background: #68271a;
}
#footer a:active {
	color: #ffffff;
	background: #68271a;
}


.clear {
	clear: both;
}




/* ----- font ----- */

.font-small{
font-size:0.7em
}

.font-green{
font-weight:bold;
color: #829c5e;
}

.font-white{
font-weight:bold;
color: #ffffff;
}

.font-greentight{
color: #829c5e;
}

.font-brown{
font-weight:bold;
color: #ca8331;
}

.font-browntight{
color: #ca8331;
}

.font-black{
font-weight:bold;
color: #333333;
}

.font-bold{
font-weight:bold;
}

.font-orange{
font-weight:bold;
color: #e16f17;
}

.font-red{
font-weight:bold;
color: #ff0000;
}




/* ----- CD ----- */

#cd2 { 
width:390px;
margin-left:14px;
margin-top:10px;
font-size:0.8em;
color:#7a1d11;
line-height:1.4em;
}